/*
Theme Name: oostring
Theme URI: http://www.oostring.com/
Description: For use at www.oostring.com.
Author: Ole Ostring
Version: 0.1

ole@oostring.com
*/

@import url(font/Droid-Serif-fontfacekit/stylesheet.css);
@import url(font/TitilliumText-fontfacekit/stylesheet.css);

@import url(font/fonts.css);

html, body{height:100%;} 

* {
	padding: 0;
	margin: 0;
	}

body {
	font: normal 100 10px/12px  'DroidSerifRegular', Helvetica, Arial, sans-serif; color: #000; text-decoration: none;
	/*background-image:url('images/bg1.jpg');*/
	background-image:url('images/bg_pinstripe.gif');
	background-repeat:repeat;
	background-attachment:fixed;
	background-color: #111;
	}

h4{
	font: normal 100 10px/14px 'TitilliumText22LBold', Helvetica, Arial, sans-serif; color: #555; margin-top: -40px;
	}
a {outline: none;}
a:link {text-decoration: none;color:#333;}
a:visited {text-decoration: none;color:#333;}
a:hover {text-decoration: underline;color:#555;}
a:active {text-decoration: none;color:#555;}

#bgtext{
	font:700 56pt/46pt helvetica, arial; 
	color: #999; 
	left:0; 
	bottom:40px; 
	position:fixed;
	z-index: -1;
	height: auto;
	width: auto;
	-khtml-opacity:.30; -moz-opacity:.30; -ms-filter:�alpha(opacity=30)�; filter:alpha(opacity=30); opacity:.30; 
	padding: 0;
	margin: 0;
	float:left;
	clear:both;
	text-transform: uppercase;
	}

#bgtext p{
	color: #666;
	margin: -14px 0px -14px 0px;
	}

.clearer {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
img{
	border: none;
	}

#menu{
	position:fixed;
	height:auto;
	width: 160px;
	border:none;
	text-align: right;
	margin: -7px 0px 0px -10px;
	padding: 0;
	/*background-color: #0b0;*/
	}
.nav_header{
	position: relative;
	float: right;
	clear:both;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	/*background-color: #b00;*/
	}
#menu h1, #menu h1 a, #menu h1 a:hover, #menu h1 a:visited{
	font: normal 700 25px/18px Helvetica, Arial, sans-serif;
	color: #DDD;
	text-decoration: none;
	letter-spacing: -0.02em;
	}
	
#nav_entry_about{
	margin: 2px 0px 9px 0px;/
	}

.nav_entry{
	position: relative;
	float: right;
	clear:both;
	height: auto;
	width: auto;
	margin: 0px 0px 2px 0px;
	/*padding: -10px 0px 0px 0px;*/
	text-transform: uppercase;
	font: normal 100 12px/14px Helvetica, Arial, sans-serif;
	/*background-color: #00b;*/
	}

#menumarker_about{ position: relative;float: right;clear:both; height: 3px; background-color: #FFF; width: 10px; margin: 6px -10px 0px 0px; }
#menumarker_portfolio{ position: relative;float: right;clear:both; height: 3px; background-color: #4c46e6; width: 10px; margin: 6px -10px 0px 0px; }
#menumarker_otherwork{ position: relative;float: right;clear:both; height: 3px; background-color: #86c5ff; width: 10px; margin: 6px -10px 0px 0px; }
#menumarker_all{ position: relative;float: right;clear:both; height: 3px; background-color: #b4ff86; width: 10px; margin: 6px -10px 0px 0px; }
#menumarker_off{ position: relative;float: right;clear:both; height: 3px; background-color: #000; width: 10px; margin: 6px -10px 0px 0px; visibility: hidden;}

	
#menu a:link {text-decoration: none;color:#FFF;}
#menu a:visited {text-decoration: none;color:#FFF;}
#menu a:hover {text-decoration: underline;color:#FFF;}
#menu a:active {text-decoration: none;color:#FFF;}

a:link#txt_portfolio {text-decoration: none;color:#4c46e6;}
a:visited#txt_portfolio {text-decoration: none;color: #4c46e6;}
a:hover#txt_portfolio {text-decoration: underline;color:#4c46e6;}
a:active#txt_portfolio{text-decoration: none;color:#4c46e6;}

a:link#txt_otherwork {text-decoration: none;color:#86c5ff;}
a:visited#txt_otherwork {text-decoration: none;color:#86c5ff;}
a:hover#txt_otherwork {text-decoration: underline;color:#86c5ff;}
a:active#txt_otherwork{text-decoration: none;color:#86c5ff;}

a:link#txt_all {text-decoration: none;color:#b4ff86;}
a:visited#txt_all {text-decoration: none;color:#b4ff86;}
a:hover#txt_all {text-decoration: underline;color:#b4ff86;}
a:active#txt_all{text-decoration: none;color:#b4ff86;}

#god{
width:1070px;
margin: 70px auto;
padding-right: 100px;
/*background-color: gray;*/
}

#wrapper {
	margin: 0px 0px 0px 160px;
	width:900px;
	}

#content {
	width: auto;
	height:auto;
	border:none;
	overflow: hidden;

	}
	
.post_container_one { /* contains contrent */
	float:left;
	clear:both;
	position:relative;
	width:800px;
	left:0px;
	/*background:#FFF; /* column 2 background colour */
/*	margin-bottom: 10px;	*/
	margin-bottom: 2px;	
	background-image: url(images/repeater.gif);
	}
	
.post_container_two { /* contains tags and date*/
	float:left;
clear: both;
	position:relative;
	width:99px;
/* 	width:97px; */
	left:801px;
/*	left:803px; */
	background-image: url(images/repeater.gif);

	/*background:#FFF; /* column 1 background colour */	
	}
	
.post_container_three { /* contains divs */
float:left;
clear: both;
	position:relative;
	width: 900px;
	left:-803px;;
	background:none;

	}
	
	
.post_content {
	float:left;
clear: both;
	position:relative;
	left: 0;
	width: 765px;
/*	padding: 30px 15px 50px 18px; */
	padding: 30px 15px 40px 18px;
	}

.post_content_single {
	float:left;
clear:both;
	position:relative;
	left: 0;
	width: 765px;
	padding: 30px 15px 20px 18px;
	}

.whitesheet{
	height: auto;
	width: 769px;
	position: relative;	
	left:-8px;
	top:12px;
	padding: 0px 4px 0px 8px;
	background-color: #FFF;
	}

.post_content404 {
	float:left;
	position:relative;
	left: 0;
	width: 765px;
	height: 500px;
	padding: 30px 15px 20px 20px;
	}
	
.post_content404 p{
	padding: 0px 0px 0px 80px;
	font: normal 100 38px/45px 'DroidSerifBoldItalic', Helvetica, Arial, sans-serif; color: #555; text-decoration: none;
	}

.post_content_single h2{
	/*	font: normal 700 38px/45px 'DroidSerifBoldItalic', Helvetica, Arial, sans-serif;*/ 
	font: normal 700 38px/45px Helvetica, Arial, sans-serif; 
	color: #555; text-decoration: none; 
	margin: -12px 0px 15px 0px;
	padding: 5px 0px 5px 8px;
	}
	
.post_content h2{
	/*	font: normal 100 38px/45px 'DroidSerifBoldItalic', Helvetica, Arial, sans-serif;*/ 
	font: normal 700 38px/45px Helvetica, Arial, sans-serif; 
	color: #555; text-decoration: none; 
	margin: -12px 0px 15px 0px;
	padding: 5px 0px 0px 8px;
	}

.post_content h2.excerpt{
	/*font: normal 700 38px/45px 'DroidSerifBoldItalic', Helvetica, Arial, sans-serif; */
	font: normal 700 38px/45px Helvetica, Arial, sans-serif; 
	color: #555; 
	text-decoration: none; 
	float: left; 
clear:both;
	position: relative; 
	top:13px;
	margin: -419px 0px 0px 0px;
	background-color: #FFF;
	padding: 5px 10px 5px 8px;
	}

.post_content_single p{
	font: normal 100 14px/20px 'DroidSerifRegular', Helvetica, Arial, sans-serif; 
	color: #555; text-decoration: none; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	width:620px;
	}

.post_content p{
	font: normal 100 14px/20px 'DroidSerifRegular', Helvetica, Arial, sans-serif; 
	color: #555; text-decoration: none; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	width:auto;
	}

.post_content p.excerpt{
	font: normal 100 14px/20px 'DroidSerifRegular', Helvetica, Arial, sans-serif; color: #333; text-decoration: none;
	float: left; 
clear:left;
	position: relative; 
	top:18px;
	margin: -374px 0px 8px 0px;
	background-color: #FFF;
	padding: 10px 10px 10px 13px;
	}
	
.post_content_single img{
	margin: 0px 0px 0px -5px;
	}

.post_content img{
	margin: 0px 0px 0px -5px;
	}

.zoom{
	margin: 0px 4px 0px 0px;
	}

.post_content_single a , .post_content_single a:link {
	font: normal 100 14px/20px 'DroidSerifBold', Helvetica, Arial, sans-serif; 
	color: #444; 
	text-decoration: none;
	}

.post_content a , .post_content a:link {
	font: normal 100 14px/20px 'DroidSerifBold', Helvetica, Arial, sans-serif; 
	color: #444; 
	text-decoration: none;
	}

#cvlink a , #cvlink a:link {
	font: normal 100 14px/20px 'DroidSerifBold', Helvetica, Arial, sans-serif; 
	color: #444; 
	text-decoration: underline;
	}

.post_content_single a:visited {color:#555;}
.post_content_single a:hover {text-decoration: underline; color:#555;}
.post_content_single a:active {color:#555;}

.post_content a:visited {color:#555;}
.post_content a:hover {text-decoration: underline; color:#555;}
.post_content a:active {color:#555;}

.post_content img.excerpt{
	float: left; 
clear:both;
	position: relative;
	margin: 0px 0px 0px 0px;
	}
	

.post_info p{ 
	background-color: #FFF;
	margin-bottom: 2px;
	}

.post_info {
	float:left;
	font: normal 100 10px/13px Helvetica, Arial, sans-serif;
	color: #555; 
	width:70px;
	position:relative;
	margin: 30px 0px 0px 17px;
	text-transform: uppercase;
	/*letter-spacing: 0.09em;*/

	}

.post_info a{
	font: normal 100 12px/14px Helvetica, Arial, sans-serif;text-decoration: none;
	}
	
.txt_portfolio_side, .txt_portfolio_side a{
	margin: 10px 0px 2px 0px;
	color: #413cd6;
	font: normal 100 12px/14px Helvetica, Arial, sans-serif;text-decoration: none;
	background-color: #FFF;
	}
	
.txt_otherwork_side, .txt_otherwork_side a{
	margin: 10px 0px 2px 0px;
	color: #86c5ff;
	font: normal 100 12px/14px Helvetica, Arial, sans-serif;text-decoration: none;
	background-color: #FFF;
	}
	
.txt_uncat_side{
	margin: 10px 0px 2px 0px;
	font: normal 100 12px/14px Helvetica, Arial, sans-serif;text-decoration: none;
	background-color: #FFF;
	}
	
	
#respond{
	position: relative;
	top: 50px;
	}
	
#respond h3 {
	font: normal 700 12px/1px Arial, Helvetica, sans-serif; color: #333; text-decoration: none;
	margin: 0px 0px 0px 0px;	
	text-transform: uppercase;
	}

#respond p{
	position: relative;
	margin-bottom:-3px;
	}

#backlink{
	position: fixed;
	width: 160px;
	text-transform: uppercase;
	text-align:right;	
	margin: -20px 0px 0px -10px;
	z-index: 50;
	/*background-color: aqua;*/
	}

#backlink a{
	font: normal 100 10px/14px Helvetica, Arial, sans-serif; color: #EEE;
	}
	
#submit{
	position: relative;
	margin-bottom: 70px;
	}

.commentation{
	margin: 70px 0px 0px 0px;
	}

.commentation p{
	margin: 0px 0px 5px 0px;
	}
	
.commentation li{
	margin: 20px 0px 0px 20px;
	}
	
.commentation h3{
	font: normal 100 14px/14px 'TitilliumText22LRegular', Helvetica, Arial, sans-serif; color: #555;
	margin-bottom: -5px;
	}

.comment-meta, .comment-meta a , .comment-author , .comment-author a , .comment-author a.url{
	font: normal 100 14px/14px 'TitilliumText22LBold', Helvetica, Arial, sans-serif; color: #555;
	margin-bottom: 5px;
	}

.comment-meta, .comment-meta a,  .comment-meta a:link, a.comment-reply-link, .commentmetadata, .commentmetadata a, .reply, .reply a.comment-reply-link{
	font: normal 100 12px/14px 'TitilliumText22LRegular', Helvetica, Arial, sans-serif; color: #555;
	margin-bottom: 7px;
	}
	
#respond p{
padding-top: 10px;
}

#respond h3{font: normal 100 12px/14px 'TitilliumText22LBold', Helvetica, Arial, sans-serif; color: #555; margin-bottom: 5px;}



textarea#comment { width: 400px; padding: 5px; }
.commentmetadata { font-size: 10px; }

#footer {
	margin: 0px 0px 0px 0px;
	width:auto;
	height:130px;
	background-image: url(images/repeater.gif);
	border:none;
	}
	
#footer p {
	margin: 0px 0px 0px 20px;
	padding-top: 30px;
	font: normal 100 12px/14px 'TitilliumText22LRegular', Helvetica, Arial, sans-serif; color: #555;
	letter-spacing: 0;
	}

.redirect { 
unicode-bidi:bidi-override; 
direction: rtl; 
}