/* ---------------------------------
this file contains all (valid) layout 
see also: ieN.css for explorer-only targeted css kerfuffle
--------------------------------- */
/* @group YAHOO RESET */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } li { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before,q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; } input,textarea,select { font-size: 100%; } legend { color: #000; } 
/* @end */

html, body{
	height:100%;
	background: #f2f2f2;
}
body
{
	margin:0;
	padding:0;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue LT Std 45 Light", "HelveticaNeueLTStd-Lt", "Helvetica Light", "Helvetica 45 Light", "Helvetica-Light", "Helvetica Neue", "Helvetica Neue LT Std", "Nimbus Sans L", Helvetica, Arial, sans-serif;
	font-weight: 300;
	color:#6e6e6e;
	font-size:16px;
}

a, span.current
{
	color:#6e6e6e;
	text-decoration: none;
	text-transform: uppercase;
}

a:hover, .current, .wrapper .sf-menu ul .sfCurrent{
	color: #ca2222;
}

#options a{
	font-size:12px;
}

h2
{
	color:#736f6f;
	text-transform: uppercase;
	margin-bottom:15px;
	font-size:21px;
}

.wrapper
{
	margin:0 auto 0 auto;
	width:999px;
	max-height:848px;
	padding-top:35px;
	background:#fff;
	overflow: hidden;
}

.content
{
	margin:0 auto 0 auto;
	width:912px;
}

#logo{
	font-size:24px;
}


.menu-select{
	float:right;
	width:912px;
	position:absolute ;
	top:5px;
	text-align:right;
	font-size:13px;
}

.menu-select .current{
	text-transform:uppercase;
	color:#ca2222;
}

.menu-select .new-window-label{
    display: none;   
    position: absolute;
    top: 20px;
    left: 40px;
    font-size: 9px;
    color:#6E6E6E;
    background-color: #dcdcdc;
    text-align: center;
    width: 75px;
    padding: 1px;
}

.menu-select .blank{
    position: relative;   
}

.menu-select .blank:hover .new-window-label{
    display: block;   
    color: #6E6E6E;
}


a#logo:hover{
	color:#6e6e6e;
}

#header
{
	margin-bottom:10px;
	line-height:10px;
	position:relative;
}

#header img
{
	vertical-align:bottom;
	margin-right:65px;
}

#crumbs , #crumbs  li 
{
	list-style-type:none;
	padding:0;
	margin:0;
	display:inline;

}

#crumbs li {
	margin-left:5px;
	float:none;
}

#crumbs a{
	color:#ca2222;
	font-size: 14px;
}

#crumbs a:hover{
	color:#ca2222;
}

#photo
{
	width:912px;
	height:684px;
	padding:auto;
	display:table-cell;
	vertical-align:middle;
	background:#fff;
}

#photo img
{
	display:block;
	margin:auto;

	
}

#footer
{
	margin-top:8px;
	overflow: hidden;
	padding-bottom: 30px;
}

#option
{
	display:inline;
}

#options{
	display:inline;
	float:left;
}

#options a
{

	margin-right:19px;
}

#options span.current
{

	margin-right:19px;
	color: #ca2222;
	text-transform: uppercase;
}


#photoNav, #thumbsNav
{
	float:right;
	font-size:12px;
}

#photoNav img
{
	margin-left:6px;
	margin-right:6px;
}

#photoNav #nav-next-img
{
	margin-right:13px;
}

#thumbsNav a{
	margin-left:19px;
}

#currentPhoto
{
	
}

#mainContent
{
	position:relative;
	height:684px;
}

#text
{
	position:absolute;
	top:0;
	left:0;
	background:#f2f2f2;
	display:none;
	z-index:10;
	height:563px;
}

#text p, #text .columns
{
	font-size:14px;
	line-height: 1.4em;
	margin-bottom:12px;
}

#text .columns div p{
	margin-bottom:0;
}

#text .columns{
	clear:both;
	overflow: hidden;
}

#text a
{
	text-transform:none;	
	font-size: 14px;
	color: #8a1a1a;
}

#text a:hover
{
	color:#ca2222;
}
#thumbs, #text-content
{
	background:#f2f2f2;
	height:684px;
	overflow:hidden;
	display: table; 
	#position: relative;
	width:912px;
}

#thumb-images, #text-content-inner
{
	#position: absolute;  
	#top: 50%;
	padding-left:21px;
	display: table-cell; 
	vertical-align: middle

}
#text-content-inner{
	padding:0 150px;
}

#thumbs-close-btn, #text-close-btn{
	position:absolute;
	left:802px;
	width:100px;
	text-align:right;
	margin: 10px 0 0 0;
	font-size:9px;
}

#text-close-btn{
	float:right;
	margin: 10px 10px 0 0;
}
#text-close-btn a{
	color:#6e6e6e;
}

#thumbs-close-btn a, #text-close-btn a{
	font-size:10px;
}


#thumb-images a
{
	width:162px;
	margin:auto 11px 0 0;
	position:relative;
	display: inline-block;
	display: -moz-inline-block;
}


#thumb-images a img
{
	margin-bottom:10px;
	border-bottom:solid 2px #F2F2F2;
	padding-bottom:2px;
}

#thumb-images a:hover img
{
	border-bottom:solid 2px #ca2222;
}

#thumb-images a.current img
{
	border-bottom:solid 2px #666;
}


#thumb-images .row
{
	overflow:auto;
	clear:left;
	padding:0px;
}

.wrapper .sf-menu a{
	line-height:0.9em;
	margin:0 5px 13px 0;
}

.wrapper .sf-menu ul{
	padding:21px 0 5px 21px;
}

.wrapper .sf-menu ul ul{
	margin-top:3px;
}

.wrapper .sf-menu a.current{
	color: #ca2222;
}
a:active, a:focus, a, img
{
outline: none;
}

:focus { -moz-outline-style: none; }
.no-selection-border{
	color:#fff;
}

strong{
	font-weight: bold;
}
em{
	font-style: italic;
}

.columns div{
	float:left;
	width:520px;
}

#text .columns p{
	display:inline;
	float:left;
	line-height:0;
}

#text .columns div p{
	line-height:1.4em;
}

.columns div.c1{
	font-weight: bold;
	clear:both;
	width:80px;
}

#copyright{
	padding-bottom:5px;
	color:#939191;
	font-size:10px;
	text-align:center;
	margin-top:-12px;
}


/* BLOG */

.blogContent{
	clear:both;
	overflow:auto;
	border-top:#000 solid 1px;
	padding-bottom:40px;
	font-size:14px;
}

.mainCol{
	float:left;
	width:678px;
}

.rightCol{
	float:right;
	width:210px;
	margin: 0 0 0 24px;
}

.upper{
	text-transform: uppercase;
}

.titleDate{
	font-size:12px;
}

.post{
	margin-top:40px;
}

.single{
	border-bottom:#000 double 4px;
	margin-bottom:20px;
	padding-bottom:30px;
}

.post .short{
	line-height:1.3em;
	margin-top:20px;
	font-size:20px;
	clear: both;
}

.post .body{
	margin:20px 0;
	line-height:1.4em;
}

.post .body img,.post .short img  ,.post embed,.post object, .post .photo .image-inner{
    display: block;
    margin-left: auto;
    margin-right: auto }

.post .readMore{
	margin:20px 0;
}

.tags{
	margin-bottom:20px;
	padding:13px 0 6px 0;
	border-top:#000 solid 1px;
	border-bottom:#000 double 4px;
	border-left:0px;
	border-right:0px;
	font-size:13px;
}

.single .tags{
	border-bottom:#000 solid 1px;
}

.share{
	margin-bottom:10px;
	padding:10px 0 0 0;
	border-top:#000 solid 1px;
	font-size:13px;
}

.tags ul, .tags ul li, .share ul, .share ul li{
	display: inline;
}

.tags ul li{
	margin-left:5px;
}

 .share ul li{
	margin-left:10px;
 }
 
 .share span{
 	display: block;
 	float: left;
 	padding-top: 5px;
 	}

ul.tagCloud{
	padding-bottom: 10px;
	padding-top: 5px;
}

ul.tagCloud li{
	padding:5px 10px 0 10px;
}
ul.follow{
	padding-bottom: 10px;
}

ul.follow li{
	padding:10px 10px 0 10px;
}

ul.follow li a{padding:2px;padding-left:20px;}
ul.follow li.fb a{background: transparent url(../i/icon_fb.gif) no-repeat center left;}
ul.follow li.vimeo a{background: transparent url(../i/icon_vimeo.gif) no-repeat center left;}
ul.follow li.rss a{background: transparent url(../i/icon_rss.gif) no-repeat center left;}
ul.follow li.email a{background: transparent url(../i/icon_email.gif) no-repeat center left;}
ul.follow li.twitter a{background: transparent url(../i/icon_twitter.gif) no-repeat center left;}
ul.follow li.tumblr a{background: transparent url(../i/icon_tumblr.gif) no-repeat center left;}

.twitter-text a{
	text-transform: none;
}

ul.archive li, div.recentComment{
	padding:5px 10px;
	border-bottom:#fff solid 1px;
	overflow: hidden;
	line-height:1.3em;
}
div.recentComment a.toggleComment:hover,
div.recentComment.conor a.toggleComment:hover{
	color:#ca2222;
}

div.recentComment.conor, div.recentComment.conor a.toggleComment{
	background-color:#aaa;
	color: #fff;
}

ul.blogroll li{
	padding: 3px 0;
}
ul.blogroll{
	padding:5px 10px;
}
ul.blogroll li a{
	text-transform:none;
	}
	
	.rightCol .box{
		
		line-height: 1.3em;
	}
	
.rightCol .box div.recentComment p{
	padding:0;
	margin:0;
	display:inline;
}
.rightCol .box div.recentComment a{
	text-transform:none;
}
.rightCol .box div.recentComment span.more{
	background: transparent url(../i/recent_comments_more.gif) no-repeat left center;
	width:25px;
}
.rightCol .box div.recentComment span.less{
	background: transparent url(../i/recent_comments_less.gif) no-repeat left center;
	width:25px;
	display:block;
}


a.tag{
	background: #aaa url(../i/tag_nose_white.gif) no-repeat top left;
	padding: 0;
}


a.tag:hover{
	background: #ca2222 url(../i/tag_nose_white_over.gif) no-repeat top left;
}

.tags a.tag{
	display: block;
	float:left;
	margin-left:10px;
	margin-bottom:7px;
	overflow:visible;
}

.tag-list{
	float:left;
	width:588px;
}


.tag-list li{
	margin-left:5px;
}

.tag-label{
	width:90px;
	float:left;
}

.box a.tag{
	background: #aaa url(../i/tag_nose_grey.gif) no-repeat top left;
	display:block;
	float:left;
	clear:both;
	height: 16px;
	overflow: hidden;
	font-size:11px;
}

li.tags-more a{
	padding-left:10px;
	float:left;
}
.box a.tag:hover{
	background: #ca2222 url(../i/tag_nose_grey_over.gif) no-repeat top left;
	height: auto;
}

a.tag span{
	color: #fff;
	line-height:1.4em;
	display:block;
	padding:0 5px 0 12px;
	margin:1px 0 0 0;
}

.box a.tag span{
	display:block;
	padding:0 5px 0 12px;
}

.tagCloud li{
	clear:both;
	margin-bottom:7px;
}

h3{
	font-size:30px;
	text-transform: uppercase;
}

h3 a{
	color:#6e6e6e;
	text-decoration: none;
	text-transform: uppercase;
	font-size:30px;
}

h4{
	font-size:17px;
	text-transform: uppercase;
}

.rightCol .box{
	background-color:#f2f2f2;
	font-size:13px;
	margin-bottom:20px;
}
.rightCol .box .archive a{
	font-size:13px;
}

.archive .month{
	padding-left:20px;
	display:none;
}

.rightCol{
	margin-top:40px;
}

.rightCol .box p{
	padding:10px;
}
.blogWrapper
{
	margin:0 auto 0 auto;
	width:999px;
	padding-top:35px;
	background:#fff;
}

.post .photo a span{
	display: block;
}

.image-inner
{
	#position: absolute;  
	#top: 50%;
	position:relative;
	padding-left:18px;
	display: table-cell; 
	vertical-align: middle

}

.post .photo{
	position:relative;
}

.post .photo .image-inner{
	padding-left:0;
}

.image-description{
	position:absolute;
	top:10px;
	left:10px;
	width:210px;
	background-color:#f2f2f2;
	padding:10px;
	text-align: left;
}

.post .thumbnails, .post .photo a
{
	height:510px;
	overflow:hidden;
	display: table; 
	vertical-align:middle;
	width:678px;
	text-transform: none;
	color:#6e6e6e;
}
.post .photo a.no-height{
	height:auto;
}
.post .thumbnails{
	background:#f2f2f2; 
}
 .post .photo{
 	text-align: center;
 }

.gallery{
	margin-top: 20px;
}

.galleryFooter{
	margin-top: 5px;
	overflow: hidden;
}

.comments{
	margin-bottom:10px;
	overflow: hidden;
	clear:both;
}

.comment{
	clear:both;
	margin-bottom:10px;
	overflow: hidden;
}

.comment .name{
	float:left;
	width:125px;
	text-align:right;
	padding:10px 5px;
	font-size:14px;
}

.comment .text .bubble{
	padding:10px;
	width:513px;
	background-color: #f2f2f2;
}

.comment .text{
	float:left;
	background: transparent url(../i/comment_nose_lightgrey.gif) no-repeat left 15px;
	padding-left:10px;
	padding-right:0;
}

.comment .name{
	font-size:16px;	
}

.comment.conor .name{
	float:right;
	width:125px;
	text-align:left;
}

.comment.conor .text .bubble{
	color: #fff;
	background-color: #aaaaaa;
}

.comment.conor .text{
	float:right;
	background: transparent url(../i/comment_nose_grey.gif) no-repeat right 15px;
	padding-right:10px;
	padding-left:0;
}

.commentForm{
	clear: both;
	background-color:#f2f2f2;
	padding:10px;
}

.commentForm label{
	display:block;
	float: left;
	text-transform:uppercase;
	width:140px;
	text-align:right;
	padding:10px 20px 10px 10px;
	font-size:13px;
	}

.commentForm .checkbox label{
	float:none;
	display:block;
	text-transform:uppercase;
	width:482px;
	margin-left: 170px;
	text-align:left;
	padding:0 0 6px 0;
	font-size:13px;
	}

.commentForm .textfield input, .commentForm textarea{
	width:482px;
	margin:6px 0;
	}

.commentForm .submit{
	text-align:right;
	}

.commentForm .input{
	clear:both;
	overflow: hidden;
	}
.blogContent .prev{
	float:right;
	text-align:right;
	font-size: 18px;
	padding-right:20px;
	background: transparent url(../i/arrow_next.gif) no-repeat right center;
}
.blogContent .next{
	float:left;
	text-align:left;
	font-size: 18px;
	padding-left:20px;
	background: transparent url(../i/arrow_prev.gif) no-repeat left center;
}
.blogContent .prev:hover{
	background: transparent url(../i/arrow_next_hover.gif) no-repeat right center;
}
.blogContent .next:hover{
	background: transparent url(../i/arrow_prev_hover.gif) no-repeat left center;
}
.blogContent .next .date, .blogContent .prev .date{
	font-size:12px;
	}
	

.thumb-images a
{
	width:108px;
	margin:auto 16px 0 0;
	position:relative;
	display: inline-block;
	display: -moz-inline-block;
}
.thumb-images a img
{
	margin-bottom:10px;
	border-bottom:solid 2px #F2F2F2;
	padding-bottom:2px;
}
.thumb-images a:hover img
{
	border-bottom:solid 2px #ca2222;
}
.thumb-images a.current img
{
	border-bottom:solid 2px #666;
}
.thumb-images .row
{
	overflow:auto;
	clear:left;
	padding:0px;
}
.thumb-images
{
	#position: absolute;  
	#top: 50%;
	padding-left:18px;
	display: table-cell; 
	vertical-align: middle;
}

blockquote{
	color: #6f6f6f;
	font-size:26px;
	font-style: italic;
	border-top: #aaa solid 2px;
	border-bottom: #aaa solid 2px;
	padding:5px 0;
	line-height:1.3em;
}

.submit input{
	background-color: #aaaaaa;
	color:#fff;
	border:none;
	text-transform: uppercase;
	padding:3px;
}

.submit input:hover{
	background-color:#ca2222;
}

.submit input:active{
	background-color:#8a1a1a;
}

.short a, .body a, .comment a, .box .blogroll a, .box .recentComment a{
	text-transform:none;	
	color: #8a1a1a;
}
.box .blogroll a, .box .recentComment a{
	font-size: 13px;
	}

.short a:hover, .body a:hover, .comment a:hover, .box .blogroll a:hover, .box .recentComment a:hover{
	color:#ca2222;
}


.pageDescription{
	margin-top:40px;
	font-size:18px;
	background-color:#f2f2f2;
	padding:5px;
 }
 
 
/* hilarious hack to hide php error. Messages being rendered before the head */
div { display: none}
body div { display: block; }