/*
###############################################################################

Theme Name: Petgarden
Theme URI: http://www.powerramon.es
Description: Fun and Simple 2 column theme with CSS rounded edges for Firefox.
             Designed after inTouch Magazine.
Version: 0.1
Author: Ram?n Francos

###############################################################################

*/

/* BODY */
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#a2a2a2; font-stretch: narrower; background-color: #d6ebe0; text-align:left; padding:0; margin:0; background-image:none; }
/* LAYOUT */
/* BACKGROUND COLORS */
div#top, div#bottom, .postContent, #navLinks, li.sidebar ul, #footer{background-color:#fff;}
p.info{background-color:#f1f1f1;}
div.info{background-color:#f1f1f1;}
.postDate, #navTitle{background-color:#0060ff;}
#archiveTitle{background-color:#ff0090;}

/* TEXT COLORS */
#header{color:#00a07e;}
.postDate, #navTitle, h5.listName, h3.nav{color:#fff;}
h1{color:#44916a;}
h2{ color:#007f92; text-decoration: blink; }
h4.title{color:#44916a;}
p, li{ color:#959595; font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; }
#header a{}
a{color:#00a085;}
p.foot{color:#44916a;}
#archiveTitle h2{color:#fff;}

/* TEXT STYLES */
h1{margin:0;padding:10px 0 0 10px;font-size:medium;z-index:1000;}
h2{margin:0 0 0 0;padding:0 0 0 10px;font-size:1em;}
#archiveTitle h2{margin:0 0 0 0;padding:10px 0 10px 10px;}
h3{margin:0 0 0 0;padding:0 0 0 10px;}
h4.title{margin:10px 0 0 10px;padding:0;font-size:2em;font-style:italic;}
.post p{margin:10px 10px 10px 10px; padding:0 0 0 0;}
p.info{margin:20px 20px 20px 20px;padding:10px 10px 10px 10px;font-size:.7em;}
div.info{margin:20px 20px 20px 20px;padding:10px 10px 10px 10px;font-size:.7em;}
p.nav{margin:10px 10px 10px 10px; padding:0 0 0 0;font-size:.7em;}
p.foot{margin:10px 10px 10px 10px; padding:0 0 0 0;font-size:.7em;}

/* FORMATTING STYLES */
.post blockquote{margin:0 10px 0 10px;padding:0 10px 0 10px;font-size:.7em;line-height:1.5em;}
.post ul{margin:0 20px 20px 20px;padding:0 10px 0 10px;font-size:.7em;line-height:1.5em;}
.post ol{margin:0 20px 20px 20px;padding:0 10px 0 10px;font-size:.7em;line-height:1.5em;}
.post code{margin:0 0 0 0;padding:0 20px 0 20px;font-size:.8em;}

/* BORDER STYLES */
#top{-moz-border-radius-topright:10px;border-width:1px;border-style:solid;border-color:#fff;}
#bottom{-moz-border-radius-bottomright:10px;border-width:1px;border-style:solid;border-color:#fff;z-index:1;}
#archiveTitle{-moz-border-radius:10px;border-width:1px;border-style:solid;border-color:#ff0090;}
.postDate, #navTitle{-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-width:1px;border-style:solid;border-color:#0060ff;}
.postContent, #navLinks{-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topright:10px;border-width:1px;border-style:solid;border-color:#fff;}
p.info{-moz-border-radius:10px;border-width:1px;border-style:solid;border-color:#f1f1f1;}
div.info{-moz-border-radius:10px;border-width:1px;border-style:solid;border-color:#f1f1f1;}
#footer{-moz-border-radius:10px;border-width:1px;border-style:solid;border-color:#fff;}

/* IMAGE STYLES */
/* your logo image should be 100px X 100px. */
#logo{background-image:url(images/logo.gif);}
a.noBorder{border-style:none;}
.postContent img{margin:0 0 0 0;padding:10px 10px 10px 10px;-moz-border-radius:10px;border-width:3px;border-style:solid;border-color:#ff0090;}

/* SIDEBAR STYLES */
h5.listName{ margin:0; padding:3px 0 3px 10px; background-color:#009898; border: solid 1px #ff0090; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; }
li.sidebar{margin:0 0 20px 0;padding:0 0 0 0;list-style:none;}
li.sidebar ul{margin:0 0 0 0;padding:10px 0 10px 0;list-style:none;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;border-width:1px;border-style:solid;border-color:#fff;}
li.sidebar ul li{margin:0 0 5px 0;padding:0 0 0 10px;font-size:.7em;}
.linkcat h2{display:none;}
li.linkcat ul{margin:0 0 0 0;padding:0 0 0 0;}
li.linkcat ul li{margin:0 0 5px 0;padding:0 0 0 0;font-size:1em;}
li#info ul{margin:0;padding:10px;font-size:0.7em;color:#007c76;}

/* SEARCHBAR */
#searchForm{margin:10px 0 20px 20px;padding:0 0 0 0;}