/*

Theme Name: Sharpfolio

Theme URI: http://webrevolutionary.com/sharpfolio

Description: A WordPress theme designed to help build your online portfolio.

Version: 2.0

Author: Matt Lenz

Author URI: http://webrevolutionary.com/

Tags: sharpfolio, portfolio, dark, light

*/





body {

	text-align: center;

	background: #000000 url('images/background.png') repeat-x top;

	color: #d8d2b1;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 13px;

	line-height: 24px;

}



.about {

	color: #d8d2b1;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 20px;

	line-height: 30px;}



div#wrapper {

	text-align: left;

	margin: auto;

	width: 920px;

position: relative;

}

a {

	color: #ccc;

}

a:hover {

	color: #fff;

}

p {

	margin: 0 0 24px;

}

h1, h2, h3, h4 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

}



div#logo {

	background: url('images/logo.png') no-repeat top;

width: 920px;

height: 120px;

}



div#header {

	

}

h1 {

	font-size: 48px;

	color: #d8d2b1;

	line-height: 120px;

}

h1 a {

	text-decoration: none;

	color: #d8d2b1;

}

div#header h2, ul#navigation {

	margin: 0 0 6px;

}

ul#navigation {

	display: block;

	width: 960px;

	float: left;

height: 64px;

}



#menu ul {

    margin: 3px 0px;

    height: 64px;

    padding: 0;

}



#menu li {

    list-style: none;

    display: inline;

}



#menu li a {

    margin: 0px 1px 0px 1px;

    padding: 0;

    display: block;

    float: left;

text-decoration: none;

}



#menu a span {

    position: relative;

    display: block;

    z-index: -1;

}



li .home {

    background: url(images/nav/home.png) 0 0 no-repeat;

    display: block;

    width: 128px;

    height: 64px;

    outline: none;

}




li .services {

    background: url(images/nav/services.png) 0 0 no-repeat;

    display: block;

    width: 128px;

    height: 64px;

    outline: none;

}



li .stylists {

    background: url(images/nav/stylists.png) 0 0 no-repeat;

    display: block;

    width: 128px;

    height: 64px;

    outline: none;

}



li .about {

    background: url(images/nav/about.png) 0 0 no-repeat;

    display: block;

    width: 128px;

    height: 64px;

    outline: none;

}



li .photo {

    background: url(images/nav/photo.png) 0 0 no-repeat;

    display: block;

    width: 128px;

    height: 64px;

    outline: none;

}



li .products {

    background: url(images/nav/products.png) 0 0 no-repeat;

    display: block;

    width: 128px;

    height: 64px;

    outline: none;

}



li .bridal {

    background: url(images/nav/bridal.png) 0 0 no-repeat;

    display: block;

    width: 128px;

    height: 64px;

    outline: none;

}



li .home:hover, li .services:hover, li .stylists:hover, li .about:hover , li .photo:hover, li .products:hover, li .bridal:hover {

    background-position: 0 -64px;

}



div#spacer {

width: 920px;

height: 15px;

background-color: #000000;

border: 1px solid #d8d2b1;

margin: 10px 0px 5px 0px;

clear:both;

}



div#header h2 {

font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: normal;	

display: block;

	width: 300px;

	float: right;

	text-align: right;

	font-size: 16px;

}

span.f {

	font-style: italic;

}

div#content {

	margin: 30px 0 0 0;

}

div.thumbnail {

	width: 500px;

	float: left;

}

div.entry {

	width: 250px;

	float: right;

}

div#content h2 {

	font-size: 24px;

	color: #d8d2b1;

	line-height: 32px;

margin-bottom: 15px;

display: none;

}

div#content h2 a {

	text-decoration: none;

	color: #d8d2b1;

}

p.comment-link {

	margin: 0;

}

p.comment-link a {

	font-family: Helvetica, Arial, sans-serif;

	font-weight: bold;

	color: #808080;

	text-decoration: none;

	font-size: 16px;

	line-height: 36px;

}

p.comment-link a:hover {

	color: #999;

	text-decoration: underline;

}



div#footer {



width: 920px;

height: 150px;



}

div#footer p {

	line-height: 108px;

	color: #333;

	text-align: center;

}

div#footer p a {

	color: #444;

	text-decoration: none;

}

div#footer p a:hover {

	color: #555;

	text-decoration: underline;

}

div.post {

	margin: 0 0 76px;

}

h3#comments, h3#respond {

	color: #fff;

	line-height: 64px;

}

div.author {

	width: 250px;

	float: left;

}

div.author cite {

	font-size: 16px;

	font-weight: bold;

	font-family: Helvetica, Arial, sans-serif;

	margin: 0 0 0 12px;

}

div.author img {

	position: relative;

	top: 10px;

}

div.comment {

	width: 500px;

	float: right;

	padding: 18px 0 0 0;

}

ol.commentlist {

	border-top: 1px solid #333;

	margin: 0 0 48px;

}

ol.commentlist li {

	border-bottom: 1px solid #333;

	padding: 12px 0 0;

}

form input, form textarea {

	margin: 0 12px 0;

}

div.alignleft, div.alignright {

	display: block;

	width: 40%;

	float: left;

margin: 0px 10px 0px 0px;

}

div.alignright {

	float: right;

	text-align: right;

}

div.alignleft a, div.alignright a {

	font-family: Georgia, Times, 'Times New Roman', serif;

	font-size: 18px;

	text-decoration: none;

	color: #777;

}

div.alignleft a:hover, div.alignright a:hover {

	color: #999;

	text-decoration: underline;

}



.thumbnail {

	float: left;

border: 1px solid #d8d2b1;

margin: 0px 10px 10px 0px;

padding: 5px;

}



#bio {

margin: 20px 0px;

border-bottom: 1px solid #d8d2b1;

min-height:250px;

} 

 .wp-caption-text {

	

text-align: center;

font-weight: bold;

}



.column1 {

	width: 300px;

margin-right: 10px;

float: left;

}

.column2 {

	width: 300px;

margin-right: 10px;

float: left;

}

.column3 {

	width: 300px;

float: left;

}



#columns {

	width: 920px;

height: 555px;

}


