@charset "utf-8";

/* CSS Document */



/* Reset */

html, body, div, span, object,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, code, em, font, img, ol, ul, dl

fieldset, form, label {

	margin: 0;

	padding: 0 0 0 0;

	border: 0;

	outline: 0;

	vertical-align: baseline;

	background: transparent;

}







h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, fieldset, form{

	padding:0 0 20px 0;

}





/*layout*/

body{

	font:12px/18px Arial, Helvetica, sans-serif;

	color:#48656b;

	background:#172c31 url(darkgrey/body_bg.gif) repeat-x;

}

#page{

	float:left;

	width:100%;

	background:url(darkgrey/header_light_bg.gif) no-repeat 2% 0;	

}

#wrap{

	width:960px;

	margin:0 auto;

}



#header{

	margin:5em 0 0 0;

	padding:0;	

	float:left;

	width:100%;

}

a:link, a:visited{

	color:#0b96b3;

	text-decoration:none;

}

a:hover{

	color:#cdf0f7;

}

#logo{

	padding:2em 0 0 0;

}

#logo h1{

	width:327px;

	height:36px;

	text-indent:-3000px;

	float:left;

	padding:0;

	margin:0;

}

#logo h1 a{

	width:327px;

	height:51px;

	display:block;

	margin:-23px 0 0 0;

}

.tagline{

	padding:20px;

	margin:0 0 0 20px;

	border-left:1px solid #1c373d;

	color:#3d9162;

	font-style:italic;

	font-size:14px;

}



#intro{

	float:left;

	padding:6em 0 0 0;

}

.paper-plane{

	background:url(darkgrey/paper_plane.png) no-repeat right top;

	position:relative;

	width:252px;

	height:114px;

	display:block;

	margin:-150px 0 0 0;

	float:right;

}

#intro h2{

	font: Arial, Helvetica, sans-serif;

	width:946px;

	height:78px;

	/*text-indent:-3000px;*/

	color:#cee4e9;

	/*text-transform:uppercase;*/

	font-size:38px;

	/*font-weight:bold;	*/
	font-weight: normal;
	line-height: 1.1em;

}

#intro h2 span{

/*	background:url(darkgrey/intro_text.png) no-repeat; */

	font: Arial, Helvetica, sans-serif;

	width:946px;

	height:78px;

	display:block;

}







/*main-menu*/

.main-nav-wrap{

	background:url(darkgrey/divider.gif) no-repeat bottom;

	float:left;

	width:100%;

	padding:2.5em 0 2px 0;

	margin:0 0 4em 0;

}



.main-nav-wrap .main-nav{

	float:right;

	list-style:none;

	padding:0;

	margin:0;

}

.main-nav-wrap .main-nav li{

	color:#334d52;

	list-style:none;

	display:inline;

	float:left;

	margin:0 10px 0 0;

	padding:5px;

}

.main-nav-wrap .main-nav li.current{

	background:url(darkgrey/arrow_up.gif) no-repeat bottom center;

}

.main-nav-wrap .main-nav li a{

	display:block;

	float:left;

	text-transform:uppercase;

	color:#334d52;

}

.main-nav-wrap .main-nav li a:hover, .main-nav-wrap .main-nav li.current a{

	color:#627b80;

}





/*home-content, about, portfolio, contact*/

/*#home, #about, #portfolio, #contact{

	float:left;

	width:100%;

	padding:0em 0 0 0;

}*/

.featured-work, .about-me, .contact-form{

	width:318px;

	float:left;

	margin:0 36px 0 0;

}

.sample-works{

	width:100%;

	float:left;

}

.featured-work h2,

.testimonial h2,

.twitter h2,

.about-me h2,

.my-services h2,

.download-cv h2, 

.contact-form h2,

.availability h2,

.contact-info h2,

.sample-works h2{

	margin:0 0 20px 0;

	color:#3d9162;

	text-transform:uppercase;

	font-size:20px;

	font-weight:bold;

}



.works{

	padding:0;

	margin:0;

	list-style:none;

}

.works li{

	display:inline;

	float:left;

	width:289px;

	margin:0 45px 34px 0;

}

.works li .responsibility{	

	padding:0;

	margin:0;

}

.responsibility small{

	text-transform:uppercase;

}

.skill{

	color:#3d5358;

}

.works li.lastrowbox{

	display:inline;

	float:right;

	width:289px;

	margin:0 0px 34px 0;

}



.featured-work .image-thumb{

	/* background:#0e1c1f; */

	/* padding:7px; */

	margin:0 0 20px 0!important;

	float:left;

	/* border:1px solid #1d383d; */
	
	border:1px solid #48656B; 
	
	padding:4px;

}

.works .image-thumb{

	/* background:#0e1c1f; */

	/* padding:7px; */
	
	margin:0 0 20px 0!important;

	float:left;

	/* border:1px solid #1d383d; */
	
	border:1px solid #48656B; 
	
	padding:4px;

}

.featured-work .image-thumb img,

.works .image-thumb img{

	float:left;

}

.featured-work h3, .works h3{

	color:#b1d3d9;

	font-size:16px;

	font-weight:normal;

}





/*footer*/

#footer{

	background:url(darkgrey/divider.gif) no-repeat top;

	padding:1em 0 20px 0;

	margin:5em 0 0em 0;

	float:left;

	width:100%;

	font-size:11px;

	color:#334d52;

}

#footer a:link, #footer a:visited{

	color:#456065;

	font-weight:bold;

	text-decoration:none;

}

#footer a:hover{

	color:#eef6f7;

	text-decoration:none;

}

abbr{

	cursor:help;

	font-style:italic;

}



/*testimonial, my-services, availability*/

.testimonial, .my-services, .availability{

	width:263px;

	float:left;

	margin:0 36px 0 0;

}



.four-columns{

	width:204px;

	float:left;

	margin:0 36px 0 0;

}



.three-columns{

	width:284px;

	float:left;

	margin:0 36px 0 0;

}



.two-columns{

	width:444px;

	float:left;

	margin:0 36px 0 0;

}



.one-column{

	width:960px;

	float:left;

	margin:0 0 0 0;

}



.one-column h2,

.two-columns h2,

.three-columns h2,

.four-columns h2 {

	margin:0 0 20px 0;

	color:#3d9162;

	text-transform:uppercase;

	font-size:20px;

	font-weight:bold;

}



/*twitter, download-cv, contact-info*/

.download-cv, .contact-info{

	width:306px;

	float:right;

}
.twitter {
	width:444px;

	float:right;

}

.twitter ul, .my-services ul{

	list-style:none;

}

.twitter ul li, .my-services ul li{

	padding:0 0 10px 0;

	display:block;

}

.twitter ul li span{

	display:block;

}







/*blockquote*/

blockquote .first{

	color:#3d5358;

	font-style:italic;

	background:url(darkgrey/quote_start.gif) no-repeat;

	text-indent:15px;

}



blockquote .author{

	color:#354a4e;

	padding:0;

	margin:0;

}



/*blockquote*/

blockquote1{

	color:#7d7163;

	font-style:italic;

	background:url(darkgrey/quote_start.gif) no-repeat;

	text-indent:15px;

	/*color:#595045;*/

	padding:0;

	margin:0;

}



/*button link*/

.buttonlink{

	padding:6px 10px;

	text-transform:uppercase;

	font-size:10px;

}

.buttonlink:hover{

	padding:6px 10px;

	background:#3ca0b3;

	color:#081f24;

}



div.wp-pagenavi p a{

	padding:6px 10px;

	text-transform:uppercase;

	font-size:15px;

	background:#3ca0b3;

	color:#ffffff;

}

div.wp-pagenavi:hover  p a{

	padding:6px 10px;

	background:#3ca0b3;

	color:#081f24;

}



/*downloadcv link*/

.downloadcv{

	text-indent:-3000px;

	display:block;

}

.downloadcv a{

	background:url(darkgrey/download_cv.gif) no-repeat;

	display:block;

	padding:6px 0;

	margin:0 0 20px 0;

}





/*form*/

#contact-form p{

	margin:0;

	padding:0 0 10px 0;

}

#cf_name, #cf_email, #cf_subject, #cf_message{

	background:#0e1c1f;

	border:1px solid #1d383d;

	padding:7px;

	color:#48656b;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}

#cf_name, #cf_email, #cf_subject{

	width:80%;

}

#cf_message{

	width:100%;

}









.content{

	width:674px;

	float:left;

	margin:0 36px 0 0;

}



.content h2	{

	margin:0 0 5px 0;

}



.content h2 a{

	color:#3d9162;

	text-transform:uppercase;

	font-size:20px;

	font-weight:bold;

}



.content img{

	background:#0e1c1f;

	padding:7px;

	margin:0 10px 20px 0!important;

	margin:0 10px 0px 0;

	float:left;

	border:1px solid #1d383d;

}



.entry_meta {

	margin:0 0 10px 0;

}



.post{

	width:674px;

	float:left;

	margin:36px 36px 0 0;

}



.post  h3{

	margin:0 0 10px 0;

	color:#3d9162;

	text-transform:uppercase;

	font-size:20px;

	font-weight:bold;

}





.blog_sidebar{

	width:250px;

	float:left;

	margin: 0 0 0 0;

	padding-top:20px;

	

}



.blog_sidebar h2{

	margin: 0 0 10px 0;

	padding-bottom:15px;

	border-bottom:1px solid #1d383d;

}



.blog_sidebar ul{

	margin:10px 0 10px 15px;

}





.blog_sidebar li{

	margin:0 0 5px 0;

}







#author, #email, #comment, #url, #s{

	background:#0e1c1f;

	border:1px solid #1d383d;

	padding:7px;

	color:#48656b;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}

#author, #email, #url{

	width:50%;

}

#comment{

	width:100%;

}



#submit{

	color:#f8fbf9;

	border:0;

	background:#3d9162;

	padding:8px 10px;

}



#searchsubmit{

	color:#f8fbf9;

	border:0;

	background:#3d9162;

	padding:4px 5px;

	width: 144px;

	float:left;

	margin-top:10px;

	margin-left: 63px;

}



/*------------->>> comment list <<<----------------*/

#commentform textarea {

	width: 100%;

}



#respond h3,

h3#comments {

	/*color: #838555;*/

	font-size: 24px;

	margin: 0;

	padding: 0;

	padding-top: 20px;

	margin-bottom: 2px;

	clear: left;

}	



ol#commentlist { 

	list-style-type: none; 

	margin:0; 

	padding:0 0 40px 0; 

	background: none;

	width:674px;

	float:left;

}



.avatar {

	float:left; 

	margin:0 12px 0 0;

}



ol#commentlist li {

	clear:both;

	margin:20px 0;

	padding:5px 0 5px 0px;

	list-style-type:none;

	float:left;

	width:100%;

}

ol#commentlist li .author-meta{

	border-top: solid 1px #a3a3a3;

	float:left;

	width:140px;

	padding:20px 20px 0 0;

}

ol#commentlist li .author-meta cite, ol#commentlist li .author-meta cite a, ol#commentlist li .author-meta cite span {

	display:block;

}



ol#commentlist li .author-meta cite {

	font-family: arial, verdana, tahoma;

	font-size: 10px;

	font-style: normal;

	color:#c2c2c2;

	display:block;

	margin-bottom:10px;

}

ol#commentlist li .author-meta cite a, ol#commentlist li .author-meta cite span{

	font-size:12px;

	font-weight:bold;

	text-decoration:underline;

}

ol#commentlist li .author-meta cite a:hover{

	text-decoration:none;

}

ol#commentlist li .author-meta cite span {

	color:#999;

	text-decoration:none;

}





 

ol#commentlist li .author-comment{

	border-top: solid 1px #1c373d;

	float:right;

	width:494px;

	padding:20px 0 0 20px;

}





ol#commentlist li.alt {	

	background: none;

	border: none;

}



ol#commentlist li p {

	margin: 6px 0 0 0; 

	padding: 0 20px 0 0; 

	line-height: 14pt;

}





.button-bg{

	color:#f8fbf9;

	border:0;

	background:#3d9162;

	padding:8px 10px;

}







/*common style*/

.clear{

	clear:both;

}

.highlight{

	font-weight:bold;

	color:#3d9162;

}



img{

	border:0;

}

.clear{

	clear:both;

}

.alignleft{

	text-align:left;

}

.alignright{

	text-align:right;

}

.alignJustify{

	text-align:justify;

}

.alignCenter{

	text-align:center;

}

.floatLeft{

	float:left;

}

.floatRight{

	float:right;

}



.errorMsg, .infoMsg{

	float:left;

	padding:10px;

	width:95%;

	margin:0 0 20px 0;

}

.errorMsg h3{

	color:#FF0000;

}

.infoMsg h3{

	color:#009900;

}

.errorMsg ul{

	padding-left:14px;

}





#flickr{



	position: relative;



	overflow: hidden;



	margin-left: -16px;



	padding-top: 10px;



	width: 256px;	



}











#flickr li{



	float: left;



	margin: 0 0 12px 16px;



	height: 68px;



	width: 68px;



	list-style: none;



}







#flickr li a{



	float: left;



	height: 64px;



	width: 64px;



	border: 4px solid #e5e5e5;



}







#flickr li a img{



	float: left;



	height: 64px;



	width: 64px;



}







#flickr .flickr_badge_image{



	float: left;



	margin: 0 0 12px 16px;



	height: 68px;



	width: 68px;



	list-style: none;



}







#flickr .flickr_badge_image a{



	float: left;



	height: 64px;



	width: 64px;



	border: 4px solid #e5e5e5;



}



	



#flickr .flickr_badge_image a img{



		float: left;



		height: 64px;



		width: 64px;



}



/*button link*/
.navigation{
	clear:both;
}
.navigation .alignleft{
	float:left;
}
.navigation .alignright{
	float:right;
}

.navigation button  {

	padding:6px 10px;

	text-transform:uppercase;

	font-size:10px;

}

.navigation button:hover {

	padding:6px 10px;

	background:#ad4a18;

	color:#fefaf6;

}

.profile-img {
border:1px solid #48656B; 
padding:4px; 
margin:3px;

}

.profile-left {
float: left; 
width: 140px;
}

.profile-right {
float: right; 
width: 290px;
}

.social-icons {
list-style-type: none;
}
.social-icons li{
padding-left: 10px;
padding-bottom: 6px;}