/*
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 { height:100%; margin:0; padding:0; }
body { font:18px "nimbus-sans", "Helvetica", Arial, sans-serif; font-weight:300; background: #FFF url('images/pattern.png') repeat; color:#555; text-align:left; }
#page { min-height:100%;

max-width: 1920px;
min-width: 100px;
padding: 0;
margin: 0;

position:relative; }
.container { height:100%; width:100%; }

h1 { color:#512079; font-size:30px; padding:0; margin:0 0 10px 0; }
h2 { color:#512079; font-size:25px; padding:0; margin:0 0 10px 0; }
h3 { color:#512079; font-size:20px; padding:0; margin:0 0 10px 0; }
h4 { color:#512079; font-size:18px; padding:0; margin:0 0 10px 0; }

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

cite { display: block; margin-bottom: 1.5em; padding-left: 50px; }

.information { border:1px solid; margin:0 0 25px 0; padding:15px 15px 15px 62px; background-repeat:no-repeat; background-position:15px 15px; color:#9F6000; background-color:#FEEFB3; background-image:url('images/info.png'); }
.information a { color:#333; }
.information a:hover { color:#000; }

*::-moz-selection { background:none repeat scroll 0 0 #512079; color:#FFF; }
*::selection { background:none repeat scroll 0 0 #512079; color:#FFF; }

.trademark { font-size:14px; }

.sidebar { position:fixed; display:block; }
.sidebar .pages { padding:15px; margin: 25px 0; }

.sidebar a { display:block; margin-bottom:4px; text-decoration:none; }
.sidebar a:hover { color:#512079; }

.current_page_item a { color:#512079; }
.current_page_item a:hover { color:#555; }

.social { padding:15px; margin: 25px 0; }

.contact .sidebar .pages, 
.twitter .sidebar .pages, 
.contact .sidebar .social, 
.twitter .sidebar .social, 
.tweet, .underlay { background: rgba(255,255,255,0.8); }

.logo-container { display:block; height:44px; width:100%; background: transparent url(images/header-bg.png) repeat-x left top; }
.logo-container .page-title { text-align:right; color:#CBCBCB; }
.logo { height:44px; margin-left:15px; }
.logo img, .logo-container .page-title { padding:9px 0; }
.logo a { margin:0; }

.content { margin:40px 0; }

.homepage-text { font-size: 45px; color:#333; }
.homepage-text a { color:#512079; text-decoration:none; }
.homepage-text a:hover { color:#333; }

.paper { padding: 18px 50px 18px 50px; background: url(images/lined-paper.png) 0 40px #FFF; position: relative; -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.025), 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.025), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.025), 0 1px 3px rgba(0, 0, 0, 0.2); }

.paper p { margin:0 0 22px 0; padding:0; line-height:22px;}

.paper:before, .paper:after { content: ""; display: block; width: 15%; height: 28px; position: absolute; top: 3px; background: rgba(255, 255, 255, 0.8); border: 1px solid #fff; -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.025), 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 2 0 20px rgba(0, 0, 0, 0.025), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.025), 0 1px 2px rgba(0, 0, 0, 0.1); }

.paper:before { left: -20px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); transform: rotate(-20deg); }
.paper:after { right: -20px; width: 10%; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg); }

.paper h2 { font-family: "delve-hand",cursive; font-size:45px; margin:16px 0 2px 0; }

.paper img.polaroid { float:right; background-color:#FFF; width: 135px; margin:30px 0 5px 10px; padding:7px 7px 30px 7px; -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.080), 0 1px 2px rgba(0, 0, 0, 0.8); -moz-box-shadow: inset 2 0 30px rgba(0, 0, 0, 0.080), 0 1px 2px rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.080), 0 1px 2px rgba(0, 0, 0, 0.8); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); transform: rotate(5deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

.paper img.polaroid:hover { width:145px; margin-top:25px; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); transform: rotate(-4deg); -o-transform: rotate(-4deg); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.025), 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 2 0 20px rgba(0, 0, 0, 0.025), 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.025), 0 1px 2px rgba(0, 0, 0, 0.5); }

/* Contact */

.contact-bg { background: #FFF url(images/1pstamp.png) left top repeat; position:absolute; top:0; left:0; z-index:-999; min-width:100%; min-height:100%; overflow:hidden; }

.contact-form { display:block; margin:0; }
.contact-form label { display:inline-block; float:left; height:20px; line-height:20px; width:405px; color:#FFF; font-weight:300; }
.contact-form input, .contact-form textarea, .contact-form select { padding:5px; color:#555; background:#FFF; border:none; margin:0 0 25px 0; font-size:14px; width:100%; }
.contact-form textarea  { height:100px; }   
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { border:none; background-color:#FFF; }
.contact-form .submit { width:110px; cursor:pointer; border:none; background:#242020; color:#FFF; }
.contact-form .submit:hover { background:#260D3A; border:none; }
#contact span.required{ }

.contact-form ul.errors { color:#333; margin:10px 0; }

/* Latest Work */

.latest-prev { margin-top:10px; }
.latest-prev img { opacity:0; }

/* Twitter */

.profile-bg,
.twitter-bg { position:absolute; top:0; left:0; z-index:-999; background:#000; max-width:100%; max-height:100%; overflow:hidden; }
.profile-bg { min-width: 100%; min-height: 100%; height:100%; width:100%; background: #333 url(images/fuzz.gif) left top repeat; z-index:-998; }

.twitter-bg img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }

/* Footer */

.twitter-box { background:transparent url(images/twitter_feather.png) no-repeat; padding:0; margin:0 0 40px 15px; display:block; color:#666; }
.tweet { margin-left: 105px; padding:10px; }
.tweet ul { list-style-type:none; margin:0 0 10px 0; padding:0; }
.tweet h3 { color:#282828; margin: 2px 0 8px 0; font-weight:300; }
.twitter-box a { color:#282828; }
.tweet a:hover,
.tweet a { color:#250F46; }

#wpstats { text-indent:-9999px; display:none; }