/*
Theme Name: Autumn Concept
Theme URI: http://www.edmerritt.com/
Description: Autumn Concept 1.0
A clean, modern theme which can be customised without altering any images. Simply edit colours in the CSS via the Wordpress interface.
Usage Instructions
Version: 1.0
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
*/
/* COLOUR SCHEME
____________________________________________________________________________
Edit these to alter the colour scheme of the theme.
*/
body {color: #4a4a4a;}
#container, #nav li ul li {background-color: #fff;}
#topbar {background-color: #cccccc; border-bottom: 3px solid #cccccc;}
#footer {background-color: #99b3cc;}
#mainpicinner {height: 325px; background: #fff; border: 1px solid #fff;}
/* typography */
#logo a {color: #3a3e3e;}
.textbkg {border-left: 4px solid #fff;}
.textbkg span {background: #fff; outline: solid 2px #fff; -moz-outline: solid 2px #fff;}
h1 {color: #FFF; font: bold 3em Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: -1px;}
h2 {color: #3a3e3e;}
.entry h2 a {color: #3a3e3e;}
h3 {color: #3a3e3e;}
p {}
.date {background: #08334e;}
.dateDay {color: #fff;}
.dateMonth {color: #ffffff;}
.dateYear {color: #ffffff;}
#topbar p, #footer p {color: #fff;}
blockquote {background: #f7f7f7; border: 3px solid #eae9e9 }
code {background-color: #eae9e9;}
code p {background-color: #eae9e9;}
/* links */
a {color: #0067d2;}
a:hover {color: #000000;}
#topbar a {color: #fff; text-decoration: none;}
#footer a {color: #cccccc;}
/* modules and widgets */
#wp-calendar td {background: #ededda;}
#flickr a {border: 4px solid #c0c0b1; background: #fff;}
#flickr a:hover {border-color: #959586;}
/* forms */
#topbar .field, #topbar .openid_url_sidebar {background: #fff !important; color: #333 !important; border: none !important;}
/* buttons */
.comments a {background: url(images/comments_left.png) top left no-repeat; color: #3a3e3e;}
.comments span {background: url(images/comments_right.png) top right no-repeat;}
/* Nav */
#nav > li:hover {background: #eae9e9;}
#nav li ul li a {background: #dcdcce; color: #68685f;}
#nav li ul li a:hover {border-left: 3px solid #dde0ff; color: #3a709c;}
/* GENERAL STYLES
____________________________________________________________________________
Probably best not to edit these unless you know what you're doing
*/
/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; background: #1f1f1f; font: 70% Verdana, Arial, Helvetica, sans-serif; text-align: center; letter-spacing: 0;}
#container {float: left; display: block; width: 100%;}
#topbar {float: left; display: block; width: 100%; background: #005792; background-image: #002741 url(images/topbar.gif); background-position: top; background-repeat: repeat-x; text-align: left; padding: 13px 0 6px 0;}
#topbar div {padding-bottom: 0;}
#header {float: left; display: block; width: 100%; background-position: top; background-repeat: repeat-x; text-align: left;}
#content {float: left; display: block; width: 100%; text-align: left;}
#related {float: left; display: block; width: 100%; background-image: url(images/related.gif); background-position: top; background-repeat: repeat-x; text-align: left;}
#footer {float: left; display: block; width: 100%; background-image: url(images/footer.gif); border-top: 3px solid #cccccc; background-position: top; background-repeat: repeat-x; text-align: left; padding: 13px 0 6px 0;}
.cols01 {float: left; display: block; width: 280px; padding: 0 10px 0px 10px;}
.cols02 {float: left; display: block; width: 580px; padding: 0 10px 48px 10px;}
.cols03 {float: left; display: block; width: 880px; padding: 0 10px;}
.center {text-align: center;}
.box01 {display: block; max-width: 900px; margin: 0 auto; clear: both;}
.left {float: left; clear: both;}
.right {float: right;}
#mainpic {clear: both; padding: 9px; margin: 20px 10px 0 10px; background: #eae9e9;}
#mainpicinner {background: #eae9e9;}
.entry {float: left; width: 100%; clear: both; margin: 24px 0 0 0;}
.aComment {float: left; width: 100%; clear: both; margin: 0 0 12px 0;}
.aComment:last-child {background: none;}.aComment h4 {margin: 0;}
.aComment h4 img {display: none;}
.aComment .textbkg {margin: 0 0 6px 0;}
/* navigation */
#nav {float: left; position: relative; display: block; width: 100%; list-style: none; margin: 3px 0 0 0; padding: 0 0 7px 0; background: url(images/underline.png) bottom repeat-x;}
#nav li {float: left; position: relative; display: inline;}
#nav li a {float: left; position: relative; display: inline; padding: 8px 10px; z-index: 100;}
#nav li ul {display: none; position: absolute; left: -3px; padding: 3.45em 0 0 0; z-index: 90; margin: 0;}
#nav li ul li {display: block; padding: 0 3px 1px 3px;}
#nav li ul li.lastchild {padding-bottom: 3px;}
#nav li ul li a {display: block; width: 17em; padding: 2px 10px; font-weight: normal;}
#nav li ul li a:hover {padding-left: 7px;}
#nav li:hover ul {display: block;}
/* typography */
#logo {margin: 32px 0 0 0;}
#logo a {font: bold 3em Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: -2px;}
.textbkg span {padding: 0 4px 0 0; overflow: visible;}
h2 {font: bold 2.5em Arial, Helvetica, sans-serif; letter-spacing: -1px;}
.pageH2 {margin: 0 0 24px 0;}
h3 {font: bold 1.4em Arial, Helvetica, sans-serif; padding: 0 0 10px 0; margin: 24px 0 12px 0; background: url(images/underline.png) bottom repeat-x;}
h6 {font: bold 1.4em Arial, Helvetica, sans-serif; padding: 0 0 10px 0; margin: 0px 0 12px 0; background: url(images/underline.png) bottom repeat-x;}
h3#comments {margin-bottom: 24px;}
h3#respond {float: left; clear: both; display: block; width: 100%;}
.archive h3 {background: none; margin: 0 0 -7px 0;}
h4 {font: 1.3em Arial, Helvetica, sans-serif; margin: 0 0 12px 0;}
.entry h2 {padding: 6px 0 0 0;}
.entry .textbkg span a {font-weight: normal;}
p {margin: 0 0 24px 0;}
blockquote {padding: 10px 10px 0px 10px; margin: 0 0 10px 0;}
code {position: relative; left: 0; font: 1em "Courier New", Courier, mono; }
.cols01 ul, .cols02 ul {margin: 0 0 24px 14px;}
.cols01 ol, .cols02 ol {margin: 0 0 24px 21px;}
.cols01 ul ul, .cols02 ul ul, .cols01 ol ul, .cols02 ol ul {margin: 0 0 0 14px;}
.cols01 ol ol, .cols02 ol ol, .cols01 ul ol, .cols02 ul ol {margin: 0 0 0 21px;}
#topbar p, #footer p {margin-bottom: 12px;}
.date {float: right; width: 6.3em; height: 6.3em;}
.dateDay {display: block; text-align: right; margin: 5px 10px 0 0; font: bold 2.4em Arial, Helvetica, sans-serif;}
.dateMonth {display: block; text-align: right; margin: 2px 10px 0 0; font: 8px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.dateYear {display: block; text-align: right; margin: -3px 10px 0 0; font: 8px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.comments {float: left; clear: both; display: inline; width: 100%;}
.comments a {float: left; display: inline; padding: 4px 0 5px 71px; font-weight: bold; font-size: 80%;}
.comments span {float: left; display: inline; background: url(images/comments_right.png) top right no-repeat; width: 10px; height: 22px; overflow: hidden;}
.archive .comments {margin-top: -46px;}
ul {margin: 0 0 24px 12px;}
ul ul {margin-bottom: 0;}
img {float: left; margin: 0 12px 12px 0;}
.wp-smiley {float: none; margin: 0;}
/* links */
a {font-weight: bold; text-decoration: none;}
#topbar a {position: relative; top: 2px; text-decoration: none;}
#footer a {font-weight: normal;}
.pageNav, .pageNav2 {float: left; width: 100%; margin-top: 12px;}
.pageNext span, .pagePrev span {display: none;}
.pagePrev {float: left; display: block; width: 58px; height: 22px; background: url(images/prev.gif) 50% 50% no-repeat;}
.pageNext {float: right; display: block; width: 58px; height: 22px; background: url(images/next.gif) 50% 50% no-repeat;}
/* forms */
.field, .commentform_openid, #securitycode {width: 204px; padding: 4px 3px !important; margin: 0 5px 7px 0; background: #fff !important; border: 1px solid #959586; color: #4f4f4c;}
select {width: 280px; margin: 0 0 7px 0; color: #3a3e3e;}
select option {padding: 1px;}#commentform {display: block;}
#commentform p {display: block; width: 100%; margin: 0 0 5px 0;}
#commentform p label {position: relative; top: -8px;}
#comment {width: 571px; padding: 4px 3px; border: 1px solid #959586; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #4f4f4c;}
#searchform2 {}
#searchform2 div {}
#topbar li {list-style: none;}
#flickr_badge_uber_wrapper {margin: 0 0 24px 0;}
.flickrlink {text-transform: lowercase;}
.flickrlink span {color: #ff0084;}
#flickr {float: left;}
#flickr img {border: none;}
#flickr a {float: left;}
.flickr_badge_image img {float: left; margin: 1px;}
#flickr div {float: left; margin: 0 10px 10px 0;}
#flickr div#flickr_badge_image3, #flickr div#flickr_badge_image6 {margin-right: 0;}
#wp-calendar {width: 100%; text-align: center;}
#wp-calendar .pad, #wp-calendar #next, #wp-calendar #prev {background: none;}
#popup {font-family: Arial;background:#ffffff;color: #333333;margin:0px;padding:7px;width:270px;}
#popup a{color: #08324f;}
#popup img{margin:0px;padding:5px;}
ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; }
ul#tagcloud li { display:inline; font-size:70%; color:#ccc; background: none; padding: 0;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a:hover { color: #000000; text-decoration:underline; }
ul#tagcloud li.t1 a { color:#797979; font-size: 120%; }
ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; }
ul#tagcloud li.t3 a { color:#616161; font-size: 190%; }
ul#tagcloud li.t4 a { color:#555555; font-size: 210%; }
ul#tagcloud li.t5 a { color:#484848; font-size: 230%; }
ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; }
ul#tagcloud li.t7 a { color:#303030; font-size: 270%; }
ul#tagcloud li.t8 a { color:#242424; font-size: 290%; }
ul#tagcloud li.t9 a { color:#181818; font-size: 310%; }
ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }
.ss-wrap{width:915px;padding:0px; border-left: 5px solid white; border-right: 5px solid white; background: #ffffff; margin:0px auto;}
#top_navigation_toilet_rebates
{width:897px; height:18px; background: #ffffff; margin:0px 0px 0px 0px;padding:0;text-align:left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #215a87; padding-left: 3px; padding-top: 5px;}
#top_navigation_toilet_rebates span
{margin: 0px 0px 0px 421px; text-align:right;}
#top_navigation_toilet_rebates a:link
{color:#215a87; margin-left:0px;}
#top_navigation_toilet_rebates a:visited
{color:#215a87; text-decoration:none;margin-left:0px;}
#top_navigation_toilet_rebates a:active
{text-decoration:none;margin-left:0px;}
#top_navigation_toilet_rebates a:hover
{color:#388dcd;text-decoration:none;margin-left:0px;text-decoration:underline;}
/* Footer */
#footer p { color: #333; }
#footer a { text-decoration: none; color:#FFFFFF;}
#footer a:HOVER { text-decoration: underline; color:#FFFFFF; }
#footer ul {float:left; margin:0; clear:both; display:block; }
#footer ul li { list-style:none; float:left;}
#footer ul li .sep { margin: 0 9px; color:#D9D8D8; }
body {margin: 0px;font-family: Helvetica, Arial, sans-serif;font-size: 12px;font-weight: normal;color: #666;text-align: left;background: #CFF5FD url('background.jpg') repeat-x top left;; padding-left:0px; padding-right:0px; padding-top:20px; padding-bottom:20px}