/* Theme Name: Brownstones Theme URI: http://www.brownstoneshoa.org Description: Design by Josh Gilmore. A custom design created for The Brownstones Author: Josh Gilmore Author URI: http://www.joshgilmore.net Version: 1.0 License: General Public License (GPL) */ /* AUTHOR: Josh Gilmore info@joshgilmore.net www.joshgilmore.net */ /* COLORS USED */ /* SITE LAYOUT */ * { margin: 0; padding: 0; } html { overflow-y: scroll; background:#682000; background-image: url(images/bg.gif); background-repeat: repeat-y; background-position:center;} .floatleft { float: left; } .floatright { float: right; } .clear { clear: both; } a:link, a:visited { outline: none; text-decoration: none; color: #E04300; font-weight: bold; } a:hover, a:active {color: #682000; } a:hover img, a:active img {opacity:.9; filter:alpha(opacity=90)} a img { border: none; } a { outline: none;} ul { list-style: none; padding: 0; margin: 0;} li { list-style: none; padding: 0; margin: 0;} p {margin: 0px 0px 10px 0px; font-family: arial;font-size: 12px;text-align: justify;color: #682000;vertical-align:top;} hr {color: #C4C0B2; background-color: #C4C0B2; height: 3px; margin: 15px 0px; } body {font:76%/135% Arial, Helvetica, sans-serif;padding:0 0 10px 0;margin: 0;min-width:760px;color: #682000;background-color:F4F1E6;} #wrap {width:760px;margin:0 auto;} #left-side {width: 520px; float: left; overflow: hidden;} #right-side {width: 240px;float: left; overflow: hidden; } #header {height:250px;background:url(images/headeranimated.gif) 0 0 no-repeat;} #nav {float:left;width:760px;margin-top:-19px;font-size:0.94em;line-height:1em;} #nav ul {margin:0;padding:0 0 0 28px;list-style:none;} #nav li {float:left;margin:0 0 0 -1px;padding:0 0 0 6px;background:url(images/nav1.gif) 0 100% no-repeat;} #nav li:hover {background-position:-6px 100%;} #nav a {float:left;display:block;color:#473215;font-weight:bold;font-family:Arial, Helvetica, sans-serif;background:url(images/nav2.gif) 100% 100% no-repeat;padding:5px 14px 12px 8px;text-decoration:none;} #nav li:hover a {background-image:url(images/nav1.gif);} #nav a:hover {color:#000;text-decoration:none;} #nav ul li.current_page_item {background-position:-12px 100%;padding-left:26px;margin:0 2px 0 1px;} #nav ul li.current_page_item a {background-image:url(images/nav2s.gif);padding-left:0;padding-right:19px;} #nav #t1,#news #nav #t1 {margin-left:0;} #nav #t7,#login #nav #t7 {margin-right:0;} h1 {font-family: times new roman;font-size: 17px;color: #0072A3;font-weight: bold; padding: 0 0 10px 0 } h2 {font-family: times new roman;font-size: 18px;color: #682000;font-weight: bold; padding: 0 0 10px 0 } h3 {font:arial;font-size: 10px;text-transform:uppercase;letter-spacing:.2em;color:#A1A1A1;margin-bottom:0px;} /* SQUARE BOX */ .roundbox-tr2 { margin:0px auto; /* space from top */ padding:0; background:url("images/tr2.gif") no-repeat right top; width: 105%; } /* top-left corner and left side */ .roundbox-tl2 { margin:0; padding:0; background: url("images/tl2.gif") no-repeat left top; } /* bottom-right corner and bottom side */ .roundbox-br2 { margin:0; padding:0; background: url("images/br2.gif") no-repeat right bottom; } /* bottom-left corner */ .roundbox-bl2 { margin:0; padding:0; background: url("images/bl2.gif") no-repeat left bottom; } /* content div, it could be omitted (the content going into "roundbox-bl" but I felt that alinging the content was easier with "roundbox-content" in place */ .roundbox-content2 { margin:0; padding:25px 10px 20px 22px; } .roundbox-content2 p { margin:0; padding:0; line-height:normal; } #quick-links {padding: 0px 0 0px 0} #quick-links ul {list-style:none;width:280px;} #quick-links li {list-style:none;font-size: 20px;letter-spacing: -1px; font-family: times new roman} #quick-links li a:link, #quick-links li a:visited {line-height:14px;padding: 5px 0px 5px 23px;background-image: url(images/bullet.gif);background-repeat: no-repeat;background-position: center left;display:block;font-weight:normal;width:200px; color: #682000; } #quick-links li a:hover, #quick-links li a:active {color: #E04300;} #quick-links-left {padding: 0px 0 0px 0} #quick-links-left ul {list-style:none;width:280px;} #quick-links-left li {list-style:none;font-size: 20px;letter-spacing: -1px; font-family: times new roman} #quick-links-left li a:link, #quick-links-left li a:visited {line-height:14px;padding: 5px 0px 5px 23px;background-image: url(images/bullet2.gif);background-repeat: no-repeat;background-position: center left;display:block;font-weight:normal;width:200px; color: #682000; } #quick-links-left li a:hover, #quick-links-left li a:active {color: #E04300;} #weather {width: 200px; float: right; text-align: center; padding: 20px 25px 0 0; overflow: hidden; } #footer {width: 760px; float: left; text-align: center; padding: 50px 0 10px 0; font-size: 11px;} /* POST DATE FORMATTING */ .post-date{float: left;display: inline;padding: 11px 18px 0 0;background: url(images/datebg.jpg) no-repeat;height: 84px;width: 61px; font-family: times new roman} .month {color: #682000; text-align: center; font-size: 16px; letter-spacing: -1px; text-transform: uppercase} .day {color: #FFFFFF; text-align: center; font-size: 32px; letter-spacing: -1px; font-weight: bold;padding: 8px 0} .year {color: #682000; text-align: center; font-size: 14px; letter-spacing: -1px; } .news-header {font-size: 24px; font-family: times new roman; font-weight: bold; color: #682000; padding: 40px 0 45px 0px; letter-spacing: -1px} #past-entries {padding: 20px 0 20px 0} .box-top {height: 45px; background:url("images/box-top.jpg") no-repeat; width: 100%; } .box-repeat {background: url("images/box-body.jpg") repeat-y; width: 100%; margin: 0} .box-content {width: 430px; padding: 0 0px 0 40px;} .box-bottom {height: 40px; width: 100%; background: url("images/box-bottom.jpg") no-repeat; margin: 0} .event-title, .event-title a:link, .event-title a:visited {font-size: 20px; font-weight:bold; padding: 0 0 5px 0; color: #0072A3; font-family: times new roman} .event-date {font-size: 14px; font-weight: bold;font-family: times new roman } .event-links a:link, .event-links a:visited {text-decoration: underline;} .photos {padding: 40px 75px 40px 75px} #sidebar-box {padding: 10px; margin: 20px 10px 0 10px; background-color: #E2DED0; border: 2px solid #A9A9A9} input.mid { width: 150px; border: 2px solid #CCCCCC; background-color:#F4F2E6} input:focus.mid { width: 150px; border: 2px solid #682000;background-color:#FFFFFF;} input#wp-submit, input.button-primary {width: 80px; border: 2px solid #CCCCCC; color:#682000; background-color:#F4F2E6; font-weight: bold;} input:focus#wp-submit, input:focus.button-primary {border: 2px solid #682000;} input:hover#wp-submit, input:hover.button-primary {border: 2px solid #682000; background-color: #682000; color: #F4F2E6} /*PROFILE PAGE*/ #left-side-profile {width: 520px; float: left; overflow: hidden;} #left-side-profile input, #left-side-profile select {border: 2px solid #682000; padding: 5px; font-weight: normal; font-size: 16px; color: #000; } #left-side-profile input.button-primary {width: 150px; cursor:pointer; color:#fff; background:#682000; } #left-side-profile input:hover.button-primary {width: 150px; cursor:pointer; color:#682000; background:#fff; } /* Theme My Profile Settings */ #profile {font-size: 16px; } #profile th{width: 300px; padding: 5px;} #profile td {width: 300px; padding: 5px;} #profile tr { background: transparent } #profile input, #profile select {width: 240px; } #profile textarea#home_address {width: 240px; } #profile input.button-primary {width: 150px; }