/*  
Theme Name: iQ2
Theme URI: http://www.whoismanu.com/iq2
Description: WordPress photoblog theme playing nicely with <a href="http://www.whoismanu.com/photoq/">PhotoQ</a>.
Version: 1.3
Author: M. Flury
Author URI: http://www.whoismanu.com
*/

/*** central formats ***/
body {font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;font-size:12px;margin:0px; padding:0px;background-color: #222;color: white;}

h2{ font-size: 11px; }
h3{ font-size: 11px;margin: 0px;margin-top: 20px;padding: 0px;padding-bottom: 2px;}

/* appearance of links */
a{text-decoration: underline;margin: 0px;padding: 0px;font-weight: normal; color: #FF3333;}
h1 a, h3 a, #navBar a, #footer a{text-decoration: none;font-weight: bold;}
a:hover, #navBar a:hover, #footer a:hover{text-decoration: underline;	}

.accent, a.accent, #footer a.accent, #header a.accent{color: #FF0000;}
a:hover, #bottomContent a:hover{color: #B86881;}
#bottomContent h3 a, h3 a, a{color: #aaa;}
#bottomContent a{color: #aaa;}

/*** page structure, layout ***/

/* this is the frame around the whole page */
#pageFrame{ width: 800px;margin: 0px auto; margin-top: 2px;padding: 0px;}

/* this is everyhthing that is inside the_content of the post (i.e. the main photo ).*/
#topContent{padding:0px; margin:0px;text-align: center;}
#mainImg a img {
	-moz-box-shadow: 3px 3px 4px #000;
	-box-shadow: -4 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
		/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,Color='#000000');
}

/*container and boxes for image divs */
#linkHolder {position:relative; top:0px; width:100%; display:block;z-index:995;}
#prevLink, #nextLink { position: absolute; top: 250px; display:inline;z-index: 999;  }
#prevLink { left:-68px;}
#nextLink { right:-68px;}

/* everything between header and footer */
#content{ padding: 0px; margin: 0px; }

/* everything between postTitle of photo and footer on single pages */
#bottomContent{margin: 0px;padding: 5px 0px;}

.clearing {margin: 0px;padding: 0px;height: 0px;clear: both;}
.invisible{display: none;}
.alignleft {float:left;}
.alignright {float:right;}
.size-thumbnail { margin: 3px;}

#header{
	background-color: #ddd;
	padding: 0px;padding-top:5px;margin:0px;
	-moz-box-shadow: -4px 3px 4px #000;
	-box-shadow: -4 3px 4px #000;
	-webkit-box-shadow: -4px 3px 4px #000;
	box-shadow: -4px 3px 4px #000;
		/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,Color='#000000');
}
h1#blogTitle{font-weight: bold;font-size: 18px;margin-left: 5px;padding: 0px;display: inline;}
#tagline{ margin: 0px; color: #111;}

#header a, #header a:visited, #header a:active { color: #222;}
#header a:hover { color: #444;}

/* this is the list containing the main navigation (links to pages) */
#navBar a{font-weight: normal;}
ul#navBar{margin: 2px 5px;padding: 0px;display: inline;float: right;}
#navBar li.page_item {margin: 0px;padding: 0px 5px 0px 10px;list-style: none;display: inline;}
#navBar li.current_page_item a{text-decoration: underline;}

/*** the footer ***/
#footer{clear: both;text-align: right;font-size: 9px;padding: 5px 5px;}
.footerLeft {float:left;font-size: 9px;}
.footerLeft a{font-weight: normal;}
.footerLeft a:hover{text-decoration: underline;}

/*** this is the post title just below the photo resp. page title below header ***/
.postTitle{margin-top: 0px;padding: 5px;}
.postTitle h2{	display: inline; font-size: 14px;}

/*** post content ***/
/* container for information: description (if available + meta)
 * i.e. the part between next/previous thumb links.
 */
#photoInfoBox{width: 100%;float: left;padding: 0px 5px;margin-bottom: 0px;}

/* meta data for the post: time, cats, tags */
.postmetadata{text-align: justify;padding: 0px;margin-top: 5px;}

/* the list of comments */
ul.commentlist{padding: 0px;margin: 0px;}
.commentlist li{list-style: square;padding: 5px 10px;margin: 0px; border: 1px solid #453C34;}
.commentlist .alt{padding: 10px;border: 1px solid #605449;}

/* form to post comments */
#commentForm{padding: 0px;}
#commentForm input{width: 230px;}
#commentForm textarea{width: 400px;}

/* the exif information */
.exifInfoBox{padding: 0px;margin-top: 20px;}
ul.photoQExifInfo{margin: 0px;padding: 10px 15px;}
li.photoQExifInfoItem{list-style: square;}

/*** photos and thumbnails ***/
/* per default we dont want a border around images */
img{border: none;}

/* thumbs both for archives and next/prev links */
.thumbnail{width: 82px;height: 82px;float: left;padding: 0px;margin: 4px 4px;text-decoration: none;display: inline; }
.thumbnail img{margin: 0px auto;padding: 0px;display: block; 
	-moz-box-shadow: 3px 3px 4px #000;
	-box-shadow: -4 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
		/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,Color='#000000');

}
.thumbnail a:hover img{text-decoration: none; border: 1px solid #B86881;}

/* next, previous links */
.nextPrevThumbnail{height: auto;padding: 0px 2px;}
.nextPrevThumbnail img{margin: 0px;padding: 0px;display: inline;}
.linkTextNext, .linkTextPrevious{margin-top: 5px;}
.linkTextNext{float: right;}
.linkTextPrevious{float: left;}
.right{text-align: right;}

/* navigation for paged archives */
.pagedNavNext, .pagedNavPrevious{margin-top: 5px;}
.pagedNavNext{float: right;}
.pagedNavPrevious{float: left;}
.pagedNav a{text-decoration: none;}

/* used only for the archive pages, everything that is not sidebar */
.narrowcolumn{width: 790px;margin: 0px;padding: 5px;min-height: 300px;}

/*** the sidebar shown on non single/index pages ***/
#sidebar { width:800px; position:relative; min-height: 120px;}
#sidebar #tag_cloud { float: left; top: 0px;width: 500px; position:relative; height: 300px;}
#sidebar #categories {float:right; top:0px;width: 300px; position: relative; height: 300px;}
#sidebar h3 {border-bottom: 1px solid #453C34; }

#sidebar .widgettitle {margin-bottom: 5px;}
#sidebar ul, #sidebar li{margin: 0px;padding: 0px;list-style-type: none;}
#sidebar > li{margin-bottom: 20px;}
#sidebar > li ul{margin: 0px;padding: 5px 15px;}
#sidebar > li li{padding-top: 2px;list-style: square;}
#sidebar .children {padding: 0px;padding-left: 5px; }