/*
-----------------------------------------------
BRIANFOX.US Style Sheet
author:   brian fox - fox digital media
version:  5/2008
----------------------------------------------- */

/*General Markup*/

body {
	background: #000000 url(i/bkg-blk.jpg) no-repeat;
	color: #545151;
	padding: 0;
	margin: 0;
	font: normal 12px Myriad, "Myriad Roman", "Myriad Pro", "Myriad Web", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, san-serif !important;
	font: normal 100% Myriad, "Myriad Roman", "Myriad Pro", "Myriad Web", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, san-serif;
	}

a {
	text-decoration: none;
	color: #4F7DD8;
	}
.para p a:visited:after {
        content: " \221A";
        content: "\00A0\221A"; 
        font-size: 75%;
		}
.para p a:after, .asset-more-link a:after {
        content: " 203A";
        content: "\00A0\203A"; 
        font-size: 100%;
		}
a:hover {
        text-decoration: underline;
		}

img {
	border:0px;
	}

h1, h1 a {
	font: 15px "Trebuchet MS", "Myriad", "Arial", "Helvetica", sans-serif !important;
	font: 1.2em "Trebuchet MS", "Myriad", "Arial", "Helvetica", sans-serif;
	/*color: #BF284A;*/
	/*color: #C73052;*/
	color: #B60217;
	
	background: transparent;
	text-decoration: none;
	padding: 0;
	text-align: left;
	text-shadow: #fff 0px 1px 2px;
	}

h2 {
	font: 13px "Trebuchet MS", "Myriad", "Arial", "Helvetica", sans-serif !important;
	font: 1.1em "Trebuchet MS", "Myriad", "Arial", "Helvetica", sans-serif;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	color: #4F7DD8;
	}

h3 {
	font:10px "Lucida Grande", "Trebuchet MS", "Myriad", "Arial", "Helvetica", sans-serif;
	color: #7993B6;
	background: transparent;
	text-decoration: none;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	}

tr {
	border-bottom: 1px dotted #ccc;
	}
td {
	padding: 10px 17px 10px 10px;
	}
th {
	text-align: left;
	background: transparent url(i/notebook.png) repeat !important;
	background: transparent url(i/notebook.gif) repeat;

	padding: 10px 17px 10px 10px;
	color: #fff;
	}
.note {
	font-size: .9em;
	font-style: italic;
	text-align: center;
	}
.center, .textwidget {
	text-align: center;
	padding-top: 15px;
}
/*Layout Elements*/
#wrapper {
	position: absolute;
	width: 912px;
	background: transparent url(i/wrapper-bkg.png) repeat-y !important;
	background: transparent url(i/content-bkg.gif) repeat-y;
	left: 25px;
}
#header {
	position:relative;
	margin: 0;
	padding-top: 27px;
	height: 198px;
	width: 913px;
	}

#banner {
	height: 184;
	width: 803px;
	margin-left: 50px;
	background: transparent url(i/banner/rotate.php) no-repeat;
	/*background: transparent url(http://brianfox.us/wp-content/plugins/nextgen-gallery/xml/imagerotator.php?gid=9) no-repeat;*/
	
	
	}
#content-top {
	position: absolute;
	top: 225px;
	left: 25px;
	width: 854px;
	height: 39px;
	margin: 0;
	background: url(i/content-top.png) no-repeat;
	}
#content {
	position:absolute;
	top: 264px;
	left: 25px;
	width: 854px;
	margin: 0;
	line-height: 1.5em;
	background: url(i/content-bkg.png) repeat-y;
	padding-bottom: 15px;
	font-size: 1.1em;
	}
.para {
	position:relative;
	width: 510px;
	margin: -10px 0 0 50px;
	text-align: left;
	background-color: #E3EAF2;
	}
#sidebar {
	position: relative;
	float: right;
	width: 199px;
	top: 32px;
	right: 58px;
	padding: 0 15px 0 15px;
	text-align: left;
	background: #CBD5DF url(i/sidebar-bkg.jpg) repeat; 
	font: .9em;
	}

#drop {
	height: 184px;
	width: 803px;
	margin-left: 0px;
	padding: 0;
	background: transparent url(i/header-drop.png) no-repeat !important;
	}

#textlogo {
	position: absolute;
	top: 40px;
	left: 0px; 
	margin-left: -8px;
	height: 161px;
	width: 33px;
	background: transparent url(i/brian-fox-text-logo.png) no-repeat !important;
	}

#logo {
	position: absolute;
	top: 67px !important;
	left: 70px !important;
	width: 107px !important;
	height: 100px !important;
	background: transparent url(i/bf-logo.png) no-repeat !important;
	background: transparent url(i/bg-logo.gif) no-repeat;
	}

abbr, acronym {border-bottom: 1px dotted #000; cursor: help;}

/*Navigation Elements*/
/*NEW NAVIGATION*/
#navigation {
	position:absolute;
	bottom:28px;
	right:60px;
	display: block;
	}
	#navigation ul{
		display:inline;}
	#navigation li{
		padding: 15px 15px 15px 15px; 
		margin: 0px; 
		display: inline;}
	#navigation a {
		color: white;
		font-size: 1.2em;
		font-weight: bold;
		text-decoration:none;
		text-transform:capitalize;
		font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
		padding: 17px;
	}
	#navigation a:hover {
		text-decoration: underline;}
	#navigation .current_page_item a {
		background-color: #007bcf;
		padding:7px 5px;}
	#navigation li ul {
		display: none;}
	#navigation li.current_page_item  ul {
		display:inline;
		position: relative;
		top:30px;}
/*END NEW NAVIGATION*/
#nav {
	width: 269px;
	height: 325px;
	margin:-195px 0px 0 534px !important;
	margin:-185px 0px 0 534px;
	}

#nav li {
	list-style:none;
	height: 57px;
	margin: 0 0 5px 0;
	}

#nav ul li a {
	text-decoration: none;
	display: block;
	font-weight: normal;
	font:17px "Lucida Grande", "Trebuchet MS", "Myriad", "Arial", "Helvetica", sans-serif;
	color: #fff;
	padding: 10px 0 0 25px;
	}
	


#nav p {
	font:9px "Lucida Grande", "Trebuchet MS", "Myriad", "Arial", "Helvetica", sans-serif;
	color: #DCE3EC;
	padding: 0 0 0 25px;
	margin-top: .1em;
	}
	
#navigation .photos a {
	color: #627e97;
	}

.photos a {
	padding-right: 2px;
	}

#nav ul .photos a {
	color: #BF284A;
	text-shadow: #fff 0px 1px 1px;
	}

ul .blog {
	background: transparent url(i/nav-notebook.png) !important;
	}
ul .photos {
	background: transparent url(i/nav-photos.png) repeat !important;
	}
ul .about {
	background: transparent url(i/nav-about.png) repeat !important;
	}
ul .blog:hover {
	background: transparent url(i/nav-notebook-hover.png) !important;
	}
ul .photos:hover {
	background: transparent url(i/nav-photos-hover.png) repeat !important;
	}
ul .about:hover {
	background: transparent url(i/nav-about-hover.png) repeat !important;
	}



body#photos #content {
	position:absolute;
	top: 256px;
	left: 0px;
	width: 826px;
	margin: 0;
	background: transparent url(i/nav/content-photos.png) repeat-y;
	}

.topstory {
	width: 425px !Important;
	width: 395px;
	background: transparent;
	padding: 5px 18px 10px 15px !important;
	padding: 5px 18px 10px 0px;
	margin: -15px 0 0 -17px !important;
	margin: -1px 0 0 -0px;
	}
	


body#photos .para {
	width: 647px;
	margin-left: 85px;
	}

#sidebar p {
	width: 175px;
	padding: 0 0 0 15px;
	}

#sidebar h1 {
	width: 202px;
	color: #BF284A;
	padding: 3px 5px 3px 0px;
	margin: 15px 0 0 11px;
	border-bottom: 1px solid #4F7DD8;
	}

#sidebar h2, #sidebar li h2 {
	width: 202px;
	padding: 3px 5px 0px 0px;
	margin: 15px 0 0 11px;
	line-height: 1em;
	}

#sidebar .top {
	width: 188px;
	color: #fff;
	padding:3px 0 3px 9px;
	background: transparent url(i/nav-about.png) repeat;
	text-shadow: #000 0px 1px 1px;
	}
#sidebar a{
	color: #B60217;
	}
#sidebar a:hover{
	color: #B60217;
	text-decoration: underline;
	}


/* DEFAULT WORDPRESS SIDEBAR STYLES */
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 0;
	}


#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px 0;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 48px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0 0;
	padding: 0;
	}

	/* END DEFAULT WORDPRESS SIDEBAR STYLES */


#sidebar li li a {
	background: url(i/link.jpg) no-repeat 8px;
	background-position: 0px 1px;
	padding-left: 13px;
	margin-left: -35px;
	line-height: 1.5em;
	}

#sidebar li li a:visited {
	background: url(i/link-visited.jpg) no-repeat 8px;
	background-position: 0px 1px;
	padding-left: 13px;
	/*text-decoration:line-through;*/
	}


#footer {

	padding: 20px 0px 20px 0px;
	text-align: center;
	color: #fff;
	clear: both;
	width: 525px;
	background: transparent url(i/nav-about.png) repeat !important;
	}
#footer a {
	color: #ccc;}
#footer:hover {
	color: #666;
	}

/*STYLING*/


.category {
	background: transparent url(/i/permlink.gif) no-repeat 0 50%;
	padding: 0 0 0 14px;
	margin-left: 30px !important;
	margin-left: 20px;
	}

.comments {
	background: transparent url(/i/comment.gif) no-repeat 0 50%;
	padding: 0 0 0 14px;
	margin-left: 30px !important;
	margin-left: 20px;
	}

.date {
	background: transparent url(/i/date.gif) no-repeat 0 50%;
	padding: 0 0 0 14px;
	}

.time {
	background: transparent url(/i/time.gif) no-repeat 0 50%;
	padding: 0 0 0 14px;
	margin-left: 30px !important;
	margin-left: 20px;
	}

blockquote {
	background: url(i/quote-start.gif) no-repeat;
	/*text-indent: 18px;*/
	border-left: 1px dotted #ccc;
	color: #7F7F7F;
	}

blockquote p {
	padding-left: 19px;
	}

.posted, .comments-post {
	padding-top: 5px;
	margin-top:10px;
	border-top: 1px dotted #ccc;
	color: #999;
	}

.comments-post {
	padding-bottom: 15px;
	}


.comment1 { 
	background: url(i/quote-start.gif) no-repeat;
	background-color: transparent;
	padding: 4px 15px 10px 15px;
	} 

.comment2 { 
	background: url(i/quote-start2.gif) no-repeat;
	background-color: #D7DCE4;
	padding: 4px 15px 10px 15px;
	}

.highlighted {
	background: #CBD5DF;
	padding: 8px 12px 8px 12px;
	border: 1px dotted #4F7DD8;
	}

.pullquote {
	float: right;
	width: 200px;
	padding: 15px;
	background: url(i/quote-start.gif) no-repeat;
	font: bold 18px "Trebuchet MS", "Myriad", "Arial", "Helvetica", sans-serif !important;
	font: bold 1.5em "Trebuchet MS", "Myriad", "Arial", "Helvetica", sans-serif;
	}

.subtle {
	color: #666;
	}

.subtle:hover {
	color: #666;
	}

#photogrid {
	width: 440px !important;
	width: 470px;
	margin-top: 12px;
	text-align: left;
	}
	
#photogrid .photo {
	float: left;
	height:215px;
	width:185px;
	text-align: center;
	margin: 0 22px 22px 0 !important;
	margin: 0 3px 22px 0;
	/*border: 1px solid #ccc;*/
	border: 0;
	padding: 5px;
	}	

#photogrid img {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #b8b8b8;
	}

.thumbnail {
	float: left;
	 width: 190px;
	 margin: 0 20px 20px 0;
	 border: 1px;
	 padding: 0px;
 	}

.photobox {
	float: right;
	margin-top: -25px;
	padding: 5px;
	}

.photobox img {
	padding: 2px;
	background: #000;
	}

.pixbox {
	float: right;
	padding: 5px;
	text-align: center;
	}

.pixbox img {
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
	}
.pixcenter, .ngg-widget {
	margin-left: auto;
	padding: 15px;
	text-align: center;
	}

.pixcenter img {
	padding: 5px;
	border: 1px solid #ccc;
	background: #000;
	}
		
.photo {
		float: left;
		padding: 9px 19px;
		text-align: center;
		}

.photo img {
		padding: 2px;
		background: #000;
		}

.floatright {
	float: right;
	padding: 0 0 0 20px;
	}
	
.floatleft {
	float: left;
	padding: 0 20px 0 0;
	}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

.clearboth {
	clear:both;
	}

.gooogle {
	text-align: center;
	}
/*TWITTER SIDEBAR STYLES*/
#twitter_div li {
	clear:left;
	margin: 0;
	padding: 0;
}
#sidebar #twitter_div li a {
	background: transparent;
	padding-left: 0px;
	margin-left: 0px;
	}

#sidebar #twitter_div li a:visited {
	background: transparent;
	padding-left: 0px;
	}
#sidebar .aktt_tweets a {
	background: none;
	padding:0 0 0 0px;
	margin:0;
	line-height: 1.5em;
	color: #626262;
	font-size: .9em;
	}
#sidebar .aktt_tweets a:visited {
	background: none;
	padding:0;
	margin:0;
	line-height: 1.5em;
	text-decoration:line-through;
	color: #9f9f9f;
	font-size: .9em;
	}
.aktt_tweets{
	padding-left: 13px;
	}
#sidebar .aktt_tweets li{
	padding-bottom: 15px;}
/* END OF TWITTER SIDEBAR STYLES*/

.ngg-widget img{
  padding: 45px;
  }
.entryBox {
	margin-bottom: 40px;}
.entryBottom {
	background-color: #ffffff;
	padding: 8px;
	font-size: .9em;}
/* HCARD FORMATTING */

.vcard, 
.vevent {
	border: 2px solid #e0e7b8 !important;
	padding: 25px 3px 3px 3px !important;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 5px 0 !important;
}

span.vcard, 
span.vevent {
	padding: 2px 1px 2px 70px !important;
	margin: 0 2px 0 !important;
}
 
/* images have to be saved as data URIs as usercontent doesn't support local images */

.vcard {
	background:#f8f8ec url("data:image/gif,GIF89a%3B%00%0D%00%D5%00%00%00%00Q%96%C3%E6%A7%C3jz%A6%22l%93%9B%CC%CC%C4y%9E%A5KK%84%F8%FD%FE%DD%F3%F8..p%A8%C2%C7%D4%E1%B2h%9B%06%8C%B2%3F%E6%EC%CFT%82%8A%CB%DB%A4%A9%DC%FA%B9%CF%87%90%B0%B6%2Fdn%F8%F8%ECGw%81%60%8B%93%D5%EF%F6%9E%BE%5C%8F%B7%DB%83%AC0%99%D2%F1f%88%BA%B0%C9y%C2%D5%95%EF%F2%DEff%99Tj%A1p%A0%14z%8B%B6%0A%0E%5B%DD%E6%C1%95%B8M%EA%F7%FB%3Bmw%B5%CD%D1%CC%CC%CC%FF%FF%FF%84%A7%AD%9C%B9%BF%A7%DB%F9%E6%F6%FA%9A%C7%E9%EF%F9%FC%9F%D6%F5%11%11%5C%DD%F2%F8%AD%C5%C5%94%B5%B5Hx%81%92%B8%DDi%89%BA%3Dnx%9D%BA%C0%00%00%00%00%00%00!%F9%04%00%07%00%FF%00%2C%00%00%00%00%3B%00%0D%00%00%06%FF%C0%95pH%2CZ%8E%C8%A4r%C9l6%17%AD%A8t*%5D%14%9C%D8%AC%D6%F2juh%25QI%22i%B1%CE%AD%DE5%F9%60%9C%B6%F0%26%A5E%DB%1C%EE%BAr%0B%81hQ%D6%16'%0E%0D%84%20p%0F%11%87%89%16.-02%0A%912eg%2C-.k!%24%1Co!!p%0E%0E%A0%A2%16%06-%12%01%235%23%010%08331-%06k%1F%0D%0FJ%13%1C%0D%02%9F%0E%02%83%02%16%B6%84%0C%13%03%0D(%9F%16%11%C8%0E%C4%0D%0C%04-%3B%00%D6%D6%1E3%95-%04k%0E%1CJ%11%0D%13%11%24%C2%83%20%B6%11%0F%1C%1C%0C!%20%0C%E5%1F%16%0C%0D%1A%0C%0C%EC%EE!%18-%26%D7%AC%99HA0A%0B%0C%DE%C0%25A%A1P%00%09%0B%A1%8E4%A0%17%D1%C2%83%09%0EH%88%D2%A0%F0HE%08S%F8%CC(%98%C0%20%845%13%1A%BCA%C2%F0%88C%88%A4%26%C2%B4%A0%09%05%03%0E%A2Z%22%A9x!J%05%60%08%2BF%A6%F8%B9%22C%8B%1C%99H%90%98%20%0F%D1%B8r%E7b%D2C1%C0%CDD%10%1A%99%F1%CAg%81*%03%0B*%A4T%A026%0A%0F%40%0F4%90hP%D5%C21s%BE%A4%06BfA%40%03%07%1AH%E9J6%B7%81%85%0A%80%2B%B8%08%0Cxp%60%40q%12c)%C0%B8%B1%E3%C7%8A%237%09%02%00%3B") 5px 2px no-repeat  !important;
}


.vevent {
	background:#f8f8ec url("data:image/gif,GIF89a2%00%10%00%E6%00%00%00%00%00%DF%E0%E2%B4soz%A6%22h%9B%06%C1%C3%C5%CB%DB%A4%8C%8C%8CKKL%B5%B6%B7%8D%60%5DRG%3A%3E%3E%3E%9E%BE%5C%F0%8C%8E%DB%DB%D1%B0%C9y%F2%F3%F4333%B9%CF%87%8C%B2%3F%F8%F8%ECfff%E6%EC%CF%FF%FF%FF%84~r%AF%AF%A9%DD%E6%C1%D7%D7%CE%BAzvi_M%C2%D5%95%A7np%E9%E9%DE%D4%E1%B2%60VF%EA%EB%ECWL%3Ep%A0%14%C5%CE%CE%83%AC0%A0%9A%8A%A7%C3j%D9%DB%DD%C7_a%5B%5C%5C%F2%91%93%CA%CA%C2%F5%F6%F7%95%B8M%99%99%99%EF%F2%DE%C2y%7B%9DZW%DB%DC%DD%3B%3B%3C%EF%F0%F0%D5%D6%D8%CF%D1%D3%B7%BA%BCdZJ%E6%E7%E7%5BQB%C1%81~%BDjl%F7%94%94kaO%C2%C5%C7%DE%DE%D6%BF%7F%7B%A7pq%CC%CC%CC%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00!%F9%04%00%07%00%FF%00%2C%00%00%00%002%00%10%00%00%07%FF%80%15%82%15%2F%1A%2F%83%84%86%88%8B%8C%8D%8E%8F%15%16%18%16%88%92%94%90%98%99%88)5%96EE%1D%02%96B)%9A%A6%8F%1E%2C%96%0EA.%0E%96%1E%1E%A7%B3%8B%3C%2C%40%204%AC%AE4F%0A%3C%3C%8B%17%22%C4%223%B4%8E%3C8%11%CC%CD%CE%24%C1%88%10%04%D4%04%22%C8%82%06%17%83%238%18%DF%E0%E1%3D%23%8B%D3%D8%88%22%D6%DC%24%DF2%0C%18%0C%00%00%EF%01%E4%D2%04%833%04*%82%FB%15%13%26LL%A8%90%EE%83%89%01%1B*T%A3%20hD%0F%18%07%240%80A%91%C1%11%186%EC%0D%9AF%A1c%85%18%03*%18%20p%C1%80%89%0D%E9%88%11%A0%20b%00%8A%7F%04%26%24%AC%E0%23%00%8C%1E%3B%26%C2%90%D1%82b%0E%1F%E5%08%40%18*%92%C0%86%06%2Fc%98%E8(4e%05sN%05%F9X%C1%2C%C1%0Df%08%120%D3%01%F4%DE%22%13%10L%7C%F88%60(%04%95%D7%A0%AA%13T%22%07%0E%1CV%5E%DF%02x%8B%E3H%89%A0%C5%B6%A90A%E0%D8%87%98%22%06%3A5%B7A%E8%B6%0A%25t%90X%CC%B8q%81%BB%F7%AAA%A8P%B8%C1%A0%09%03%08%A0%981%18_%05%15B%05-%18%B2%A2%B4%E9%D3%3B%16%9C3%15%E2A%86%05%B0c%CB%86%9D!%C4%EAL%AD%1Fp%D8%CD%BB%F7%EE%07%B6oC%0A%04%00%3B") 5px 2px no-repeat  !important;
}


/* XFN */

a.n:hover:after, a.fn:hover:after {
   content: " (" attr(rel) ") ";
   color: #636958;
   padding-left: 0.3em;
 }
#sidebar ul .aktt_tweets ul {
	padding-left: 0;
	margin-left: 0;}

.entry-content ul {
	margin: 2em 0;}
.entry-meta {
	display: none;}
.ngg-widget-slideshow{
	float:left;
	position: absolute;
	top:0;
	left:0;}