@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
font: normal 12px Verdana, Arial, sans-serif;
}

body {
background:#000;
}

img {
border:none;
}

h2 {
color:#f93;
}

h3 {
color:#f93;
font-size: 14px;
line-height:20px;
}

p {
margin-bottom:15px;
color:#fff;
}

.p0 {
margin-bottom:0;
padding-bottom:0;
}

#header {
height:90px;
width:900px;
margin: 0 auto;
color:#fff;
background:url(gfx/maintop.jpg);
}

#header a {
color:#fff;
text-decoration:none;
}

#header ul li {
float:left;
list-style: none;
margin-left:9px;
}

#header ul li a {
height:90px;
display:block;
}
#header ul li.portfolio {
margin-left:90px;
}

#header ul li.portfolio a {
width:77px;
background:url(gfx/portfolio.jpg) no-repeat 0 2px;
}

#header ul li.portfolio a:hover {
background:url(gfx/portfolio.jpg) no-repeat 0 -88px;
}

#header ul li.photography a {
width:108px;
background:url(gfx/photography.jpg) no-repeat 0 2px;
}

#header ul li.photography a:hover {
background:url(gfx/photography.jpg) no-repeat 0 -88px;
}

#header ul li.blog a{
width:54px;
background:url(gfx/blog.jpg) no-repeat 0 2px;
}

#header ul li.blog a:hover{
background:url(gfx/blog.jpg) no-repeat 0 -88px;
}

#header ul li.resume a {
width:70px;
background:url(gfx/resume.jpg) no-repeat 0 2px;
}

#header ul li.resume a:hover {
background:url(gfx/resume.jpg) no-repeat 0 -88px;
}

#header ul li.about a {
width:50px;
background:url(gfx/about.jpg) no-repeat 0 2px;
}

#header ul li.about a:hover {
background:url(gfx/about.jpg) no-repeat 0 -88px;
}

#header ul li.active a {
background-position:0 -88px;
}

.divider {
padding:0 10px;
color:#fff;
display:block;
width:1px;
}

#header ul li.logo {
	width: 350px;
	height:90px;
	margin:0;
}

#mainUpper {
	width:900px;
	height:327px;
	margin:0 auto;
}

#mainLower {
	width:100%;
	border-top:3px solid #F90;
}

#lowerContent {
	width:900px;
	margin:0 auto;
}

#lowerContent ul {
	height:52px;
}

#footer {
	width:345px;
	height:70px;
	margin:40px 0 0 735px;
	color: #fff;
}

#footer p {
color:#fff; 
margin:10px 0 0 240px;
}

#footer a{
color:#fff;
text-decoration:none;
margin: 0px;
}

#footer a:hover{
color:#f93;
text-decoration:none;
}

#mainUpper {
background:url(gfx/mainbackground.jpg);
}

#mainLower #lowerContent ul li {
float:left;
margin-right:15px;
list-style:none;
}

.cleardiv{
clear:both;
}

/**************** INDEX STYLES ************************/

#home #mainUpper {
background:url(index/indexmain.jpg);
position:relative;
}

/*************** PORTFOLIO STYLES ***********************/

#portfolio .photo {
width:574px;
height:319px;
margin:0 auto 0 auto;
padding-top:40px;
}

#portfolio .left-text{
float:left;
width:236px;
height:249px;
padding:70px 30px 0 60px;
}

#portfolio .left-text p {
line-height:20px;
font-weight: 100;
}

#portfolio .left-text h2 {
color:#f93;
font-size:18px;
margin-bottom:16px;
}

#portfolio .right-image{
float:left;
width:574px;
height:311px;
padding-top:8px;
}

#portfolio #portfolio1,
#portfolio #portfolio2,
#portfolio #portfolio3,
#portfolio #portfolio4,
#portfolio #portfolio5,
#portfolio #portfolio6,
#portfolio #portfolio7,
#portfolio #portfolio8,
#portfolio #portfolio9,
#portfolio #portfolioA,
#portfolio #portfolioB,
#portfolio #portfolioC{
display:none;
position:absolute;
}

#portfolio #mainLower #lowerContent ul {
	width:789px;
	margin:20px auto;
}

#portfolio #mainLower #lowerContent ul li.nomargin {
margin:0;
}

/***************** PHOTOGRAPHY STYLES *******************/

#photography .photo {
width:386px;
height:260px;
margin:0 257px 0 257px;
padding-top:40px;
}

#photography #photo1,
#photography #photo2,
#photography #photo3,
#photography #photo4,
#photography #photo5,
#photography #photo6,
#photography #photo7,
#photography #photo8,
#photography #photo9,
#photography #photoA,
#photography #photoB,
#photography #photoC {
display:none;
position:absolute;
}

#photography #mainLower #lowerContent ul {
	width:789px;
	margin:20px auto;
}

#photography #mainLower #lowerContent ul li.nomargin {
margin:0;
}

/*****************BLOG STYLES****************************************/

#blog #header {
height:90px;
width:900px;
margin: 0 auto;
background-color:#000;
background-image:none;
}

#blog .entry-title,
#blog .entry-title a {
color:#f93;
font-size: 20px;
line-height:20px;
text-decoration:none;
}

#blog span.meta-sep,
#blog span.author {
display:none;
}

#blog #header ul li.portfolio {
margin-left:90px;
}

#blog #header ul li.portfolio a {
width:77px;
background:url(gfx/portfolio-blog.jpg) no-repeat 0 2px;
}

#blog #header ul li.portfolio a:hover {
background:url(gfx/portfolio-blog.jpg) no-repeat 0 -88px;
}

#blog #header ul li.photography a {
width:108px;
background:url(gfx/photography-blog.jpg) no-repeat 0 2px;
}

#blog #header ul li.photography a:hover {
background:url(gfx/photography-blog.jpg) no-repeat 0 -88px;
}

#blog #header ul li.blog a{
width:54px;
background:url(gfx/blog-blog.jpg) no-repeat 0 2px;
}

#blog #header ul li.blog a:hover{
background:url(gfx/blog-blog.jpg) no-repeat 0 -88px;
}

#blog #header ul li.resume a {
width:70px;
background:url(gfx/resume-blog.jpg) no-repeat 0 2px;
}

#blog #header ul li.resume a:hover {
background:url(gfx/resume-blog.jpg) no-repeat 0 -88px;
}

#blog #header ul li.about a {
width:50px;
background:url(gfx/about-blog.jpg) no-repeat 0 2px;
}

#blog #header ul li.about a:hover {
background:url(gfx/about-blog.jpg) no-repeat 0 -88px;
}

#blog #header ul li.active a {
background-position:0 -88px;
}


#blog #postContent {
width:900px;
margin: 50px auto 0 auto;
}

#blog #postContent #content .entry-content a,
#blog #postContent #content .entry-content a:visited {
color:#FF9933;
text-decoration:none;
}
#blog #postContent #content .entry-content a:hover {
text-decoration:underline;
}

#blog #leftcolumn {
padding:20px 10px 0 57px;
float:left;
width:600px;
}

#blog #leftcolumn h2 {
color:#f93;
font-size:18px;
margin-bottom:16px;
line-height:20px;
}

#blog #leftcolumn p {
color:#fff;
line-height:20px;
}

#blog #rightcolumn {
padding:20px 0 0 57px;
float: left;
width:175px;
}

#blog #rightcolumn h2 {
color:#f93;
font-size:18px;
margin-bottom:16px;
line-height:20px;
}

#blog #rightcolumn p {
color:#fff;
line-height:20px;
}

#blog #postContent #container {
width:530px;
float:left;
padding:0 20px 0 50px;
}

#blog .widget-container ul li a,
#blog .widget-container ul li a:visited {
color:#fff;
text-decoration:none;
}

#blog #primary {
width: 300px; 
float: left;
margin-bottom:25px;
}

#blog label.screen-reader-text {
color:#f93;
}

#blog .widget-container ul li {
margin-top:0px;
color: #fff;
list-style: none;
}

#blog .widget-container h3.widget-title {
margin-top:25px;
}

#blog .entry-meta span {
color:#666;
}

#blog .entry-meta a {
color:#0000FF;
text-decoration:none;
}

#blog .entry-content,
#blog .entry-summary {
margin-top:25px;
}

#blog #comments {
margin-top:25px;
}

#blog .entry-utility {
color:#666;
}

#blog .entry-utility a,
#blog .entry-utility a:visited {
text-decoration:none;
color:#f93;
}

#blog .commentlist {
margin-top:15px;
}

#blog .commentlist a,
#blog .commentlist a:visited {
color:#0000FF;
text-decoration:none;
}

#blog #respond .form-allowed-tags {
color:#666;
}

#blog #commentform p input {
margin-left:21px;
}

#blog #commentform p textarea {
margin-left:10px
}

#blog #commentform p input#email {
margin-left:23px;
}

#blog .reply {
color:#666;
text-decoration:none;
}

#blog .nav-previous,
#blog .nav-next {
display:none;
}

#blog div.aligncenter {
margin: 0 auto;
padding-top:10px;
}

#blog #content .entry-content p {
padding-right:15px;
}

#blog #content .post {
border-bottom:1px dashed #666;
padding-bottom:15px;
margin-bottom:50px;
}
/****************RESUME STYLES****************************************/

#resume .photo {
width:385px;
height:260px;
margin:0 auto 0 auto;
padding-top:40px;
float:right;
}

#resume .left-text{
width:420px;
height:249px;
padding:30px 10px 0 56px;
}

#resume .left-text p {
line-height:20px;
font-weight: 100;
color:#fff;
}

#resume .left-text h2 {
color:#f93;
font-size:18px;
margin-bottom:16px;
}

#resume .right-image{
float:left;
width:385px;
height:260px;
padding-top:8px;
}

#resume #lowerContent {
padding:20px 0 0 57px;
float:left;
width:450px;
}

#resume #lowerContent h2 {
color:#f93;
font-size:18px;
margin-bottom:16px;
line-height:20px;
}

#resume #lowerContent p {
color:#fff;
line-height:20px;
}

#resume #lowerContent-right {
padding:20px 0 0 57px;
width:843px;
float: left;
width:335px;
}

#resume #lowerContent-right h2 {
color:#f93;
font-size:18px;
margin-bottom:16px;
line-height:20px;
}

#resume #lowerContent-right p {
color:#fff;
line-height:20px;
}

#resume #lowerContainer {
width:900px;
margin: 0 auto;
}

/****************ABOUT STYLES****************************************/

#about .photo {
width:384px;
height:260px;
margin:0 auto 0 auto;
padding-top:40px;
padding-right:100px;
float:right;
}

#about .left-text{
width:230px;
height:200px;
padding:90px 10px 0 140px;
}

#about .left-text p {
line-height:20px;
font-weight: 100;
color:#fff;
}

#about .left-text a{
color:#fff;
text-decoration:none;
margin: 0px;
}

#about .left-text a:hover{
color:#f93;
text-decoration:none;
}

#about .left-text h2 {
color:#f93;
font-size:18px;
margin-bottom:16px;
}

#about .right-image{
float:left;
width:385px;
height:260px;
padding-top:8px;
}

#about #summary ul li {
float:left;
list-style: none;
margin:30px 20px 0 0;
}

#about #lowerContent h2 {
color:#f93;
font-size:18px;
margin-bottom:16px;
}

#about #lowerContent p {
color:#fff;
}

#about #lowerContent {
padding:20px 0 0 57px;
width:843px;
}