/* Theme Name: BrushedMetal Theme URI: http://www.dewdropwebs.com/WPthemes/?p=8 Description: "BrushedMetal" is a three-column red/gray graphical theme. Version: 1.2 Author: DewDrop Author URI: http://www.dewdropwebs.com/WPthemes/ Tags: gravatars, fixed, three column, red, gray, metal */ /* Basics */ .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } *{margin:0; padding:0;} body { background: #5D5B5B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; line-height: 140%; } img{ border: none; padding: 6px; float: left; margin: 0 15px 10px 0;} img a{border:none;} img.left {float: left; border: none; padding: 8px; margin: 0;} img.right {float: right; border: none; padding: 8px; margin: 0;} ul{margin:5px 0 5px 20px;} ol{margin:5px 0 5px 20px;} blockquote{ border-left: 1px solid #455A79; border-right: 1px solid #455A79; margin:10px 12px 10px 12px; padding:10px; } code{ margin:10px; font-family:"Courier New", Courier, monospace; } a, a:link { color: #333333; text-decoration: none; } td { border: 1px solid #dddddd; } /* deal with clearing floating divs */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Links */ a, a:link { color: #333333; text-decoration: none; } /* Container */ #container { width: 910px; margin: 0 auto; background: url('images/repeatback.jpg') repeat-y; color:#000; } /* Header */ #header { width: 910px; height: 190px; background:url('images/headback.jpg') no-repeat; } /* Site Titles (part of header) */ #titles { width:100%; height:51px; margin: 70px 0 0 0; } #titles h1 { color: #E0DFDF; float:left; margin-left:50px; font-size: large; font-weight: bold; letter-spacing: 2px; } div>#titles h1 {margin-left:100px;} #titles h1 a { color: #E0DFDF; text-decoration: none; } #titles h1 a:hover { color: #fff; text-decoration: underline; } #titles h2 { font-size: small; font-weight: normal; font-style: italic; color: #F8EDE1; float:right; margin-right:50px; } div>#titles h2 {margin-right:100px;} /* Top Menu (part of header) */ #menu {width:880px; height:38px; margin-left:20px;} #menu ul { font-size: small; clear: both; background: transparent; list-style: none; text-align: left; } #menu li { display:block; float:left; background:url('images/menuback.jpg') repeat-x; border-left:2px inset #5D5B5B; border-right:2px inset #5D5B5B; height:28px; margin-left:-1px; padding:10px 0 0 0; } #menu a { padding: 5px 15px; text-decoration: none; color: #C0BEBF; } #menu ul li.current_page_item a {color:#ffffff;} #menu ul li a:hover {color:#ffffff;} /* Main Content */ #content { width: 470px; padding: 8px; margin:-18px 4px 0 15px; text-align: justify; float: left; } div>#content {margin: -18px 4px 0 30px;} #content h1 { font-size: large; color: #455A79; font-weight: 300; clear:both; margin: 8px 0 6px 0; padding: 4px 0 4px 0; border-bottom: 1px solid #455A79; } #content h2 { font-size: medium; margin: 1em 0 .7em 0; color: #1670AE; } #content h3 { font-size: small; margin: .5em 0; } #content h4 { font-size: small; margin: .4em 0; } #content ol { margin: .5em 4em; } #content ul { margin: .5em 4em; } #content ul li { list-style-type: square; } .entry { margin: 6px 0 8px 0 ; } .entry p { margin: 6px 0 0 0; } .entry a { color: #2279B6; text-decoration: none; } .entry a:hover { color: #2279B6; text-decoration: underline; } .postmetadata{ clear: both; background:#CFCFD1; padding:6px; margin: 16px 0; border: 1px solid; border-color: #000000 #999999 #999999 #222222; } /* Left Sidebar */ #left { width: 154px; float:left; margin: 0 0 0 27px; padding: 0; } #left h2 { color: #C0BEBF; background: #373C49; font-size: 8pt; padding: 3px 6px; margin: 0; border-bottom: 1px solid #fff; } #left p {margin:0 6px 0 12px; padding: 0;} #left a {color: #000000; text-decoration: none; margin: 0; padding: 0; line-height: 14pt;} #left a:hover {color: #333; text-decoration: underline;} #left ul{ list-style:none; margin: 0 0 12px 8px; padding:0; } #left ul li{ list-style:none; margin:0 0 0 12px; padding:0; text-indent:-12px; line-height:120%; } #left ul ul{ margin:0; padding:0; } #left ul ul li{ list-style:square; list-style-position: inside; margin:0 0 0 12px; padding:0; text-indent:-12px; line-height:120%; color: #455A79; } /* Right Sidebar */ #right { width: 156px; float:left; margin: 0 0 0 10px; padding: 0; } #right h2 { color: #C0BEBF; background: #373C49; font-size: 8pt; padding: 3px 6px; margin: 0; border-bottom: 1px solid #fff; } #right p {margin:0 6px 0 12px; padding: 0;} #right a {color: #000000; text-decoration: none; margin: 0; padding: 0; line-height: 14pt;} #right a:hover {color: #333; text-decoration: underline;} #right ul{ list-style:none; margin: 0 0 12px 8px; padding:0; } #right ul li{ list-style:none; margin:0 0 0 12px; padding:0; text-indent:-12px; line-height:120%; } #right ul ul{ margin:0; padding:0; } #right ul ul li{ list-style:square; list-style-position: inside; margin:0 0 0 12px; padding:0; text-indent:-12px; line-height:120%; color: #455A79; } /* RSS Widget */ .rsswidget img { display: none; } #sidebar h2 a.rsswidget{ color: #fff; text-decoration: none; padding: 0; margin: 0; } #sidebar h2 a.rsswidget a:hover{ color: #fff; text-decoration: none; } #right h2 a.rsswidget{ color: #fff; text-decoration: none; padding: 0; margin: 0; } #right h2 a.rsswidget a:hover{ color: #fff; text-decoration: none; } /* Calendar Widget */ #wp-calendar { margin: 0 auto; text-align: left; } #wp-calendar a{ margin: 0; padding: 0; } /* text Widget */ .textwidget {margin:0 12px 0 12px; padding: 0;} /* Comment Form */ #commentform{ margin:10px; padding:10px;} #commentbox{ width:75%; min-width:400px; margin:5px 5px 0 0;} #author, #email, #url{margin:5px 5px 0 0;} #submit{margin:5px 5px 0 0;} /* Comments */ #comments{ margin:10px; padding:10px; } #comments p { margin: 1em 0; } ol.commentlist { margin: 0; padding: 0; } ol.commentlist li { background: #ececec; margin:10px -30px 10px -30px; padding:6px; border-left:solid 1px #eeeeee; border-top:solid 1px #eeeeee; border-right:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; } ol.commentlist li.alt { background: #DAD8D8; } ol.commentlist a {} ul.comment li { background:transparent; border:0; margin:0.5em 0; padding:0; text-align:left; } cite {} small.commentmetadata {} img.avatar { float:right; margin:0 -30px 0 0; _margin:16px 0 0 0; /* IE6 hack */ width:50px; height:50px; } *:first-child+html img.avatar {margin:20px 0 0 0;} /* IE7 hack */ /* Search */ #searchform {margin:8px 0 8px 12px; padding: 0;} #searchform input { background-color:#fff; font-family: arial, verdana, sans-serif; font-size: 8pt; border:1px solid #BCBCBC; color: #6A6A6A; margin: 4px 0 0 0; padding: 2px 2px 2px 4px; } /* Footer */ #footer { background: url('images/footback.jpg') no-repeat; clear: both; text-align: center; width: 910px; height: 61px; margin: 0; padding: 0; color: #000000; } #footer p {margin:0; padding: 18px 0 0 0;} #footer a {color: #D6C6C6;} .navigation {margin: 0; padding: 0;} #googleads {text-align: center;}