@import url(scripts/lightbox/css/lightbox.css);
@charset "UTF-8";

/*Swatches-------------------------------------
 yellow: #f2ab02
 light blue: #7ab7dd
 med blue: #518aae
 161001
*/


/*----------Global Styles----------*/
* { margin: 0px; padding: 0px; outline: 0; }
body { text-align: center; font: 16px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif; line-height: 1.5em; color: #e2e2e2; background-color: #a09e9e }
h2 {font-size: 35px; line-height: normal; color: #ffffff;}
h3 { font: 21px Palatino, "Palatino Linotype",  Georgia, serif; color: #ffffff; font-weight:bold; background: url("img/bkgr/bar_bkgr.png") 0 100% repeat-x; padding-bottom:10px; margin-bottom:10px }
p { margin-bottom:20px }
input {font-size: 12px; color: #518aae }
.clear { clear: both }
.wrap { margin: 0px auto; width: 960px; text-align: left; overflow: hidden; position: relative }

/* Default links */
a:link { color:white }
a:visited { color:white }
a:hover { color:  #f2ab02 }

/* login */
#login { width: 110px; height: 42px; background: url("img/bkgr/login_bkgr.png") -87px -30px no-repeat; position:absolute; top:-10px; left:850px }
	#login a { display: block; width: 100%; height: 100%; text-indent: -5000px }
	
/* header */
#header { background: #0e0701 url("img/bkgr/top_bkgr.jpg") center bottom no-repeat; }
	#header .wrap { padding-bottom: 30px; }
		#header h1 { width: 517px; height: 43px; text-indent: -5000px; margin-top: 20px }
			#header h1 a { width: 517px; height: 43px; background: url("img/title/name_title.png") no-repeat; display: block }
		.col_left { width: 610px; margin-right: 70px; float: left }
		.col_right { width: 280px; float: left }
		.col_left, .col_right { margin-bottom: 20px }
		
/*content*/
#content { background: #210908; border-top: 1px solid #877a79; padding-bottom:50px }
	#content .col_left, #content .col_right { margin-top:50px }
		.col_left ul { margin-left: 25px }
			.col_left ul li { padding-left: 15px}
	/* navagation */
	ul#nav { width: auto; margin:0 0 0 0; float: left }
		#nav li { width: auto; list-style: none; float: left; margin-right: 20px }
			#nav li a { height: 41px; display: block; text-indent: -5000px }
			/*default state*/
			#portfolio_nav { width: 72px;  background: url("img/btn/nav_btn.png") 0px -88px no-repeat; margin-top: 0px; }
			#downloads_nav { width: 47px;  background: url("img/btn/nav_btn.png") -99px -88px no-repeat }
			#photography_nav { width: 107px;  background: url("img/btn/nav_btn.png") -168px -88px no-repeat }
			#blog_nav { width: 36px;  background: url("img/btn/nav_btn.png") -296px -88px no-repeat }
			/*hover state*/
			#portfolio_nav:hover { background: url("img/btn/nav_btn.png") 0px -135px no-repeat }
			#downloads_nav:hover { background-position: -99px -135px }
			#photography_nav:hover { background-position: -168px -135px }
			#blog_nav:hover { background-position: -296px -135px }
			/*active state*/
			li.active #portfolio_nav { background-position: 0px -1px }
			li.active #downloads_nav { background-position: -99px -1px }
			li.active #photography_nav { background-position: -168px -1px }
			li.active #blog_nav { background-position: -296px -1px }
			/*active hover state*/
			li.active #portfolio_nav:hover { background-position: 0px -43px }
			li.active #downloads_nav:hover { background-position: -99px -43px }
			li.active #photography_nav:hover { background-position: -168px -43px }
			li.active #blog_nav_nav:hover { background-position: -296px -43px }
			
	/*----------portfolio page----------*/
	#portfolio #header h2 { width: 831px; height: 147px; text-align: center; font-family: Helvetica, Arial, sans-serif; margin: 45px auto 10px auto; background: url("img/title/skilled_title.png") no-repeat; text-indent: -5000px }
	#portfolio #header .col_left, #portfolio #header .col_right { width:460px; float:left; margin-top: 50px }
	#portfolio #header .col_left { margin-right:40px }
		#profile_photo { float: left; margin: 4px 10px 3px 0 }
		#skills {display: block; overflow: hidden }
			#portfolio #header .col_right ul {width: 100%; float: left; padding-left: 0px;}
			#portfolio #header .col_right ul li {width: 200px;background: url("img/icon/blueArrow_icon.png") 0 0px no-repeat; list-style: none; margin: 0 0 10px 0; padding-left: 25px; float: left; line-height: 17px;}
	#portfolio #content .wrap { background: #210908 url("img/title/faded_title.png") 100px 0 no-repeat; width: 998px; }
		#portfolio #nav { padding-left: 19px;}
		#clients { width: 100%; clear: both; margin-top: 50px; padding: 0px; float:left }
			#clients li { width: 294px; float:left;  margin: 0 19px 70px 19px; list-style:none; padding: 0px}
			#clients h5 {
				margin-top: 0px;
			}
			#clients li.item_last {margin-right: 0px}
				#clients li a img {border: 1px solid #7ab7dd; width: 294px; height: 138px }
				.item div, .item_last div { background: url("img/bkgr/item_bkgr.png") no-repeat } 
		/*portfolio contact form*/
		#portfolio .col_right form { background: url("img/icon/homeContact_icon.png") 340px 35px no-repeat; padding-left:0px; margin-top: 5px; display: block}

fieldset {
	width: 340px;
	margin: 0;
	padding: 0;
	border: none;
}
form h6 {
	margin: 10px 0;
	float: left;
	font-size: 14px;
}
legend {
	color: #f2ab02;
}
label span{
	margin: 0px;
	padding: 0;
	display: block;
}
label {
	margin-right: 10px;
	float: left;
}
input {
	margin: 0;
	padding: 0;
}
input.form_name, input.form_email {
	width: 143px;
} 
textarea {
	width: 308px;
	display: block;
	clear: both;
}
#submit {
	margin: 10px 10px 0 0px;
	float: left;
}
	/*----------project page----------*/
	#project_title h2 {font: 48px Palatino, "Palatino Linotype", Georgia, serif; font-weight: bold; margin: 85px 20px 25px 0; text-shadow: black 1px 2px 2px;  }
		#project_title span {color: #f2ab02}
	#project #header .col_right {  }
		.view_site { margin-bottom:25px; width: 200px;}
		.view_site a { width: 157px; height: 32px; background: url("img/btn/viewSite_btn.png") 0 -36px no-repeat; display: block; text-indent:-5000px;}
		.view_site a:hover { background-position: 0 0px }
		#project .col_right dl { width:200px; margin-left:10px }
			#project .col_right dt { font:18px Palantino, "Palatino Linotype", Georgia, serif; margin-bottom:10px; }
				#project .col_right dl ul { list-style: none; padding: 0; margin: 0;}
				#project .col_right dl li { margin: 0 0 10px 0; padding: 0;}
				#project dd { margin: 0;}
	#project #content .wrap { background: #210908 url("img/title/fadedProject_title.png") 105px 0 no-repeat}
	#project_nav ul{ margin: 0 0 20px 0; padding: 0;}
	/*----------about page----------*/
	#about #header .col_left h2 {font: 48px Palatino, "Palatino Linotype", Georgia, serif; font-weight: bold; margin: 0px 20px 25px 0; text-shadow: black 1px 2px 2px;  }
		#about #header h2 span {color: #f2ab02}
	#about #header .col_left, #about #header .col_right { margin-top: 85px }
		#about #profile_photo { float: right; margin: 0px; padding: 0px }
	#about #content .wrap { background: #210908 url("img/title/fadedAbout_title.png") 105px 0 no-repeat }
	
	/*----------photography page----------*/
	#photo #header .wrap { height:350px }
		#photo #header .col_left p { width: 550px }
		#camera { width: 356px; height: 312px; background: url("img/icon/camera_icon.png") no-repeat; margin-left: 50%; position: absolute;  left: 130px; top: 110px ;z-index: 1 }
	#photo #content .wrap { background: #210908 url("img/title/fadedPhoto_title.png") 105px 0 no-repeat }
	.col-left div.gal-item {
		border: none;
	}
	/*----------blog post page----------*/
	#blog_post div.col_left h3 a { font-size: 18px; text-decoration: none }
	#blog_post #content .wrap { background: url("img/title/fadedBlog_title.png") 105px 0px no-repeat }
		#blog_post p.summary { margin: 10px 0px }
		#recentPost_nav ul { list-style: none }
		#recentPost_nav li a { text-decoration: none }

	/*col_right modules*/
	#content .col_right div { margin-bottom:50px }
	#project_nav a:link { text-decoration:none }
	#project_nav li { list-style:none; margin-bottom:5px }
	#project_nav li a { text-decoration: none }
	#project_nav li.active a {text-decoration: none}
	#contact fieldset { border: none }
	#contact legend { margin-bottom:10px; color: white}
	#contact input { width:100%; padding: 5px 0px; margin-bottom:7px }
	#contact textarea { width:100%; font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif; color: #518aae; }
	#contact #submit { width: 91px; height: 26px}
	
/* footer */
#footer { height: 241px; background: url("img/bkgr/footer_bkgr.jpg") repeat-x; border-top: 1px solid #877a79; color:white;}
	#footer #links { margin:0px 45px }
			#footer h3 { margin-bottom:15px }
			#footer ul { margin-top:20px; overflow: hidden; padding-left: 0;}
				#footer ul li { width: 290px; float: left; list-style: none }
					#footer ul li ul { margin-top:0px; }
						#footer ul li ul li { width:50%; list-style: none; margin-left: 0; padding-left: 0;}
	#legal { height: 45px; width: 960px; margin: 0px auto; line-height: 45px }
		#legal h6 { width:auto; font-size: 12px; font-weight: normal; float: left; margin-right: 100px }
		#legal #vcard { width: 130px; background: url("img/icon/vcard_icon.png") 100px 5px no-repeat; margin-left: 10px; text-align: left }
		
/*Twitter
----------------------*/
div#twitter {
	margin-bottom: 2em;
}

div#twitter h2 {
	margin: 0;
	padding: 0.4em 1em;
	font-size: 1.1em;
	color: #fff;
	background-color: #888;
}

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
}

ul#twitter_update_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
}

ul#twitter_update_list li a {

}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {

}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

a#profileLink {
	display: block;
}