/*
Theme Name: Sandra Webb
Theme URI: http://www.sandrawebb.com/
Description: Custom WordPress theme designed by <a href="http://www.thegoodfolk.co.uk/">The Good Folk</a> and build by <a href="http://www.aaronrussell.co.uk/">Aaron Russell</a> for Sandra Webb. &copy; Sandra Webb 2008.
Version: 0.1
Author: Aaron Russell
Author URI: http://www.aaronrussell.co.uk/
*/




/* Globals */

* {margin:0px; padding:0px;}
html , body {height:100%;}
body {background:#f2f2f2; padding:0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;}
#page {width:895px; margin:0px auto; padding:0px 5px; background:#ffffff; min-height:100%;}

/* ============================= */



/* Generic stylings */

h1 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px; line-height:29px; color:#EE2D2C; border-bottom:1px solid #EE2D2C; margin-bottom:20px;}
h2 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; line-height:21px; color:#808080; margin-bottom:15px;}
h2.uline {border-bottom:1px solid #808080;}
h2.index {border-bottom:1px solid #EE2D2C;}
h2.fakeh1 {font-size:22px; line-height:29px; border-bottom:1px solid #EE2D2C; margin-bottom:20px; color:#EE2D2C;}
h3 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; line-height:20px; color:#EE2D2C; margin-bottom:0px;}
h1 a , h2 a {text-decoration:none; color:#EE2D2C;}
h1 a:hover , h2 a:hover {color:#808080; text-decoration:none;}
p {color:#808080; margin-bottom:20px;}
p.more {margin-top:-20px;}
p.sfirst {font-size:16px;}
p.sdate {margin-bottom:0px;}
p.archive {margin-left:150px;}
a {color:#EE2D2C; text-decoration:none;}
a:hover {text-decoration:underline;}
blockquote {color:#808080; margin-bottom:20px; padding:0px 10px; border-left:10px solid #808080;}
ol {margin-left:20px; color:#808080; margin-bottom:20px;}
ul {margin-left:16px; color:#808080; margin-bottom:20px;}
img.centered {display:block; margin:10px auto 20px auto;}
img.alignleft {float:left; margin:10px 10px 20px 0px;}
img.alignright {floart:right; margin:10px 0px 20px 10px;}
span.img-thumb {float:left; width:245px; height:195px; margin-right:55px; text-align:center;}
a img {border:none;}

table {margin-bottom:20px;}
thead th {font-weight:normal; padding-bottom:20px;}
td , th {color:#808080; text-align:left; font-size:12px; line-height:18px; vertical-align:top;}
tbody th {padding-top:20px;}

ul.st-related-posts {font-size:12px; list-style:decimal; margin-left:20px;}
ul.soc-media {list-style:none; margin-bottom:0px; margin-left:0px !important; font-size:12px;}
ul.soc-media li {display:inline; margin-right:20px;}

.vvqbox {padding-bottom:20px;}

/* ============================= */



/* Form elements */

input {font-family:Arial, Helvetica, sans-serif;}
.search-side {background:#ffffff; border:1px solid #808080; font-size:12px; color:#808080; padding:3px; width:128px;}
.search-side:focus {border-color:#EE2D2C; color:#000000;}
.submit {background:#EE2D2C; color:#ffffff; padding:3px; border:0px; font-size:12px; width:53px;}
.submit:hover {cursor:hand; cursor:pointer; background:#808080;}

/* ============================= */



/* Header */

#head {border-top:5px solid #808080; padding-top:10px;}
#head .bar {margin-top:30px; display:overflow;}
#head .logo {margin-left:45px;}
#head a img {border:none;}
#head .flash {margin:35px 0px 20px 0px;}
#head .flash-home {margin-bottom:-10px;}

/* ============================= */



/* Navigation */

/* Top nav */
.top-nav {background:#ececec; list-style:none; font-size:12px; line-height:24px; color:#bfbfbf; margin-bottom:0px; margin-left:0px !important;}
.top-nav li {display:-moz-inline-box; display:inline-block; width:141px; padding-left:5px;}
.top-nav li:nth-child(4n) {width:143px;}
.top-nav li:before {content:"/ ";}
.top-nav li a {text-decoration:none; color:#808080; display:-moz-inline-block;}
.top-nav li a:hover {color:#a6a6a6; text-decoration:none;}
* html .top-nav li { display:inline; }  /* for IE 6 */
* + html .top-nav li { display:inline; }  /* for IE 7 */
.top-nav li.current_page_item , .top-nav li.current-cat , .top-nav li.current_page_ancestor {background:#808080; color:#ffffff;}
.top-nav li.current_page_item a , .top-nav li.current-cat a , .top-nav li.current_page_ancestor a {color:#ffffff;}
.top-nav li.current_page_item a:hover , .top-nav li.current-cat a:hover , .top-nav li.current_page_ancestor a:hover {color:#ffffff;}

/* Home nav */
.home-sf {padding-top:10px;}
.home-sf p {font-size:13px; line-height20px; color:#999999; margin-bottom:12px; padding-right:20px;}
.home-sf p:last-child {margin-bottom:0px;}
.home-nav {background:#ececec; list-style:none; font-size:14px; line-height:24px; color:#bfbfbf; padding:6px 0px; margin-bottom:0px; margin-left:0px !important;}
.home-nav li {display:-moz-inline-box; display:inline-block; width:290px; padding-left:5px;}
.home-nav li:before {content:"/ ";}
.home-nav li a {text-decoration:none; color:#808080; display:-moz-inline-block;}
.home-nav li a:hover {color:#a6a6a6; text-decoration:none;}
* html .home-nav li {display:inline;}  /* for IE 6 */
* + html .home-nav li {display:inline;}  /* for IE 7 */

/* ============================= */



/* Layout */

#main {margin-top:5px; overflow:auto; padding-bottom:145px;}
#main.home {padding-bottom:0px;}
#main .content {padding-right:50px;}
#main .side-spacer {padding-top:30px;}
.c-left {margin-right:5px; float:left;}
.c-right {float:right;}
.c-single {width:295px;}
.c-double {width:595px;}
.c-blog {width:695px;}
.c-blogside {width:195px;}
.entry {overflow:auto; margin-bottom:20px;}
.entry .date {width:145px; margin-right:5px; margin-top:3px; float:left; font-size:12px; line-height:18px; color:#808080; border-bottom:1px solid #808080;}
.entry .single {line-height:26px;}
.entry .post {width:495px; float:right;}
.clear {clear:both;}

/* ============================= */



/* Comments */

#comments {margin-bottom:20px;}
#comments h2 {margin:0px 0px 0px 150px;}
.comment {overflow:auto;}
.comment .number {width:145px; margin:20px 5px 0px 0px; float:left; text-align:right; font-size:66px; line-height:66px;  color:#808080; overflow:hidden;}
.comment .commtext {width:485px; float:right; border-bottom:1px solid #808080; background:#f2f2f2; padding:20px 5px 5px 5px;}
.comment .commtext p {margin-bottom:6px;}
.comment .commtext p.meta {margin:14px 0px 0px 0px; font-size:12px; font-weight:bold; overflow:auto;}
.comment .commtext .from {float:left;}
.comment .commtext .cdate {float:right;}
.comment .author {background:#FDEAEA;}

#commform {width:495px; margin:0px 0px 145px 150px;}
#commform form div {margin-bottom:15px;}
#commform .input {background:#ffffff; border:1px solid #808080; font-size:12px; color:#808080; padding:3px; width:235px;}
#commform .input:focus {border-color:#EE2D2C; color:#000000;}
#commform textarea {width:493px; height:150px; border:1px solid #808080; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#808080; line-height:18px;}
#commform textarea:focus {border-color:#EE2D2C; color:#000000;}
#commform label {margin-left:5px; color:#808080;}
#commform .submit {width:75px;}

#comments.wide h2 {margin:0px 0px 15px 0px;}
#comments.wide .number {width:40px;}
#comments.wide .commtext {width:590px;}
#comments.wide .first {border-top:1px solid #808080;}

#commform.wide {width:600px; margin-left:45px;}
#commform.wide textarea {width:598px;}

/* ============================= */



/* Blog side column */

.c-blogside ul {list-style:none; margin-left:0px !important;}
.c-blogside ul li {margin-bottom:12px;}
.c-blogside ul li ul li {margin-bottom:0px; font-size:13px;}
.c-blogside h4 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; line-height:29px; color:#808080; border-bottom:1px solid #b3b3b3; margin-bottom:10px;}
.c-blogside a.rss {display:block; border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3; padding:5px 0px;}
.c-blogside a.rss img {border:none;}


/* ============================= */



/* Category navigation */

ul.catnav {list-style:none; background:#ececec; color:#bfbfbf; line-height:24px; margin:-15px 0px 30px 0px !important;}
ul.catnav li {display:-moz-inline-box; display:inline-block; padding:0px 5px;}
ul.catnav li:before {content:"/ ";}
ul.catnav li.current-cat {background:#808080; color:#ffffff;}
ul.catnav li a {color:#808080; text-decoration:none; display:-moz-inline-block;}
ul.catnav li a:hover {color:#a6a6a6;}
ul.catnav li.current-cat a {color:#ffffff;}
ul.catnav li.current-cat a:hover {color:#ffffff;}
* html .catnav li {display:inline;}  /* for IE 6 */
* + html .catnav li {display:inline;}  /* for IE 7 */

/* ============================= */




/* Footer */

#foot {background:#808080; margin-left:-5px; padding:5px; height:100px; clear:both; position:absolute; width:885px; border:5px solid #ffffff; border-bottom:none;}
#foot p {font-size:10px; line-height:10px; color:#ffffff; margin-bottom:0px;}
#foot a {text-decoration:underline; color:#ffffff;}

/* ============================= */



#lightbox-overlay-text p {display:none !important;}



/* temp stylings */
pre {color:#808080; margin-bottom:20px; font-size:16px; line-height:22px; padding:20px; border:1px dotted #EE2D2C;}