/*
Theme Name: Christopher Balchin
Theme URI: http://www.chrisbalchin.co.uk/
Description: WordPress theme designed and developed by Christopher Balchin.
Version: 1.0
Author: Christopher Balchin
Author URI: http://www.chrisbalchin.co.uk/
Tags: christopher balchin, website developer
*/

html, body { min-height:100%; }

body { font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; background-color: #FFF; color: #CBCBCB; text-align: left; }

#page { margin-top: 75px; margin-left: 50px; }

ul {list-style:none;}
a {text-decoration:none; color: #333;}
a:hover {text-decoration:underline;}

h2 { color: #FFF; }
h3 { font-size: 15px; }
h3.lower { color: #333; }

.none { display: none; }

*::-moz-selection { background:none repeat scroll 0 0 #FF3399; color:#FFFFFF; }
*::selection { background:none repeat scroll 0 0 #FF3399; color:#FFFFFF; }

/* Page */

.content { height: 400px; background-color: #1C1C1C; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 0 15px 0 15px; }

.sidebar { height: 360px; display: block; background-color: #1C1C1C; text-align: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.sidebar a { font-size: 12px; display: block; margin-bottom: 4px; color: #FFF; }
.sidebar a:hover { text-decoration: none; color: #512079; }
.sidebar h3 { color: #FFF; font-size: 12px; margin-right: 15px; }

.pages { margin-top: 15px; }
ul.pages { min-height: 150px; }
ul.archives a { font-size: 10px; }

#logo_wrap img { padding-top: 15px; }

#reflection { clear: both; width: 820px; background: url(images/reflection.png) left top no-repeat; height: 50px; margin: 10px 0 15px -20px; }

/* Homepage */

.homepage { background: #1C1C1C url(images/concept.png) left top no-repeat; }

/* Contact */

.contact-page { background: #1C1C1C url(images/concept_contact.png) left top no-repeat; }
.contact { display: block; width: 405px; margin: 85px 0; }
.contact-form { display: block; margin: 90px 0; }
.contact-form label { display: inline-block; float: left; height: 20px; line-height: 20px; width: 405px; font-size: 12px; color: #fff; }
.contact-form input, .contact-form textarea, .contact-form select { margin: 0; padding: 5px; color: #999; background: #242020; border: 1px solid #000; margin: 5px 0; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius:5px; width: 100%; }
.contact-form textarea  { height: 100px; }   
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { border: 1px solid #000; color:#fff; background-color: #260D3A; }
.contact-form .submit { width: 110px; cursor: pointer; border: 1px solid #000; background: #242020; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.contact-form .submit:hover { background: #260D3A; border: 1px solid #000; }
#contact span.required{ color: #fff; }
#contact .error_message { display: block; height: 22px; line-height: 22px; background: #260D3A url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#fff; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }

/* Clients */

.client-page { background: #1C1C1C url(images/concept_clients.png) left top no-repeat; }

ul.recent-clients { font-size: 12px; list-style-type: none; padding: 0; margin-left: 0; }
.recent-clients li { height: 18px; line-height: 18px; }

/* About */

.about-page { background: #1C1C1C url(images/concept_about.png) left top no-repeat; }
.about-content { margin: 95px 0 0 0; }

/* Blog */

.blog-page { background: #1C1C1C url(images/concept_blog.png) left top no-repeat; }

.blog-page .home { margin: 95px 0 0 0; }
.blog-page .home h3, h3 a { color: #FFF; margin-bottom: 5px; }
.blog-page .home h3 a:hover { color: #CBCBCB; text-decoration: none; }

.postmetadata { font-size: 9px; color: #333; }

/* Blog Comments */

.comment-area { margin-bottom: 25px; }

.buffer-div { min-height: 30px; height: 30px; text-indent: -9999px; }
#copyright_00 { position: fixed; bottom: 0; left: 0; padding: 0 0 0 4px; height: 20px; line-height: 20px; min-width: 100%; background: #1C1C1C url(images/f_line.png) right bottom repeat-y; font-size: 10px; color: #444; }

#copyright_00 a { color: #666; } 

.twitter-box { background: transparent url(images/twitter_feather.png) no-repeat; padding: 0 0 0 110px; width: 490px; height: 66px; display: block; }
.twitter-box ul { list-style-type: none; margin: 0; padding: 0; }
.twitter-box h3 { color: #282828; } .twitter-box h3 a { color: #282828; }
.twitter-box a { color: #999; }

blockquote.pullquote { border:medium none; float:right; margin:10px 0 10px 10px; padding-bottom:0; width:200px; }
.nothome blockquote { border-bottom:0 none; margin-bottom:0; margin-left:-40px; }
blockquote { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(images/quote.gif) no-repeat scroll left top; border-bottom:1px solid #EFEFEF; margin:0 0 25px; padding:0 0 25px 40px; }
blockquote { color:#CBCBCB; margin:1.5em; }
blockquote strong { color:#CBCBCB; }
blockquote, q { quotes:"" ""; }