/*  
Theme Name: iBlog
Description:  The iBlog theme by Andrew Powersand  inspired by Apple.  
Version: 1.0.6
Author: Andrew Powers
Author URI: 
Tags: white, silver, light, two-columns, fixed-width
    
    Thank you for trying this theme. If you are satisfied, it would be great if you could provde a link to www.pagelines.com and add a 5 star review on the theme directory. Let me know if you would like support or information about any bugs at andrew@pagelines.com.
    -     This version is released under the GPL.
*/
body { color: #333333; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: normal; line-height: 18px; background: #F5F6F7  url(images/back-gradient.jpg) repeat-x left top; }
a { color: #0088CC; text-decoration: none; }
a:visited { color: #0088CC }
a:hover { text-decoration: underline }
p,
.p { margin-bottom: 15px }
img { border: none }
ul li { margin: 0px }
ul { margin: 5px 0px 15px; padding-left: 20px; }
ol { margin: 5px 0px 15px; padding-left: 20px; }
form { margin: 0px; padding: 0px; }
small { font-size: 90% }
hr { border: none; border-bottom: 1px dotted #666; margin-bottom: 1em; }
blockquote { background: #f7f7f7; padding: 10px 15px; margin: 0 0 1em 2.5em; font-size: .9em; border: 1px solid #ddd; }
#wrapper { width: 900px; margin: 0px auto; position: relative; }
#container { background: #fff }
#header { height: 52px } /* Height of the header */

/* site title */
h1.blogtitle { font-size: 39px; /* blog title size */ float: left; }
h1.blogtitle a { color: #333 }
h1.blogtitle a:hover { color: #0088CC; text-decoration: none; }
.description { float: left; margin-top: 20px; /* description distance from top of screen */ margin-left: 10px; }

/* search form */
#searchform { width: 205px; float: right; font-size: 12px; padding: 0; margin: 1px 0 0 0; }
#searchform #s { background: #ffffff url(images/form-field-bg.gif) no-repeat; width: 158px; padding: 3px 7px 2px 5px; color: #999999; border: 1px solid #888; margin: 0; }
#searchform #searchsubmit { background: url(images/search-button.png) no-repeat center; height: 24px; width: 24px; border: none; cursor: pointer; text-indent: -999%; line-height: 1px; margin: 0; }

/* HEADERS */
h1,h2,h3,h4,h5,h6 { color: #333; font-weight: normal; margin: 0; padding: 0; line-height: 1.1em; }
h1 a,h2 a,h3 a,h4 a,
h5 a { color: #333 }
h1 { font-size: 32px }
h2 { font-size: 28px }
h3 { font-size: 24px }
h4 { font-size: 20px }
h5 { font-size: 16px }
h6 { font-size: 12px }

/* ------------------------------------- main content area  */
#page #wrapper #container #left-col { width: 675px; float: left; }
/* main menu */
#nav { border: 1px solid #bbb; font-size: 14px; background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top; }
#nav a.home { }
#nav ul { list-style: none; display: block; margin: 0px 0px 0px 10px; padding: 0px; width: 600px; float: left; }
#nav ul li { font-weight: bold; margin: 0px 5px 0px 0px; padding: 0px; float: left; }
#nav ul li a { padding: 6px 10px 6px 10px; text-decoration: none; color: #222; display: block; }
#nav li a:visited { text-decoration: none; color: #000000; }
#nav .current_page_item a,
#nav .current_page_item a:hover { text-decoration: none; background: #2a2a2a url(images/agradient-30dark.gif) repeat-x top left; color: #fff; }
#nav li a:hover { color: #fff; background: #2a2a2a url(images/agradient-30medium.gif) repeat-x top left; }

/* sub menu */
#subnav { background: #fff url(images/agradient-30light.gif) repeat-x top left; : ; margin-top: 15px; border: 1px solid #ddd; }
#subnav ul { margin: 0px; padding: 0px 0px 0px 5px; list-style: none; }
#subnav li { border-right: 1px solid #D8D8D8; padding: 4px 7px; margin: 0px; float: left; }
#subnav li a,
#subnav li a:visited,
#subnav .page_item { text-decoration: none; color: #333333; }
#subnav .current_page_item a,
#subnav .current_page_item a:visited { color: #3b9acc }
#subnav li a:hover { text-decoration: none; color: #3b9acc; }

/* content */
#content { background: #fff; padding: 25px 25px 15px 25px; clear: both; overflow: hidden; }
.post { padding: 0px; clear: both; overflow: hidden; padding-bottom: 1em; margin-bottom: 2em; border-bottom: 1px dotted #333; }
.post .date { height: 50px; width: 45px; background: url(images/calendar.gif) no-repeat; font: normal 22px Arial, Helvetica, sans-serif; color: #666666; text-align: center; padding: 0px 2px 0 0; line-height: 100%; float: left; }
.post .date span { height: 16px; display: block; font: normal 11px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; padding-top: 7px; }
.post .title { float: left; margin-left: 10px; width: 558px; }
.postdata { font-size: 90%; color: #999999; }
.postdata a,
.postdata a:visited { color: #999999; text-decoration: none; }
.postdata a:hover { color: #0088CC; text-decoration: none; }
.postdata .category { float: left }
.postdata .comments { float: right }
.mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat left center; padding-left: 12px; float: right; }
.entry { padding: 15px 0px 5px; clear: both; font-size: 14px; line-height: 1.6em; margin-bottom: 1em; }

/* post title */
h2.posttitle { color: #000; margin: 3px 0 2px; padding-bottom: 4px; font-size: 24px; border-bottom: dotted 1px #CCCCCC; }
h2.posttitle a,
h2.posttitle a:visited { color: #000; text-decoration: none; }
h2.posttitle a:hover { color: #0088CC; text-decoration: none; }
.tags { float: right; color: #aaa; }
.tags a { font-weight: bold; color: #000; }
.tags a:hover { color: #0088CC; text-decoration: none; }

/* next & previous page navigation */
.page-nav { clear: both; background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top; }
.page-nav a,
.page-nav a:visited { color: #000; text-decoration: none; }
.page-nav a:hover { color: #fff; text-decoration: none; }
.previous-entries a { float: left; padding-left: 10px; margin-left: 10px; background: url(images/navigation-left.gif) no-repeat left center; }
.next-entries a { float: right; padding-right: 10px; margin-right: 10px; background: url(images/navigation-right.gif) no-repeat right center; }

/* next & previous post navigation */
.post-nav { clear: both; padding-bottom: 35px; margin-top: -15px; font-size: 95%; }
.post-nav a,
.post-nav a:visited { color: #999999; text-decoration: none; }
.post-nav a:hover { color: #000000; text-decoration: none; }
.post-nav .previous a { float: left; padding-left: 20px; background: url(images/post-nav-previous.gif) no-repeat left center; }
.post-nav .next a { float: right; padding-right: 20px; text-align: right; background: url(images/post-nav-next.gif) no-repeat right center; }

/* ------------------------------------- comment area  */
h3#comments { background: url(images/comments.gif) no-repeat; padding-left: 22px; font: normal 140%/120% Arial, Helvetica, sans-serif; clear: both; }
h3#respond { background: url(images/respond.gif) no-repeat; padding-left: 22px; font: normal 140%/120% Arial, Helvetica, sans-serif; margin: 20px 0px 0px; clear: both; }

/* commentform */
#commentform { margin-top: 10px }
#commentform label { font-weight: bold; color: #666; font-size: 100%; padding-left: 5px; }
#commentform small { color: #999999; font-size: 90%; }
#commentform textarea { font: 110% Arial, Helvetica, sans-serif; width: 480px; height: 140px; background: url(images/form-field-bg.gif) no-repeat; border: solid 1px #e6e6e6; padding: 5px 3px 3px 7px; }
#commentform textarea:focus,
#commentform input[type="text"]:focus { border: solid 1px #999 }

/* comment list */
.commentlist { margin: 10px 0px; padding-left: 45px; line-height: 130%; }
.commentlist li { padding: 5px 10px }
.commentlist .alt { background: #F4F4F4 }
.commentlist cite { font-weight: bold; font-style: normal; font-size: 110%; color: #0088CC; }
.commentlist cite a,
.commentlist cite a:visited { color: #0088CC }
img.avatar { float: right; margin: 5px; }
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%; }
.commentlist small a,
.commentlist small a:visited { color: #999999 }

/* ------------------------------------- cred area  */
#cred { padding: 10px 0px 0px 8px; clear: both; font-weight: bold; }
#cred .designer { font-size: 11px; color: #666; font-weight: bold; padding-left: 25px; float: left; background: url(images/pagelines-icon.gif) no-repeat 3px 0px; }
#cred .wordpress-link { font-size: 11px; color: #666; font-weight: bold; margin-left: 4px; float: left; }
#cred a,
#cred a:visited { text-decoration: none; color: #333; }
#cred a:hover { text-decoration: underline }

/* @ FORMS */
legend { display: none }
fieldset { border: none; background: transparent; }

/* commentform */
label { color: #333; font-size: .9em; display: block; }
small { color: #555; font-size: 90%; }
input { font: 110%  arial, helvetica; padding: 5px 3px 3px 5px; background: url(images/form-field-bg.gif) no-repeat; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc; }
textarea { font: 110% courier, arial, helvetica; height: 140px; background: url(images/form-field-bg.gif) no-repeat; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc; padding: 5px 3px 3px 7px; }
textarea:focus,
input[type="text"]:focus { border: solid 1px #666 }
.button,
input[type="submit"],
.submit { border: 1px solid #aaa; background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top; margin: 0; font-weight: bold; font-family: arial, helvetica; }
.button:hover,
input[type="submit"]:hover { color: #0088CC }
.button:active,
input[type="submit"]:active { background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top; color: #000; }

/* sidebar */
#sidebar { margin-top: 15px; margin-right: 5px; float: right; width: 210px; color: #666666; line-height: 160%; }
#sidebar p { margin: 0px 0px 15px }
#sidebar h3 { font: bold 12px/100% Arial, Helvetica, sans-serif; color: #444; }
#sidebar h3:hover { color: #000 }
#sidebar h3 a,
#sidebar h3 a:visited { color: #666666 }
#sidebar h3 img { vertical-align: middle }
#sidebar a,
#sidebar a:visited { color: #000000; text-decoration: none; }
#sidebar a:hover,
#sidebar a:focus,
#sidebar a:active { text-decoration: underline }
#sidebar ul { list-style: none; margin: 0; padding: 0; }
#sidebar ul li { background: url(images/bullet.gif) no-repeat; padding-left: 20px; }
#sidebar ul li ul li { background: url(images/bullet-grey.gif) no-repeat; padding-left: 12px; }
#archives ul li { background: url(images/archive.gif) no-repeat }
#recent-comments ul li { background: url(images/comment.gif) no-repeat }
#recent-posts ul li { background: url(images/mini-page.gif) no-repeat }

/* meta */
#meta .rss { background: url(images/mini-rss.gif) no-repeat }
#meta .check { background: url(images/comment.gif) no-repeat }

/* calendar */
#calendar table { margin: 0px auto }
#calendar td { padding: 0px 4px }

/* alignments */
img.center,
img[align="center"] { display: block; margin-left: auto; margin-right: auto; }
img[align="left"] { float: left; margin: 2px 10px 5px 0px; }
img[align="right"] { float: right; margin: 2px 0px 5px 10px; }
.clear { clear: both }
hr.clear { clear: both; visibility: hidden; margin: 0px; padding: 0px; }
.wp-caption { border-top: 1px solid #ddd; border-right: 1px solid #aaa; border-left: 1px solid #ddd; border-bottom: 1px solid #222; text-align: center; background-color: #f3f3f3; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding: 4px; margin-bottom: 1em; }
.wp-caption-text { font-size: 10px; margin: 0; padding: 6px 3px 2px; line-height: 16px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; margin-top: 5px; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* @ STANDARD ELEMENTS */

img#wpstats { width: 0px; height: 0px; overflow: hidden; }
.border { padding: 2.5px; border: 1px solid #ccc; }
.hidden { display: none; visibility: hidden; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 10px 5px 0; }
.alignright { float: right; margin: 0 0 5px 10px; }

/* FLOATING AND ALIGNMENT */
.floatleft { float: left; margin: 3px 7px 0 0; }
.floatright { float: right; margin: 3px 0 0 7px; }
.right { float: right }
.block { display: block }
.left { float: left }
.clear { clear: both }
.center { text-align: center }

/* CLEARFIX */
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block }
* html .fix { height: 1% }
.fix { display: block }

.face{ width:31px; height:31px; display:block; text-indent:-9999px; background: url(images/face.png) no-repeat; float:left; margin-left:30px; margin-top:10px;}
.youtube{ width:31px; height:31px; display:block; text-indent:-9999px; background: url(images/youtube.png) no-repeat; float:left; margin-left:15px; margin-top:10px;}
.twu{ width:31px; height:31px; display:block; text-indent:-9999px; background: url(images/twu.png) no-repeat; float:left; margin-left:15px; margin-top:10px;}