/*
Theme Name: Folio10
Theme URI: http://michael.flanagan.ie/
Description: A theme for Michael Flanagan, Web Developer. 2008.
Version: 1
Author: Michael Flanagan
Author URI: http://michael.flanagan.ie/

	The CSS, XHTML and design is Copyright 2008 Michael Flanagan. All Rights Reserved.

*********************************************************************************/
/* reset.css */
html, body, div, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
ul, li { list-style : none; }

html {
	height : 100%;
	margin-bottom : 2px;
}

/* typography.css */
body {
	font-size:12px;
	color:#222;
	font-family: "tahoma", Arial, sans-serif;
	background : #1e1e1e;
	background-attachment: fixed;
	padding : 20px;
}

a, a:visited, a:active {
	color : black;
	font-weight : bolder;
	text-decoration : none;
	border-bottom : 1px solid #93c22d;
}

a:hover {
	color : #2e2e2e;
	background : #93c22d;
	text-decoration: none;
	font-weight : bolder;
}


h2 {
	font-size : 1.1em;
	font-weight : bolder;
	margin : 0px;
	padding : 0px;
	line-height: 24px;
	text-indent : -3px;
	color : #2e2e2e;
}


.clear {
	font-size : 1px;
	margin : 0px;
	padding : 0px;
	clear : both;
}

.greenBox {
}

.post .greenBox {
	background : white;
	border-bottom : 15px solid #D7E0C5;
	font-size: 14px;
}

a.more, a.more:visited, a.more:active, a.more:hover, a.top-link, a.top-link:visited, a.top-link:active, a.top-link:hover {
	float : right;
	display : block;
	padding-right : 10px;
	padding-left : 10px;
	font-size : 15px;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	background : #D7E0C5;
	color : #93c22d;
}

a.more:hover, a.top-link:hover {
	color : white;
	background : #93c22d;
}

a.top-link {
	position : absolute;
	margin : 10px;
	margin-left : 835px;
	white-space : nowrap;
}

blockquote {
	margin : 15px;
	padding : 10px;
	margin-left : 30px;
	border-right : 5px solid silver;
	background: #EAEDF3;
}

#wrapper-border {
	width : 953px;
	margin : auto;
	padding : 0px !important;
	background : transparent !important;
}

#wrapper {
	padding-bottom: 25px;
	padding : 0px !important;
	background : transparent !important;
}


#header, #header * {
	cursor: pointer;
}

#header {
	margin-bottom : 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background : white;
}

#header {
	margin-bottom: 40px;
	width : 33%; float : left;
}

#header span {
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 0px;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	background:black none repeat scroll 0 0;
	border:37px solid #FFFFFF;
	color:white;
	display:block;
	font-size:2.5em;
	font-weight:bolder;
	line-height:1.3em;
	padding:20px;
	text-align:center;
}

#header a {
	color : white;
	outline: none;
}
#header a:hover span {
	text-decoration: underline;
}

#header a, #header a:hover, #header a:visited, #header a:active {
	background: transparent;
	margin : 0px;
	padding : 0px;

}

#sidebar {
/*
	float : right;
	border: 1px solid blue;
*/
	
} 

.blurb {
	font-size : .8em;
	color : white;
	padding-top: 122px;
}

.blurb p {
	display : block;
	line-height : 70px;
	font-size : 1.5em;
	background: white;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 0px;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	text-align : center;
	color : black;
	font-weight : bolder;
}


#sidebar {
	float : right;
	clear : both;
	width : 33%;
	text-align : middle;
	font-size : .8em;
	color : white;
}

#sidebar h2 { font-size: 3em; margin : 40px 0px; color : #ededed; }

#sidebar ul {
	padding : 0px 25px;
	display : block;
	font-size: 2em;
	color : #ededed;
}

#sidebar ul { font-size: 1.2em; }
#sidebar ul li { margin : 0px 0px 40px 0px; }
#sidebar ul li ul { padding: 0px; }
#sidebar ul li ul li { margin : 5px 0px; display: inline; }
#sidebar ul li ul li a { margin-right: 10px; }
#sidebar ul li ul#twitter_update_list li { display: block; padding-bottom: 10px; margin-bottom: 10px;}

#sidebar a, .blurb a {
	color : white;
	text-decoration: none;
	border-bottom-color: #2e2e2e;
}

/*** LIGHTBOX ***/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #eaedf3; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }






/**  BLOG SPECIFIC ***/


a.top-link {
	margin-left : 830px;
}


h2 a, h2 a:hover, h2 a:visited, h2 a:active, h2.post-title span {
	text-decoration: none;
	padding : none;
	text-indent : 0px;
	display : block;
	background : white;
	color : black;
}

h2 a:hover {
	background-color : #93c22d;
	color : white;
}



.post, .comments-wrap {
	width : 66%;
	margin-bottom : 50px;
	padding : 0px;
}

.comments-wrap { color: #fff; }
.comments-wrap h2 { color: #ededed; }
.comments-wrap a, .comments-wrap a:visited, .comments-wrap a:active, .commentslink, .commentslink:visited, .commentslink:active { color: #ccc; text-decoration: none; border: 0px; background: transparent; }
.comments-wrap a:hover, .commentslink:hover { color: #ccc; text-decoration: none; border: 0px; background: transparent; color: white; }
.comments-wrap #comments-form { color: #222; }

.post .post-content {
	background : white;
	border : 1px solid #f5f5f5;
	border-bottom : 0px;
	margin : 0px;
	padding : 25px;
}
.post h2 a, .post h2 a:hover, .post h2 a:visited, .post h2 a:active, .post h2.post-title span {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	background:#EDEDED none repeat scroll 0 0;
	border-bottom:1px solid silver;
	color:#2E2E2E;
	font-size:3.2em;
	line-height:1.35em;
	padding:25px;
	text-align:left;
	text-transform:uppercase;
}

.post .post-meta {
}

.post h2 a:hover {
	background : #93c22d;
}
.post p {
	margin-top : 5px;
	margin-bottom : 10px;
}

.post .postmeta {
	font-size : .8em;
	text-align : right;
	margin : 0px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top : 0px;
	background : #f5f5f5;
	padding : 10px;
	display : block;
}

.comment-single-wrap {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background : #f1f1f1;
	padding : 10px;
	margin-bottom : 10px;
}

.comments-wrap .commentmetadata {
	font-size : .8em;
	text-align : right;
}

.post .postmeta a, .comments-wrap .commentmetadata a {
	color : black;
	text-decoration : none;
}

.post .postmeta a:hover, .comments-wrap .commentmetadata a:hover {
	color : white;
}

.post a.postmeta:hover {
	background : #93c22d;
}

.post a.more-link {
	text-align : right;
	display : block;
	background : #93c22d;
	color : white;
	text-decoration : none;
}

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

.sidebar-blurb {
	margin : 10px;
	margin-top : 0px;
	margin-left : 30px;
	font-weight : bolder;
	text-align:  justify;
}

.sidebar-blurb a, .sidebar-blurb a:visited, .sidebar-blurb a:active {
	color : white;
	background : #93c22d;
	text-decoration: none;
	padding-left : 3px;
	padding-right : 3px;
	font-weight : bolder;
}

.sidebar ul, .sidebar ul li {
	list-style : none;
}

.sidebar .sidebar-inner {
	margin : 10px;
	margin-top : 0px;
}

.sidebar h2 {
	margin-top : 20px;
}

.sidebar ul {
	margin-bottom : 15px;
}

.sidebar ul li ul {
	background : transparent;
}

.sidebar ul li ul li {
	margin-left : 15px;
}

.sidebar ul li ul li a {
	display : block;
}

h2.h2header {
	margin-bottom : 20px;
}

.whiteBox {
	background-color : white;
	border : 0px;
}

.comments-wrap .greenBox {
	margin-bottom : 15px;
	padding-top : 10px;
}

.comments-wrap textarea {
	width : 100%;
	height : 150px;
}

.comments-wrap .comment-single-wrap {
}

.comments-wrap p {
	padding: 5px 10px 5px 10px;
}

.comments-wrap cite, .comments-wrap cite a, .comments-wrap cite a:visited, .comments-wrap cite a:active {
	color : black;
	text-decoration : none;
	font-weight: bolder;
}

.comments-wrap cite a, .comments-wrap cite a:visited, .comments-wrap cite a:active {
	text-decoration: underline;
}

.comments-wrap .commentmetadata {
	border-top : 0px;
	border-bottom : 1px solid silver;
	margin-bottom : 10px;
}

img.size-full {
	border : 1px solid silver;
	margin-left : 48px;
}

.aligncenter {

}

.post h3 {
	margin : 0px;
	padding : 0px;
	text-indent : 5px;
	text-decoration : none;
	font-size : 1.4em;
	line-height : 2em;
	display : block;
	font-weight : bolder;
}

.post h4 {
	margin-bottom : 0px;
	padding-bottom : 0px;
	line-height : normal;
	font-weight : bolder;
}

.post h4 a, .post h4 a:active, .post h4 a:visited {
	padding : 0px;
	color : #93c22d;
	background : transparent;
}

.post h4 a:hover {
}

.post ul li ul {
	margin-left : 48px;
	margin-top : 5px;
}

.post ul li ul li {
	border-bottom : 1px solid silver;
	margin-bottom : 5px;
}



#footer {
	clear : both;
	text-align : center;
	font-size : .8em;
	letter-spacing: 1px;
	padding-top : 5px;
	padding-bottom : 5px;
	color : white;
}







textarea, input {
	border : 1px solid silver;
}

textarea {
	margin-left : 100px;
	width : 500px !important;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

input#submit {
	float : right;
}

.subscribe-to-comments {
	text-align : right;
}

.sideButtons {
	margin-bottom : 20px;
	overflow : hidden;
}

.sideButtons span {
	width : 33%;
	float : right;
	padding : 0px;
	display : block;
}


.sideButtons span a {
	display : block;
	line-height: 24px;
	background : black;
	text-align : center;
	padding : 10px;
	color : white;
}

.sideButtons span a:hover {
	color : #B9C899;
}

.sbPrev a {
	-moz-border-radius-topleft : 10px;
	-moz-border-radius-bottomleft : 10px;
	border-right : 2px solid silver;
}

.sbHome a {

}

.sbNext a {
	-moz-border-radius-topright : 10px;
	-moz-border-radius-bottomright : 10px;
	border-left : 2px solid silver;
}

#content {
	clear : left;	
	padding : 0px !important;
	background : transparent !important;
	border : 0px !important;
}

.blurb a { color: black; }
.blurb a:hover { color: black; background: transparent; border: 0px; }