/*
Theme Name: IWOOT Blog
Theme URI: http://www.iwantoneofhthose.com
Description: IWOOT Wordpress Theme
Version: 1.6
Author: Dino Constantinou
Tags: iwoot
*/

/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote ,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* Main Styles */
body { background:url("images/bg.png"); font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; font-size:0.8em; color:#292929 }
a { text-decoration:none; color:#2f074d; font-weight:bold }
a:hover { color:#b764d7 }
p { margin:10px 0; line-height:1.3em }
h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, Verdana, sans-serif }
h2 { font-size:2em; font-weight:bold; color:#2f074d; margin: 0 }
h3 { font-size:1.8em; font-weight:bold; color:#2f074d; margin:0 }
.clear { clear:both }
.anchorCenter { display:block; text-align:center } /* Use for anchors that contain images */
.center { margin:0 auto } /* Use for images - Specify a Width! */
.buttonLink { background:url("images/button-left.jpg") no-repeat top left; padding-left:6px; height:27px; line-height:27px; margin-left:10px }
.buttonLink a { background:url("images/button-right.jpg") no-repeat top right; height:27px; display:block; text-indent:-6px; padding:0 30px 0 10px; color:#ffffff }
.floatLeft { float:left }
.floatRight { float:right }

#wrapper { width:970px; margin:10px auto; background:#fff; padding:10px 0 10px 0; position:relative }
#header { background:url("images/blogHeader.png") no-repeat; height:177px; margin: 0 10px 60px 10px; position:relative }
#header h1 { position:absolute; top:32px; left:423px }
#header h1 a { width:329px; height:109px; outline:none; text-indent:-9999px; display:block }
#tagline a { outline:none; text-indent:-9999px; position:absolute; top:-27px; left:-66px; background:url("images/blogBadge.png") no-repeat top left; width:305px; height:265px; margin:0 }
#tagline2 a { text-indent:-9999px; position:absolute; top:34px; right:-37px; background:url("images/taglineBadge.png") no-repeat top left; width:114px; height:114px; margin:0; overflow:hidden }
#tagline3 a { text-indent:-9999px; position:absolute; top:40px; left:270px; background:url("images/firstpostbadge.png") no-repeat top left; width:113px; height:113px; margin:0; overflow:hidden }
#mainContent { background:url("images/wrapper-bg.gif") repeat-y top right; margin-top:-60px }
#content { float:left; width:690px; margin: 60px 0 0 0; padding:0 0 0 10px }
#sidebar { float:right; width:230px; background-color:#bec93f; margin-right:10px; padding:10px; color:#535254 }
#sidebar  a { color:#535254 }
#sidebar h2  { font-size:1em }
#footer { clear:both; text-align:center; margin:10px 10px 0 10px; padding:10px; background-color:#2f2f2f; color:#ffffff }
#footer a { color:#ffffff; font-weight:bold }
#footer a:hover { text-decoration:underline }

/* Multiple Post Formatting */
.post { position:relative; margin: 0 20px 30px 20px; padding-bottom:20px; border-bottom:1px solid #e1e1e1 }
.post.page { border-bottom:none }
.post.page p { font-size:1.1em }
.post h2 { margin:0 0 5px 0 }
.date { font-family:Arial, Helvetica, Verdana, sans-serif; position:absolute; top:0px; left:-105px; color:#ffffff; background:#2f074d; width:75px; text-align:center; padding:10px 0 }
.date .day, .date .month { display:block; line-height:1em }
.date .day { font-size:2em }
.date .month { font-size:1.4em }
.comments { font-family:Arial, Helvetica, Verdana, sans-serif; position:absolute; top:0px; right:-15px; background:url(images/comments.gif); display:block; width:44px; height:46px; line-height:35px; text-align:center; font-size:1.4em; font-weight:bold }
.category { width:350px; background-color:#f1e7fc; margin:5px 0; padding: 2px 5px; border:1px solid #b19eb5; font-size:0.8em }
.postImage { float:left; margin:0 20px 0 0 }
.postContent { float:left; width:400px }

/* Search Form */
#searchForm { position:relative; width:100%; height:60px }
#searchLabel { position:absolute; top:5px; left:38px; background:url("images/searchlabel-bg.gif") no-repeat top left; display:block; text-indent:-9999px; width:87px; height:15px }
#searchField { position:absolute; top:23px; left:40px; background:url("images/searchfield-bg.jpg") no-repeat top left; border:none; width:171px; height:20px; padding:5px 10px 0 10px; font-size:0.9em }
#searchSubmit { position:absolute; top:0px; left:0px }

/* Wooter Widget */
#wooters { overflow:hidden; border-top:1px solid #535254; border-bottom:1px solid #535254 }
#wooters h2 { background:url("images/wooter-bg.gif") no-repeat top left; text-indent:-9999px; width:107px; height:17px; margin:10px 0 }
.wooter { float:left; text-align:center }
.wooter img { display:block; margin: 0 5px }
.wooter p { margin:5px 0 10px 0 }
.wooter a { font-weight:normal }

/* Social Networking Widget */
#socialNet h2 { background:url("images/findushere-bg.jpg") no-repeat top left; text-indent:-9999px; width:148px; height:16px; margin:10px 0  }
#socialNetButtons { overflow:hidden; clear:both }
#socialNetButtons .button { float:left; margin:10px 10px 20px 0 }

/* Comments */
#comments { background-color:#ededed; border:1px solid #bbbcbc; padding:10px 20px 20px 20px; clear:both }
#commentList{ margin:0 0 20px 0 }
#commentList li { overflow:hidden; margin:20px 0 }
.gravatar { float:left; width:100px }
.gravatar img { display:block; margin-bottom:5px }
.gravatar cite { display:block }
.gravatar .commentDate { display:block; font-size:0.9em }
.commentBox { float:right; width:500px; border:1px solid #bbbcbc; background-color:#ffffff; padding:10px 20px; position:relative  }
.speechBubble { position:absolute; top:13px; left:-32px; width:50px; height:50px; background:url("images/commentbox_bg.gif") no-repeat top left; display:block }


/* Add Comments */
#commentForm p { margin:5px 0 }
#commentForm input { width:250px; padding:5px; color:#535254; border: 1px solid #bbbcbc }
#commentForm textarea { padding:10px 5px; color:#535254; border: 1px solid #bbbcbc; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:1.1em }
#commentForm label { display:none }
#commentForm #submit { background-color:#ededed; width:auto; padding:0; color:#535254; padding:5px 10px }

/* Single Post */
#post { width:650px; margin:0 auto }
#post ul { padding-left:35px; list-style:disc }
#singleImage { float:left; width:200px; margin-bottom:20px; margin-right:20px; margin-top:10px }
#singlePost { font-size:1.1em; position:relative; margin-bottom:30px }

/* Global Pagination */
.wp-pagenavi { float:right; margin-bottom:4px }
.wp-pagenavi a, .wp-pagenavi span { padding:2px 5px; border:1px solid #bbbcbc; margin: 0 2px; color:#535254 }
.wp-pagenavi .pages { border:none }
.wp-pagenavi a:hover, .wp-pagenavi span.current { color:#2F074D; border: 1px solid #2F074D }

#dannWootTitle { background:url("images/dannywoot.png") no-repeat left center; line-height:80px; padding-left:85px; margin-left:-10px; margin-top:20px }
#dinoWootTitle { background:url("images/dinowoot.png") no-repeat left center; line-height:80px; padding-left:85px; margin-left:-10px; margin-top:20px }
#jimboWootTitle { background:url("images/jimbowoot.png") no-repeat left center; line-height:80px; padding-left:85px; margin-left:-10px; margin-top:20px }