/* 

Theme name : ShudenPok
Description : A wood template
Version : 1


*/


/* -------------------------------------------------------------------------------------- SMALL RESET */
*{ outline:none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	
ul{ list-style:none; }

a, a:hover{
	outline:none;
	text-decoration:none;
	}

img{ border:none; }


/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

/* -------------------------------------------------------------------------------------- STRUCTURE */

body{
	color:#f3f3f3;
	font:12px/24px normal Arial, Helvetica, sans-serif;
	}

/* -------------------------------------------------------------------------------------- HEADINGS */
h1, h2, h3, h4, h5, h6{
	color:#FFF;
	font-family:'Helvetica', 'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;
	}

h1{	font-size:60px; }
h2{	font-size:48px; }
h3{	font-size:36px; }
h4{	font-size:24px; margin:0 0 10px 0; }
h5{	font-size:18px; }
h6{	font-size:14px; }

/* -------------------------------------------------------------------------------------- HEADER */

#header{
	background:url(../images/header_bg.png) repeat-x 50% top;
	padding:10px 0 0 0;
	border:1px solid #312a27; border-width:1px 0 0 0;}
	#header .content{
		margin:0 auto;
		width:960px;
	}
	
	/* Logotype */
	#logo{
		display:block;
		float:left;
		width:443px; height:150px;
	}
	#logo a{
		background:url(../images/logo_top.png) no-repeat;
		display:block;
		float:left;
		width:443px; height:200px;   /*  //PIGO was 150px  */
	}
	#logo a:hover{
		background:url(../images/logo_top.png) no-repeat;  /*  //PIGO added in no-repeat  */
	}

	/* NAVIGATION */
	#navigation{
		padding:30px 0 0 0;
		text-align:right;
	}

	#navigation ul{
		line-height:30px;
		height:30px;
		padding:5px 25px 0 0;
	}
	#navigation ul li{
		display:inline;
	}
	#navigation ul li a{
		color:#FFF;
		padding:4px 6px;
		font-size:20px;
	}
/* -------------------------------------------------------------------------------------- TEASER */

#teaser{
	}
	#teaser .content{
		background:url(../images/transparency.png);
		margin:0 auto;
		width:960px;
		position:relative;
		margin-top:60px;   /*  //PIGO  Added this code to move transluscent box down */
	}
	#teaser .teaser_text{
		padding:40px;
		width:480px;
	}
	#teaser .teaser_text p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		margin:15px 0 0 0;
	}
	#teaser .teaser_text2{
		padding:30px;
		width:480px;
	}
	#teaser .teaser_text2 p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		margin:0;
	}
	
	
	#teaser .teaser_text3{   /*  //PIGO  create this code   */
		padding:30px;
		width:750px;   /*   //PIGO  was 480 px  */
	}
	#teaser .teaser_text3 p{ /*  //PIGO  create this code   */
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		margin:0;
	}
	
	
	/* IPAD */ 
	#ipad{    /*  //PIGO */
		background:url(../images/ipad.png);
		display:block;
		width:378px; height:472px;
		position:absolute;
		top:-70px;
		right:-10px;     /*  //PIGO was 20px */
		z-index:10;
	}
	
	#ipad #slider_content{    /*  //PIGO */
		margin:53px 0 0 54px;
		width:269px; height:359px;
		overflow:hidden;
	}
	
	/* Illustrations pages */
	#illustrate{
	display:block;
	width:357px;
	height:272px;
	position:absolute;
	top:-70px;
	right:20px;
	z-index:10;
	}

/* -------------------------------------------------------------------------------------- MAIN */

#main{
	}
	#main .content{
		margin:0 auto;
		width:960px;
	}
	
	/* TWITTER */
	#twitter{
		display:block;
		width:560px; height:150px;
		margin:15px 0;
	}
	#deadTweets{      /* //PIGO */
		font-family: Arial, Helvetica, sans-serif;
		font-size:24px; 
		line-height:25px;
		text-align:left;
		padding:15px;
		color: #FFF;
		font-weight:bold;
		height:100px;       /* //PIGO added this line of code */
		background-color:#000000;
		opacity: 0.7;
		border:#000000 thin solid;
		
		
	}
	.twitterTime{ font-size:11px; display:block; clear:both;}
	
	/* 1 Column */
	.cols_x1{
		background:url(../images/transparency.png);
		display:block; float:left;
		margin:30px 0;
		width:290px;
	}
	.cols_x1 .cols_1{
		display:block;
		float:left;
		margin:15px;
		width:260px;
	}
	/* 2 Columns */
	.cols_x2{
		background:url(../images/transparency.png);
		display:block; float:left;
		margin:30px 20px 30px 0;
		width:650px;
	}
	.cols_x2 .cols_1{
		display:block;
		float:left;
		margin:30px;
		width:590px;     /* //PIGO  was 295px  Made wider for the About us page */
	}
	.cols_x2 .cols_2{
		display:block;
		float:left;
		margin:15px;
		width:620px;
	}
	/* 3 Columns */
	.cols_x3{
		background:url(../images/transparency.png);
		display:block; float:left;
		margin:30px 0;
	}
	.cols_x3 .cols_1{
		display:block;
		float:left;
		margin:15px;
		width:210px;
	}
	/* 4 Columns */
	.cols_x4{
		display:block;
		margin:30px 0;
	}
	.cols_x4 .cols_1{
		background:url(../images/transparency.png);
		display:block;
		float:left;
		margin:0; padding:15px;
		width:210px;
	}
	
	
	
	/* PORTFOLIO */
	#portfolio{
		padding:20px 0 20px 20px;
	}
	
	#portfolio .img{
		background:url(../images/loading.gif) no-repeat center 50%;
		position:absolute;
		top:13px;
		left:13px;
		width:198px; height:198px;
		display:block;
		}
	#portfolio ul{
	}
	#portfolio ul li{
		background:url(../images/frame_folio.png);
		display:block;
		float:left;
		width:198px; height:198px;
		padding:13px; margin:0 0 6px 6px;
		position:relative;
		overflow:hidden;
	}
	#portfolio ul li .reflect{
		position:absolute;
		top:13px;
		left:13px;
		z-index:50;
		background:url(../images/reflect_folio.png);
		width:198px; height:97px;
		display:block;
	}
	#portfolio ul li .actions{
		position:absolute;
		bottom:70px;    /*   //PIGO   */
		left:35%;    /*   //PIGO   */
		z-index:60;
		background:url(../images/zoom.png) no-repeat;
		width:70px; height:67px;     /*   //PIGO   */
		display:none; 
		text-align:center;
	}
	#portfolio ul li .actions a{
		display:block;
		width:70px; height:67px;    /*   //PIGO   */
		bottom:70px;    /*   //PIGO   */
	

	}
	
	
	/* CONTACT */
	/* Google Map Style */
	#map_canvas{
		display:block;
		clear:both;
		float:left;
		width:620px; height:350px;
	}
	#contactform{
	clear:both;
	margin:0;
}

	#contactform p{
		clear:both;
		display:block;
		height:52px;
		padding:5px 0;
		position:relative;
	}
	
	#contactform label{
		display:block;
		float:left;
		clear:both;
		font-size:12px;
		padding:0 6px;
		width:230px; height:30px; line-height:30px;
	}
	
	#contactform .field,
	#contactform .textarea{
		background:url(../images/transparency.png);
		border:1px solid #353535;
		color:#6d747f;
	}
	
	#contactform .field{
		font-size:14px;
		display:block;
		float:left;
		padding:6px;
		width:240px;
	}
	
	#contactform .field:hover{}
	
	#contactform .field:focus{
		background:#000;
	}
	
	#contactform .textarea{
		font-size:14px;
		display:block;
		float:left;
		padding:6px;
		width:240px; height:150px;
	}
	
	#contactform #check{
		width:60px;	
		text-align:center;
	}
	
	#contactform .textarea:hover{}
	
	#contactform .textarea:focus{
		border:1px solid #FFF;
	}
	
	#contactform .submitter{
		background:url(../images/transparency.png);
		border:1px solid #353535;
		color:#999;
		display:block;
		float:right;
		margin:0;
		font-weight:bold;
		line-height:25px;
		text-align:center;
		text-transform:uppercase;
		width:102px; height:30px;
}
	
	#contactform .submitter:hover{
		border:1px solid #FFF;
		color:#FFF;
		}
	
	#contactform label.error{
		color:#C00;
		font-size:11px;
		padding:0;
		width: 330px;
		position:absolute;
		right:0;
		top:5px;
		text-align:right;
		}
	#contactform .messager{ height:190px;}
	
	#contactform .messager label.error {
		font-size:11px;
		padding:0;
		width: 330px;
		}
	
/* -------------------------------------------------------------------------------------- FOOTER */

#footer{
	background:url(../images/footer_bg.png) repeat-x 50% bottom;
	}
	#footer .content{
		margin:0 auto;
		width:960px;
		position:relative;
	}
	
	#footer .illustration{
		display:block;
		position:absolute;
		bottom:50px;   /* //PIGO was 170px */  
		left:37%;     /* //PIGO was 37% */  /*  This moves the middle graphic in the footer on all pages  */
	}
	
	
	
	
	/* 2 columns list */   /*  //PIGO  created this whole list so we could insert a left image into the footer  */
	.columns_2_list{
		display:block;
		float:left;
		margin:20px;
		width:275px;
		min-height:150px;
	}
	.columns_2_list h4{
		font-size:18px;
	}
	.margin_middle{
		margin:20px 220px 20px 20px;
	}
	.columns_2_list li{
		font-family:Georgia, "Times New Roman", Times, serif;
		border-bottom:1px dotted #ccc;
		font-size:11px;
	}
	.columns_2_list li a{
		display:block;
		padding:5px;
		color:#FFF;
	}
	.columns_2_list li a:hover{
		/* background:url(../images/transparency_white.png);  */  /*  //PIGO  Commented out  */
		color:#000;
	}
	
	
	
	/* 3 columns list */   /*  //PIGO  created this whole list so we could insert a right image into the footer  */
	.columns_3_list{
		display:block;
		float:right;
		margin:20px;
		width:275px;
		min-height:150px;
	}
	.columns_3_list h4{
		font-size:18px;
	}
	.margin_middle{
		margin:20px 220px 20px 20px;
	}
	.columns_3_list li{
		font-family:Georgia, "Times New Roman", Times, serif;
		border-bottom:1px dotted #ccc;
		font-size:11px;
	}
	.columns_3_list li a{
		display:block;
		padding:5px;
		color:#FFF;
	}
	.columns_3_list li a:hover{
		/* background:url(../images/transparency_white.png);  */  /*  //PIGO  Commented out  */
		color:#000;
	}
	
	
	
	
	
	/* 4 columns list */
	.columns_4_list{
		display:block;
		float:left;
		margin:20px;
		width:150px;
		min-height:150px;
		float:right;    /*  //PIGO  added this code  */
	}
	.columns_4_list h4{
		font-size:18px;
	}
	.margin_middle{
		margin:20px 220px 20px 20px;
	}
	.columns_4_list li{
		font-family:Georgia, "Times New Roman", Times, serif;
		border-bottom:1px dotted #ccc;
		font-size:11px;
	}
	.columns_4_list li a{
		display:block;
		padding:5px;
		color:#FFF;
	}
	.columns_4_list li a:hover{
		background:url(../images/transparency_white.png);
		color:#000;
	}
	
	/* Flickr gallery */
	#flickr{
		clear:both;
		height:0px;    /* //PIGO  was 126px */
		text-align:center;
		margin:10px 0 0 48px;
	}
	#flickr img {
		background:url(../images/frame_bottom.png);
	  display: block;
	  float: left;
	  margin: 0; padding:30px 14px 16px 14px;
	  width:80px;
	  height:80px;
	}
	
	.copyright{
		color:#959ba3;
		background:url(../images/copyright_bg.png) no-repeat 50% top;
		clear:both;
		height:60px;
		margin:10px 0 0 0;
	}
	.copyright .left{
		text-align:right;
		width:450px;
		float:left;
		padding:20px 30px 0 0;
	}
	.copyright .right{
		width:450px;
		float:left;
		padding:20px 0 0 30px;
	}
	.copyright a{
		color:#2b2e32;
	}
	.copyright a:hover{
		color:#cac8b5;
	}

/* -------------------------------------------------------------------------------------- DESIGN ELEMENTS */

	/* FONT REPLACEMENT */
	.droid{
		letter-spacing:-1px;
	}
	
	/* ICONS */
	.icon_marg_10{
		float:left;
		margin:0 10px 0 0;
	}
	
	.margin_40_0_10_0{
		margin:40px 0 10px 0;
	}


	.list_nocols{
		margin:0 0 30px 10px;
		width:240px;
	}
	.list_nocols a{
		color:#FFF !important;
		display:block;
		padding:4px 6px;
	}
	
	.list_cols{
		margin:0 0 30px 10px;
		width:115px;
		float:left;
	}
	.list_cols a{
		color:#FFF !important;
		display:block;
		padding:4px 6px;
	}
	
	
	
	/* BLOG ENTRY */
	.blog_entry{
		margin:0 0 15px 0; padding:0 0 15px 0;
		position:relative;
	}
	.blog_entry .date_blog_entry{
		background:url(../images/transparency2.png);
		float:left;
		font-size:18px;
		display:block;
		padding:5px 8px 10px 8px;
		position:absolute;
		top:15px;
		left:0;
		z-index:50px;
	}
	.blog_entry .infos{ text-transform:uppercase;}
	
	/* BLOG ENTRY LIST BLOCK*/
	.blog_entry_list{
		background:url(../images/transparency.png);
		margin:0 5px 15px 5px; padding:15px;
		width:270px; height:100%;
		display:block; float:left;
	}
	.blog_entry_list .img_blog{
		display:block;
		width:270px;
		margin:0 0 15px 0;
	}
	.blog_entry_list .info_blog{
		display:block;
		width:270px;
		margin:0;
	}
	.blog_entry .infos{ text-transform:uppercase;}
	
	
	/* PAGINATION */
	ul#pagination{border:0; margin:0; padding:0; float:right; width:100%;}

	#pagination li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
	display:inline;
	}
	#pagination a{
		background:url(../images/transparency.png);
	margin-right:3px;
	padding:3px 10px;
	}
	#pagination .previous-off,
	#pagination .next-off {
		background:url(../images/transparency.png);
	color:#353535;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 10px;
	margin-right:3px;
	}
	#pagination .next a,
	#pagination .previous a {
		background:url(../images/transparency.png);
	font-weight:bold;
	padding:3px 10px;
	}
	#pagination .active{
		background:url(../images/transparency.png);
	font-weight:bold;
	display:block;
	float:left;
	font-size:14px;
	padding:3px 10px;
	margin-right:3px;
	}
	#pagination a:link,
	#pagination a:visited {
	display:block;
	float:left;
	padding:3px 10px;
	text-decoration:none;
	}
	#pagination a:hover{
	}
	
	#comments{
	margin:20px; padding:20px 0 0 0;
}
#comments h3{ text-align:right; font-size:16px; }
#comments h3 span{ color:#CCC; font-size:50px; }

.comments_post{
	border:1px solid #999; border-width:0 0 1px 0;
	margin:20px 0; padding:0 0 20px 0;
	height:100%;
}
.comments_post .avatar{
	float:left;
	width:100px;
}
.comments_post .avatar img{
	border:1px solid #999;
	padding:7px;
}
.comments_post .user_post{
	float:left;
	margin:0 0 0 10px;
	width:450px;
}
.comments_post .user_post p{
	border:1px solid #999; border-width:1px 0 0 0;
	font-size:13px;
	padding:8px 0 0 0;
}
.comments_post .user_name{
	font-size:18px;
}

	#reply-form{
	clear:both;
	margin:0;
}

	#reply-form p{
		clear:both;
		display:block;
		height:52px;
		padding:5px 0;
		position:relative;
	}
	
	#reply-form label{
		display:block;
		float:left;
		clear:both;
		font-size:12px;
		padding:0 6px;
		width:120px; height:30px; line-height:30px;
	}
	
	#reply-form .field,
	#reply-form .textarea{
		background:url(../images/transparency.png);
		border:1px solid #353535;
		color:#6d747f;
	}
	
	#reply-form .field{
		font-size:14px;
		display:block;
		float:left;
		padding:6px;
		width:420px;
	}
	
	#reply-form .field:hover{}
	
	#reply-form .field:focus{
		background:#000;
	}
	
	#reply-form .textarea{
		font-size:14px;
		display:block;
		float:left;
		padding:6px;
		width:420px; height:150px;
	}
	
	#reply-form #check{
		width:60px;	
		text-align:center;
	}
	
	#reply-form .textarea:hover{}
	
	#reply-form .textarea:focus{
		border:1px solid #FFF;
	}
	
	#reply-form .submitter{
		background:url(../images/transparency.png);
		border:1px solid #353535;
		color:#999;
		display:block;
		float:left;
		margin:0 0 0 460px;
		font-weight:bold;
		line-height:25px;
		text-align:center;
		text-transform:uppercase;
		width:102px; height:30px;
}
	
	#reply-form .submitter:hover{
		border:1px solid #FFF;
		color:#FFF;
		}
	
	#reply-form label.error{
		color:#C00;
		font-size:11px;
		padding:0;
		width: 330px;
		position:absolute;
		right:70px;
		top:5px;
		text-align:right;
		}
	#reply-form .messager{ height:190px;}
	
	#reply-form .messager label.error {
		font-size:11px;
		padding:0;
		width: 330px;
		}
		
		

	
	
	/* Design text */
	
	.design p{
		line-height:25px;
		margin:0 0 15px 0; }
	
	.biglines{
		color:#6e6e6e;
		font-size:16px;
		font-weight:bold;
		margin:0 0 15px 0;
	}
	
	.design strong{ color:#999; font-size:12px; }/* theme file */
	.design ul, .design ol{
		margin:10px 0 10px 50px;
	}
	.design ul li{
		font:normal 16px/23px Arial, Helvetica, sans-serif;
		padding:5px 0;
	}
	.design ol {
		color:#999;
		font:italic 18px/23px Arial, Helvetica, sans-serif;
	}
	.design ol p {
		border:1px solid #545454; border-width:0 0 1px 0;
		color:#FFF;
		font:normal 13px/20px Arial, Helvetica, sans-serif;
		padding:0 0 10px 0;
	}
	.design .note{
		color:#666;
		border:1px solid #999; border-width:0 0 2px 0;
		font:italic 14px/24px Georgia, "Times New Roman", Times, serif;
		padding:0 0 3px 0;
		margin:20px;
	}
	.design .img_left{
		border:1px solid #999;
		float:left;
		margin:0 12px 0 0; padding:7px;
	}
	.design .img_right{
		border:1px solid #999;
		float:right;
		margin:0 0 0 12px; padding:7px;
	}