/* Theme Name:simpleX customized by Cleanwebdesign.com Author:Chandra Maharzan, customized for CAPAI by Lisa Onizuka Tags:custom-colors, custom-header, fixed-width, two-columns, black, silver, light, theme-options, right-sidebar, threaded-comments */ body { background:#fafafa; color:#333; font-size:62.5%; /* Resets 1em to 10px */ font-family:Arial, Verdana, Tahoma; text-align:center; margin:0; padding:0; } #page { text-align:left; } #main { position:relative; width:960px; margin:0 auto; } #content { font-size:1.4em; float:left; padding:0 15px; } #header { background:#234267; margin:0; padding:0; width:100%; height:268px; overflow:hidden; position:relative;} #headerimg { width:960px; height:250px; margin:0 auto; position:relative; z-index:500;} #slideShow {z-index:100; position:absolute; top:30px; left:30px; text-align:center; } #slideShow .slide {display:block; width:900px; border:1px solid #ccc; font-size:22px; height:230px; line-height:2; background:#5c738e; overflow:hidden; } #slideShow .slide a {display:block; position:absolute; top:187px; right:0; background:#eee; padding:0 15px; -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; filter:alpha(opacity=80);} #slideShow .slide a:hover {-moz-opacity:1; -khtml-opacity:1; opacity:1; filter:alpha(opacity=100);} #headerimg h1 {font-size:20px; line-height:20px; background:url('http://www.idahocommunityaction.org/wp-content/uploads/2010/06/logo.png') 0 24px no-repeat; padding:5px 0 0 30px; height:260px; width:560px; position:relative; z-index:500;} #header h1, #header h1 a, #header h1 a:hover, #header h1 a:visited { color:#fff; font-style:italic; display:block;} #headerimg .description { color:#aaa; font-size:1.1em; padding-left:40px; } #header #searchform #s { background:#000; color:#ccc; border:1px solid #555; width:130px; padding:4px; font:1.4em arial, verdana, sans-serif; } #header #searchsubmit { background:#666; border:1px solid #777; color:#ccc; padding:3px; font:1.4em arial, verdana, sans-serif; font-weight:bold;} #pagemenu { width:100%; font-size:13px; background:#8f1b40; border-top:1px solid #ddd; font-family:Georgia;} #pagemenu ul#page-list { list-style:none; padding:0; margin:10px auto 0; width:940px; display:block;} #footer { background:#eee; } h2.pagetitle { color:#666; } h1, h1 a, h1 a:hover, h1 a:visited { color:#333; } #sidebar p#findlocal {max-height:200px; overflow:auto; font-size:16px; text-align:center; padding:0; margin:0 0 10px; background:#eeeeee; } #sidebar input, #sidebar input#s {width:200px; border:1px solid #234267; padding:4px; background:#eeeeee; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;} #sidebar input.button, #sidebar input#searchsubmit {text-align:center; border:1px solid #bd7b90; color:#8f1b40; width:110px; padding:3px; margin:5px 53px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;} h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color:#333; } .commentlist li { background:#fdfdfd; } .commentlist li .avatar { border:1px solid #eee; background:#fff; } .commentlist li.alt { background:#fefefe; } small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike { color:#aaa; } code { border:1px solid #eee; background:#fff; } a { color:#8f1b40; border-bottom:1px solid #E8C8C8; border:none; } a:hover { color:#333; background:#E8C8C8; border-bottom:1px solid #c47373; } .post hr { border-top:1px dotted #ccc; } .narrowcolumn .postmetadata2 { border-top:1px solid #eee; border-bottom:1px solid #eee; } .entry img { border:1px solid #eee; } .entry { border-top:1px solid #eee; } #content #searchform #s { background:#ddd; color:#333; border:1px solid #bbb; } #content #searchsubmit { background:#666; border:1px solid #777; color:#ccc; } #commentform input, #commentform textarea, fieldset { border:1px solid #ccc; } #commentform #submit { background:#666; border:1px solid #777; color:#ccc; } legend { background:#ccc; } .commentlist li { border:1px solid #eee; } #sidebar #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color:#fff; } acronym, abbr { border-bottom:1px dashed #ccc; } blockquote { border-left:4px solid #ddd; background:#eee; color:#666; } .wp-caption { border:1px solid #ddd; background-color:#f3f3f3; } .entry a.more-link, .navigation a { color:#666; } .entry a.more-link:hover, .navigation a:hover {color:#333; } #sidebar li#rssfeeds a:hover, #sidebar .textwidget a:hover, #sidebar #tag_cloud a:hover, #sidebar p a:hover{ background:none; border:0; } #sidebar a.fb {outline:none; width:25px; height:25px; padding:0; margin:0 0 10px 0; background:url(http://home.cleanwebdesign.com/~conq/images/facebookIcon.gif) top center no-repeat; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} #sidebar a.fb:hover {background:url(http://home.cleanwebdesign.com/~conq/images/facebookIcon.gif) top center no-repeat; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0;} .navigation { border-top:1px solid #eee; } .narrowcolumn .entry { line-height:1.6em; width:100%; } .narrowcolumn .postmetadata { text-align:left; } small { font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em; line-height:1.5em; } h1, h2, h3 { font-family:Georgia, Sans-Serif, Verdana ; font-weight:normal; } h1 { font-size:4em; text-align:left; padding-left:40px; } h2 { font-size:2.2em; clear:both; } h2.pagetitle { font-size:2.2em; font-style:italic; } h3 { font-size:1.6em; clear:both; } h1, h1 a, h1 a:hover, h1 a:visited { text-decoration:none; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration:none; } .commentlist li, #commentform input, #commentform textarea { font:0.9em Arial, 'Lucida Grande', Verdana, Sans-Serif; } .commentlist li { font-weight:bold; } .commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; } .commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; } #commentform p { font:0.8em Arial, Verdana, Sans-Serif; } .commentmetadata { font-size:0.9em; font-weight:normal; } #sidebar { font:1.2em Arial, Verdana, Sans-Serif; } #sidebar a { border:0; } #sidebar a:hover { border:0; } #sidebar .cat-item a:hover, #sidebar .archives a:hover, #sidebar #archives ul li a:hover, #sidebar .linkcat a:hover, #sidebar .blogroll a:hover { background-color:#E8C8C8; } #sidebar div.flickr_badge_image a { background:#fff; border:1px solid #eee; } #sidebar div.flickr_badge_image a:hover { border:1px solid #ddd; background:#fdfdfd; } /* Begin Calendar */ #sidebar #wp-calendar a { background:#eee; text-decoration:none; margin:0; padding:0;} #sidebar #wp-calendar a:hover { background:#E8C8C8; } #sidebar #wp-calendar th { border-bottom:1px solid #eee; font-style:normal; text-transform:capitalize; text-align:center; } #sidebar #wp-calendar caption { font:bold 1.3em Arial,'Lucida Grande', Verdana, Sans-Serif; text-align:left; margin-top:6px; } #sidebar #wp-calendar #prev a, #wp-calendar #next a { font-size:1em; } #sidebar #wp-calendar { empty-cells:show; margin:10px auto 0; width:190px; } #sidebar #wp-calendar #next a { padding-right:10px; text-align:right; } #sidebar #wp-calendar #prev a { padding-left:10px; text-align:left; } #sidebar #wp-calendar a { display:block; } #sidebar #wp-calendar caption { text-align:right; width:190px; padding-right:10px; } #sidebar #wp-calendar td { padding:3px 0; text-align:center; } acronym, abbr, span.caps { font-size:1.1em; } code { font:0.9em 'Courier New', Courier, Fixed; padding:10px; display:block; } a { text-decoration:none; padding:0 1px; } h1 a, h2 a, h3 a, h1 a:hover,h2 a:hover, h3 a:hover{ border:none; background:none; } .post hr { display:block; border:none; } .narrowcolumn .postmetadata2 { padding:13px 0 16px 0; margin-top:15px; } .entry img { padding:5px; max-width:100%; } /* Begin Structure */ #page { padding:0; width:100%; } /* SimpleX search location */ #searchdiv { position:absolute; top:30px; margin-left:690px; } .narrowcolumn { padding:30px 40px; margin:0px auto; width:580px; } .post { margin:0 0 30px; } .narrowcolumn .postmetadata { padding:0; margin:0; padding:20px 0 40px; } .postmetadata { clear:both; font-size:0.8em; } .clear { clear:both; } #footer { padding:0; margin:0 auto; width:100%; clear:both; overflow:hidden; } #footerarea { width:960px; margin:0 auto; } #footerarea span { margin:0; padding:30px 40px; font-size:1.1em; } #footerarea span#footerleft { float:left; } #footerarea span#footerright { float:right; } /* End Structure */ /* Begin Headers */ h1 { padding-top:20px; line-height:60px; padding-left:0; margin:0; } h2 { margin:10px 0 2px 0; padding-top:10px; } h3 { padding:0; margin:30px 0 0; } h3#comments { padding:0; margin:40px auto 20px ; } /* End Headers */ /* Begin Images */ /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { margin-left:auto; margin-right:auto; } img.alignright { padding:5px; margin:0 0 5px 15px; } img.alignleft { padding:5px; margin:0 15px 5px 0; } .alignright { float:right; } .alignleft { float:left; } /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ /* simpleX addition */ .entry { margin-top:15px; padding-top:15px; float:left; margin-bottom:20px; } .entry p { padding:7px 0 7px 0; margin:0; } .entry p a.img { border:none; background:none; } .entry p a.img:hover { border:none; background:none; } /* end */ #sidebar ul, #sidebar ol, #sidbar li { margin:0; padding:0; list-style:none;} #sidebar a { border:none; display:block; padding:5px 0; } #sidebar a:hover { background:url(images/meta.gif) no-repeat 5px 7px; } * html #sidebar a { height:1px; } #sidebar .archives a, #sidebar .cat-item a, #sidebar .cat-item a:hover, #sidebar #archives ul li a { background:url(images/cat.gif) no-repeat 5px 7px; padding-left:20px; } #sidebar .cat-item a:hover, #sidebar .archives a:hover, #sidebar #archives ul li a:hover { background:url(images/cat.gif) no-repeat 5px 7px; } #sidebar .linkcat a, #sidebar .linkcat a:hover, #sidebar .blogroll a { background:url(images/fav.gif) no-repeat 5px 7px; padding-left:20px; } #sidebar .linkcat a:hover, #sidebar .blogroll a:hover { background:url(images/fav.gif) no-repeat 5px 7px; } #sidebar .textwidget, .widget ul { margin:6px 0; padding:0;} /* End Entry Lists */ /* Begin Form Elements */ #searchform { padding:20px 0; } #searchform #s { width:120px; padding:3px; font:1.1em arial, verdana, sans-serif; } #searchsubmit { padding:3px 10px; font:1.1em arial, verdana, sans-serif; font-weight:bold; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width:130px; } #commentform{ margin-bottom:60px; margin-top:20px; } #commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; font-size:1.2em; } #commentform textarea { margin-top:5px; width:100%; padding:2px; font-size:1.2em; } #commentform #submit { margin-top:5px; padding:5px; font-weight:bold; font-size:1.3em; } legend { font-size:1.2em; font-weight:bold; padding:2px 10px; } .entry form { text-align:left } /* Begin Comments*/ #tabnav { margin:0; padding:0; } #tabnav li { display:inline; list-style:none; font-weight:bold; font:18px Arial; margin:0; margin-right:5px; } a.tabs { padding:5px 10px; background:#eee; border:1px solid #eee; color:#666; } a.tabs:hover { background:#fff; border:1px solid #eee; } a.current { background:#fff; color:#333; } .commentlist { padding:0; } #commentform p { margin:5px 0; } .nocomments { text-align:center; margin:0; padding:0; } /* Threaded Comments */ ol.commentlist { list-style:none; margin:0 0 0em; padding:0; text-indent:0; } ol.commentlist li { margin:15px 0 0px; list-style:none; padding:20px; } ol.commentlist li.alt { } ol.commentlist li.bypostauthor { } ol.commentlist li.byuser { } ol.commentlist li.comment-author-admin { } ol.commentlist li.comment { } ol.commentlist li div.comment-author { } ol.commentlist li div.vcard { } ol.commentlist li div.vcard cite.fn { font-style:normal; font-size:14px; } ol.commentlist li div.vcard cite.fn a.url { } ol.commentlist li div.vcard img.avatar { float:right; padding:2px; } ol.commentlist li div.vcard img.avatar-32 { } ol.commentlist li div.vcard img.photo { } ol.commentlist li div.vcard span.says { } ol.commentlist li div.commentmetadata {margin:0; display:block; } ol.commentlist li div.comment-meta { } ol.commentlist li p {margin:13px 5px 13px 0; line-height:16px; } ol.commentlist li ul { margin:0 } ol.commentlist li div.reply { } ol.commentlist li div.reply a { font-weight:bold; } ol.commentlist li ul.children { list-style:none; margin:2em 0 0; text-indent:0; padding:0} ol.commentlist li ul.children li { font-size:12px; } ol.commentlist li ul.children li.alt { } ol.commentlist li ul.children li.bypostauthor { } ol.commentlist li ul.children li.byuser { } ol.commentlist li ul.children li.comment-author-admin { } ol.commentlist li ul.children li.depth-2 { margin:0; } ol.commentlist li ul.children li.depth-3 { margin:0; } ol.commentlist li ul.children li.depth-4 { margin:0; } ol.commentlist li ul.children li.depth-5 { } ol.commentlist li ul.children li.comment {margin:0;margin-top:20px; } ol.commentlist li ul.children li.odd { } ol.commentlist li.even { background:#fff; } ol.commentlist li.odd { background:#fcfcfc; } ol.commentlist li.parent { } ol.commentlist li.pingback { padding:1em; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even { } ol.commentlist li.thread-odd { } ol.commentlist .navigation { padding:10px 0; margin:10px 0; clear:both; border:none; } #sidebar { width:215px; float:right; margin:20px 60px 20px 0; } #sidebar form { margin:0; } /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor:help; } blockquote { margin:15px 30px 0 10px; padding-left:20px; } blockquote cite { margin:5px 0 0; display:block; } .center { text-align:center; } .hidden { display:none; } hr { display:none; } a img { border:none; } .navigation { margin:50px 0; padding-top:30px; clear:both; } pre { width:500px; margin-right:250px; font-size:1.1em; } /* Captions */ .aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; } .wp-caption { text-align:center; padding-top:4px; margin:10px; } .wp-caption img { margin:0; padding:0; border:0 none; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; } img.wp-smiley { border:none; padding:0; } .entry a.more-link { padding:1px 6px; font-size:0.8em; font-weight:bold; float:right; } .navigation a { font-size:1em; padding:5px 10px; font-weight:bold; } /*simpleX RSS*/ #sidebar li#rssfeeds{ padding-left:18px; margin-left:5px; margin-top:10px; background:url(images/rss.gif) left center no-repeat; } #sidebar li#rssfeeds a, #sidebar .textwidget a, #sidebar .widget_tag_cloud a, #sidebar p a { background:none; display:inline-block; margin:0; padding:0; } #sidebar .widget_tag_cloud a{ margin:5px 5px 0 6px; } #sidebar #wp-calendar { margin:6px; padding:0; } /* Header Menu */ .clearfix:after { content:" "; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:1%; } /* Page Menu CSS */ #pagemenu ul {z-index:100;} #pagemenu ul li.page_item a, #pagemenu ul li.cat-item a { padding:0px 10px; text-decoration:none; border:none; color:#fff; background:#5c738e; } #pagemenu ul li.page_item a:hover, #pagemenu ul li.cat-item a:hover { text-decoration:none; color:#333; background:#fafafa; } #pagemenu #page-list { margin:0; padding:0; } #pagemenu #page-list li { padding:0px; float:left; list-style:none; line-height:28px; display:inline; margin-right:5px; } #pagemenu #page-list li a, #page-list li ul li a { display:block} #pagemenu #page-list li ul { position:absolute; width:12em; left:-999em; border-top:none; margin:0; padding:0; } #pagemenu #page-list li:hover ul, #pagemenu #page-list li.sfhover ul { left:auto; } #pagemenu #page-list li ul li { line-height:28px; width:12em; margin:0px; } #pagemenu #page-list li:hover, #pagemenu #page-list li.hover { position:static; } #pagemenu #page-list li ul ul { margin:-29px 0 0 12em; } #pagemenu #page-list li:hover ul ul, #pagemenu #page-list li.sfhover ul ul { left:-999em; } #pagemenu #page-list li:hover ul, #pagemenu #page-list li li:hover ul, #pagemenu #page-list li.sfhover ul, #pagemenu #page-list li li.sfhover ul { left:auto; } #pagemenu #page-list li:hover ul ul, #pagemenu #page-list li:hover ul ul ul, #pagemenu #page-list li.sfhover ul ul, #pagemenu #page-list li.sfhover ul ul ul { left:-999em; } #pagemenu #page-list li:hover ul, #pagemenu #page-list li li:hover ul, #pagemenu #page-list li li li:hover ul, #pagemenu #page-list li.sfhover ul, #pagemenu #page-list li li.sfhover ul, #pagemenu #page-list li li li.sfhover ul { left:auto; } #pagemenu ul li.page_item, #pagemenu ul li.cat-item { background:#ddd; } #pagemenu ul li.current_page_item, #pagemenu ul li.current_page_item a, #pagemenu ul li.current_page_item a:hover, #pagemenu ul li.current-cat, #pagemenu ul li.current-cat a, #pagemenu ul li.current-cat a:hover { color:#000; background:#fff; } #pagemenu ul li.current_page_item li a { background:#fff; } #pagemenu #page-list li:hover { background:#eee; } #pagemenu #page-list li ul { border:1px solid #ddd; border-width:1px 1px 0;} #pagemenu #page-list li ul li { border-bottom:1px solid #ddd; } #pagemenu #page-list li ul li a {line-height:1.2; padding:5px 3px 5px 10px; font-weight:normal; font-size:11px; color:#234267; background:#eee;} #pagemenu #page-list li ul li a:hover {color:#8f1b40;} td {padding:3px; font-size:13px; line-height:1.3;} td ul, td li {padding:0; margin:5px 5px 5px 10px; } a.post-edit-link {position:absolute; top:10px; right:300px; border:0; background:none; z-index:1;} .entry a {border:0;} .entry a:hover {background:none; border:0;} div.fc#calendar table.fc-header span {width:20px; margin:0; padding:0; } #sidebar h2 { color:#999; border-bottom:3px solid #eee; font-family:Georgia, Arial, 'Lucida Grande', Verdana, Sans-Serif; font-size:18px; padding:5px 0; }