@import "style/css/reset.css";

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
div, ul, li { position:relative }

body {
	text-align: center;
	padding: 0;
	margin: 0;
	background: #ffffff url(images/background.jpg) no-repeat fixed center top; 
	width: 100%;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #3b3b3b;
	line-height: 1.5;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {float:left;}
h1 {font-size: 1.4em}
h2 {font-size: 1.4em}
h3 {font-size: 1.2em}
h4 {font-size: 1.0em}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* Text elements
-------------------------------------------------------------- */


p {font-size:1.1em; float:left; width:100%; line-height:2.0}
p img       { float: left; margin:0; padding: 0; }
a:focus, a:hover     { color: #3B3B3B; text-decoration:none;  }
a           { color: #3a6aa3; text-decoration:none;}	
em,dfn      { font-style: italic; }
em {font-size:1.1em; line-height:1.5;}
dfn         { font-weight: bold; }
.bold {font-weight:bold}


/* -------------------------------------------------------------- 
   
Container Elements
      
-------------------------------------------------------------- */

html, body {
	height: 100%         /* required */
}


#content-container {
	position: relative;
	text-align: left;
	width: 1000px;
	margin: 0 auto;
	clear: left;
	}

#menu-container {
	float:left;
	width:422px;
	margin-top:100px;
}

#menu {float:right; background:url(images/trans-bg.png); padding-left:5px; padding-right:5px}
#menu li {
	padding:5px;
	float:left;
	font-size:1.2em
}
br.clear {
clear:both;
display:block;
height:1px;
margin:-1px 0 0;
}

#about-pictures {float:left; width:561px; right:73px; margin-top:18px}
#connect-with-me {float:left; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:5px; background:url(images/trans-bg.png); margin-top:18px}
#connect-with-me p {width:auto}
#connect-with-me h2 {font-size:1.7em;}
.picture {float:left; width:155px; background:url(images/trans-bg.png); padding:10px; margin-left:18px}
#about-header {float:left; background:url(images/trans-bg.png); right:73px; padding-left:15px; padding-right:15px; padding-bottom:9px; padding-top:2px; margin-bottom:18px}
.about-text-content {padding-top:8px; padding-bottom:8px}
#about-header h1 {font-size:2.9em}
#about-header h2 {font-size:1.7em}

.page-id-107 .post-content h2 {font-size:1.7em}

.category-portfolio #menu .portfolio {background:url(images/trans-hover.png)}
.page-id-2 #menu .about {background:url(images/trans-hover.png)}
.page-id-107 #menu .contact {background:url(images/trans-hover.png)}
.single #menu .blog {background:url(images/trans-hover.png)}
.home #menu .blog {background:url(images/trans-hover.png)}
.about #menu .about {background:url(images/trans-hover.png)}
.portfolio #menu .portfolio {background:url(images/trans-hover.png)}
.contact #menu .contact {background:url(images/trans-hover.png)}

#menu li a {color: #3b3b3b;}
#menu li a:hover {text-decoration:none}

#menu .blog:hover {background:url(images/trans-hover.png); cursor:pointer}
#menu .about:hover {background:url(images/trans-hover.png); cursor:pointer}
#menu .portfolio:hover {background:url(images/trans-hover.png); cursor:pointer}
#menu .contact:hover {background:url(images/trans-hover.png); cursor:pointer}


#logo {
	float:left;
	width:422px;
	height:174px;
	background:url(images/logo-new.png);
	margin-top:10px
}

#about-me {
	float:left;
	width:550px;
	height:435px;
	margin-top:12px;
	margin-left:28px;
	background:url(images/me-new.png) no-repeat;
	background-position:left top
}

#about-text {
	float:left;
	margin-left:193px;
	position:relative;
	top:158px;
	width:357px}

#about-text p {line-height:1.2}

#work {width:561px; height:275px; top:243px; position:absolute;	left: 50%;	margin-left: -573px; z-index:3}

.work {
	width:175px;
	height:116px;
	float:left;
	background:url(images/work-bground.png);
	margin-left:18px;
	margin-top:7px;
	}

.work a {
filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity:0.85;
	opacity:0.85;
	z-index:3;
	float:left;
	margin-left:10px; margin-top:10px;
	width:155px; height:96px
}

.work a:hover {
filter:alpha(opacity=99);
	-moz-opacity:0.99;
	-khtml-opacity:0.99;
	opacity:0.99;
}





.first {margin-left:0px}

#row-2 {margin-top:11px; float:left; width:561px}

#recent-work {float:left; margin-left:403px}
	
#thats	{
	float:left;
	width:357px;
	margin-bottom:7px;
	position:relative;
	left:50px
}

#i	{
	float:left;
	width:47px;
	margin-top:13px;
	position:relative; left:75px
}

.live-work	{
	float:left;
	width:299px;
	position:relative;
	left:83px;
	margin-top:17px
}

#main-content {
width:1000px;
float:left;}

object  {z-index:0}
embed  {z-index:0}

.page #left-column {margin-top:0px; bottom:179px}
.category-portfolio #left-column {margin-top:0px; bottom:179px}
.category-portfolio .post {width:560px; right:72px; margin-bottom:18px}
.category-portfolio .post-header {width:560px}
.category-portfolio .post-width {width:540px}
.category-portfolio .post-title {width:auto}
.category-portfolio .post-title h1 {font-size:1.6em;}
.category-portfolio #footer-hidden {display:none}
.work-link {position:absolute; bottom:36px; left:300px}
.work-link h2 {font-size:1.6em;}
#left-column .category-portfolio .post-title h2 {font-size:1.3em; margin-left:5px; margin-top:3px}
.title02 {margin-left:18px}
.portfolio-image {float:left; width:280px}
.post .portfolio-image p {width:280px; text-align:center; margin-bottom:0px; margin-top:4px}
.portfolio-text {float:left; margin-left:10px; width:250px; margin-top:3px}
#left-column {
width:488px;
float:left;
margin-top:114px}

.portfolio-text .main-folio {width:230px}

.portfolio-one {width:1000px; bottom:182px; float:left}
.screenshot {width:510px; float:left}
.portfolio-text {width:250px; position:absolute; bottom:17px; left:505px}
.number {position:absolute; bottom:17px; left:775px}

#commentform p {float:left; margin-bottom:5px}

.post {float:left; width:488px; margin-bottom:18px}
.post img {padding:10px; background:url(images/trans-bg.png);}

.post .alignleft {margin-right:10px; margin-bottom:5px; margin-top:5px}
.post .alignright {margin-left:10px; margin-bottom:5px; margin-top:5px}
.post p {margin-bottom:10px}
.post-header {float:left; width:488px}
.post-title {float:left; background:url(images/trans-bg.png); padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px}
.post-width {width:468px}

.post-comments {float:left; padding-left:16px; padding-top:10px; text-transform:lowercase; font-size:1.1em}

.post-title h1,h2 {text-transform:lowercase;}

.post-title h1 a {color:#3B3B3B}
.post-title h1 a:hover {text-decoration:underline}

.post-content {float:left; background:url(images/trans-bg.png); width:468px; padding-left:10px; padding-right:10px;}

.post-footer {float:left; background:url(images/trans-bg.png); width:478px; padding:5px}


#right-column {
width:494px;
float:left;
margin-left:18px;
margin-top:14px}

.marg {margin-top:18px}

.sidebar-content {float:left; background:url(images/trans-bg.png); width:404px; margin-right:70px; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:8px}

.trans {background:url(images/trans-bg.png); padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:0px; width:414px}
.trans li {float:left; margin-right:10px}
.trans li img {width:59px; height:59px}

.sidebar-clear {float:left; background:url(images/trans-bg.png); width:414px; padding:5px; margin-right:70px}


#footer-hidden {width:1000px; height:224px; float:left}

#footer {
	width:1920px;
	height:224px;
	position:fixed;
	left: 50%;
	margin-left: -960px;
	bottom:0px;
	z-index:5}
	

#footer-right {
	width:1146px;
	height:148px;
	position:fixed;
	left: 50%;
	margin-left: -186px;
	bottom:0px;
	z-index:5}
	
#footer-left {
	width:774px;
	height:71px;
	position:fixed;
	left: 50%;
	margin-left: -960px;
	bottom:0px;
	z-index:6}


label {
	float:left;
	margin-left:10px
}

.ie6 {position:absolute; top:0px; left:0px; width:100%; padding-top:20px; padding-bottom:20px; background:#ffffff; color:#3b3b3b; z-index:100; text-align:center}


input {
float:left;
width:240px;
border:0px;
padding:2px;
margin-bottom:5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
color:#3b3b3b;
background:url(images/trans-bg.png);
}

textarea {
	font-family:Georgia, "Times New Roman", Times, serif;;
	font-size:1.1em;
	color:#3b3b3b;
	padding:4px;
	width:424px;
	height:150px;
	background:url(images/trans-bg.png);
	border:0px
}

#submit {width:66px; height:18px; background:url(images/submit.png); float:left; margin-top:10px; cursor:pointer}

.commentlist li {float:left; width:468px; margin-bottom:10px}
.comment-surround {float:left; width:468px}
.small-pad {padding-bottom:6px}

.gravatar {float:left; width:80px; height:80px; padding:5px; background:url(images/trans-bg.png);}
.comment-details {float:left; margin-left:10px; width:368px}
#home .post-title h2 a {color:#3b3b3b}
.post-title h2 a:hover {text-decoration:underline}
.comment-meta {float:left; width:368px}
.comment-text {float:left; width:368px}