/*
  
Theme Name: Typogriph
Theme URI: http://www.wp-content-themes.com/orangejuice-a-free-fluid-wordpress-27-theme/109
Description: Free fixed WordPress theme.
Tags: fluid, right-sidebar, 2 columns
Version: 0.3
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:10px/2 Georgia, serif;background:#333;color:#eee;}
.container{margin-left: auto;margin-right:auto;width:100%;}
.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:10px;margin-right:10px;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%;}
.g34{width:100%;}

/* -------------------- HTML elements -------------------- */

html body div.clear,html body span.clear{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:#996;border-bottom:1px solid #996;}
a:hover{text-decoration:none;color:#900;border-bottom:1px solid #900;}
blockquote{font-style:italic;padding:10px 30px;border-top:1px dashed #999;}
p + p{text-indent:20px;margin-top:-10px;}
form p + p,.meta p+p{text-indent:0;}
img{max-width:90%;margin:5px;}
h1,h2,h3,h4,h5,h6,strong{margin:0 0 10px 0;line-height:2;}
p{margin:0 0 10px 0;}
h1{font-size:20px;font-weight:600;letter-spacing:-1px;}
h2{font-size:18px;font-weight:500;letter-spacing:-1px;}
h3{font-size:16px;font-weight:400;letter-spacing:-1px;}
h4{font-size:14px;font-weight:300;}
h5{font-size:12px;font-weight:200;}
h6{font-size:11px;font-weight:100;}
em{font-family:'Palatino Linotype';font-style:italic;}
strong{;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;color:#000;}
table{margin-bottom:14px;width:90%;}
th{font-weight:600;background:#ddd;}
th,td{padding:0 5px;text-align:left;}
tr.even td{background:#eee;}
tfoot{font-style:italic;}

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

/* -------------------- Header -------------------- */
#header{}
#header h2{padding-left:4%;padding-top:10px;font-size:40px;line-height:1;
font-family:'Bodoni MT','Palatino Linotype';letter-spacing:-2px;}
#header h2 a{color:#cc9;border-bottom:double #ddd;}
#header h2 a:hover{text-decoration:none;}
#header h3{padding-left:4%;color:#ddd;font-size:12px;letter-spacing:0;}
#intro{text-align:right;padding-top:10px;}
.introtext{width:70%;float:right;display:inline;padding-right:2%;font-size:12px;line-height:1.5;
font-style:oblique;}
.feat{font-size:16px;font-style:normal;color:#cc9;line-height:18px;}
.ref{font-style:normal;}

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

#bar1{text-align:right;}
#bar1 ul li a{color:#ddd;border:0;}
#pg{list-style:none;padding:1% 3% 0 0;}
#pg li{display:inline;font-size:12px;}
#pg li a{padding:0px 10px;}
.current_page_item{color:blue;background:gray;}
#content{background:#fff;color:#333;border-top:3px dashed #333;border-bottom:3px dashed #333;}
#content{padding-top:20px;color:#000;}
#main{margin:0,padding:0;overflow:hidden;}


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

.post{margin:10px 0 0 0;padding:10px 10px 0 10px;font-size:13px;}
.orphan{padding-left:100px;}
.post ol{list-style:decimal;font-family:Rockwell;}
.post ul{list-style:square;padding-left:20px;font-family:Rockwell;}
.post img{max-width:90%;margin:5px;padding:5px;border:5px outset #fff;}
.pt h2,.pt h1{padding-left:20px;font-size:22px;line-height:30px;letter-spacing:0;font-weight:400;}
.pt h2 a,.pt h1 a{border:0;}
.pt h2 a:hover,.pt h1 a:hover{}
.meta{padding-top:20px;font-size:9px;text-transform:uppercase;line-height:1.5;}
.meta p{padding-left:10px;}
.meta img{margin:0;padding:0;border:0;}
.text{padding:10px 0;}
.navigation{display:block;font-size:14px;margin:10px 10px;padding:0 10px;}
.text p:first-line{font-variant:small-caps;font-size:15px;}
.text p+p:first-line{font-variant:normal;font-size:14px;}
p .last{text-align:right;}
.social{padding:10px;text-transform:uppercase;text-align:center;}
.social ul li{display:inline;padding:0 10px;font-size:10px;}
.sticky .text{font-style:italic;}
.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:#ddd;color:#900;}
.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;background:#ddd;color:#900;}
.wp-smiley{display:inline;vertical-align:middle;background:none;border:0;}

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

#sidebar{margin-top:10px;overflow:hidden;}
#sidebar a{border:0}
#sidebar ul,
#sidebar ul li,
#sidebar ul li ul,
#sidebar ul li ul li ul,
#sidebar ul li ul li ul li{list-style:none;padding-left:0px;}
#sidebar ul li{}
#sidebar ul li ul li{width:90%;padding-left:5px;border-bottom:double #ddd;list-style:none;border-left:5px solid #cc9;font-size:11px;}
#sidebar ul li ul li a:before{content:'+';margin-right:3px;}
#sidebar ul li ul li:hover{background:#cc9;border-left:5px solid #900;}
#sidebar ul li ul li:hover a{color:#333;}
#sidebar a{color:#666;}
#sidebar h3, #sidebar h2 .widgettitle{color:#555;padding:0 10px;font-family:Rockwell;line-height:1.7;letter-spacing:0;font-weight:500;}
#sidebar select{width:98%;border:1px solid #999;color:#666;font-size:11px;font-weight:200;}
#sidebar option{padding:2px;}
#searchform,.widget-search{background:#eee;padding:5px 0 0 0;border:1px solid #ddd;}
.hidden /* class used by the search widget */{display:none;}
#sidebar .widget-search input #s{padding-left:5px;width:60%;border:1px solid #999;background:#ddd;color:#666;font-family:inherit;}
#sidebar .widget-search input #searchsubmit{width:32%;border:1px solid #999;background:#ddd;color:#666;font-family:inherit;}


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

#bottom{color:#fff;line-height:1.5;background:#333;}
#bottom a{color:#cc9;border:0;}
#bottom h3{color:#cc9;background:#333;padding:0 10px;font-family:Rockwell;line-height:1.7;font-weight:600;letter-spacing:0;}
#bottom ul li ul li{background:#333;width:99%;padding-left:5px;border-bottom:double #555;list-style:none;border-left:5px solid #555;font-size:10px;}
#bottom ul li ul li a:before{content:'+';margin-right:3px;}
#bottom ul li ul li:hover{background:#444;border-left:5px solid #900;color:#ddd;}
#bottom p{background:#333;margin-top:-4px;line-height:1.2;}
#box3 a:hover{}
#box3 a:before{content:'+';margin-right:2px;}
#footer{padding:5px 0;}
#footer a{color:#cc9;border:0;}


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

#com{padding-left:5%;display:block;}
#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;}
.commentmetadata a{color:#996;border:0;}
.commentlist div.alt{color:#333;padding:10px;}
ol.commentlist{list-style:none;margin-left:20px;}
ol.commentlist ul.children{list-style:none;}
.comment-div{display:block;}
.avatar{background:#ccc;float:left;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:#f5f5f5;}
ol.commentlist li.bypostauthor{}
ol.commentlist li.byuser{}
ol.commentlist li.comment-author-admin{}
ol.commentlist li.comment,.pingback{border-top:1px outset #999;padding:0 0 0 10px;}
ol.commentlist li.comment div.vcard{font-weight:600;font-size:13px;}
ol.commentlist li.comment div.vcard cite.fn{font-style:normal;}
ol.commentlist li.comment div.vcard img.avatar{border:3px inset #fff;float:left;margin:5px;}
ol.commentlist li.comment div.comment-meta{font-size:9px;}
ol.commentlist li.comment div.comment-meta a{color:#000;}
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:12px;font-weight:500;margin-bottom:10px;text-align:right;padding:2px 10px;}
ol.commentlist li.comment div.reply a{padding:3px;border:2px outset #fff;}
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:5px;border-right:3px inset #aaa;border-bottom:3px inset #aaa;}
ol.commentlist li.comment ul.children li.depth-3{margin:5px;border-right:3px inset #aaa;border-bottom:3px inset #aaa;}
ol.commentlist li.comment ul.children li.depth-4{margin:5px;border-right:3px inset #aaa;border-bottom:3px inset #aaa;}
ol.commentlist li.comment ul.children li.depth-5{margin:5px;border-right:3px inset #aaa;border-bottom:3px inset #aaa;}
ol.commentlist li.even{border-top:1px solid #ddd;border-right:3px inset #999;border-bottom:3px inset #999;border-left:1px solid #ddd;}
ol.commentlist li.odd{border-top:1px solid #ddd;border-right:3px inset #999;border-bottom:3px inset #999;border-left:1px solid #ddd;}
.says{color:#999;}