/* California List */

/* @group Main & Global */

* { margin:0; padding:0; }

body { font:normal 0.8em Helvetica, Arial, Verdana, sans-serif; line-height:120%; color:#333; background-color:#e2e4f1; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; }

p { margin-bottom:10px; }

blockquote { padding:10px 40px; }

hr { color:#000099; height:1px; border:0; text-align:center; margin:15px 0 20px 0; background-color:#000099; }

.float-left { float:left; z-index:1; }
.float-right { float:right; }

#container { margin:10px auto; position:relative; width:910px; }

#container-center { margin:0 auto; position:relative; width:903px; background:#fff url(images/bkgr.gif) repeat-y top right;	padding:0 7px 0 0; float:left; }


/* Begin Images */

img { border: none; }
p img { padding:0; max-width:100%; }
a img { border:none; }

img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { margin:0 0 2px 10px; display:inline; }
img.alignleft { margin:0 10px 2px 0; display:inline; }
img.left { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }

.alignright { float:right; }
.alignleft { float:left }
.aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; }

.wp-caption { border:1px solid #bfbfbf; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { font-size:0.85em; line-height:17px; padding:0 4px 5px; margin:0; }


/* @group Links */

a, a:visited { color:#000099; text-decoration:none; }
a:hover { text-decoration:underline; }


/* @group Nav */

#suckerfishnav { background:#5263a3 url(http://www.californialist.org/wp-content/themes/custom/images/navbar.gif) repeat-x; font-size:0.9em; font-weight:bold; width:100%; text-transform:uppercase; z-index:1001; -moz-opacity:1; opacity:1; khtml-opacity:1; }
#suckerfishnav, #suckerfishnav ul { float:left; list-style:none; line-height:26px; padding:0; border:1px solid #aaa; margin:0 0 1px 0; width:100%; }
#suckerfishnav a { display:block; color:#e1e5fd; text-decoration:none; padding:0px 30px; }
#suckerfishnav li { float:left; padding:0; }
#suckerfishnav ul { position:absolute; left:-999em; height:auto; width:129px; font-weight:normal; margin:0; line-height:1; border:0; border-top:1px solid #aaa; }
#suckerfishnav li li { width:128px; border-bottom:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #aaa; }
#suckerfishnav li li a { padding:5px 10px; width:108px; color:#e1e5fd; }
#suckerfishnav li ul ul { margin:-17px 0 0 128px; }
#suckerfishnav li li:hover { background:#f7da62; }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a { color:#fff; }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a { color:#fff; }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a { color:#e1e5fd; }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul { left:-999em; }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul { left:auto; background:#5263a3; }
#suckerfishnav li:hover, #suckerfishnav li.sfhover { background:#f7da62; }

.navline { background:url(images/navline.gif) no-repeat top right; }


/* @group Left Column */

#left-column { clear:left; float:left; width:250px; font-size:0.9em; line-height:110%; }

#sidenav { font-size:1.0em; font-weight:bold; text-transform:uppercase; margin:0 0 20px 0; }

#sidenav li { list-style-type:none; padding:8px 20px; height:12px; width:200px; background-color:#ffef8a; margin:0 0 1px 0; }

#sidenav li a { color:#5f6db0; } 

#newsletter { width:220px; height:73px; background:url(images/newsletter1.gif) no-repeat; margin:0 0 20px 0; padding:35px 0 0 0; text-align:center; font-size:0.9em; }

#candidate ul, #eventlist ul { padding:0; }
#candidatelist li, #eventlist li { list-style-type:none; margin:0 0 1px 0; clear:left; min-height:60px; }

#candidatelist { color:#fff; background:url(images/candidates.gif) no-repeat; width:240px; font-weight:bold; font-size:1.2em; padding:28px 0 0 0; }
#candidatelist li { background-color:#202d7b; width:230px; padding:10px 5px; }
#candidatelist img { float:left; border:1px solid #fff; margin:0 10px; }
#candidatelist a { color:#fff; }
.candi-more { background-color:#202d7b; padding:5px; width:230px; clear:left; text-align:center; }

.email-input { margin:0 2px 7px 0; padding:3px; font-size:0.8em; border:1px solid #888; width:130px; text-align:center; background-color:#f4f5f6; }

#poll { margin:20px 0 0 10px; background:url(images/poll1.gif) no-repeat; padding:26px 0 0 0; }

#newsladder { margin:20px 0 0 20px; }

#blogwatch { margin:20px 0 0 10px; background:url(images/blogtop1.gif) no-repeat; padding:26px 0 0 0; }

.box-l { background:url(images/box-bkgr1.gif) repeat-y; padding:5px 15px 5px 10px; font-size:0.9em; width:215px; }
.box-r { background:url(images/box-bkgr2.gif) repeat-y; padding:5px 15px 5px 10px; font-size:0.9em; width:195px; }


/* @group Center Column */

#center-column { float:left; width:413px; }
#center-column h3, #wide-column h3 { font-size:1.1em; padding:10px 0 0 0; }
#center-column ul, #wide-column ul { padding:0 20px 20px 20px; }
#center-column ol, #wide-column ol { padding:0 20px 20px 20px; }
#center-column blockquote, #wide-column blockquote { padding:0 20px 20px 20px; }

#wide-column { float:left; width:883px; }

.post { padding:0 10px 10px 10px; margin:0 0 20px 0; }

.title, .titlew, .title2 { height:29px; overflow:hidden; text-transform:uppercase; padding:7px 0 0 10px; font-size:0.9em; color:#fff; margin:0 0 10px 0; }
.title { background:url(images/blue-bar.gif) no-repeat; width:402px; }
.title2 { background:url(images/yellow-bar.gif) no-repeat; width:392px; color:#000099; }
.titlew { background:url(images/blue-barw.gif) no-repeat; width:863px; margin:10px 0; }
.title a, .titlew a { color:#fff; }
.title2 a { color:#000099; }

.post td { font-size:0.8em; padding:4px 2px; valign:top; }

.video { clear:left; border:3px solid #202d7c; padding:10px 30px 0 30px; margin:10px 0 10px 10px; float:left; width:810px; z-index:0; background-color:#f8f8f8; }

.top { border:3px solid #1e2e7c; padding:20px 10px 10px 10px; margin:0 0 0 20px; float:right; display:inline; width:420px; min-height:200px; background-color:#fff; }


/* @group Right Column */

#right-column { width:230px; float:right; }

#spotlight { margin:20px 0 0 0; color:#888; background:url(images/spotlight-top1.gif) no-repeat; padding:32px 0 0 0; }

#eventlist { background:url(images/events.gif) no-repeat; width:220px; padding:28px 0 0 0; margin:0 0 20px 0; }
#eventlist li { background-color:#ffef8a; width:200px; padding:10px; }
#eventlist li a { color:#5f6db0; }
#eventlist li a:hover { text-decoration:underline; }
.events-more { background-color:#ffef8a; padding:5px; width:210px; clear:left; text-align:center; font-weight:bold; font-size:1.2em; }

.box-bottom { background:url(images/box-bottom1.gif) no-repeat top right; width:230px; height:15px; margin:0 0 15px 0; }
.box-bottom-r { background:url(images/box-bottom2.gif) no-repeat top right; width:220px; height:15px; margin:0 0 15px 0; }


/* @group Bottom bars/logo/footer*/

#footer { clear:both; height:25px; width:900px; background:url(images/bkgr-bottom1.gif) no-repeat top right; font-weight:bold; font-size:0.8em; text-transform:uppercase; padding:5px 0 0 10px; }

#footer li { float:left; list-style-type:none; padding:0 15px; height:25px; }

.footline { background:url(images/footerline.gif) no-repeat top right; }


/* Begin Comments*/

.PostHead { position:relative; clear:left; margin-left:40px; }
.PostHead h1, .events h1 { font-size:18px; line-height:18px; letter-spacing:-1px; font-weight:normal; display:block; color:#cc6600; margin:10px 0 0 0; }
.PostHead h1 a, .events h1 a { color:#000099; text-decoration:none;}
.PostHead h1 a:visited, .events h1 a:visited { color:#000099; text-decoration:none;}
.PostHead h1 a:hover, .events h1 a:hover { color:#b2b2b2; text-decoration:none;}
.PostDate { position:absolute; top:0px; left:-40px; text-align:center; margin:0; padding:2px 10px 2px 0px; list-style:none; border-right:solid 1px #e2e2e2;}
.PostDate .month { display:block; font-size:9px; text-transform:uppercase; line-height:9px; color:#b2b2b2; text-transform:lowercase;}
.PostDate .day { display:block; font-size:20px; font-family:'Arial'; font-weight:normal; line-height:20px; color:#696f96; letter-spacing:-1px;}
.PostDate .year { display:block; font-size:8px; line-height:9px; color:#b2b2b2;}
.PostInfo { padding:0px; margin:0px; color:#b2b2b2; font-size:0.8em;}
.PostInfo a { color:#b2b2b2;}
.PostInfo a:visited { text-decoration:underline; color:#b2b2b2;}
.PostInfo a:hover { text-decoration:underline; color:#696f96; }
.PostContent { padding:3px 0; font-size:12px; line-height:16px; border-top:solid 1px #e2e2e2; margin:10px 10px 0 0;}
.PostContent p { padding:5px 0px; margin:5px 0px; font-size:11px; line-height:15px;}
.PostContent img { padding:1px; border:solid 1px #f0f0f0; margin:0px 15px 15px 0px;}
.PostContent blockquote { padding:0px 10px; background:#fefaf0; margin:0px; color:#993300; border:solid 1px #fbf4e0; border-left:solid 5px #fbf4e0;}
.PostContent blockquote p { font-size:11px; padding:5px 0px; margin:5px 0px; line-height:15px;}
.PostContent ul { font-size:11px; padding-left:12px; }
.Comments { margin:20px 0px 20px 0px ;}

.PostCom { font-size:11px; display:inline; }
.PostCom li { list-style-type:none; }
.PostCom li a { padding:2px 0px 2px 25px; background:url(images/PostComIco.png) no-repeat left top; float:left; text-decoration:none; font-size:11px;}
.PostCom li a:hover { background-position:0% -20px; text-decoration:none;}

.pagetitle {font-size:20px; font-weight:bold; letter-spacing:-1px; padding:0px 0px 5px 0px; margin:0px 0px 20px 0px; text-transform:uppercase; }

.Form {}
.Form h3 {font-size:18px; font-weight:bold; letter-spacing:0px; border-bottom:solid 1px #c5cad0; padding:0px 0px 5px 0px; margin:0px 0px 15px 0px; text-transform:uppercase; }
.Form form { padding:15px 25px 15px 15px; margin:0px; background:#f1f1f1 url(images/FormBkg.gif) no-repeat left bottom; position:relative;}
.Form p { padding:0px; margin:0px; color:#b2b2b2;}
.Form p label { padding-bottom:11px; display:block; }
.Form p label small { font-size:11px; color:#cc3300}
.Form a {color:#696f96;}

.Form .TextField { background:#fff; border:solid 1px #b2b2b2; padding:4px; margin-right:15px;}
.Form .TextArea { background:#fff; border:solid 1px #b2b2b2; padding:4px; margin-bottom:10px;}
 
.Form input.SubmitComment { width:182px; height:24px; background:url(images/SubmitComment.png) no-repeat;}
.Form input.SubmitComment:hover { background:url(images/SubmitComment.png) no-repeat 0 -24px; }
.Form input.SubmitCommentIE { width:182px; height:24px; background:url(images/SubmitComment.png) no-repeat 0 -24px;}

.FormCorner { background:url(images/FormBkgCorner.gif) no-repeat left top; position:absolute; top:0px; right:0px; height:19px; width:19px;}

.Nav { position:relative; height:15px;}
.Nav .Prev { color :#027ee7; padding-left:15px; background:url(images/PrevIco.gif) no-repeat left center; position:absolute; top:0px; left:0px;}
.Nav .Next { color :#027ee7; padding-right:15px; background:url(images/NextIco.gif) no-repeat right center; position:absolute; top:0px; right:0px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { padding:0px; margin:20px 0px 20px 0px ;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 {font-size:18px; font-weight:bold; letter-spacing:0px; border-bottom:solid 1px #c5cad0; padding:0px 0px 5px 0px; margin:0px 0px 20px 0px; text-transform:uppercase; }
.List ol { padding:0px; margin:0px;}
.List li { position:relative; padding:0px; margin:0px 0px 20px 0px; list-style-type:none; font-size:11px;}

.List .ListUser { margin:0px; padding:0px 0px 0px 40px; font-size:14px; line-height:14px; font-family:"Trebuchet MS"; font-weight:bold;}
.List .ListUser a { text-decoration:none;}
.List .ListUser a:visited { text-decoration:none;}
.List .ListUser a:hover { text-decoration:none;}

.List .ListNr { font-size:26px; line-height:26px; font-family:'Arial'; color:#7f7f7f; position:absolute; top:0px; left:0px; text-align:center; padding:2px 10px 2px 0px; margin:0; border-right:solid 1px #e2e2e2;}

.List .ListDate { padding-left:40px;}
.List .ListDate a { text-decoration:none; color:#666;}
.List .ListDate a:visited { text-decoration:none; color:#666;}
.List .ListDate a:hover { text-decoration:none; color:#666; }

.List .ListContent { line-height:14px; border-top:solid 1px #c5cad0; margin:10px 0px 0px 0px;}
.List .ListContent p { padding:3px 0px; margin:3px 0px; line-height:14px;}