/*
Theme Name: olliepalmer.com 2012 air
Theme URI: 
Description: Contemporary Dessign Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer...NB Hacked to shreds by Ollie Palmer. Original available at http://www.dessign.net/contemporarydessign
Version: 1.6xx
Author: Marios Lublinski // hacked by Ollie Palmer
Author URI: http://www.dessign.net
Tags: 2 column theme, white, clean

*/

/** Global **/

* { margin: 0; padding: 0; }

html { overflow-y:scroll; }
body { font-family: 'Open Sans', arial, georgia, verdana, san-serif; 
	font-weight: 300;
	font-size: 12px; 
	color: #333; 
	background: rgb(250,250,250); 
}

input[type=submit],label,select,.pointer  { cursor:pointer; }
::selection { background:#000; color:#fff; /* Safari and Opera */ }
::-moz-selection { background:#000; color:#fff; /* Firefox */ }

#main_container { width: 845px; margin: 60px auto; padding:0px; }
.clear { clear: both; }
h1 { font-size: 50px; text-transform:uppercase; letter-spacing:2px; padding-bottom: 10px;}
h2 { font-size: 20px; text-transform:uppercase; letter-spacing:2px; }
h3 { font-size: 12px; text-transform:uppercase; letter-spacing:2px; }
h1,h2,h3,p { margin: 10px 0; }

p { line-height: 20px; }
.left { float: left; }
.right { float: right; }
a { color: #000; text-decoration: none; }
a:hover { background-color:#000; color:#fff; text-decoration: none; }
img { border: none; }
#caption { font-size: 10px; line-height: 15px; color:#333; }
code { margin-left: 35px; }
blockquote { margin-left: 35px; font-style: italic; }

/** Content **/

#content_container { width: 845px; }

.left_content { width: 650px; float: left; }
.single_content { width: 620px; padding: 15px; background-color: #fff; margin-bottom:15px; -webkit-box-shadow: 0px 0px 20px 0px #eeeeee; -moz-box-shadow: 0px 0px 20px 0px #eeeeee; box-shadow: 0px 0px 20px 0px #eeeeee;}
.right_content { width: 185px; float: right; color: #000; }
.single_content a { text-transform: uppercase; }
.right_content .box { width: 155px; padding: 10px 15px; margin-bottom: 15px; background-color: #fff; font-size: 11px;  -webkit-box-shadow: 0px 0px 20px 0px #eeeeee; -moz-box-shadow: 0px 0px 5px 0px #eeeeee; box-shadow: 0px 0px 20px 0px #eeeeee;}
.right_content .box h3 {  }
.right_content .box ul { list-style-type: none; }
.right_content .box ul li { padding: 3px 0; }
.portfolio li { border-bottom: 1px dotted #000; }
.portfolio li:hover a { color: #fff; text-decoration: none; }
.portfolio li:hover { background-color: #000; color: #fff; }
.blog_post { width: 640px; padding-right: 10px; height: 184px; margin-bottom: 18px; background-color: #fff; float: left; -webkit-box-shadow: 0px 0px 20px 0px #eeeeee; -moz-box-shadow: 0px 0px 20px 0px #eeeeee; box-shadow: 0px 0px 20px 0px #eeeeee; }
.blog_post img { width: 322px; height: 184px; }
.blog_post h3 { font-size: 12px; }
.single_content a { font-variant:italic;}
.single_content a:hover {color:#fff; background-color:#000}
spacer { clear:both; height:20px;}


.featured_big { height: 365px; width: 650px; margin-bottom: 10px; }
.featured_big h3 { font-size: 12px; margin-left: 10px; margin-right: 10px; }
.featured_big p { color: #999; font-size: 11px; margin-left: 10px; margin-right: 10px; }
.featured_big img { width: 650px; height: 311px; }
.featured_medium { height: 240px; width: 320px; margin-bottom: 10px; background-color: #fff; }
.featured_medium img { width: 320px; height: 184px; }
.featured_medium h3 { font-size: 12px; margin-left: 10px; margin-right: 10px; }
.featured_medium p { color: #999; font-size: 11px; margin-left: 10px; margin-right: 10px;}
.white_box {background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px #eeeeee; -moz-box-shadow: 0px 0px 20px 0px #eeeeee; box-shadow: 0px 0px 20px 0px #eeeeee; margin-bottom: 15px; }
.blog_image { float: left; margin-right: 10px; }

/** Footer - this is the menu if you want it at the bottom **/

#footer { position:fixed; bottom:0px; width: 825px; padding: 10px; text-align: right; float: left; color: #999; background-color: #000; margin-top: 10px; font-size: 11px; text-transform:uppercase;}

#footer ul li { float: left; background-color: #000; padding: 5px 10px;}
#footer ul li:hover { background-color: #444;}
#footer ul li a { color: #fff; text-decoration: none;}
#footer ul li a:hover {text-decoration: none;background-color:#444;}
#footer ul li.search { padding: 0px;padding-left:10px; border-right: none; }
#footer ul li.search:hover { background-color: #ff0000; }

/** Header - this is the menu if you want it at the top **/

#header { position:fixed; top:0px; width: 825px; padding: 10px; text-align: right; float: left; color: #999; background-color: #000; opacity:0.5; margin:0px auto; z-index:1000; text-transform:uppercase; letter-spacing:2px;}

#header ul li { float: left; background-color: #000; padding: 5px 10px;}
#header ul li:hover { background-color: #444;}
#header ul li a { color: #fff; text-decoration: none;}
#header ul li a:hover {text-decoration: none;background-color:#444;}
#header ul li.search { padding: 0px;padding-left:10px; border-right: none; }
#header ul li.search:hover { background-color: #000; }
.search_box { font-family: 'Open Sans'; font-weight: 300; width: 170px; height: 19px; border: none; background-color: #999; color: #333; margin-left:3px; }