/*  

Theme Name: Mac Adsense

Theme URI: http://bloggingzombie.com/

Description: Inspired by Mac OSX Leopard :)

Version: 1.0

Author: JCG

Author URI: http://bloggingzombie.com/

*/



/* Reset */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

ol, ul { list-style: none; }

img { border: none; }



/*

-------------------------------------------------------------------

[Table of contents]



1. Body

2. Container / #container

3. Header / #header

4. Navigation / #nav

5. Content / #content

6. Comment Form / #comment-form

7. Comments / #comments

8. Sidebar / #sidebar

9. Footer / #footer

-------------------------------------------------------------------

*/



/* [1. Body] */

body { font: 11px/18px Verdana, Helvetica, Arial, Geneva, sans-serif; color: #333; padding-bottom: 20px; background: #c7c8c8 ; }



h1, h2, h3 { font-family: Arial, Geneva; color: #333; }

h1 { font-size: 11px; line-height: 22px; margin-bottom: 10px; font: #666; }

h2 { font-size: 18px; line-height: 20px; margin-bottom: 7px; }

h3 { font-size: 16px; line-height: 18px; margin-bottom: 5px; }



h1 span, h2 span { color: #bbb; }



a { color: #08c; }

a:hover { color: #f00; }

a:visited { color: #08c; }



p { margin-bottom: 10px; }



input, textarea { font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, Geneva, sans-serif;  }



blockquote { border-left: 5px solid #999031; background: #fafafa; padding: 10px 10px 1px 10px; margin-bottom: 10px; }







/* [2. Container] */

#container { width: 900px; margin: 20px auto auto; background: #e6edee url(images/sidebar-bg.gif) repeat-y 0px 10px; }







/* [3. Header] */

#header { height: 250px; background: #ffffff url(images/header-bg.png) no-repeat; position: relative; }

#header h1 { font: 24px/53px Verdana; color: #777; margin: 0 0 0 15px; }

#header h1 a { background: url(images/logo.gif) no-repeat; color: #333; text-shadow: 1px 1px 1px #eee; text-decoration: none; }

#header p span { padding-left: 10px; font-size: 11px; color: #777; }

#header #search { position: absolute; top: 20px; right: 10px; }

#header #search input { background: #fafafa url(images/search-bg.gif) no-repeat; border: none; width: 170px; height: 19px;padding: 5px 0 0 23px;vertical-align: middle;font-size: 11px; color: #777; }

@media all and (width) { #header #search input { padding: 0 0 0 23px; height: 24px; } } /* only for Opera */

#logo {  float: left; width:250px; }

#logo p{text-indent:-10000px;}

#logo p a{display:block; background: url(images/logo.gif) no-repeat; height:75px; outline:none;}





/* [4. Navigation] */

#nav { height: 32px; background: #fafafa url(images/nav-bg.gif) repeat-x; position: relative; }

#nav ul { margin-left: 15px; }

#nav ul li { display: inline; margin-right: 20px; }

#nav ul li a { font-size: 12px; font-weight: bold; text-shadow: 1px 1px 1px #fff; text-decoration: none; color: #555; line-height: 33px; }

#nav ul li a:hover { color: #333; }

#nav #feed { position: absolute; right: 15px; top: 10px; font-size: 11px; width: 79px; height: 14px; display: block; }







/* [5. Content] */

#content { float: left; width: 520px; padding: 15px; background: #fff; color: #333; }

#content .post { margin-bottom: 40px; }

#content .post h2.post-caption {  padding-left: 23px; }

#content .post h2.post-caption a { text-decoration: none; color: #333; }

#content .post h2.post-caption a:hover { color: #555; }

#content .post ul { list-style: square inside; margin-bottom: 10px; }

#content .post ol { list-style: decimal inside; margin-bottom: 10px; }

#content .post inside { float: left; }

#content .post .post-info { height: 18px;color: #777; margin-bottom: 20px; clear: both; background: #e9eff5 url(images/post-info-bg-left.gif) no-repeat; }

#content .post .post-info div { line-height: 17px; position: relative; height: 18px; padding: 0 5px; background: url(images/post-info-bg-right.gif) no-repeat right; }

#content .post .post-info div #count { position: absolute; top: 0px; right: 5px; }

#content .post .post-info span { color: #333; font-weight: bold; }

#content .post .post-info a { color: #333; text-decoration: none; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignleft { float: left; margin: 0 10px 10px 0; }

.alignright { float: right; margin: 0 0 10px 10px; }

#adsleft { float: left; margin-right: 5px; }

#adstop { padding-left: 25px; }









/* [6. Comment Form] */

#comment-form { background: #d7f8ec; padding: 10px; font-size: 11px; color: #555; }

#comment-form p { margin-bottom: 7px; }

#comment-form textarea { width: 450px; height: 100px; margin-bottom: 7px; }

#comment-form label { font-weight: bold; }

#comment-form input.text { width: 150px; margin-right: 10px; }





/* [7. Comments] */

#comments { padding-top: 5px; }

#comments .comment { background: #def7f8; padding: 10px; margin-bottom: 10px; width: 650px; border-top: 1px solid #ddd; overflow: hidden; }

#comments .comment .comment-info { position: relative; color: #777; margin-bottom: 5px; }

#comments .comment .comment-info span { font-size: 11px; position: absolute; top: 0px; right: 0px; color: #777; font-size: 11px; margin-bottom: 5px; }

#comments .comment .comment-info a { color: #444; }

#comments .comment p.notice { color: #f00; font-weight: bold; }

#comments .comment img.avatar { float: left; padding: 3px; border: 1px solid #ddd; margin: 0 10px 5px 0; background: #fff; }

* html #comments .comment .comment-info span { right: 10px; }





/* [8. Sidebar] */

#sidebar { float: left; margin-left:10px; width: 340px; font-size: 14px; color: #777; padding-bottom: 10px; }

#sidebar h3 { font: bold 15px Tahoma, Verdana, serif; color: #444; text-shadow: 1px 1px 1px #fff; }

#sidebar a { color: #333; text-decoration: none; }

#sidebar a:hover { color: #375a7b; }

#sidebar ul li { background: url(images/arrow.gif) no-repeat 0px 3px; padding-left: 18px; }

#sidebar .block { padding: 15px; background: url(images/sidebar-block-bg.gif) no-repeat bottom center; }

#sidebar .author { text-align: justify; }





/* [9. Footer] */

#footer { height: 29px; clear: both; color: #777; background: #fafafa url(images/footer-bg.png) no-repeat; position: relative; }

#footer a#theme-author { position: absolute; top: 0px; right: 0px; display: block; height: 28px; width: 130px; }

#footer p { line-height: 28px; color: #444; padding-left: 15px; font-size: 11px; margin: 0; }