/*
Theme Name: Portfolio
Theme URI: http://aaronkwhite.com
Description: Portfolio Theme specifically for www.aaronkwhite.com
Version: 1.5
Author: Aaron K. White
Author URI: http://aaronkwhite.com
Tags: none

This theme was designed and built by Aaron K. White
*/


@import url(http://www.princexml.com/fonts/larabie/index.css) all;

@import url(css/fonts.css) all;


/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}


/* General Classes */

html {
	margin:  0;
	padding: 0;
}

body {
	margin: 0 auto 0 auto;
	padding: 0;
	font-family: MuseoSans, Verdana, Arial;	
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 100%;
	line-height: 125%;
	color:  #fff;
	background: #013c58 url('images/background2.jpg') top left no-repeat;
}


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

a:hover {
	color: #fff;
	text-decoration: underline;
}

a:visited {
	padding: 0;
	color: #fff;
}

img {
	margin: 0;
	padding: 0;
}

img a {
	border: none;
}

img.alignright {
	float:right;
	margin:0 0 1em 1em;
}

img.alignleft {
	float:left;
	margin:0 1em 1em 0;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

a img.alignright {
	float:right;
	margin:0 0 1em 1em;
}

a img.alignleft {
	float:left;
	margin:0 1em 1em 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.left {
	float:  left;
}

.aligncenter {
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}

h1 {
	margin: 0;
	padding: 20px 5px 20px 0;
	font-size: 225%;
}

h2 {
	margin: 0;
	padding: 10px 5px 20px 0;
	font-size: 190%;
}

h3 {
	margin: 0;
	padding: 20px 5px 10px 0;
	font-size: 170%;
}

h4 {
	margin: 0;
	padding: 10px 5px 10px 0;
	font-size: 125%;
}

h5 {
	margin: 0;
	padding: 8px 5px 8px 0;
	font-size: 100;
}

h6 {
	margin: 0;
	padding: 5px 5px 5px 0;
	font-size: 85%;
}

.clear {
	clear: both;
}


/* Theme Specific Div's */

#header {
	margin: 0;
	min-height: 85px;
	background: #111111;
	border-bottom:  #2a88b3 1px solid;
}

#header .width {
	width: 916px;
	margin: 0 auto 0 auto;
	border-left:  solid #fff 1px;
	border-right: solid #fff 1px;
}

#logo {
	float: left;
	margin: 17px 0;
	padding: 0;
}

#navigation {
	float: right;
	margin: 25px 0;
	padding: 10px 0 8px 0;
	font-size: 90%;
	font-weight: normal;
	background: #1e1e1e;
	
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

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

#navigation a:hover {
	color: #e0e0e0;
	text-decoration: none;
}

#navigation ul {
	margin: 0 0 0 25px;
    padding: 0;
    list-style: none;
}

#navigation ul li {	
	margin: 0 25px 0 0;
    padding: 0;
    font-size: 95%;
    display: inline;
    color: #ffffff;
}

#container {
	width: 916px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#content {
	float: left;
	width: 610px;
	padding: 0;
	margin: 25px 0;
}

.post {
    display: block;
    position: relative;
    font-size: 100%;
    padding-bottom: 5px;
}

.post div {
	display: block;
	padding: 5px 0 15px 0;
}
.post .thumbnail {
//    float:left;
    margin-right:15px;
    margin-bottom:15px;
    width:200px;
    height:200px;
}

.post h2 {
	margin: 0;
	padding: 2px 0 2px 0;
    font-size: 2em;
    letter-spacing:-0.04em;
    line-height: 1.125em;
    padding-bottom: 5px;
}

.post h2 a {
    text-decoration: none;
}

.post h2 a:hover {
    text-decoration: underline;
}

.post .small {
	margin: 0;
    padding: 2px 0 10px 0;
    color: #7da9be;
    font-size: 80%;
}

.post small a {
    color: #7da9be;
    text-decoration:none;
}

.post small a:hover {
    text-decoration:underline;
    color:#fffffe;
}

.post .summary {
    display:block;
    margin: 0;
}

.post p {
    padding-bottom: 15px;
    line-height: 150%;
}

blockquote {
	margin: 10px 0 10px 25px;
	padding: 5px 10px 0 15px;
	width:  80%;
	color: #7da9be;
	font-size: 85%;
	font-style: italic;
	border-left: #7da9be solid 5px;
}

blockquote p {
	margin: 0;
	padding: 0;
}

cite {
	margin: 10px 0 10px 25px;
	padding: 5px 10px 0 15px;
	width:  80%;
	color: #7da9be;
	font-size: 85%;
	font-style: italic;
}

div.wp-caption {
	margin: 0 0 25px 0;
	padding: 10px;
}

.wp-caption {
	margin: 0;
	padding: 0;
}

.wp-caption img {
	margin: 0 0 10px 0;
	padding: 0;
}

.wp-caption-text {
	margin: 5px 0 5px 0;
	padding: 2px;
	color: #2a88b3;
	font-size: 60%;
	text-align: center;
	border-top:  #2a88b3 2px solid;
	border-bottom:  #2a88b3 1px solid;
	
}

p.wp-caption-text {
	margin: 0;
	padding: 0;
}

.post-content {
	margin: 10px 0 0 0;
}

.postmeta {
	margin: 0 0 10px 0;
	padding: 5px 10px 0 15px;
	width:  90%;
	color: #7da9be;
	font-size: 75%;
	font-style: italic;
}

.fblike {margin: 0 0 10px 0;}


.postnavigation{}

#searchform{}

#sidebar {
	float: right;
	width: 260px;
	margin: 25px 0;
	padding: 5px;
}

#sidebar ul {
	width: 95%;
	padding: 0;
	margin: 0;
}

#sidebar ul li {
	margin: 0;
	padding: 2px 10px 9px 10px;
	font-size: 90%;
	list-style: none;
}

#sidebar h2 {
	margin: 0;
	padding: 5px 0 15px 0;
	font-size: 140%;
}

#twitter h2 {
	margin: 0;
	padding: 20px 0 0 52px;
	height: 52px;
	font-size: 130%;
	background: url('images/twitter_bird.png') top left no-repeat;
}

.twitted {
	margin: 0;
	font-size: 75%;
}

.twitted h2 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #fff;
}

.  p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0 0 1.5em 0;
	font-size: 100%;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #fff;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #fff;
}

.twitted ul#twitter_update_list li.firstTweet {
}

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

.twitted p.profileLink {
	display: none;
}

#media {
	padding: 0;
	margin: 25px 0;
	font-size: 75%;
}

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

#media a:hover {
	color: #fff;
	text-decoration: underline;
}

#media ul {
	width: 95%;
	padding: 0;
	margin: 0;
}

#media ul li {
	margin: 0 0 10px 0;
	padding: 2px 10px 3px 3px;
	font-size: 90%;
	list-style: none;
	background: #326f8b;
}

#media img{
	margin: 0 0 0 2px;
	padding: 0;
	vertical-align: middle;
}

#media a {
	margin: 4px 0 0 10px;
	padding: 0;
	vertical-align: middle;
}

#empireavenue {
	margin: 0 auto 0 auto;
	padding: 0;
}


#intro {
	float: left;
	margin: 0 0 25px 0;
	width: 95%;
	font-size: 150%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 150%;
}

#intro p {
	margin: 0 0 25px 0;
}

#lightbox-caption a {
	color: #000;
}

#about {
	float: left;
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 125%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 150%;
	overflow: auto;
}

#about .mugshot {
	float: left;
	padding: 0;
	margin: 10px 10px 0 0;
}

#about p {
	margin: 0;
	padding: 0 0 25px 0;
}

#photography {
	float: left;
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 125%;
	line-height: 150%;
	overflow: hidden;
}

#photography p {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 90%;
}

#photography h2 {
	font-size: 125%;
	margin: 0;
	padding: 0 0 10px 0;
}

#photography h3 {
	font-size: 105%;
	margin: 20px 0 15px 0;
	width: 100%;
	border-bottom: solid #e0e0e0 1px;
}

#photography h4 {
	font-size: 75%;
	margin: 0;
	padding: 0;
}

#featured {
	clear: both;
	margin: 0;
	padding: 0;
	overflow: auto;
}

#featured ul {
	margin: 25px 0 25px 0;
    padding: 0;
    list-style: none;
}

#featured ul li {	
	margin: 0 25px 0 0;
    padding: 0;
    display: inline;
    color: #ffffff;
}

#featured img {
	border:  solid #fff 1px;
}

#featured h2 {
	margin: 0;
	padding: 0;
	font-size: 115%;
}

.boxgrid { 
	width: 262px; 
	height: 200px; 
	margin: 15px 25px 25px 0; 
	float: left; 
	background: #161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img { 
	position: absolute;
	border: 0; 
}

.boxgrid p { 
	padding: 0 10px 0 0; 
	color:#afafaf; 
//	font-weight:bold; 
	font-size: 80%;
}

.boxcaption { 
	float: left; 
	position: absolute;
	padding: 5px;
	background: #000; 
	height: 75px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
 	top: 200px;
 	left: 0;
}

.caption .boxcaption {
 	top: 220px;
 	left: 0;
}

.boxcaption h3 {
	font-size: 90%;
	margin: 0;
	padding: 0;
}

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #011e2d url('images/footer_bg.jpg') top repeat-x;
	font-size: 70%;
	color: #637f8c;
}

#footer a {
	color: #637f8c;
}

#footer .width {
	width: 916px;
	margin: 0 auto 0 auto;
	padding: 25px 0;
}

#footer h3 {
	font-size: 120%;
	margin: 0 0 10px 0;
	padding: 0 0 6px 0;
//	color: #5d7884;
    background: url('images/sep_horz.jpg') bottom repeat-x;
}

#footer #colophon {
	float: left;
	margin: 0;
	padding: 0;
	width: 275px;
}

#footer #colophon p {
	margin: 0;
	padding: 0 0 10px 0;
}

#footer #colophon a {
	padding: 0;
//	color: #fff;
	text-decoration: none;
}

#footer #colophon a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer #links {
	float: left;
	margin: 0 0 0 50px;
	padding: 0;
	width:  210px;
}

#footer #links h3 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 6px 0;
//	color: #5d7884;
    background: url('images/sep_horz.jpg') bottom repeat-x;
}

#footer #links ul {
	margin: 0;
    padding: 0;
    list-style: none;
}

#footer #links ul li {	
	margin: 0;
    padding: 10px 0 10px 0;
    color: #ffffff;
    font-size: 100%;
    background: url('images/sep_horz.jpg') bottom repeat-x;
}

#footer #links a {
	padding: 0;
//	color: #fff;
	text-decoration: none;
}

#footer #links a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer #availability {
	float: left;
	margin: 0 0 0 50px;
	padding: 0 auto 0 auto;
	width: 225px;
}

#footer #availability img {
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer #availability img a {
	border: 0;
}

#footer #availability p {
	margin: 0;
	padding: 0;
	text-align: center;

}

#footer #flickr {
	float: left;
	margin: 0 0 0 30px;
}

/* The images styling is needed to turn the <ul> into a 3x3 grid */
#images {
	padding: 0;
	margin: 0 5px 0 0;
	height: 			150px;
	width: 				250px;
	overflow:			hidden;
}

#images ul {
	list-style:			none;
	float: 				left;
	padding: 			0px;
	margin: 			0px;
}

#images ul li {
	display: 			inline;
	margin: 0 5px 0 0;
}

#images ul li img {
	border: none;
	padding: 0;
	width: 				65px;
	height: 			65px;
	border: solid #326f8b 3px;
	opacity: 			0.6;
	-moz-opacity: 		0.6;	
}

#images ul li img:hover {
	opacity: 			1;
	-moz-opacity: 		1;
}


#copyright {
	clear: both;
	font-size: 75%;
	margin: 0;
	margin: 10px 0 0 0;
	padding: 0;
}

#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

/* List Styles */

ul {
	margin: 5px 0 20px 40px;
	padding: 0;
}

ul li {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 80%;
	line-height: 130%;
}

ol {
	margin: 5px 0 20px 40px;
	padding: 0;
}

ol li {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 80%;
}

/* Contact Form Styles */

.screenReader {
	left: -9999px;
	position: absolute;
	top: -9999px;
}

.thanks {
	padding: 10px;
}

/*****Forms*****/
ol.forms { float: left; list-style: none; margin: 10px 0; width: 100%; }
ol.forms li {
	clear: both;
	float: left;
	margin-bottom: 15px;
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 10px;
	width: 100px;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #2a88b3;
	border-radius: 4px;
	font: inherit;
	color: #fff;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 225px;
	background: #013c58;
}

ol.forms textarea { height: 225px; width: 350px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #2a88b3; border-color: #ff9800; }
.error { color: #39dcff; }
ol.forms li .error { font-size: 12px; margin-left: 10px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 115px;
}

.errortop {
	margin: 5px 0 20px 0;
	padding: 5px 0 5px 0;
	color: #39dcff;
	font-size: 125%;
	border-top: #39dcff solid 3px;
	border-bottom: #39dcff solid 2px;
}

ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
	width: auto;  
	padding: 4px; 
	margin: 0;
	font: inherit;
	color: #011e2d;
	background: url(images/button-bg.gif) repeat-x; 
	border: 1px solid #adadad!important;
	border-left-color: #ececec!important; 
	border-top-color: #ececec!important;
}
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { float: right; width: 500px; }
ol.forms li.inline input {
	width: auto;
	padding: 0 5px 0 0;
}
ol.forms li.inline label {
	display: inline;
	padding: 0 0 0 5px;
	float: none;
	width: auto;
}

.sexy-bookmarks {
	clear: both;
}

#lwp_ad_item_premium_70998 {
	margin: 0;
	padding: 10px;
	text-align: center;
}
