/*
Theme Name: Iconaholic Square
Theme URI: http://www.iconaholic.com
Description: My own wordpress theme for Iconaholic.com
Version: 1.0
Author: Jono Hunt
Author URI: http://www.iconaholic.com/feeds/news.xml
*/


#sidebar {
	float: right;
	margin: 0;
	padding: 10px 20px 15px 20px;
	color: #fff;
	width: 126px;
}


/********** The Shiznit **********/

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 1.6;
	color: #222;
	background-color: #a6a6a6;
}


/*------- Links ---------*/

a:link {
	color:  #3875d7;
	text-decoration: none;
	
	}
		
a:visited {
	color:  #3875d7;
	text-decoration: underline;
	}
		
a:hover {
	color: #3875d7;
	text-decoration: none;
	
	}

	
	#sidebar a:link {
		color: #fff;
		text-decoration: none;
		border-bottom: 1px dotted #fff;
		}
	
	#sidebar a:visited {
		color: #fff;
		text-decoration: none;
		border-bottom: 1px dotted #fff;
		}
	
	#sidebar a:hover {
		color: #BDD5F9;
		text-decoration: none;
		border-bottom: 1px solid #a8cfff;
		}

	
a img {
	border: none;
}


/************* Headings **************/

h1, h2, h3, h4 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	padding: 0;
	margin: 0;
	}
		
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17pt;
	color: #1b4ca2;
	margin: 25px 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	}
		
h2 {
	font-weight: normal;
	color: #227EE9;
	font-size: 23px;
	padding: 10px 0 0 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
	}


	#sidebar h2 {
		color: #888;
		font-size: 17px;
		border-bottom: none;
		padding: 0;
		margin: 0;
		}
	
		
h3 {
	font-weight: normal;
	font-size: 21px;
	margin-top: 45px;
	}
	
		
	#content-a h3 {
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
		}
	
h4 {
	font-weight: normal;
	font-size: 19px;
	margin: 35px 0 0 0;
	}
			
h5 {
	font-size: 175%;
	margin: 40px 0 5px 0;
	padding-bottom: 250px;
	}

		
/*--------- Header Links ---------*/
		
h2 a:link {
	color:  #3875d7;
	text-decoration: none;
	border-bottom: 1px dotted #3875d7;
	}

h2 a:visited {
	color:  #3875d7;
	text-decoration: none;
	border-bottom: 1px dotted #3875d7;
	}

h2 a:hover {
	color:  #3875d7;
	text-decoration: none;
	border-bottom: 1px solid #3875d7;
	}


h3 a:link {
	color:  #3875d7;
	text-decoration: none;
	border-bottom: 1px dotted #3875d7;
	}

h3-old a:link {
	color:  #3875d7;
	text-decoration: none;
	border-bottom: none;
	margin-bottom: 4px;
	}

h3 a:visited  {
color:  #3875d7;
	text-decoration: none;
	border-bottom: 1px dotted #3875d7;
	}

h3 a:hover {
	color:  #3875d7;
	text-decoration: none;
	border-bottom: 1px solid #3875d7;
	}

		
/************* Lists **************/	

ul {
	padding: 0 0 15px 20px;
	margin: 0;
}
		
li {
	list-style: circle;
	padding: 5px 0 5px 0;
}


#sidebar ul {
	list-style: none;
	margin: 0 0 8px 0;
	padding-left: 0;
}

#sidebar li {
	list-style: none;
	background: none;
	border-bottom: 1px solid #444;
}
		
.none ul {
	list-style: none;
	background: none;
	padding: 5px 0 0 0;
	margin: 0;
}
		
.none li {
	list-style: none;
	background: none;
	padding: 5px 0 5px 10px;
}


/********** Other Shiznit **********/

.break {
	margin: 15px 0 15px 0;
	}

.post {
	padding: 5px 0 5px 0;
}
	
small {
	font-size: 13px;
	color: #7f8184;
}
		
#content2 small {
	font-size: 11px;
	color: #444;
}
		
.center {
	text-align: center;
}
		
.alignright {
	float: right;
}
		
.alignleft {
	float: left;
}
		
.aligncenter {
	text-align: center;
}
		
.space {
	margin-right: 5px;
	padding: 0;
}
		
.space-l {
	margin-left: 5px;
	padding: 0;
}


/********** Comments **********/
		
cite {
	font-style: normal;
	font-size: 14px;
}
		
.gravatar {
	float: right;
	border: 1px solid #ccc;
}

.alt {
	padding: 10px;
}

.commentlist {
	padding: 0;
	margin: 20px;
}

.commentlist li {
	margin: 15px 0 10px;
	padding: 15px;
	list-style: none;
	background: none;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #444;
}


.commentlist p {
	margin: 10px 5px 10px 0;
}


/******************** Layout ********************/


#wrapper {
	margin: 0 auto;
	padding: 15px 0 15px 0;
	background-repeat: repeat-y;
	background-position: center;
	background-image: url(images/bg.gif);
}

#header {
	margin: 0 auto 15px auto;
	padding: 0 10px 0 10px;
	color: #fff;
	width: 646px;
	height: 140px;
	background-image: url(images/iconaholic-blog-header.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}
		
#menu {
	color: #fff;
	font-size: 12px;
	padding-top: 115px;
}


/*--------- content ---------*/
	
#container {
	width: 666px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image: url(images/bg-c-blog.gif);
	background-position: center;
	background-repeat: repeat-y;
	}

#container2 {
	width: 666px;
	margin: 0 auto 0 auto;
}





		
#content, #content-s, #content-a {
	padding: 15px;
	margin: 0;
	width: 405px;
}
		
#content2 {
	padding: 15px;
	margin: 0;
	background-color: #f0f0f0;
}

#content2 h2 {
	margin-top: 20px;
	
}
		
#content-s .post {
	padding: 10px 0 0 0;
	border-bottom: 1px dashed #ccc;
}
		

#content2 small,
#content2 small a,
#content2 small a:visited,
#content2 small a:hover {
	font-family: Helvetica, Arial, sans-serif;
}


/*--------- Footer ---------*/

#divide {
	clear: both;
	width: 666px;
	height: 15px;
	margin: 0 auto;
	background-color: #fff;
}

#footer {
	margin: 0 auto;
	font-size: 10px;
	width: 636px;
	padding: 10px 15px;
	background-color: #f0f0f0;
}

#footer-left {
	width:360px;
}

#footer-right {
	float: right;
	text-align: right;
	color: #9c9d9f;
	width: 200px;
}

#footer-right a {
	color: #9c9d9f;
	text-decoration: none;
}

#footer-right a:visited {
	color: #9c9d9f;
	text-decoration: none;
}

#footer-right a:hover {
	color: #227EE9;
	text-decoration: none;
	border-bottom: 1px dotted #227EE9;
}

.rss {
	float: right;
	margin: 0 0 0 5px;
}

#footer-shadow {
	margin: 0 auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	height: 15px;
	background-image: url(images/footer-s.gif);
}	

/********** Menu Components **********/

#header ul {
	padding: 0;
}
		
#header li, #header li a {
	display: inline;
	background: none;
	margin-right: 3px;
}

#header li a {
	color: #99ccff;
	text-decoration: none;
	border-bottom: 2px;
}

#header li a:hover {
	color: #99ccff;
	border-bottom: 2px solid #fff;
	margin-bottom: auto;
}

#blog #blog a,
#about #about a {
	color: #fff;
	border-bottom: 2px solid #fff;
}


/********** Form Divs **********/

#search {
	float: right;
	margin: 0;
	padding-top: 107px;
}
	
.oj {
	color: #227EE9;
	font-weight: bold;
}

textarea {
	width: 350px;
}

label {
	margin: 0;
	padding: 0;
}
	
.nr {
	background-color: #f7f7f7;
}


/********** Image Box **********/

.twobox {
	width: 450px;
	padding: 0;
	margin: 0;
}

.twobox-r {
	float: right;
	width: 200px;
	height: 240px;
	padding: 0;
	margin: 0;
}

.twobox-l {
	width: 200px;
	height: 240px;
	padding: 0;
	margin: 0;
}


/*********************************** Fancy ***********************************/
                       
  div#photos                {overflow:auto;}
  div.photo                 {float:left; display:inline; margin:0 20px 20px 0;}
  div.photo a img           {border:1px solid; padding:1px;}
  
  div#text a                {font-weight:bold;}
  
  div#zoom h2               {margin:10px 0 10px;}
  div#zoom p                {line-height:1.6;}
  
  
  
.dl-box h1 {text-align: center;}
.dl-box a img {border: none;}

.dl-img2 ul, .dl-img3 ul {padding: 0;}

.dl-img2  {width: 400px; margin: 25px auto 0 auto; padding: 0;}
.dl-img2 li {display: inline; background: none; margin: 0 35px 0 35px;}
	
.dl-txt-bx2 {width: 400px; margin: 5px auto 0 auto; padding: 0; font-size: 13px;}			
.dl-txt2 {float: left; width: 128px; text-align: center; margin: 0 35px 0 35px; padding: 0;}	
 
.dl-img3  {width: 540px; margin: 25px auto 0 auto; padding: 0;}
.dl-img3 li {display: inline; background: none; margin: 0 25px 0 25px;} 

.dl-txt-bx3 {width: 540px; margin: 5px auto 0 auto; padding: 0; font-size: 13px;}		
.dl-txt3 {float: left; width: 128px; text-align: center; margin: 0 25px 0 25px; padding: 0;}

.dl-box, .tl-dl-box {text-align: center;}

.contact-zoom {margin: 0 auto; padding-left: 10px;}


/*********************************** 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: #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-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;}


/********** Custom **********/

#lightbox a, #lightbox a:visited, #lightbox a:hover {border: none;}

/**#lightbox a:visited {border: none; }	
#lightbox a:hover {border: none; }

/********** Done **********/