/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #000 url(img/bg.gif) top left repeat-x;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}

.pbg{
	position: fixed;
	top:0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
}

#wrap{
	position: relative;
	margin: auto;
	width: 800px;
	padding-top: 69px;
}

	#head{
		position: relative;
		height: 30px;	
	}
	
		#logo{
			float: left;
			height: 30px;
			width: 214px;
			text-indent: -9999em;
			background: url(img/logo.png) top left no-repeat;	
		}
		
		
		
		
	
	#nav{
		position: relative;
		height: 28px;	
		margin-left: -5px;
		padding-top: 7px;
	}
	
		#nav li{
			float: left;
			height: 28px;
			padding-right: 5px;	
		}
		
		#nav li a{
			float: left;
			color: #fff;
			height: 28px;
			font-size: 13px;
			font-weight: bold;
			line-height: 28px;
			padding: 0 5px 0 5px;
		}
		
		#nav li a:hover{
			color: #FF8C00;
			text-decoration: none;	
		}
		
		#nav li ul{
			display: none;
		}
	
	

	
	
	#page{
		text-align: left;
		position: relative;
		padding: 56px 0 56px 0;	
	}
	
		
		#page h1{
			position: relative;
			font-size: 28px;
			font-weight: bold;
			color: #FF8C00;
			padding-bottom: 16px;
		}
	
	
	
		#sidebar{
			float: left;
			width: 130px;
			margin-right: 36px;
			font-size: 16px;	
			font-weight: bold;
		}
		
			#sidebar ul{
				position: relative;
			}
			
			#sidebar li{
				padding-bottom: 8px;	
			}
			
			#sidebar li a{
				color: #fff;
				display: block;
				padding: 3px 0 3px 0;	
			}
			
			#sidebar li a:hover{
				margin-left: -6px;
				padding-left: 6px;
				text-decoration: none;
				background: rgba(255,255,255,.3);
			}

		#content{
			float: left;
			width: 634px;
		}
		
			.entry{
				position: relative;
				font-size: 14px;	
				overflow: hidden;
			}
			
				.entry-image{
					float: left;
					width: 241px;
					height: 341px;
					padding-right: 21px;
				}
				
				.entry-content{
					float: left
					width: 372px;
					height: 341px;
					overflow: auto;
	                                
				}
				
				.entry-workcontent{
					float: left
					width: 372px;
					height: 360px;
					overflow: auto;
					position: relative;
					margin: 0.3em auto;
					padding: 15px;
				}
				
				.entry h2{
					font-size: 20px;
					font-weight: medium;
					color: #ff8b00;
					padding-bottom: 3px;
				}
				
				.entry a{
					color: #ff8c00;
				}
				
				.entry h3{
					font-weight: bold;
					color: #fff;
					font-size: 16px;	
				}
				
				.entry h4{
					color: #fff;
					font-size: 16px;	
				}
				
				
				
				.entry p, .entry ul, .entry ol{
					line-height: 1.4em;
					padding-bottom: 1em;	
				}
			
			
			#thumbs{
				position: relative;
				overflow: hidden;
				padding-top: 20px;	
				width: 110%;        
			}
			
				#thumbs li{
					float: left;
					height: 62px;
					width: 112px;
					padding: 0 21px 18px 0;
				}
				
				#thumbs li a, #thumbs li a img{
					float: left;
					height: 62px;
					width: 112px;
					background: #000;
				}
				
				#thumbs li a:hover img{
					opacity: .5;
				}		
			
			
			
			#work-list{
				position: relative;
			}
			
				#work-list ul{
					position: relative;
					overflow: hidden;
				}
			
				#work-list li{
					position: relative;
					float: left;	
					width: 105px;
					height: 210px;
					padding-right: 20px;
				}
				
				#work-list li:nth-child(5n+5){
					padding-right: 0;
				}
				
				#work-list li a{
					position: relative;
					float: left;	
					width: 105px;
					height: 190px;
					color: #fff;
					font-size: 12px;
					font-weight: bold;
					text-decoration: none;
				}
				
				#work-list li a:hover{
					color: #ff8c00;
				}
				
				#work-list li a img{
					height: 155px;
					width: 105px;
					display: block;
				}
				
				#work-list li a strong{
					display: block;
					padding-top: 5px;	
				}
				
				#work-list li a:hover img{
					opacity: .8;
				}


		#fade{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:900;
			-moz-opacity: 0.85;
			-webkit-opacity: 0.85;
			opacity:.85;
			filter: alpha(opacity=85);
		}
		
		#pop{
			display: none;
			position: fixed;
			top: 30%;
			left: 0%;
			width: 100%;
			height: 0;
			z-index:1001;
		}

			#sidebar2{
			float: left;
			margin-right: 36px;
			font-size: 16px;	
			font-weight: bold;
			padding-bottom: 8px;	
			}
			
			.link a{
				color: #fff;
				padding: 5px 0 5px 0;
				padding-left: 10px;
				padding-right: 10px;
				text-decoration: none;
				background: rgba(247,135,0,.3);	
			}
			
			.link a:hover{
				padding-left: 10px;
				padding-right: 10px;
				text-decoration: none;
				background: rgba(255,255,255,.3);
			}