/*  
Theme Name: Dane's Theme
Theme URI: http://danelyons.com
Description: My theme
Version: 1
Author: Dane Lyons
Author URI: http://danelyons.com
*/


*{ margin:0;padding:0; }
img { border:none; }
body{ text-align:center;font-size:12px;font-family:verdana;background:#5486ab url(images/page-bg.jpg) repeat-y center; }
a{ color:#000000; }
em { font-weight:bold; }
a:hover{ color:#666666;text-decoration:none; }
.article { padding-top:10px; }
.article p { padding-top:10px;font-size:11px; }
.question { padding-top:30px; }
.question a { color:#3399cc; }
.question a.def { color:#444;border-bottom:1px dashed #444;cursor:help; }
.question h3 { font-size:13px;color:#777; }
.question h3 span { color:#333; }

.answers ul { margin:5px 5px 0 0;padding:5px;background:#e7f5ff; }
.answers li { list-style:none; }
.answers img { width:30px;float:left;margin-right:10px; }
.answers a { color:#3399cc; }
a.active { background:#444;color:#fff;text-decoration:none; }
a#twitter_login { display:block;background:url(images/twitter-login.jpg) no-repeat; width:150px; height:80px;margin:10px auto; }
a#twitter_login:hover { background:url(images/twitter-login.jpg) no-repeat 0 -80px; }

#header{
	width:730px;
	height:100px;
	background:#5994b9 url(images/header.jpg) no-repeat;
	margin:0 auto;
	}

#header a{
	padding:4px 0 0 23px;
	text-decoration:none;
	display:block;
	height:25px;
	width:60px;
	margin-left:10px;
	color:#ffffff;
	float:left;
	}

#header a:hover{
	color:#e4f0f7;
	}

#header a.blog{
	background:url(images/blog-icon.png) no-repeat;
	margin-top:75px;
	}

#header a.blog:hover{
	text-decoration:underline;
	}

#header a.portfolio{
	background:url(images/portfolio-icon.png) no-repeat;
	margin-top:75px;
	}
	
#header a.portfolio:hover{
	text-decoration:underline;
	}	

#header a.resource{
	background:url(images/resource-icon.png) no-repeat;
	margin-top:75px;
	width:70px;
	}

#header a.resource:hover{
	text-decoration:underline;
	}	

#header a.dane{
	float:right;
	font-size:1.75em;
	width:140px;
	}


#content{
	margin:10px auto;
	width:730px;
	padding:10px;
	background:#ffffff;
	border:3px solid #6b6b6b;
	text-align:left;
	}

.topbox{
	padding:13px 10px 10px 10px;
	height:22px;
	color:#ffffff;
	}

.bottombox{
	padding:0 10px 10px 10px;
	}
	
.bottombox p{
	margin-bottom: 10px;
        font-size: 13px;
	}

.tagbox{
	width:300px;
	float:right;
	margin-top:10px;
	background:url(images/tag-middle.jpg) repeat-y;
	}

.tagbox .topbox{
	background:url(images/tag-top.jpg) no-repeat top center;
	padding:13px 10px 10px 10px;
	height:22px;
	}

.tagbox .bottombox{
	background:url(images/tag-bottom.jpg) no-repeat bottom center;
	padding:0 10px 10px 10px;
	}

.bluebox{
	width:400px;
	background:url(images/blue-middle.jpg) repeat-y;
	margin-top:10px;
	color:#444444;
	display:-moz-inline-block;
	}

.bluebox .topbox{
	background:#3885b5 url(images/blue-top.jpg) no-repeat top center;
	}

.bluebox .bottombox{
	background:url(images/blue-bottom.jpg) no-repeat bottom center;
	}

.greenbox{
	width:400px;
	background:url(images/green-middle.jpg) repeat-y;
	margin-top:10px;
	color:#444444;
	display:-moz-inline-block;
	}

.greenbox .topbox{
	background:#51bd4d url(images/green-top.jpg) no-repeat top center;
	}

.greenbox .bottombox{
	background:url(images/green-bottom.jpg) no-repeat bottom center;
	}


.orangebox{
	width:400px;
	background:url(images/orange-middle.jpg) repeat-y;
	margin-top:10px;
	color:#444444;
	display:-moz-inline-block;
	}

.orangebox .topbox{
	background:url(images/orange-top.jpg) no-repeat top center;
	}

.orangebox .bottombox{
	background:url(images/orange-bottom.jpg) no-repeat bottom center;
	}


.topbox p{
	font-weight:bold;
	}

p.tag{
	font-size:.8em;
	clear:right;
	float:right;
	padding:0;
	}

p.time{
	font-size:.8em;
	float:right;
	color:#555555;
	}

p.source{
	font-size:.8em;
	color:#555555;
	padding-bottom:5px;
	}

.clear{
	clear:both;
	}

.clearright{
	clear:right;
	}

.clearleft{
	clear:left;
	}

.bottombox img{
	margin:5px;
	border:1px solid #000;
	}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	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: transparent url(../images/blank.gif) no-repeat; /* 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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
.portfolio img{
	padding:2px;
	border:1px solid #000000;
	float:left;
	margin:5px 12px 0 0;
	}

.icon img{
	float:left;
	margin:0 5px 5px 0;
	padding:2px;
	border:1px solid #cccccc;
	}

.ptb{
	padding: 5px;
	}

.pt{
	padding-top:5px;
	}

.pb{
	padding-bottom:5px;
	}

.border{
	border:1px solid #cccccc;
	background:#fbfbfb;
	}

.bordertag{
	border:1px solid #368ebc;
	background:#d4f2fc;
	color:#368ebc;
	}
.bordertag strong { background:#fff; display:block; width:150px; padding:2px; margin-bottom:2px; border:1px solid #add9e7; }
.bordertag img { float:right; margin-left:10px; }
.bordertag img.icon { float:left; margin:0 5px 0 0; width:12px; border:none; clear:left; }
.bordertag a { color:#777; font-size:11px; font-weight:normal; }

.bordertag ul{
	margin-left:10px;
	list-style:none;
	}
	
.bordertag ul li{
	margin-bottom:7px;
	}
	
.center{
	text-align:center;
	}

.right{
	float:right;
	}

.hwidth{
	width:160px;
	font-size: .9em;
	color:#555555;
	}

.smalltxt{
	font-size: .9em;
	color:#555555;
	}

.container{
	width:410px;
        float:left;
	}

h1{
	font-size:1.2em;
	}

h2{
	font-size:1.2em;
	color:#555;
	display:block;
	width:375px;
	text-align:center;
	margin-top:10px;
	}
	
	
textarea{
	width:370px;
	}
	
input, textarea{
	padding:3px;
	margin-top:4px;
	}

label{
	font-size:1.25em;
	}
	
h3#comments{
	font-size:1.2em;
	color:#555;
	display:block;
	width:375px;
	text-align:center;
	margin-top:10px;
	}
	
.topbox a{
	color: #fff;
	}
	
.topbox a:hover{
	color: #444;
	}
	
div.rss img{
	border:none;
	}

div.rss{
	text-align:center;
	margin-top:10px;
	}
ul.recent-posts { padding:25px; }
ul.recent-posts li { list-style-type:square; color:#ccc; }
ul.recent-posts li a { color:#444; }