/*

Theme Name: iCharm

Theme URI: http://www.toptut.com

Description: 2 Columns theme ready for widgets, designed exclusively for <a href="http://www.toptut.com">Top Tutorials Blog</a>. Coding partly based on headsetoptions.org's Earthling Theme. 

Author: Lorelei

Author URI: http://www.toptut.com

*/





body {

background:#211500;

text-align:justify;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#d8b977;

margin:0;

padding:0;

}



h1,h2,h3,h4,h5,h6 {

font-family:Georgia, "Times New Roman", Times, serif;

color:#6a4e0c;

margin:5px;

padding:10px;

}



h2 {

border:1px dotted #3f2e10;

text-transform:lowercase;

letter-spacing:1px;

text-align:center;

background:#2f1e01;

font-size:16px;

margin:10px;

padding:10px;

}



h3 {

text-transform:none;

letter-spacing:1px;

font-size:18px;

margin:0 0 20px;

padding:0 0 10px;

}



p,ol,ul {

line-height:125%;

}



ul {

padding-left:0;

list-style:none;

margin:20px;

}



ul li {

background:#221500;

border:1px dotted #453413;

padding:3px;

}



ul li:hover {

background:#35260b;

border:1px dotted #564319;

padding:3px;

}



ul li.first {

background:none;

}



a {

color:#ffefcf;

text-decoration:none;

border-bottom:1px dotted #aa8841;

}



a:hover {

color:#907231;

text-decoration:none;

border-bottom:1px dotted #aa8841;

}



strong {

color:#8b7139;

}



.indent {

margin-top:0;

margin-left:130px;

}



.image {

float:left;

margin:0;

}



#wrapper {

background:none repeat-x;

}



#header {

width:830px;

height:310px;

margin:0 auto;

}



#header * {

text-transform:uppercase;

color:#e8d8b7;

}



#header h1 {

float:left;

letter-spacing:-1px;

font-size:15px;

padding:198px 30px 0;

}



#header h2 a {

text-decoration:none;

}



#header ul {

float:right;

list-style:none;

font-weight:700;

margin:0;

padding:167px 0 0;

}



#header li {

display:inline;

}



#header li a {

display:block;

float:left;

border-left:1px solid #fff;

padding:0 15px;

}



#content {

width:830px;

margin:0 auto;

}



#colOne {

float:left;

width:470px;

border-left:3px double #433313;

margin:7px;

padding:7px;

}



.commentby {

background:none no-repeat;

padding:0 0 0 20px;

}



.postedby {

background:none no-repeat;

padding:0 0 0 20px;

}



#content .info span.page {

background:none 0 50% no-repeat;

background-color:#2b3c40;

}



#content .info span.cat {

background:none 0 50% no-repeat;

background-color:#2b3c40;

}



#colOne img {

border:1px solid #827143;

float:left;

margin:5px;

padding:5px;

}







#colThree {

float:right;

width:300px;

background-color:#211500;

border-right:3px double #433313;

padding:0 1px;

}



#footer {

clear:both;

width:830px;

text-align:center;

background-color:#211500;

font-size:11px;

margin:20px auto;

padding:20px;

}



#footer p {

text-transform:lowercase;

border:1px dotted #392c15;

margin:0;

padding:0;

}



#commentform textarea {

width:250px;

}



blockquote {

border:1px solid #392c15;

color:#827143;

margin:10px;

padding:10px;

}



a img,#header li.first a {

border:none;

}