/* Theme Name: Vile Silencer Description: Theme design for VileSilencer.com Version: 1.0 Author: Michael Martin Author URI: http://www.problogdesign.com/ */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ * { margin:0; padding:0;} body { background:#A8ABAE url(images/bg_body.gif) repeat-x; font-family: Arial, Helvetica, sans-serif} a:link, a:visited {text-decoration: underline; color:#3089ae;} a:hover { text-decoration: underline;} #rightpanel a:hover, #footer a:hover, #middlepanel a:hover {text-decoration:none;} p { font-size:11px; font-weight:normal; color:#555555; line-height:1.5em} h1 { font-size:22px; font-weight:normal; color:#376D17} h2 { font-size:21px; font-weight:normal; color:#376d17; font-family:"Georgia", Arial, Helvetica, sans-serif; padding-bottom:5px} h4 { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#195A76} h6 { font-size:11px; font-weight:bold; color:#3089AE; font-family:Verdana, Arial, Helvetica, sans-serif} h6 a { color:#3089ae} img, fieldset { border:none} /* --------------------------------------------- 02. bottom bg shadow --------------------------------------------- */ #bottomshadow { width:100%; float:left; background:url(images/bg_footershadow.gif) repeat-x bottom} /* --------------------------------------------- 03. container --------------------------------------------- */ #container { width:998px; margin:0 auto} /* --------------------------------------------- 04. top nav and search --------------------------------------------- */ #topnav { width:966px; height:39px; float:left; background:url(images/bg_topnav.gif) repeat-x; padding:0 28px 4px 4px} #topnav ul { list-style:none; margin:0; padding:0} #topnav ul li { height:39px; float:left; background:url(images/divider_topnav.gif) no-repeat right; font-size:11px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; padding-right:1px} #topnav ul li a { float:left; color:#FFFFFF; text-decoration:none; padding:13px 30px} #topnav ul li a:hover {color:#C0E5A9; text-decoration:none; background:url(images/bg_topnav_hover.gif) repeat-x} #topnav ul li a.selected {color:#C0E5A9; text-decoration:none; background:url(images/bg_topnav_hover.gif) repeat-x} .search { width:231px; float:right; padding-top:7px} .search fieldset { width:231px; float:left; border:none; margin:0; padding:0} .search fieldset .bg_input { width:193px; float:left; background:url(images/bg_input.gif) no-repeat; border:1px solid #000; border-right:none; } .search fieldset .bg_input .input { width:173px; float:left; background:none; border:none; font-size:11px; font-weight:normal; color:#AFAFAF; padding:6px 10px 5px 10px } .search fieldset input#searchsubmit { width:37px; height:26px;float: right;background:url(images/button_go.gif) 0 0 no-repeat;color:transparent;border-width:0; padding: 0 0 0 37px !important; /* Fix for IE */} .search fieldset input#searchsubmit:hover {cursor:pointer;} /* --------------------------------------------- 05. wrapper --------------------------------------------- */ #wrapper { width:978px; float:left; background:url(images/bg_wrapper.gif) no-repeat 4px 0; padding:0 8px} /* --------------------------------------------- 06. bottom wrapper border --------------------------------------------- */ #bottomborder { width:998px; float:left; background:url(images/border_bottom.gif) no-repeat bottom} /* --------------------------------------------- 07. header - logo and links --------------------------------------------- */ #header { width:952px; height:100px; background:url(images/bg_header.gif) repeat-x; float:left; padding: 0 15px} .logo { width:280px; float:left} .banner { float:right; padding-top:13px} /* --------------------------------------------- 08. content --------------------------------------------- */ #content { width:952px; float:left; background:#FFFFFF url(images/bg_content.gif) repeat-x; border-top:1px solid #CCD5C6; padding:0 15px; padding-bottom:40px} #content p .readmore { font-size:9px; color:#3089ae; font-family:Arial, Helvetica, sans-serif} #content p .readmore a { text-decoration:underline} #content p .readmore a:hover { text-decoration:none} /* --------------------------------------------- 09. category box --------------------------------------------- */ #categorybox { width:946px; height:43px; float:left; background:url(images/bg_categorybox.png) no-repeat; margin-top:-14px; position:relative; padding-bottom:15px} #categorybox ul { list-style:none; margin:0; padding:16px} #categorybox ul li { float:left; font-size:10px; font-weight:bold; color:#3089AE; padding-right:15px} #categorybox ul li a:link, #categorybox ul li a:visited { text-decoration:none; color:#3089AE; margin:0; padding:0} #categorybox ul li a:hover { text-decoration:underline; color:#3089AE} /* --------------------------------------------- 10. quick links --------------------------------------------- */ #quicklinks { width:942px; float:left; padding:20px 15px; padding-top:0px} /* --------------------------------------------- 10.1 quick links - featured story --------------------------------------------- */ #featuredstory { width:340px; float:left; background:url(images/icon_featuredstory.gif) no-repeat top left; padding-left:50px; padding-right:10px} #featuredstory h1 { font-size:22px; font-weight:bold; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; background:url(images/heading_featured_borderbott.gif) no-repeat bottom; padding-bottom:10px; color:#195a76; padding-left:2px; margin-bottom:4px;} #featuredstory h1 a {color:#195a76;text-decoration:none} #featuredstory h1 a:hover {text-decoration:underline;} #featuredstory p { font-size:14px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; padding-bottom:10px; color:#195a76; padding-left:2px; line-height:1.3em} #featuredstory .button_more { width:78px; height:20px; background:url(images/button_bg_more.gif) no-repeat} #featuredstory .button_more a { display:block; text-align:center; color:#FFFFFF; text-decoration:none; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:13px; padding-top:1px} /* --------------------------------------------- 10.2 quick links - banner --------------------------------------------- */ #banner { float:left; margin-top:10px} /* --------------------------------------------- 10.3 quick links - rss subscribe --------------------------------------------- */ #rsssubscribe { width:245px; float:right; padding-left:40px; padding-top:5px} #rsssubscribe .content { width:144px; float:left;} #rsssubscribe .icon { width:86px; float:left; padding-left:6px} #rsssubscribe h1 { font-size:18px; font-weight:bold; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; padding-bottom:2px; color:#195a76; border-bottom:1px solid #195a76; margin-bottom:4px} #rsssubscribe p { font-size:13px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; padding-bottom:5px; color:#195a76; line-height:1.2em} #rsssubscribe .search { width:231px; float: left;} #rsssubscribe .search fieldset input#fb_submit { width:37px; height:26px;float: right;background:url(images/button_go.gif) 0 0 no-repeat;color:transparent;border-width:0; padding: 0 0 0 37px !important; /* Fix for IE */} #rsssubscribe .search fieldset input#fb_submit:hover {cursor:pointer;} /* --------------------------------------------- 11. left panel --------------------------------------------- */ #leftpanel { width:232px; float:left} #leftpanel h1 {width:210px; float:left; background:#38691B; border-bottom:1px solid #000000; padding:5px 10px; font-size:11px; font-weight:bold; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif} #leftpanel-inner .directoryupdate h4 a { text-decoration:none; color:#ffffff} #leftpanel-inner .directoryupdate h4 a:hover { text-decoration: underline} /* --------------------------------------------- 11.1 left panel- blog posts --------------------------------------------- */ #blogposts { width:232px; float:left} #blogposts h6 a { text-decoration:none} #blogposts h6 a:hover { text-decoration: underline} #blogposts p { float:left; padding:10px 0;clear:both;} #blogpost .expost {width:230px;float:left;} #blogposts .subheading {border-bottom:1px dotted #C0C6B2; padding-top:15px; clear:both;} #blogposts .subheading p { padding:5px 0} #blogposts .subheading p a { color:#888888} #blogposts p.readmore {margin:0;padding:0;position:relative;top:-10px;} p.readmore a:hover {text-decoration:none;} span.readmore a:hover {text-decoration:none;} /* --------------------------------------------- 12. middle panel --------------------------------------------- */ #middlepanel { width:426px; float:left; padding-left:12px} #middlepanel h2 a { text-decoration:none; color:#376d17} #middlepanel h2 a:hover { text-decoration: underline} #middlepanel h1 {width:406px; float:left; background:#38691B; border-bottom:1px solid #000000; padding:5px 10px; font-size:11px; font-weight:bold; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif} /* --------------------------------------------- 12.1 middle panel- directory update --------------------------------------------- */ #middlepanel .directoryupdate { width:426px; float:left; border-bottom:10px solid #d9ddd0; padding-top:10px; padding-bottom:5px} #middlepanel .directoryupdate p {font-size:12px; font-family:Arial, "Georgia", Helvetica, sans-serif; padding-bottom:10px; padding-top:10px} #middlepanel .directoryupdate p a.highlight { font-weight:bold; color:#4f7d90; text-decoration:none} /* #middlepanel .directoryupdate img { border:1px solid #222222} */ #middlepanel .subheading { width:424px; float:left; padding-bottom:15px } #middlepanel .left-heading { width:320px; float:left;} #middlepanel .left-heading p { font-size:10px; padding:0; font-family:Arial, Helvetica, sans-serif} #middlepanel .right-photo { width:74px; float: right;} #middlepanel .quote { width:350px; background:url(images/icon_quote.gif) no-repeat 20px 0px; padding-left:59px; padding-right:15px; margin-top:10px; padding-bottom:10px} #middlepanel .quote h2 { color:#649747; font-size:16px; font-style:italic; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif} /* --------------------------------------------- 12.2 middle panel- pagination --------------------------------------------- */ #middlepanel .pagination { width:auto; float:right; padding-top:10px} #middlepanel .pagination p { color:#3089ae} #middlepanel .previous { padding-right:3px} #middlepanel .next { padding-left:3px} /* --------------------------------------------- 13. right panel --------------------------------------------- */ #rightpanel { width:260px; float: right; padding-right:10px} #rightpanel h1 {width:240px; float:left; background:#38691B; border-bottom:1px solid #000000; padding:5px 10px; font-size:11px; font-weight:bold; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif} /* --------------------------------------------- 13.1 right panel - our sponsor --------------------------------------------- */ #rightpanel .oursponsor { width:256px; float:left; padding:10px 0px 10px 4px; background:#d9ddd0; margin-bottom:20px} #rightpanel .oursponsor .ad { float:left; padding-right:2px; padding-bottom:4px} /* --------------------------------------------- 13.2 right panel - about us --------------------------------------------- */ #rightpanel .aboutus { width:240px; float:left; padding:10px 10px 10px 10px; background:#d9ddd0; margin-bottom:20px} /* --------------------------------------------- 13.3 right panel - category --------------------------------------------- */ #rightpanel .category { width:240px; float:left; padding:10px 10px 10px 10px; background:#d9ddd0; margin-bottom:20px} #rightpanel .category ul { width:240px; float:left; padding:5px 0px} #rightpanel .category ul li { list-style:none; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; line-height:2.0em;} /* --------------------------------------------- 14. footer --------------------------------------------- */ #footer { width:942px; float:left; background:#5d5e5f url(images/bg_footer.gif) repeat-x top; border-bottom:1px solid #393b3c; border-top:1px solid #1a1a1a; padding:20px 20px} #footer h3 { font-size:11px; font-weight:bold; color:#cfddae; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #cfddae; margin-bottom:15px} /* --------------------------------------------- 14.1 footer styles --------------------------------------------- */ #footer ul.list { width:260px;} #footer ul.list li { list-style:none; font-size:10px; color:#FFFFFF; line-height:2.0em; font-family:Verdana, Arial, Helvetica, sans-serif} #footer a { color:#FFFFFF;} #footer .resources { width:295px; float:left; padding-right:30px} #footer .categories { width:295px; float:left; padding-right:30px} #footer .whoisvilesilencer { width:285px; float:left;} #footer .whoisvilesilencer p { font-size:10px; padding-bottom:10px; color:#d9ddd0} #footer .whoisvilesilencer .photo { width:83px; float:left; border:1px solid #626668; margin-top:5px} #footer .whoisvilesilencer .content { width:190px; float: right;} /* --------------------------------------------- 15. innerpage styles - left panel --------------------------------------------- */ #leftpanel-inner { width:667px; float:left; position:relative;top:-10px;} #leftpanel-inner h4 {width:647px; float:left; background:#38691B; border-bottom:1px solid #000000; padding:5px 10px; font-size:11px; font-weight:bold; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:15px} #leftpanel-inner h2 a { text-decoration:none; color:#376d17} #leftpanel-inner h2 a:hover { text-decoration:underline;} #leftpanel-inner a:hover { text-decoration: none} #leftpanel-inner h3 { font-family:"Georgia", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#3089ae; padding-bottom:10px; padding-top:20px;} /* --------------------------------------------- 15.1 innerpage styles - left panel - posting --------------------------------------------- */ #leftpanel-inner .directoryupdate { width:647px; float:left; border-bottom:10px solid #d9ddd0; padding-top:10px; padding-bottom:10px; margin-bottom:15px} #leftpanel-inner .directoryupdate p, #leftpanel-inner .directoryupdate ul, #leftpanel-inner .directoryupdate ol { font-family:Arial, "Georgia", Helvetica, sans-serif; padding-bottom:10px; padding-top:10px;font-size: 12px;font-weight: normal;color: #555555;line-height: 1.5em;} #leftpanel .directoryupdate p, #leftpanel .directoryupdate ul, #leftpanel .directoryupdate ol { font-family:"Georgia", Arial, Helvetica, sans-serif; padding-bottom:10px; padding-top:10px;font-size: 11px;font-weight: normal;color: #555555;line-height: 1.5em;} #middlepanel .directoryupdate ul, #middlepanel .directoryupdate ol { font-family:"Georgia", Arial, Helvetica, sans-serif; padding-bottom:10px; padding-top:10px;font-size: 11px;font-weight: normal;color: #555555;line-height: 1.5em;} #leftpanel-inner .directoryupdate p a.highlight { font-weight:bold; color:#4f7d90; text-decoration:none} #leftpanel-inner .directoryupdate ul, #leftpanel .directoryupdate ul, #middlepanel .directoryupdate ul {padding-left:40px;} /* #leftpanel-inner img { border:1px solid #222222} */ #leftpanel-inner .subheading { width:647px; float:left; padding-bottom:15px } #leftpanel-inner .left-heading { width:550px; float:left;} #leftpanel-inner .left-heading p { font-size:10px; padding:0; font-family:Arial, Helvetica, sans-serif} #leftpanel-inner .right-photo { width:74px; float: right;} #leftpanel-inner .content { width:550px;} #leftpanel-inner .content ul.list { padding-left:15px; padding-bottom:15px} #leftpanel-inner .content ul.list li { list-style:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#548636; font-size:12px; background:url(images/bullet_green.gif) no-repeat 0px 4px; padding-left:15px; line-height:1.7em } /* --------------------------------------------- 15.2 innerpage styles - left panel - comments --------------------------------------------- */ #leftpanel-inner .readerscomments { width:647px; float:left} #leftpanel-inner .readerscomments h2 { padding-bottom:15px;} #leftpanel-inner .comments { width:647px; float:left; background:url(images/bg_comments.gif) repeat-y; border-top:1px solid #ededed; padding:20px 0px; padding-bottom:10px} #leftpanel-inner .comments-last { width:647px; float:left; background:url(images/bg_comments.gif) repeat-y; border-top:1px solid #ededed; border-bottom:1px solid #ededed; padding:20px 0px; padding-bottom:10px; margin-bottom:20px} ol.commentlist {list-style:none;margin-bottom:20px;border-bottom:1px solid #ededed;float:left;} ol.commentlist cite.fn {font-style:normal;} #leftpanel-inner .readerscomments .photo { width:50px; float:left} #leftpanel-inner .readerscomments .postedby { width:100px; float:left; padding-left:10px; padding-right:30px} #leftpanel-inner .readerscomments .postedby p a { text-decoration:none; color:#59c1d1} #leftpanel-inner .readerscomments .textblue { color:#59c1d1; font-size:12px} #leftpanel-inner .readerscomments .message { width:340px; float:left} #leftpanel-inner .readerscomments .message p { padding-bottom:10px} /* --------------------------------------------- 15.3 innerpage styles - left panel - form --------------------------------------------- */ #leftpanel-inner fieldset { width:647px; float:left; font-size:12px; padding-top:5px} #leftpanel-inner fieldset .input { width:330px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:6px; background:#e8ecde; border:1px solid #4b4d4d; color:#333333; margin-bottom:10px} #leftpanel-inner fieldset textarea#comment { width:580px; height:150px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:6px; background:#e8ecde; border:1px solid #4b4d4d; color:#333333; margin-bottom:10px} #leftpanel-inner fieldset .button_submit { padding-top:5px} #leftpanel-inner fieldset input#submit {background:url(images/button_submit.gif) 0 0 no-repeat;color: transparent;width:69px;height:24px;border-width:0; padding: 5px 0 0 69px !important; /* Fix for IE */ } #leftpanel-inner fieldset input#submit:hover {cursor:pointer;} form#commentform label {position:relative;top:-17px;left:10px;} html>/**/body form#commentform label {top:0;} /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; 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: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* Begin WordPress Images CSS */ p img {padding: 0;max-width: 100%;} img.centered {display: block;margin-left: auto;margin-right:auto;} img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;} img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;} .alignright {float: right;} .alignleft {float: left} /* End Images */