/* CSS Document */

/* Font and text styles */

h1 {color:#505050;font-size:20px;margin:0 0 0 0;}
h2 {color:#202020;font-size:16px;margin:0 0 20px 0;}
h3 {color:#303030;font-size:15px;margin:8px 0 4px 0;}
h4 {color:#505050;font-size:11px;margin:0 0 0 0;font-weight:bold;}
h4 a {color:#505050;text-decoration:none;}
h4 a:hover {color:#707070;text-decoration:none;}

p {color:#505050;font-size:13px;line-height:1.6;}
p a:link {color:#505050;text-decoration:underline;}
p a:active {color:#338181;}
p a:visited {color:#909090;}
p a:hover {color:#505050;background-color:#dae3e3;}

p em {color:#617986;font-size:11px;white-space:nowrap;}
/* Main structure styles */

body {
	line-height: 1.4;
	color: #111;
	font: 12px arial, helvetica, sans-serif;
	background:#f6f6f6 url(images/bg.gif) center top repeat-x
	}
#main {
	width:100%;
	height:100%;
	background:url(images/header.gif) center top no-repeat;
	}
#header {
	margin:0 auto;
	height:155px;
	width:930px;
	}
#headlinks {
	width:930px;
	float:left;
	overflow:auto;
	margin-top:37px;
	}
	#headlinks .logo {
		float:left;
	}
	#headlinks .quickcli {
	float:right;
	background:url(images/freelance.gif) right top no-repeat;
	height:60px;
	}
	#headlinks .quickcli:hover {
	float:right;
	background:url(images/freelance.gif) right -60px no-repeat;
	height:60px;
	}
/*Main menu */
#header ul {
	padding:0;
	float:left;
	margin:21px 0 0 0;
	}
	#header li {
	display:inline;	
	margin:0 30px 0 0;
	float:left;
	width:120px;
	}
	#header li a {
	display:block;	
	font-size:12px;
	text-decoration:none;
	color:#353535;
	padding:2px 0 2px 4px;
	}
	#header li a span {
	display:block;	
	color:#a0a0a0;
	font-size:10px;
	margin-top:-3px;
	}
	#header li a:hover {
	color:#000;
	background:url(images/stripe_bg.gif) left top;	
	}
	#header li a:hover > span {
	color:#444;
	}
#footer {
	background:url(images/divider.gif) center top repeat-x;
	margin:0 auto;
	height:55px;
	width:930px;
	}
	#footer p {
	font-size:10px;
	color:#a3a3a3;
	padding-top:15px;	
	}
	#footer p a {
	text-decoration:none;	
	color:#a3a3a3;
	}
.content {
	background:url(images/section_bg.gif) center top no-repeat;
	margin:0 auto;
	min-height:200px;
	width:930px;
	padding:42px 0 70px 0;
	overflow:auto;
	}
#featured {
	background:url(images/section_bg2.gif) center 43px no-repeat;
	}
.content .titlerow {
	width:254px;
	float:left;
	}
.content .mainrow {
	width:675px;
	height:auto;
	float:left;
	overflow:hidden;
	}
.content .innerrow {
	width:360px;
	height:auto;
	float:left;
	}
.content .outerrow {
	width:309px;
	height:auto;
	float:right;
	}

/* Individual text and font styles*/

.innerrow p {
	width:325px;
	}
.outerrow ul, .content .mainrow ul {
	margin:0;
	padding:0;
	list-style:url(images/tick.gif);
	}
	.outerrow li {
	font-size:13px;
	margin:0 0 12px 23px;
	padding:0;
	color:#505050;
	}	
	.content .mainrow li {
	font-size:12px;	
	color:#737373;
	margin:4px 0 0px 23px;
	}
.mainrow .feature {
	width:665px;
	height:285px;
	position:relative;
	border:solid 5px #dbdbdb;
	margin:0 0 15px 0;
	overflow:hidden;
	background:url(images/psd_bg.gif) top left repeat;
	}
	.mainrow .feature a img{
	position:absolute;
	top:0;
	left:0;
	}
.mainrow .featuretl {
	float:left;
	width:480px;
	}
	.mainrow .featuretl p{
	color:#737373;
	font-size:12px;
	}
.mainrow .featuretr {
	float:left;
	margin-left:25px;
	}
	.mainrow .featuretr h4 {
	margin:12px 0 8px 0;	
	}
.mainrow .morebutton img{
	margin-top:20px;
	}
#aboutme .innerrow h4 a{
	padding:2px 0 1px 19px;
	margin-right:10px;
	}
	.aboutme1 {
		background:url(images/aboutme1.gif) top left no-repeat;
		display:block;
		height:42px;
		text-indent:-9000em;
	}
	.aboutme2 {
		background:url(images/aboutme1.gif) left -42px no-repeat;
		display:block;
		height:42px;
		text-indent:-9000em;
	}
	
.twitter {background:url(images/social_icons.gif) left -2px no-repeat;}
.digg {	background:url(images/social_icons.gif) left -34px no-repeat;}
.stumble {background:url(images/social_icons.gif) left -64px no-repeat;}
.facebook {background:url(images/social_icons.gif) left -98px no-repeat;}

.outerrow .news_update {
	background:url(images/talk_icon.gif) left 5px no-repeat;
	padding:0 0 0 23px;
	margin:13px 0 0 0;
	}
	.outerrow .news_update p{
	border-bottom:dashed 1px #d6d6d6;
	padding-bottom:10px;
	}

/* H1 main image styles */
#featured h1 {
	text-indent:-900em;
	background:url(images/titles.gif) left top no-repeat;
	height:42px;
	}
#aboutme h1 {
	text-indent:-900em;
	background:url(images/titles.gif) left -42px no-repeat;
	height:42px;
	}
#portfolio h1 {
	text-indent:-900em;
	background:url(images/titles.gif) left -84px no-repeat;
	height:42px;
	}
#projects h1 {
	text-indent:-900em;
	background:url(images/titles.gif) left -126px no-repeat;
	height:42px;
	}
#contactme h1 {
	text-indent:-900em;
	background:url(images/titles.gif) left -168px no-repeat;
	height:42px;
	}

/*Portfolio and Image thumbnails and previews*/

.galleryimg {
	float:left;
	width:310px;
	margin-bottom:45px;
	}
.galleryimg .imgover {
	position:relative;
	height:206px;
	width:298px;
	overflow:hidden;
	border:solid 5px #dbdbdb;
	background:url(images/psd_bg.gif) top left repeat;
	}
	.galleryimg img {
	font-size:8px;
	}
	.galleryimg a img{
	border:solid 0px #dbdbdb;
	background:none;
	position:absolute;
	top:0;
	left:0;
	z-index:15;
	}
.galleryimg p, .galleryimg h3 {
	margin-left:4px;
	}
	.galleryimg p {
	color:#737373;
	font-size:12px;
	}
.thumbclick {
	background:url(images/thumbclick.gif) center bottom no-repeat;
	position:absolute;
	top:206px;
	left:0;
	z-index:10;
	height:27px;
	width:298px;
	}
.imgleft {
	margin:0 55px 0 0;
	}

/* Quick / Small Menu Styles */
.quickmenu {
	padding:0;
	margin:0 0 0 6px;
	position:relative;
	}
.menuselect , .menuactive {
	font-size:10px;
	color:#b1b1b1;
	text-decoration:none;
	padding:4px 13px 4px 4px;
	border:none;
	width:25px;
	z-index:100;
	background:url(images/arrows_mini.gif) right 9px no-repeat;
	}
 .menuactive {
	background: url(images/arrows_mini.gif) right -26px no-repeat;
	color:#363636;
	}	

.quickmenu .submenu {
	float:left;
	display:inline;
	background:url(images/menudrop.gif) top left no-repeat;
	height:126px;
	width:93px;
	padding:9px 0 0 13px;
	margin:0 0 0 -5px;
	}
	.submenu li {
	border:none;
	padding:0 0 6px 14px;
	}
	.submenu li a {
	text-decoration:none;
	background-image:none;
	border:none;
	width:70px;
	font-size:12px;
	padding:2px 0px 2px 0;
	display:block;
	color:#5a5a5a;
	}
	.submenu li a:hover  {
	color:#363636;
	border:none;
	background-image:none;
	}

/* Form Styles */
label {
	width:78px;
	float:left;
	padding:6px 0 0 2px;
	font: 13px arial, helvetica, sans-serif;
	color:#505050;
	}
label.error {
	width:220px;
	float:none;
	padding:0;
	color:#ff0000;
	display:block;
	font-size:11px;
	}
input, textarea, input.error {
	width:230px;
	font: 13px arial, helvetica, sans-serif;
	color:#505050;
	padding:5px 3px;
	border:solid 1px #d4d4d4;
	background-color:#fff;
	}
input:focus , textarea:focus {
	border:dashed 1px #d4d4d4;
	} 
input.error, textarea.error { 
	border: 1px dashed red; 
	}
input[type=submit] {
	margin-left:80px;
	width:236px;
	background:url(images/submit_button.gif) center bottom;
	cursor:pointer;
}
fieldset span {
	float:left;	
	padding-bottom:14px;
	background:url(images/shadow.png) bottom center no-repeat;
	}