/*
  
Theme Name: OrangeJuice
Theme URI: http://wp-content-themes.com/orangejuice-a-free-fluid-wordpress-27-theme/109
Description: OrangeJuice is a two-columns free theme, specially designed for WordPress 2.7,with a liquid layout and some typographic accents.
Tags: flexible-width, right-sidebar, two-columns, orange, light, sticky-post
Version: 0.1
Author: Delicia
Author URI: http://www.wp-content-themes.com/
Credits:960 Grid System by NathanSmith & Blueprint Css by Joshua Clayton for inspiration, 
Eric Meyer's css reset

*/ 

/* ---------- 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,table,caption,tbody,tfoot,thead,tr,th,td
{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body
{
line-height:1;
}

ol,ul
{
list-style:none;
}

blockquote,q
{
quotes:none
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
content:'';
content:none
}

:focus
{
outline:0
}

ins
{
text-decoration:none
}

del
{
text-decoration:line-through
}
table
{
border-collapse:collapse;
border-spacing:0
}

/* ---------- Structure and grid ---------- */
body{
font-size:10px;
font-family:Georgia,serif;
line-height:16px;}

.co{
margin-left: auto;margin-right:auto;
width:99%;
background:#eee;
border:1px solid #ddd;}

.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,
.g11,.g12,.g13,.g14,.g15,.g16,.g17,.g18,.g19,.g20,
.g21,.g22,.g23,.g24,.g25,.g26,.g27,.g28,.g29,.g30,.g31,.g32,.g33{
display:inline;
float:left;
margin-left:1%;
margin-right:1%;
width:auto;}

.alpha{margin-left:0;}

.omega{margin-right:0;}

.g1{width:1%;}
.g2{width:4%;}
.g3{width:7%;}
.g4{width:10%;}
.g5{width:13%;}
.g6{width:16%;}
.g7{width:19%;}
.g8{width:22%;}
.g9{width:25%;}
.g10{width:28%;}
.g11{width:31%;}
.g12{width:34%;}
.g13{width:37%;}
.g14{width:40%;}
.g15{width:43%;}
.g16{width:46%;}
.g17{width:49%;}
.g18{width:52%;}
.g19{width:55%;}
.g20{width:58%;}
.g21{width:61%;}
.g22{width:64%;}
.g23{width:67%;}
.g24{width:70%;}
.g25{width:73%;}
.g26{width:76%;}
.g27{width:79%;}
.g28{width:82%;}
.g29{width:85%;}
.g30{width:88%;}
.g31{width:91%;}
.g32{width:94%;}
.g33{width:97%;}

/* ---------- HTML elements ---------- */
html body div.cl,
html body span.cl
{
background:none;
border:0;
clear:both;
display:block;
float:none;
font-size:0;
margin:0;
padding:0;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}

.clearfix:after
{
clear:both;
content:'.';
display:block;
visibility:hidden;
height:0;
}

.clearfix
{
display:inline-block;
}

* html .clearfix 
{
height:1%;
}

.clearfix 
{
display:block;
}

a
{
text-decoration:none;
color:#ff9900;
}

a:hover
{
text-decoration:underline;
}

blockquote
{
font-style:italic;
padding-left:30px;
padding-top:10px;
border-top:1px dashed #999;
}

p + p
{
text-indent:20px;
margin-top:-10px;
}

form p + p
{
text-indent:0;
}

img
{
max-width:90%;
margin:5px;
}

h1,h2,h3,h4,h5,h6
{
margin:0 0 5px 0;
}

p
{margin:0 0 10px 0;
}

h1
{
font-size:20px;
font-weight:700;
}

h2
{
font-size:18px;
font-weight: 600;
}

h3
{
font-size:16px;
font-weight: 500;
}

h4
{
font-size:14px;
font-weight:400;
}

h5
{
font-size:12px;
font-weight:300;
}

h6
{
font-size:11px;
font-weight:200;
}

em
{
font-family:'Palatino Linotype';
font-style:italic;
}

strong
{
font-family:'Palatino Linotype';
font-weight:600;
}

code
{
font-family:'Courier New';
font-size:11px;
}

ol
{
padding-left:20px;
margin:5px 5px 20px 5px;
}

ul
{
margin:5px 5px 20px 5px;
}

ul ul
{
margin:5px;
}

ol ol
{
margin:5px;
}

ol li,
ul li
{
line-height:18px;
margin-bottom:5px;
font-size:12px;
}

.caps
{
font-variant:small-caps;
letter-spacing:1px;
text-transform:lowercase;
font-size:12px;
line-height:1%;
font-weight:600;
padding:0 2px;
}

table
{
margin-bottom:14px;
width:99%;
}

th
{
font-weight:600;
background:#ddd;
}

th,td
{
padding:4px 10px 4px 5px;
}

tr.even td
{
background:#eee;
}

tfoot
{
font-style:italic;
}



/* ---------- Page elements ---------- */
/* ---------- Header ---------- */

#h
{
background:#fff url(images/2.jpg) repeat-x;
height:90px;
overflow:hidden;
padding-top:10px;
border-bottom:1px groove #999;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}

#logo
{
margin-top:10px;
padding-top:10px;
}

#logo h2
{
padding-left:20px;
padding-top:10px;
font-size:32px;
font-family:'Palatino Linotype';
}

#logo h2 a
{
border-bottom:1px solid #ff9900;
}

#logo h2 a:hover
{
text-decoration:none;
}

#logo h3
{
padding-left:20px;
padding-top:10px;
color:#888;
font-size:12px;
font-family:'Palatino Linotype';
}

#banner
{
float:right;
padding-top:10px;
width:auto;
}


/* ---------- Navigation bars ---------- */

#bar1
{
background:#777;
height:30px;
overflow:hidden;
margin-top:-7px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-top:1px solid #e0e0e0;
text-transform:uppercase;
color:#eee;
font-family:'Times New Roman';
}

#bar1 ul li a
{
color:#fafafa;
}

#pg,
#ctg
{
list-style:none;
padding-left:0;
}

#pg li,
#ctg li
{
display:inline;
}

#pg li{}

#pg li a
{
padding:0px 10px;
}

.current_page_item
{
color:#ff9900;
background:#999;
}

#categ
{
overflow:hidden;
height:20px;
text-align:left;
font-variant:small-caps;
font-family:'Palatino Linotype';
border-top:1px solid #ff9900;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}

#categ ul, 
#categ ul li, 
#categ ul li ul, 
#categ ul li ul li,
#categ ul li ul li ul, 
#categ ul li ul li ul li
{
display:inline;
}

#categ a
{
color:#000;
padding:0px 5px;
}

.current-cat
{
color:#ff9900;
background:#fff;
}

.current-cat-parent
{
background:#dedede;
}

.children:before
{
content:"* ";
font-family:Georgia;
color:#ff9900;
}

#c,
#f
{
padding-top:20px;
}

#m
{
margin-top:-10px;
}


/* ---------- Post styles ---------- */

.p
{
margin:10px 0px;
padding:10px;
font-size:14px;
line-height:20px;
border:1px solid #ccc;
-moz-border-radius:20px;
-webkit-border-radius:20px;
background:#fff;
width: 750px;
float: left;
}

.post ol
{list-style:decimal;
font-family:'Palatino Linotype';
}

.post ul
{
list-style:circle;
padding-left:20px;
font-family:'Palatino Linotype';
}

.post img
{
max-width:90%;
margin:5px;
padding:5px;
border:1px solid #eee;
}

.pt:before
{
content:"***";
color:#333;}

.pt h2 a,
.pt h1 a
{
font-size:25px;
font-family:'Times New Roman';
font-style:italic;
}

.meta
{
border-bottom:1px groove #333;
width:75%;
font-family:'Palatino Linotype';
font-size:10px;}

.meta a
{
color:#666;
}

.text
{
padding-top:20px;
padding-bottom:30px;
}

.navigation
{
font-size:14px;
margin:10px 0px;
border-top:1px solid #999;
}

p:first-line
{
font-variant:small-caps;
}

.sticky

{background:#e8e8e8;
}

.sticky:hover
{
background:#ddd;
}


.category-x{}
.tag-y{}
/* Replace 'x' and 'y' with a category/tag slug; 
this classes will apply different styles to posts filled in the specified cat/tag. 
You can use this pattern to set different styles to all cats/tags. */


/* ---------- WordPress image classes ---------- */

caption
{ 
background:#eee;
}

.alignleft 
{
float:left;
display:inline;
margin-right:15px;
margin-bottom:5px;
width:auto;}

.alignright 
{
float:right;
display:inline;
margin-left:15px;
margin-bottom:5px;
width:auto;
}

.aligncenter 
{
display:inline;
text-align:center;
}

.alignnone {}

p.wp-caption-text
{
padding:5px;
font-size:10px;
}

.wp-smiley
{
display:inline;
margin-bottom:-5px;
}



/* ---------- Sidebar ---------- */

#sb
{
border:1px solid #ccc;
-moz-border-radius:20px;
-webkit-border-radius:20px;
background:#fff;
font-family:'Palatino Linotype';
width:300px;
float:left;
margin-right:20px;
}

#sb ul,
#sb ul li,
#sb ul li ul,
#sb ul li ul li,
#sb ul li ul li ul,
#sb ul li ul li ul li
{
list-style:none;
padding-left:0px;
}

#sb ul li ul li
{width:99%;
border-bottom:1px solid #999;
}

#sb a
{
color:#666;
}

#sb a:before
{
content:"* ";
color:#ff9900;
font-family:Georgia;
}

#sb a:hover,
#sb ul li ul li:hover
{
color:#ff9900;
background:#eee;
}

#sb h3, 
#sb h2 .widgettitle
{
color:#555;
font-family:'Palatino Linotype';
background:#efefef;
padding:0 10px;
border:1px solid #ddd;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#sb h3:before,
#sb h2 .widgettitle:before
{
content:"* ";
color:#ff9900;
font-family:Georgia;
}

#sb select
{
width:99%;
border:1px solid #999;
background:#eee;
color:#666;
font-size:12px;
font-weight:200;
font-family:'Palatino Linotype';
}

#sb option
{background:#fff;
color:#ff9900;
font-family:'Palatino Linotype';
}

#searchform,
.widget-search
{
background:#eee;
padding:5px 0 0 0;
border:1px solid #ddd;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.hidden /* class used by the search widget */
{
display:none;
}

#sb .widget-search input #s
{
padding-left:5px;
width:60%; 
border:1px solid #999;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#ddd;
color:#666;
font-family:inherit;
}

#sb .widget-search input #searchsubmit
{
width:32%;
border:1px solid #999;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#ddd;
color:#666;
font-family:inherit;
}

/* -------------------- Footer -------------------- */

#footer
{
border-top:3px groove #fff;
}


/* -------------------- Comment styles -------------------- */

#comments
{
clear:both;
padding-top:20px;
padding-left:20px;
}

#respond
{
clear:both;
padding-top:20px;
padding-left:20px;
}

.comment-info-split
{
clear:both;
}

.commentmetadata
{
text-transform:uppercase;
color:#333;
}

.commentmetadata a
{
color:#ff9900;
}

.commentlist div.alt
{
color:#333;
padding:10px;
}

ol.commentlist
{
list-style:none;
}

ol.commentlist ul.children
{
list-style:none;
}

.comment-div
{
display:block;
}

.comment-left
{
width:30%;
}

.comment-right
{
width:70%;
}

.avatar
{
background:#fff none repeat scroll 0 0;
float:left;
margin-bottom:5px;
padding:3px;
width:auto;
}

.commentlist ul li
{
border-bottom:none;
}

.commentlist li
{
margin:10px 0 0 0;
}

ol.commentlist
{
list-style:none;
margin:0 0 10px;
padding:0;
text-indent:0;
}

ol.commentlist li
{
background:#fefefe;
}

ol.commentlist li.bypostauthor
{
background:#eee;
}

ol.commentlist li.byuser
{
background:#eee;
}

ol.commentlist li.comment-author-admin
{
background:#eee;
}

ol.commentlist li.comment,.pingback
{
border:1px solid #999;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

ol.commentlist li.comment div.vcard
{
font-weight:400;
font-size:15px;
}

ol.commentlist li.comment div.vcard cite.fn
{
font-style:normal;
}

ol.commentlist li.comment div.vcard img.avatar
{
border:5px solid #eee;
float:left; 
margin:0 10px 10px 10px;
}

ol.commentlist li.comment div.comment-meta
{
font-size:9px;
}

ol.commentlist li.comment div.comment-meta a
{
color:#555;
}

ol.commentlist li.comment p
{
font-size:12px;
margin:0 0 10px;
}

ol.commentlist li.comment ul
{
font-size:11px;
list-style:circle;
margin:0 0 10px 20px;
}

ol.commentlist li.comment div.reply
{
font-size:11px;
}

ol.commentlist li.comment div.reply a
{
font-weight:500;
}

ol.commentlist li.comment ul.children
{
list-style:none;
margin:10px 0 0;
text-indent:0;
}

ol.commentlist li.comment ul.children li.comment-author-admin
{
background:#eee;
}

ol.commentlist li.comment ul.children li.depth-2
{
margin:0 0 5px 5px;
}

ol.commentlist li.comment ul.children li.depth-3
{
margin:0 0 5px 5px;
}

ol.commentlist li.comment ul.children li.depth-4
{
margin:0 0 5px 5px;
}

ol.commentlist li.comment ul.children li.depth-5
{
margin:0 0 5px 5px;
}

ol.commentlist li.even
{
background:#fff;
}

ol.commentlist li.odd
{
background:#f6f6f6;
}