/*************************************************

CCSAI				 
JULY 2008									
BY 76design			


***************************************************
	GENERIC
	*/


HTML {
	font: 62.5%/160% Arial, Helvetica, sans-serif;   
	background:url('../images/bkg-tile.jpg') top center;
	color: #000;
	min-height:100%;
	}
	
BODY {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background:url('../images/bkg.jpg') top center no-repeat; 
	height:100%;
	}


	
/***************************************************
	WRAPPER
	 */
#wrapper {
	width:940px;
	margin: 0px auto;
	padding:0 10px;
	text-align:left;
	}

/***************************************************
	HEADER 
	
	the header is just the logo + login
	
	*/
#header {padding:20px 0;}

#header #login-link {
	height:110px;
	width:125px;
	display:block;
	background:url(../images/login.gif) no-repeat;
	line-height:108px;
	color:#FFF;
	font-weight:bold;
	font-size:160%;
	padding:0 0 0 10px;
	text-decoration:none;
	float:right;
	}
	
#header #login-link:hover {
	background:url(../images/login.gif) bottom left no-repeat;
	color:#f9c32d;
	}
	
/***************************************************
	MAIN MENU 
	
	There are 3 menus. THe Main menu is the utility bar at the top
	that gives access to the 2 other menus and the search.
	
	*/

#topmenu {
	width:925px;
	background:url(../images/navigation/topmenu-bkg.gif) no-repeat;
	height: 52px;
	padding:15px 0 0px 15px;
	
	}

#topmenu A,
#topmenu .submit {
	background:url(../images/navigation/topmenu-button.gif) no-repeat;
	width:116px;
	height:37px;
	line-height:37px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	font-size:180%;
	float:left;
	display:block;
	margin:0 15px 0 0;
	border:none;
	padding:0;
	}
	
#topmenu A:hover,#topmenu .submit:hover{
	background:url(../images/navigation/topmenu-button.gif) bottom left no-repeat;
	}

#topmenu #search-form {
	float:right;	
	padding:0;
	margin:0;
	width:510px;
	}
	
#topmenu #search-form OL {
	margin:0;
	padding:0;
	}
	
#topmenu #search-form OL OL {
	margin:0 15px;
	}
	
/*the search is broken into a list - the user/post check boxes are in a nested OL */
#topmenu #search-form LI{
	float:left;
	list-style:none;
	}

#topmenu #search-form LI LABEL {
	color:#FFF;
	display:inline; 
	}
	
#topmenu #search-form OL OL LI{
	display:block;
	line-height:8px;
	float:none;
	}
	
#topmenu OL OL {
	margin:0 10px;
	}

#topmenu #search-form INPUT.text {
	width:270px;
	height:30px;
	font-size:220%;
	border:solid 1px #323232;
	margin:0;
	}



/***************************************************
	BROWSE MENU
	*/
	
#browse-menu {
	width:940px;
	margin:15px 0 15px 0;
	padding:12px 0 0px 0;
	background:url(../images/menu-bkg.gif) no-repeat;
	}
	
#browse-menu UL {margin:0;padding:0;}

#browse-menu .menu-wrapper{padding:0 0 20px 0; background:url(../images/navigation/browse-menu-bkg.gif) bottom left no-repeat;}

/* the first LI is the top level listing - info and services, categories and sources) */
#browse-menu LI {
	float:left; 
	list-style:none; 
	margin:0;
	padding:0;
	display:block;
	}
	
#browse-menu LI.info-and-services {width:470px;}
#browse-menu LI.info-and-services  H3 {background:url(../images/navigation/info-and-services-h3.gif) repeat-x;}

#browse-menu LI.categories { width:310px;}
#browse-menu LI.categories  H3 {background:url(../images/navigation/categories-h3.gif) repeat-x;}

#browse-menu LI.sources{width:160px;}
#browse-menu LI.sources  H3 {background:url(../images/navigation/sources-h3.gif) repeat-x;}

#browse-menu LI  H3 {
	height:43px; 
	line-height:30px;
	color:#FFF;
	font-weight:bold;
	padding:0px;
	margin:0;
	}	
	
#browse-menu LI  H3 SPAN {
	height:30px;
	width:5px;
	float:left;
	display:block;
/* 	background:#d14b2e; */
	margin:0 10px 0 0;
	}
	
/*the second level LI is the actual listing of links */
#browse-menu LI LI {
	display:block;
	width:142px;
	margin:0 8px 0 0;
	background:url(../images/navigation/dotted-line.gif) bottom left repeat-x;
	padding:3px 0;
	}
	
#browse-menu LI  UL,#browse-menu LI OL {
	list-style:none;
	margin:0 0 0 10px;
	padding;0;
	}
	
#browse-menu LI LI A {
	color:#000;
	font-weight:bold;
	font-size:120%;
	text-decoration:none;
	margin:2px;
	}
	
#browse-menu LI LI A:hover {
	color:#FFF;
	background:#d75436;
	}
	
/***************************************************
	USER MENU
	*/

.user-menu {
	background: url(../images/usernav-bkd.gif) top center no-repeat;
	font-size:110%;
	margin: 0 12px 10px 12px;
	width: 916px;
	height: 45px;
	}

.user-menu-bottom { height: 1px; clear: left; }

.user-menu UL {
	list-style: none outside;
	margin: 8px 5px 0 10px;
	padding: 0;
	float: left;
	}

.user-menu LI {
	background: url(../images/usernav-light.gif) 0 0 repeat-x;
	height: 30px;
	display: block;
	float: left;
	padding: 0;
	margin: 0 5px 0 0;

	}

.user-menu LI A:LINK,
.user-menu LI A:VISITED {
	text-decoration: none;
	color: #333333;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	display: block;
	padding: 0 3px;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;	
	}

.user-menu LI A:HOVER {
	background: url(../images/usernav-light.gif) 0 -30px repeat-x;
}	

.user-menu LI A:HOVER {
	color: #000000;
	border-left: 1px solid #ebe7ca;
	border-top: 1px solid #ebe7ca;
	border-right: 1px solid #ebe7ca;
	}

/* CONTENT MENU */

.user-menu UL.content-menu LI {
	background: url(../images/usernav-dark.gif) 0 0 repeat-x;
}

.user-menu UL.content-menu LI A:LINK,
.user-menu UL.content-menu LI A:VISITED {
	color: #f2ece9;
	border-left: 1px solid #773114;
	border-top: 1px solid #773114;
	border-right: 1px solid #773114;
	}

.user-menu UL.content-menu LI A:HOVER {
	background: url(../images/usernav-dark.gif) 0 -30px repeat-x;
}

.user-menu UL.content-menu LI A:HOVER {
	border-left: 1px solid #773114;
	border-top: 1px solid #773114;
	border-right: 1px solid #773114;
	color: #ffffff;
	}


/***************************************************
	CUSTOMIZE MENU
	*/

#customize-menu {
	width:940px;
	margin:15px 0 15px 0;
	padding:12px 0 0px 0;
	background:url(../images/menu-bkg.gif) no-repeat;
	display:none;
	}
	
#customize-menu .menu-wrapper {
	padding:0 0 20px 0; 
	background:url(../images/navigation/customize-menu-bkg.gif) bottom left no-repeat;
	}
	
#customize-menu UL {margin:0;padding:0; }

/* the first LI is the top level listing - info and services, categories and sources) */
#customize-menu UL {
	float:left;
	}
	
#customize-menu LI {
	list-style:none; 
	margin:0;
	padding:0;
	display:block;
	}
	
#customize-menu  H3 {
	height:43px; 
	line-height:30px;
	color:#FFF;
	font-weight:bold;
	padding:0px;
	margin:0;
	background:url(../images/navigation/customize-h3.gif)
	}
	
#customize-menu H3 SPAN {
	height:30px;
	width:5px;
	float:left;
	display:block;
	/* background:#d14b2e; */
	margin:0 10px 0 0;
	}

#customize-menu LI {
	display:block;
	margin:4px 8px;
	padding:0;
	}

#customize-menu  LI A LABEL{	
	color:#FFF;
	}
#customize-menu  LI A {
	color:#c49480;
	font-weight:bold;
	font-size:140%;
	margin:0 0 0 10px;
	text-decoration:none;
	background:url(../images/navigation/customize-li-bkg.gif) top left no-repeat;
	height:31px;
	line-height:31px;
	display:block;
	width:208px;
	
	}
	
#customize-menu  LI A .checkbox {
	margin:7px 10px;
	display:block;
	float:left
	}
	
#customize-menu  LI A:hover,
#customize-menu  LI A.selected {
	background:url(../images/navigation/customize-li-bkg.gif) bottom left no-repeat;
	color:#FFF;
	}
	
#customize-menu  LI INPUT.submit {
	background:url(../images/navigation/customize-save-selection.gif) top left no-repeat;
	color:#FFF;
	width:208px;
	height:60px;
	font-weight:bold;
	font-size:180%;
	margin:4px 0 4px 10px;
	border:none;
	}
	
#customize-menu  LI INPUT.submit:hover {
	background:url(../images/navigation/customize-save-selection.gif) bottom left no-repeat;
	}
	
/***************************************************
	SIDE MENU 
	
	the sidemenu is the left hand column present on any page with
	profile information. For instance, the profile page, or a post
	
	*/
	
#sidemenu{
	width:215px;	
	float:left;
	background:#efcb6e;
	margin: 0 0 20px 0;
	}
	
#sidemenu IMG {
	display:block; /* shawn's what the hell moment of the day */
	}
	
#sidemenu H2  {
	background:#69260c;
	color:#FFF;
	font-size:160%;
	margin:0;
	font-weight:bold;	
	padding:10px 0 10px 10px;
	}
#sidemenu H2 A {
	color:#FFF;
	text-decoration:none;
	}
/***************************************************
	SIDE MENU  » PROFILE INFO (desc/vitals)
	*/	
#content #sidemenu #profile-info {
	margin:0;
	padding:20px;
	list-style:none;
	background:#ebc96c url(../images/navigation/dotted-line.gif) bottom left repeat-x;
	}
	
#content #sidemenu #profile-info LI{
	list-style:none;
	background:none;
	font-size:120%;
	margin:0;
	padding:0;
	}
	
#content #sidemenu #profile-info LI STRONG {
	width:65px;
	font-weight:bold;
	color:#d75436;
	display:block;
	float:left;
	}
#content #sidemenu #profile-info A {
		text-decoration:none;
		color:#000;
		}
				
/***************************************************
	SIDE MENU  » TABLES (stats/feed )
	*/
		
#sidemenu TABLE {
	margin:0;
	padding:0;
	}
#sidemenu THEAD TH{
color:#FFF;
	padding:2px 10px;
	font-size:120%;
}	
#sidemenu #user-statistics THEAD TH{	background:#ac1f00;	}
#sidemenu #user-feeds THEAD TH{background:#f16126;}
#sidemenu #other-posts THEAD TH{background:#e4984e;}
#sidemenu #latest-posts THEAD TH{background:#a8a06b;}

	
	
#sidemenu  TBODY TH,
#sidemenu  TBODY TD,
#sidemenu  THEAD TH,
#sidemenu  THEAD TD {
	border:none;
	}
	
#sidemenu TBODY TH {
	background:#f2d58b url(../images/navigation/dotted-line.gif) bottom left repeat-x;
	color:#d75436;
	text-align:right;
	width:20px;
	font-size:120%;
	padding:2px 6px;
	margin:0;
	border-right:solid 1px #CFAC4D;

	}
#sidemenu TBODY.posts TD{	
	font-size:100%;
}
#sidemenu TBODY TD {
	background:#efcb6e url(../images/navigation/dotted-line.gif) bottom left repeat-x;
	font-size:120%;
	font-weight:bold;
	width:100%; /*this is a retarded ie hack */
	padding:0:
	}
#sidemenu TBODY TD A{
	color:#222;
	text-decoration:none;
	display:block;
	}	
#sidemenu TBODY TD A:hover{
	color:#d75436;
	
	}
#sidemenu #profile-description STRONG {
	font-weight:bold;
	color:#d75436;
		font-size:120%;
	}
	
#sidemenu #profile-description {
	padding:10px 20px 0 20px;

	line-height:120%;
	}
	
#sidemenu .rss {
	/*display:none;*/
	}	

#sidemenu TR.selected TD,
#sidemenu TR.selected TH {
	background:#d95822 url(../images/navigation/dotted-line.gif) bottom left repeat-x;
	font-size:120%;
	font-weight:bold;
	color:#FFF;

}

#sidemenu TR.selected TD A:LINK,
#sidemenu TR.selected TD A:VISITED, 
#sidemenu TR.selected TD A:HOVER {
	color: white;
	
}

/***************************************************
	PROFILE » FILTER
	*/
.filter {
	background:#63593e;
	padding:4px 4px 4px 60px;}

.filter SELECT {
	width: 120px;
	margin:0 3px;
	padding:0;
	float:left;
	}
.filter .submit {
	background:#f9d470 url(../images/yellow-button-gradient.jpg) bottom left repeat-x;
	border:solid 1px #c19a36;
	border-bottom:none;
	padding:3px 10px;
	color:#000;
	margin:0 3px;
	line-height:120%;

	}
/***************************************************
	USER FEEDBACK (rating/flag articles)
	*/		
#user-feedback {
	background:#72726d;
	padding:5px 15px;
	}
#user-feedback H3 {
	float:left;
	color:#FFF;
	font-weight:bold;
	margin:0 15px 0 0;
	line-height:20px; /*to line up with rating */
	}
	
#rating-bar {
	background:url(../images/rating-bkg.gif) no-repeat;
	display: block;
	overflow: hidden;
	height: 20px;
	width: 196px;
	text-align: left;
	position: relative;
	color: white;
	}
	
#rate {
	background:url(../images/rating.gif) no-repeat;
	display: block;
	text-align: right;
	height: 20px;
	width: 0%;
	line-height: 20;
	}
	
.flag-article {
	color:#FFF;
	font-weight:bold;
	background:url(../images/icons/flag.gif) no-repeat;
	padding:0 0 0 25px;
	float:right;
	text-decoration:none;
	}
	
/***************************************************
	SHARE BAR (social media links)
	
	*/	
	
#share-bar {
	background:#000 url(../images/navigation/dotted-line.gif) bottom left repeat-x;
	padding:8px 15px;
	}

#share-bar  A {
	display:block;
	float:left;
	padding:0 0 0 20px;
	margin:0 10px 0 0;
	text-decoration:none;
	}
	
#share-bar .digg {background:url(../images/icons/icon-digg.gif) no-repeat;}
#share-bar .reddit {background:url(../images/icons/icon-reddit.gif) no-repeat;}
#share-bar .delicious{background: url(../images/icons/icon-delicious.gif) no-repeat;}
#share-bar .trackback{background:url(../images/icons/icon-trackback.gif) no-repeat;}


/***************************************************
	COMMENTS
	*/
#comments {
	background:#454543 url(../images/navigation/dotted-line.gif) bottom left repeat-x;
	}
	
#comments #postcomment-btn{
	float:right;
	display:block;
	padding:3px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	width:100px;
	font-weight:bold;
	margin:15px 15px 0 0;
	background:#D75436;
	}

#comments #postcomment-btn:hover {
	background:#f76c4c;
	}
	
#comments H2 {
	color:#FFF;
	font-weight:bold;
	background:none;
	padding:15px 15px 0 15px;
	}
	
#content #commentlist {
	padding:0;
	margin:0;
	}
	
#content #commentlist LI {
	padding:15px;
	color:#FFF;
	margin:0;
	background:url(../images/navigation/dotted-line-light.gif) bottom left repeat-x;
	list-style:none;
	}
	
#commentlist H4 {color:#d35235;}	
#commentlist H4 A {
	color:#f5f4e4;
	font-size:120%;
	text-decoration:none;
	}
	
#addcomment{
	background:#323232;
	padding:15px;
	}
#comments #addcomment{
	color:#FFF;
	}
	
#comments #addcomment H2,
#comments #addcomment H2 A {
	padding:10px 0;
	color:#FFF;
	}
		
#addcomment TEXTAREA {
	width:460px;
	font-size:110%;
	color:#000;
	font-family:Arial;
	}
	
#addcomment .submit INPUT {
	background:url(../images/navigation/topmenu-button.gif) no-repeat;
	width:116px;
	height:37px;
	line-height:37px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	font-size:120%;
	float:right;
	border:none;
	padding:0;
	display:block;
	margin:10px 0 0 0;
	}
	
/***************************************************
	PAGINATION 
	*/
	
.pagination {
	background:#453120;
	padding:10px 15px; 
	font-size:140%;
	}
	
#content .pagination UL {
	float:left;

/* 	width:346px; */
	margin:0;
	padding:0;
	}
	
#content .pagination LI {
	background:none;
	float:left;
	margin:0 14px ;
	color:#FFF;
	text-align:center;
	padding:3px 0;
	font-weight:bold;
	}
	
.pagination .button {
	float:left;
	background:#f9d470 url(../images/yellow-button-gradient.jpg) bottom left repeat-x;
	border:solid 1px #c19a36;
	border-bottom:none;
	padding:3px 10px;
	color:#000;
	margin:0 3px;
	float:left;
	font-weight:bold;
	}
	
.pagination A {
	color:#857a5d;
	text-decoration:none;
	}
	
.pagination A:hover {
	color:#FFF;
	}
	
/***************************************************
	RIGHT COLUMN
	*/
	
#right-column{

	margin:10px 0 10px 0;
	width:200px;
	float:left;
	color:#FFF;
	}
	
#right-column .top{
	background:url(../images/right-column-top.gif) no-repeat;
	height:15px;
	}
	
#right-column .bot {
	background:url(../images/right-column-bot.gif) bottom left no-repeat;
	height:20px;
	}

#right-column .content {
	background:#d75436;
	padding:0 8px 10px 8px;
	}
	
#right-column IMG{
	margin:0 0 15px 0;
	}
	
#right-column H3 {
	font-size:150%;
	color:#FFF;
	font-weight:bold;
	margin:15px 0;
	}
	
#right-column FORM OL {
	margin:0;
	padding:0;
	}
	
#right-column FORM LI {
	list-style:none;
	}
	
#right-column FORM {
	margin:5px 5px 0 5px;
	color:#FFF;
	font-size:120%;
	}
	
#right-column FORM INPUT {
	width:170px;
	height:20px;
	padding:1px 0;
	margin:3px 0;
	}
	
#right-column FORM INPUT.submit {
	width:83px;
	background:url(../images/right-column-submit.gif);
	height:26px;
	font-weight:bold;
	color:#3b3b3b;
	float:right;
	}
	
/***************************************************
	UTILITY NAV 
	
	These are the links that are in flux located in the right bar.
	*/	
	
#utility-nav{	
	margin:0 0 15px 0;
	padding:0;
	background:url(../images/navigation/utility-nav-top.gif) no-repeat;
	}

#utility-nav UL {
	margin:0;
	padding:10px 0 0 0;
	}
	
#right-column #utility-nav .bot {
	background:url(../images/navigation/utility-nav-bot.gif) bottom left no-repeat;
	height:10px;
	margin:0;
	}
	
#right-column #utility-nav LI{
	list-style:none;
	border-bottom:solid 1px #93634d;
	display:block;
	}
	
#right-column #utility-nav LI.last{
	border:none;
	}
	
#right-column #utility-nav LI A {
	background:#742a0d url(../images/double-bullet.gif) 10px 8px no-repeat;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:4px 0 4px 25px;
	font-size:110%;
	display:block;
	}

#right-column #utility-nav LI A:hover  {
	background:#834026 url(../images/double-bullet.gif) 10px 8px no-repeat;
	}

/***************************************************
	CONTENT
 	*/

	
#content {
	width:740px;
	float:left;
	font-size:110%;
	margin:15px 0 0 0;
	line-height:160%;
	margin-top: 10px;
	}
	
#content UL LI {
	background:url(../images/bullet.gif) 0 6px no-repeat;
	padding:0 0 0 20px;
	list-style:none;
	margin:15px 0;
	}
	
#content OL LI{
	list-style:decimal outside;
	padding:0;
	margin:15px 0 15px 20px;
	background:none;
	}
	
#content OL LI UL LI{
	list-style:none;
	}
	
#flash-message {
	padding: 10px 10px 10px 32px;
	border: 1px dashed white;
	font-size: 120%;
	font-weight: bold;
	color: white; 
	}


.error {
	background: #ff0000 url(../images/icons/error.gif) 10px 50% no-repeat;
	}	


.success {
	background: #197b30 url(../images/icons/accept.gif) 10px 50% no-repeat;

	}

/* FORMS */

#content FORM.fc-form OL {
	list-style: none outside;
	margin: 0 0 1em 0;
	padding: 0;
}

#content FORM.fc-form OL li {
	list-style: none outside;
	padding: 0;
	margin: 0 0 0.75em 0;
}

#content FORM.fc-form LABEL {
	float: left;
	display: block;
	width: 160px;
	line-height: 25px;
}

#content FORM LI SPAN {
	margin-left: 5px;
}

#content FORM.fc-form INPUT.submit,
#content FORM.fc-form INPUT[type="submit"],
DIV.buttons INPUT {
	display: block;
	background:url(../images/largebutton-bkd.gif) 0 0 repeat-x;
	/* width:116px; */
	height:35px;
	line-height:35px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	font-size:160%;
	margin:10px 15px 20px 0;
	border: 1px solid black;
	padding:0 10px;
	}
	
#content FORM.fc-form INPUT.submit:hover,
#content FORM.fc-form INPUT[type="submit"]:hover,
DIV.buttons INPUT:hover {
	background:url(../images/largebutton-bkd.gif) 0 -35px repeat-x;
	}

#content SMALL {
	font-size: 85%;

}

FIELDSET LEGEND {
	font-weight: bold;
	font-size: 85%;
	text-transform: uppercase;
	letter-spacing: 5;
	color: #d75436;
	margin: 0;
	padding-top: 10px;
	}

.fc-form FIELDSET OL LI {
	clear: both;
}

.fc-form FIELDSET OL LI DIV {
	width: 220px;
	overflow: hidden;
	display: block; 
	float: left;
}

.fc-form  FIELDSET OL LI DIV.input {
	width: auto;
	overflow: hidden;
	display: block; 
	float: left;
}

#content .fc-form .primary_tag_wrapper {
	
	width: 680px;
}
#content .fc-form .primary_tag_wrapper LABEL {
	clear:both;
	}
.primary_tag_wrapper h5 {
	color: #000;
	margin:30px 0 0 0px;
	padding: 0;
	font-size:130%;
	padding:0 0 5px 0;

	font-weight: bold;
	border-bottom:solid 3px #DE5923;
}

#primary_tag_container {
	color: black;
	clear: both;
	background: #e2ddb6 url(../images/primary-tag-container-box.gif) bottom center no-repeat;
	width: 660px;
	padding: 0px 10px 15px 10px;
}

.primary_tag_wrapper #primary_tag_container INPUT {
	float: left;
	margin-top: 5px;
}

LI.primary_tag_wrapper {
	clear: both;
	margin: 20px 0 20px 0;
	background: #ccc7b7;

	display: block;
}

DIV.buttons {
	clear: both;
	margin: 10px 0 5px 0;
}

/***************************************************
	FOOTER
	 */

#footer {
	clear:both;
	margin: 20px 0;
	background: url(../images/footer-bkd.gif) top center no-repeat;
	height: 30px;
	width:940px;
	}
	
#footer UL {
	float:left;
	width:300px;
	padding: 7px 0;
	}	
	
#footer LI {
	float:left;
	list-style:none;
	margin:0 20px 0 0;
	}
	
#footer A {
	color:#000;
	font-size:110%;
	font-size:110%;
	text-transform:lowercase;
	text-decoration:none;
	}
	
#footer A:hover{	
	color:#FFF;
	background:#d75436;
	}
	
#footer P {
	float:right;
	margin:5px 10px;
	padding:0;
	}