/*
	Developed By: Chris Carlevato
*/

/*	You can edit this file however you'd like for your template,
	or create a new one and delete it.	*/
	
/* CSS workarounds
=====================================================================*/
	/*--- IE ---*/
	@import url("ieStyles.css");
	
/*===================================================================*/
	
html, body { color: #000; font: 12px/16px arial, helvetica, verdana, sans-serif; padding: 0; margin:0 auto; background-color:#9CD1D2;}
#wrap {margin:0 auto; width:930px; background:#9cd1d2;}
#container {
	margin:0 auto;
		width: 772px;
		background: #fff;
		margin-bottom:.7em;
		padding:1em 0;
		border: 1px solid #A7A9AC;
	}
	
/*------------------------------------------------------------------------------------*/

#header {width:770px;}
#headerMenu ul{margin:0; padding-right:10px; list-style:none; float:right; color:#e14b36;}
#headerMenu ul li{float:right; text-decoration:none; color:#e14b36; margin-top:10px; font-weight:bold; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#headerMenu ul a{padding:.5em; text-decoration:none; color:#e14b36; font-weight:bold;}
#headerMenu ul .last a{background:none;}
#headerMenu ul a:hover{text-decoration:underline;}
#headerMenu ul .currentHM{text-decoration:underline;}

.logoCpclax{float:left; margin-bottom:1em;}
.logoCpclax a{text-decoration: none; border:none;}

ul#mainNav {margin:0; padding:0; color:#fff;list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px; display:block; float:left; background-color:#74698b; width:772px; border-top: 1px solid #A7A9AC; border-bottom: 1px solid #A7A9AC;}

ul#mainNav li {display:block; float:left; margin:0; padding:3px 1px 3px 0;}
ul#mainNav li a, ul#mainNav li a:link {display:block;margin:0;padding:0 12px 0 14px;color:#fff;line-height:28px;text-decoration:none;}
*html #mainNav a, * html #mainNav a:link{height:1%; width:1%;}

.issue {background:url(cpclaxImg/btnRed.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}
.calendar{ background:url(cpclaxImg/btnOrange.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}
.guide{ background:url(cpclaxImg/btnYellow.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}
.parenthood{ background:url(cpclaxImg/btnGreen.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}
.archives{ background:url(cpclaxImg/btnBlue.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}
.about{ background:url(cpclaxImg/btnPurple.jpg) center center repeat-x;}
	
.issue:hover{background:url(cpclaxImg/btnRedRoll.jpg) center center repeat-x; }
.currentI {background:url(cpclaxImg/btnRedRoll.jpg) center center repeat-x; border-right:1px solid #A7A9AC; cursor:default;}
	
.calendar:hover{background:url(cpclaxImg/btnOrangeRoll.jpg) center center repeat-x;}
.currentC {background:url(cpclaxImg/btnOrangeRoll.jpg) center center repeat-x; border-right:1px solid #A7A9AC; cursor:default;}
	
.guide:hover{background:url(cpclaxImg/btnYellowRoll.jpg) center center repeat-x;}
.currentG {background:url(cpclaxImg/btnYellowRoll.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}
	
.parenthood:hover{background:url(cpclaxImg/btnGreenRoll.jpg) center center repeat-x;}
.currentP {background:url(cpclaxImg/btnGreenRoll.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}

.archives:hover{background:url(cpclaxImg/btnBlueRoll.jpg) center center repeat-x;}
.currentA {background:url(cpclaxImg/btnBlueRoll.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}

.about:hover{background:url(cpclaxImg/btnPurpleRoll.jpg) center center repeat-x;}
.currentAus {background:url(cpclaxImg/btnPurpleRoll.jpg) center center repeat-x; border-right:1px solid #A7A9AC;}


.clear{clear:both;}

/* Footer
	======================================================================*/
	#footer {clear:both; margin-top:2em; padding-top:1em;}
	#footer p {text-align:center; font-size:.8em; margin-bottom:0;}
	#footer p a{text-decoration:none; color:#900; cursor:pointer;}
	#footer p a:hover{text-decoration:underline; color:#900; cursor:pointer;}
	
/*=======================================================================*/
#content {
	float: left; 
	text-align: left; 
	padding: 15px 15px 5px 15px;
	width: 71%;
	}
#controls {
	float: left;
	padding: 0 0 5px 13px;
	width: 23%;
	}
#language {
	text-align: center;
	padding: 10px 0 15px 0;
	}
#billboard {
	text-align: left;
	}
#billboard h1{font:Geneva, Arial, Helvetica, sans-serif; font-size:19px; color:#0e2b43; font-weight:bold; padding:0; margin:0;}
#billboard p {padding-left:10px; padding-top:0; color:#000; margin:0;}
#rssLinks {
	width: 760px; 
	padding: 0;
	margin: auto auto auto auto ; 
	
	}
#copyright {
	clear: both; 
	color: #666666;
	background: #FFFFFF;
	padding: 5px 0px 5px 15px;
	line-height: 17px;
	}
a.copyright,
a.copyrightR {
	text-decoration: none;
	color: #666666;
	background: #FFFFFF;
	}
a.copyright:hover {
	text-decoration: underline;
	color: #FF6600;
	background: #FFFFFF;
	}
a.copyrightR:hover {
	text-decoration: underline;
	color: #006532;
	background: #FFFFFF;
	}
.setupText{
	font-family: Verdana, sans-serif;
	font-size: 11px;
    border-top: 1px solid #555; 
    border-left: 1px solid #555; 
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    padding: 1px; 
    color: #333; 
	vertical-align: center;
	}
#twitter_div{border: solid 1px #CCCCCC;}
.twitter-title{font-size:11px;padding-left:5px;}
#twitter_update_list{padding:0px;list-style:none;}
#twitter_update_list li{padding:5px 5px 5px 5px;}