/*
Theme Name: German Van Hue
Description: My personal web blog.
Version: 3.0
Author: Jermaine Harpp

*/

body{
 font-family:"Arial", Helvetica, sans-serif;
 color:#999;
 font-size:12px;
 margin:0;
 padding:0;
 font-weight:500;
 background:#282828 url(images/bg1.jpg) repeat-x;
 }
 ul, li { padding:0; margin:0;}
 
 
 @font-face {  font-family: Museo300; src: url("Museo300-Regular.otf"); }
 @font-face {  font-family: Museo500; src: url("Museo500-Regular.otf"); }
 @font-face {  font-family: Museo700; src: url("Museo700-Regular.otf"); }
 
.wrap{
 width:960px;
 margin:0 auto;
 padding:0;
 } 
 
.wrap_portfolio{
 width:920px;
 margin:0 auto;
 height:auto;
 padding:0;
 } 
 
 .wrap-liquid{
 width:100%;
 margin:0 auto;
 padding:0;
 height:100%;
 background:#FFF;
 } 
 
#main{
width:950px; height:55px; background:#373737; margin:50px auto 50px;
 }
 
img{ 
 margin:0;
 border:none;
 } 
 
p{
 margin:0;
 padding:0;
 font-size:16px;
 line-height:24px;
 } 
 
p img.left  { 
 float: left; 
 margin:5px 8px 8px 0; 
 padding:5px;
 background:#fff;
 border:1px solid #c7c8c3;
 }
 
p img.right  { 
 float: right; 
 margin: 5px ;
 padding:5px; 
 background:#fff;
 border:1px solid #c7c8c3;  
 } 

h1,h2,h3,h4,h5,h6 {
 color:#ccc;
 font-weight:normal;
 font-family:"Museo500-Regular", Arial, Times New Roman, Times, serif;
 line-height:1.7em;
 margin:0;
 padding:0;
 } 
 
h1{
 font-size:24px; 
 } 
 
 
h2{
 font-size:20px; 
 } 
 
h3{
 font-size:16px; 
 }
 
h4{
 font-size:14px; 
 }
 
h5{
 font-size:10px; 
 }
  
h6{
 font-size:8px; 
 }     
 
/*	General Links			*/

a:link,a:active,a:visited,a:hover{
  text-decoration:none;
  color:#c0126c;
 }
a:hover{
 text-decoration:none;
color:#fff; background:#c0126c;  padding:2px 5px;
 }
 
a.twitterwidget { font-size:25px; color:#FFF;}
 
a.no:hover{  text-decoration:none; 
color:#fff; padding:0px 0px; background:none;  }

a.no img:hover{  text-decoration:none; 
color:#fff; padding:0px 0px; background:none;  }
 
/*	Search			*/ 

.search-box {
 width:260px;
 margin:0 0 50px 0px;
 padding:0;
 display:none;
 float:right;
 display:block;
 }
 
form#searchform {
 margin:0;
 padding:0;
 }
 
#s {
width: 180px; float: left; background: url(images/searchbg.png) left top no-repeat; height: 28px; padding: 12px 10px 1px 15px; display: block; border: none; font-size: 1.1em; margin:0; outline:none;
 }
 
input#sbutton {
width: 45px; height: 38px;background: url(images/searchb.png) top right  no-repeat; text-indent: -9999px; border: none; cursor: pointer; margin:0; outline:none;
 } 
  
/*	Top      		*/ 


#top {
 margin:0 0 6px 0;
 padding:0;
 }
 
 
/*	Header       		*/  


#header {
margin:0;
height:75px;
padding:0 10px;
}

#header h1{
 margin:5px 0 0 15px;
 padding:0; 
 display:block;
 background:url(images/logo.png) no-repeat;
 height:71px;
 text-indent:-9999px;
 }
 
.head-left {
 float:left;
 width:300px;
 } 
 
.head-right {
 float:right;
 width:340px; 
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:16px;
 margin:20px 0 0 0;
 color:#f1f1f1;
 text-align:right;
 } 
 
 
/*	Nav       		*/

#nav{
 height:35px;
 margin:0;
 padding:25px 0 0 0;  
 list-style: none;
 font-family:"Museo700-Regular", Arial;
 text-transform: uppercase;
 font-size:14px;
 
 }
 
#nav ul {
width:530px; float:left; height:30px; margin:0px 0; list-style-type:none;
}
 
#nav li {
 float: left;
 margin: 0 50px 0 0;
 padding: 0;

 }

#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
 display: block;
 margin: 0;
 color:#999;
 background:none;
 padding:0;

 
}
	
#nav ul li a:hover {
 display: block;
 color:#fff;
 height:30px;
  border-bottom: #c0126c solid 1px;
 }
 
.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active  {
 color: #fff !important;
 }

#nav li ul {
 position: absolute;
 width: 10em;
 left: -999em;
 }
 
#nav li:hover ul {
 left: auto;
 display: block;
}
	
#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}  


/*	Featured      		*/ 

#featured {
 background: url(images/featured-bsg.jpg) repeat-x;
 height:445px;
 width:940px;
 margin:auto;
 padding:15px 0 0 0px;
 
 }
 
 #featured-about {
 background: url(images/featured-bg.jpg) repeat-x;
 height:345px;
 padding:15px 0 0 0px;
 border-top:#666 solid 1px;
 }
 
  #featured-portfolio {
 background: url(images/featured-bg.jpg) repeat-x;
 height:280px;
 border-top:#666 solid 1px;
 padding:15px 0 0 35px;
 }
 
#featured h1 {
 font-size:42px;
 line-height:1.2em;
 text-align:center;
 padding-top:30px;
 margin-bottom:30px; 
 }
 
#featured p{
 color:#706e64;
 font-size:16px;
 text-align:center;
 }  
 
.fea {
 background: url(images/fea-img.png) no-repeat;
 padding:10px;
 width:592px;
 height:425px;
 float:left;
 margin-right:20px;
 } 

.fea img {
 padding:31px 0 0 10px;
 height:425px;
 }
 
/* Featured Slider */

.stepcarousel{
 position: relative; 
 overflow: scroll;
 width: 355px; 
 height: 335px; 
 margin:0 ;
 }

.stepcarousel .belt{
 position: absolute; 
 left: 0;
 top: 0;
 }

.stepcarousel .panel{
 float: left;
 overflow: hidden; 
 width: 353px; 
 margin:0;
 } 
  
  
.more a{
 width:214px;
 height:47px;
 display:block;
 text-indent:-9999em;
 overflow:hidden;
 margin-top:40px;
 margin-left:150px;
 float:right;
 margin-right:15px;
 background: url(images/more.jpg) no-repeat;
 }
 
 
/*	Container      		*/  

#container {
 padding:0px;
 margin:0px 0 100px 0;

 
 }
 
.clear{
 clear:both;
 height:1px;
 margin:0;
 padding:0;
 } 
 
/*	Left Container      		*/  
#left-container{
 width:350px;
 float:left;
 padding:0 0 0px 0px;
 margin:30px 0 70px 0;
 border-right:0px solid #c7c8c3;
 background:url(images/border.png) repeat-y right;
 } 

#left-container.alt{
 width:570px;
 float:left;
 padding:0 70px 100px;
 margin:0 0 0px 0;
 border-right:0px solid #c7c8c3;
 }
 
 #left-container.blog{
 width:570px;
 float:left;
 padding:0 70px 100px;
 margin:0 0 0px 0;
 border-right:0px solid #c7c8c3;
 }
 
 #left-container.alt_portfolio {
 width:980px;
 margin:auto;
 padding:0 0px 0px;
 margin:0 0 0px 0;
 border-right:0px solid #c7c8c3;
 } 
 
#left-container.about{
 width:500px;
 float:left;
 padding:0 60px 60px;
 margin:0 0 0px 0;
 border-right:0px solid #c7c8c3;
 } 
 
#left-container h3 {
 font-size:22px;
 margin:0;
 padding:0;
 line-height:1.1em;
 }
 
.projects{
 background:#686C6F;
 padding:5px;
 width:305px;
 margin-top:25px;
 } 
 
.projects img {
 padding:5px;
 width:140px;
 height:80px;
 } 
.projects a:hover {background:none; padding:0; }
/*	Right Container      		*/  

#right-container{
 width:570px;
 float:right;
 margin:30px 0px 0 18px;
 padding-left:10px;
 
 }
 
#right-container.alt{
 width:220px;
 float:left;
 margin:30px 0px 0 18px;
 padding-left:10px;
 }
 
 #right-container.about{
 width:300px;
 float:left;
 margin-left:18px;
 padding-left:10px;
 }
 
#right-container h2{ 
 font-size:30px;
 line-height:1.1em;
 margin-bottom:15px;
 } 
 
#right-container h3{ 
 font-size:22px;
 line-height:1.1em;
 margin-bottom:15px;
 font-family:"Museo500-Regular", Arial;
 } 
 
.welcome {
 margin-bottom:20px;
 font-size:13px;
 } 
 
.welcome ul li {
 list-style:disc;
 margin:5px 0;
 padding:3px 0;
 } 

.services {
 }
 
.service-articles {
 width:270px;
 float:left;
 margin-right:10px;
 margin-bottom:15px;
 line-height:1%;
 } 
 
.service-articles p{
 margin:0 0 0 60px;
 padding:0;
 }  
 
.service-articles img {
 float:left;
 margin:5px 10px 0 0;
 } 
 
.teaminfo h4 {
 margin-bottom:10px;
 } 
 
.teaminfo {
 padding-top:25px;
 }
 
.teaminfo img {
 float:left;
 margin:0 10px 0 0;
 padding:5px;
 border:1px solid #c7c8c3;
 }
 
.port a{
 width:214px;
 height:47px;
 display:block;
 text-indent:-9999em;
 overflow:hidden;
 margin-top:40px;
 margin-left:60px;
 display:block;
 background: url(images/port.jpg) no-repeat;
 }  
 
.skill{
 margin-top:30px;
 padding-top:20px;
 border-top:1px solid #c7c8c3;
 }
 
.skill ul {
 margin:20px 0 0 0;
 padding:0 0 0 0;
 }
  
.skill ul li{
 margin:4px 0;
 padding:5px 20px;
 background: url(images/li.png) 2px no-repeat;
 list-style:none;
 float:left;
 width:130px;
 }
 
/*	Entry     		*/ 

.entry  {
 padding:30px 20px 20px 0;
 margin: 0 0 20px 0;
 } 
 
 .entry_portfolio  {
 padding:0px 0px 0px 0;
 margin: 0 0 0px 0;
 } 


.blog{
 padding:200px 20px 20px 0;
 margin: 0 0 20px 0;
 background:url(images/creativity%20blog.png) no-repeat top left;
 } 

.entry p{
 margin:5px 0;
 padding:2px 0;
 font-size:16px;
 color:#EFEFEF;
 line-height:24px;
 }

.entry img {
 padding:8px;
 overflow:hidden;
 background:##373737;
 
 }
 
.entry h2 a:link, .entry h2 a:active, .entry h2 a:visited, .entry h2 {
 color:#fff;
 font-size:36px;
 }
 

.entry h2 a:hover {
 color:#fff;
 padding:2px 5px 2px 0;
 
 }
  
.postmeta {
 margin:0px 0 10px;
 padding:0 0 5px 0;
 }
 
 
.date {
 float:left;
 margin:10px 0 0 7px;
 color:#CCC;
 }
 
.category {
 float:left;
 color:#FFF;
 background:url(images/meta-image.png) no-repeat top right ; padding:5px 7px 8px; height:40px; }
 
 .category a {
 color:#FFF;
 font-weight:bold;
 padding:9px;}

 
 
p.posttag {
 display:block;
 margin:10px 0 0 0;
 padding:5px 0 5px 0;
 }  
  
 
/*	Portfolio      		*/  

#portfolio {
 margin-top:30px;
 padding-top:20px;
 }
 
h1.port-head {
 font-size:28px;
 margin:0;
 text-align:right;
 padding:0;
 line-height:1.05em;
 } 
 
.port-article{
 width:320px;
 float:left;
 margin:10px 0 20px 0;
 padding:0;
 } 
 
 .port-article a {  opacity:0.9; filter:alpha(opacity=90); }
 
 .port-article a:hover {  opacity:1.0; filter:alpha(opacity=0); padding:0; border:0px #c0126c dashed; background:0; }
 
 
.port-article img, .port-article h2, .port-article p{
 padding-left:10px;
 }
  
  
/*	Main Contact Form			*/ 

 
.main-contact-form form {
 padding:0;
 margin:20px 0 0 0; 
}

.main-contact-form form p{
 margin:0 0 10px 0;
 padding:0;
 } 

.main-contact-form fieldset { 
 border:1px solid #c7c8c3;
 margin:0 0 0 0;
 padding:7px 0 0 15px ;
 }
 
.main-contact-form input, .main-contact-form textarea, a { 
 outline: none; 
 }
 
.main-contact-form input {
 width: 200px;
 margin: 2px 0 6px 0;
 border-top: 1px solid #bbb;
 border-left: 1px solid #bbb;
 border-bottom: none;
 border-right: none;
 background:#fff;
 height:18px;
 font-size: 12px;
 padding:3px 0 3px 5px;
 color:#222; 
 }
 

.main-contact-form select {
 width: 208px;
 line-height:1.7em; 
 margin-bottom:10px;
}
  
.main-contact-form label {
 display: block;
 font-size: small;
 float:left;
 margin:0 100px 0 0;
 padding:7px 0 0 0;
 width:90px;
}

.main-contact-form textarea {
 width: 300px;
 height: 150px;
 display: block;
 border: 1px solid #bbb;
 background: #fff;
 margin:6px 0 0 0;
 padding:5px 0 0 5px;
 font-size: small;
 color:#111;
 }
 
.main-contact-form input.submit {
 color:#fff;
 font-size:14px;
 height:30px;
 margin:10px 0 0 100px;
 width:90px; 
 border: 1px solid #bbb; 
}  

#left-container .contact-detailes h3{
 margin-bottom:20px;
 }
 
.contact-detailes img {
 margin-bottom:22px;
 }
 
/*	Comment Box		*/ 

#comment-box{

 }
 
#comment-box h3{
 font-size:28px;
 padding:5px 0 10px 0;
 display:block;
 } 
 
form p{
 margin:0 0 5px 0;
 padding:0;
 } 
 
#comment-box input {
 width: 220px;
 margin: 2px 0 10px 0;
 border-top: 1px solid #c7c8c3;
 border-left: 1px solid #c7c8c3;
 border-bottom: 1px solid #eee;
 border-right: 1px solid #eee;
 height:20px;
 font-size: 12px;
 color:#000;
 padding:5px 0 0 5px;

 }
 
#comment-box label {
 display: block;
 font-size: small;
 font-weight: bold;
 margin:0;
 padding:0;
}

#comment-box textarea {
 width: 350px;
 height: 150px;
 display: block;
 border: 1px solid #c7c8c3;
 margin: 0 ;
 padding:5px 0 0 5px;
 font-size: small;
 color:#000;
 } 
 
input#submit-comment{
 font-size: small;
 font-weight: bold; 
 color:#000;
 width:155px;
 height:30px;
 margin:10px 0 0 0; 
 padding:0;
 border: 1px solid #c7c8c3;
 background:#fff;
 }
 input#submit-comment:hover{ color:#FFF; background:#c0126c; border-color:#c0126c;}
 
ol.commentlist{
 margin:0;
 padding:0;
 list-style:none;  
 } 
  
ol.commentlist p{

 line-height:1.7em; 
 }
   
ol.commentlist li{
 
 padding:25px;
 font-size:14px;
 background: url(images/comment-author.png) no-repeat #525355 top left ;
 margin-bottom:20px;
 }

ol.commentlist .comment-text p { 
list-style:none;
 position:relative;
 top:10px; }


#content .commentlist ul li{ 
 list-style:none;
 position:relative;
 bottom:10px;
 }

.says{ color:#FFF;  }
.comment-author cite {
 
 margin-right:5px;
 font-style:normal;

 font-weight:bold;
 color:#fff;
 }
.commentlist a {
 color:#fff; }
 
 .commentlist a:hover {
 padding:2px 0;
 background:none;}
 
.comment-author img {
 padding:5px;
 border:1px solid #c7c8c3;
 background:#fff; 
 float:right;
 }
 
#respond:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.children {
 padding: 0;
 margin:0;
 } 

ul.children{
 list-style:none;
} 
 
ul.children li{
 margin:10px 0;
} 
 
 
 
/*	Sidebar			*/ 

#sidebar {
 padding-right:30px;

 }
 
#sidebar ul {
 padding:0;
 margin:0 0 25px 0;
  border-bottom:#999 dashed 1px;
 }
 
#sidebar li {
 margin:0;
 padding:0;
 display:block;
 } 
 
#sidebar ul li {
 list-style:none; 
 }
 
#sidebar ul li a:link, #sidebar ul li a:active, #sidebar ul li a:visited {
 margin:0 0;
 padding:0px 0 8px 0px;
 display:block;
 color:#999;
 font-size:14px;
 height:1%;

 
 
 } 
   
#sidebar ul li a:hover{
 color:#fff; 
 } 
 
#sidebar h2 {
 padding: 0 0 0px 0px;
 margin:0 0 15px 0;
 font-family:"Museo500-Regular", Arial;
 font-size:18px;
 }
 
h2.recent {
 background:;
 }   

h2.post {
 background:;
 }  
 
h2.cat {

 }
 
  
 
 
/*	 Miscellaneous  */

.navigation {
 margin:0;
 padding:0;
 } 

 
 .aligncenter,
div.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
 background:#fff;
 }

.alignright {
 float: right; 
 margin: 0 0 10px 10px;
 margin-left:12px; 
 margin-bottom:10px;
 padding:3px; 
 }
 
.alignleft {
 float: left; 
 margin:0 10px 10px 0; 
 padding:3px;
 } 
 
 

blockquote {
 padding:5px 13px;
 margin:0 0 0 20px;
 background:#ede5ca;
 border-left:5px solid #d36c07;
 }  
   
/*	Footer     		*/  

#footer { width:100%; background: url(images/footer-bg.jpg) #161616; border-top:#333 solid 1px; margin:0; padding:0; clear:both; display:normal; }
#footer .wrap-f { width:940px; height:350px;  margin:20px auto 0;  line-height:20px; position:relative; left:70px;
 font-size:14px; }
 
#fcol h4 { font-size:16px; margin:20px 0 0 0px; font-family:"Museo500-Regular", Arial; }
 
#footer p{
 padding-top:20px;

 } 

 #fcol { width:200px; height:100%; float:left; margin:0 35px 0 0; }
	
		#fcol.1 { margin:0 0px 0 0; }
		
		#fcol.2 { margin: 0 0 0 0; }
	
	#footer { margin:0 0 0px 0px; padding:0; }
	
	#fcol ul li {margin:0px; padding:0px; list-style-type:none; }
	
	#fcol ul li, #fcol ul li a { font-size:14px; color:#666; font-weight:300; list-style-type:none; margin:0; } 
	
	#fcol ul li a:hover { padding:2px 5px 0; color:#FFF;}
	
	#disclamer { width:100%; height:55px; background-color:#000; padding:0px; margin:0px; }
	
	#disclamer .wrapper {width:900px; margin:auto; padding:0;  }
	
	#disclamer p { text-align:center; padding:0px auto 0px; font-size:12px; color:#666; margin:0;}

 /* Captions           */

.wp-caption {
 border: 1px solid #33333;
 text-align: center;
 padding-top: 4px;
 background:#121212;
}

.wp-caption img {
 margin: 0;
 padding: 3px 0 0 0;
 border: 0 none;
}

.wp-caption p.wp-caption-text {
 font-size: 12px;
 line-height: 1.5em;
 padding: 4px 4px 5px ;
 margin: 0;
}  
 
 /*Portfolio*/
 


#wrapper  {
	width:920px;
	height: auto;
	margin:0 auto;
	position: relative;
} 



#contact {
	padding: 0px;
	border: 0px;
	position:relative; top: 186px; right: 422px;
	font-size: 15px;
	color: #FFFFFF;   
}

#strapline {
	padding: 0px;
	border: 0px;
	position: absolute; bottom: -164px; left: 598px;
	font-size: 18px;
	font-style: italic;
	color: #FFFFFF; 
	white-space: pre;
}

#project{
	position: reletive;
	top: 0px;
	left: 0px;
} 

#project2{
	position: reletive;
	top: 0px;
	left: 0px;
} 

#project3{
	position: reletive;
	top: 860px;
	left: 0px;
} 

#project4{
	position: reletive;
	top: 1290px;
	left: 0px;
} 

#project5{
	position: absolute;
	top: 1720px;
	left: 0px;
} 

#project6{
	position: reletive;
	top: 2150px;
	left: 0px;
} 

#project7{
	position: reletive;
	top: 2580px;
	left: 0px;
} 


.projectPanel {
	padding: 0 0 0px;
	margin:0 0 50px;
	border: 0px;
	float:left;
	position: reletive; top: 250px; left: 50px; right:50px;
	
	background:url(images/projectPanel.png);
	width:818px;
	height:400px;
}

.projectImages {  
	padding: 0px;
	border: 0px;
	padding: 10px 0 0 60px;
} 
 
.projectImages img {  
    padding: 0px;  
    border:  0px;   
    width:  450px; 
    height: 370px; 
	margin: 10px 0 0 70px;
} 

.projectText {
	width: 300px;
	position: reletive; top: 30px; right:30px; bottom:0px;
	margin:30px 20px 0 0;
	font-size: 14px;
	line-height: 18px;
	float:right;
	color:#CCC;
}

.projectTitle{ 
	font-size: 16px;
	font-style: italic;
	line-height: 20px;
	text-decoration:none;
color:#fff;   
}

.projectSubhead{
	font-style: bold;
	line-height: 15px;
	text-decoration:none;
color:#fff; 
}

#prev1, #prev2, #prev3, #prev4, #prev5, #prev6, #prev7{
  	padding: 0px;
	border: 0px;
	position: reletive; top: 250px; left: 0px;   
	cursor: pointer;
	float:left;
	margin:0 2px 0 0;
    display: block;
    width: 49px;
    height: 400px;
    background: url("images/navPrevUp.png");
}

#prev1:hover, #prev2:hover, #prev3:hover, #prev4:hover, #prev5:hover, #prev6:hover, #prev7:hover {
	background: url("images/navPrevOver.png");
}

#next1, #next2, #next3, #next4, #next5, #next6, #next7 {
  	padding: 0px;
	border: 0px;
	margin:0 0 0 1px;
	cursor: pointer;
	float:right;
    display: block;
    width: 49px;
    height: 400px;
    background: url("images/navNextUp.png");

  }

#next1:hover, #next2:hover, #next3:hover, #next4:hover, #next5:hover, #next6:hover, #next7:hover {
	background: url("images/navNextOver.png");
}

#footer_portfolio {
  	padding: 0px;
	border: 0px;
	position: absolute; top: 3260px; left: 0px;   
	cursor: pointer;
    display: block;
    width: 980px;
    height: 49px;
    background: url("images/navTopUp.png");

  }

#footer_portfolio:hover {
	background: url("http://specimin.co.uk/server/images/navTopOver.png");
}