/*  
Theme Name: Pravda/CSS Tinderbox 
Theme URI: http://www.cstinderbox.com
Description: A newspaper theme based on Soviet-era Pravda for the CSS Tonderbox
Version: 1.0 (July 2008)
Author: Raymond Krause @ Rayk Design
Author URI: http://www.csstinderbox.com
*/


/*
*********************** general styles */
body {
margin:0 0 0 0;
padding:0;
background-color:#ffffff;
color:#2b353e;
font-size:13px;
/* font-family:"KyrillaSansSerif-Black",Arial, Helvetica, sans-serif; */
 font-family:Arial, Helvetica, sans-serif;
}

#forIE6 {
display:none;
}

a:link, a:visited {
color:#AB3333;
text-decoration:none;
}

a:hover, a:active {
color:#ffffff;
text-decoration:none;
background-color:#AB3333;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

img {
border:none;
}

ul {
list-style-type:none;
}

li {
list-style-type:none;
}

pre {
font-family:"Courier New", Courier, monospace;
display:inline;
}

.righty {
float:right;
margin:0 0 0 6px;
padding:0;
}

.lefty {
float:left;
margin:0 6px 0 0;
padding:0;
}

blockquote {
margin:10px 0;
padding:10px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:italic;
border-top:1px solid #E0DED2;
border-bottom:1px solid #E0DED2;
}

div.hr {
margin:8px 0 8px 0;
height:13px;
background-image:url(img/three-star-line.jpg);
background-repeat:no-repeat;
background-position:center;
}

div.hr hr {
display:none;
}


.dinky {
letter-spacing:.1em;
color:#454545;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.codi {
color:#777463;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:12px;
background-color:#f2f1e6;
}

.codeExample {
width:90%;
padding:10px 5px 15px 5px;
background-color:#f2f1e6;
background-image:url(img/code-box-border-b.jpg);
background-position:bottom;
background-repeat:repeat-x;
border-top:1px solid #E0DED2;
/* border-bottom:1px solid #E0DED2; */
color:#777463;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:12px;
line-height:16px;
}





/*
*********************** template specific */
#mainWrapper {
margin:0 auto;
padding-bottom:20px;
width:1103px;
height:1685px;
background-image:url(img/body-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#header {
margin:-5px 0 0 114px;
padding:0;
width:870px;
}

#headerOne {
margin:0 0 0 0;
padding:180px 0 15px 0;
float:left;
width:620px;
}

#headerTwo {
margin:10px 0 0 10px;
padding:0 0 0 10px;
float:left;
width:215px;
border-left:1px solid #737b7d;
}

#centerColumnWide {
margin:0 0 0 114px;
padding:0 0 0 0;
width:870px;
}

#centerColumnWide h1, #header h1 {
margin:0 0 0 0;
padding:0;
/* font-family:"KyrillaSansSerif-Black",Arial, Helvetica, sans-serif; */
 font-family:Arial, Helvetica, sans-serif;
font-size:50px;
font-weight:normal;
letter-spacing:-.1em;
}

#centerColumnWide h2, #header h2 {
margin:0 0 5px 0;
padding:0;
/* font-family:"KyrillaSansSerif-Black",Arial, Helvetica, sans-serif; */
 font-family:Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:normal;
}

#centerColumnWide h3 {
margin:5px 0 5px 0;
padding:0;
/* font-family:"KyrillaSansSerif-Black",Arial, Helvetica, sans-serif; */
 font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
}

#centerColumnWide p, #header p {
margin:0 0 10px 0;
line-height:18px;
}

#centerColumn a:link, #centerColumnWide a:link, #centerColumn a:visited, #centerColumnWide a:visited {
text-decoration:underline;
}

#centerColumn a:hover, #centerColumnWide a:hover, #centerColumn a:active, #centerColumnWide a:active {
text-decoration:none;
}

#centerColumn .nameDate, #centerColumnWide .nameDate, #centerColumn .feedback, #centerColumnWide .feedback, #centerColumn .pageLinks, #centerColumnWide .pageLinks {
text-align:left;
letter-spacing:.1em;
color:#454545;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#centerColumnWide ul {
list-style-type:disc;
margin:0 0 0 20px;
padding:0;
}

#centerColumnWide ul li {
list-style-type:disc;
margin:0 0 10px 0;
padding:0;
}

#centerColumnWide ul li ul {
margin:0;
padding:0;
}

#centerColumnWide ul li ul li {
list-style-type:circle;
margin:0;
padding:0;
}


.portfolioColumnOne {
float:left;
margin:0 5px 15px 5px;
padding:0 5px 0 5px;
width:265px;
text-align:left;
border-left:1px solid #737b7d;
}

.portfolioColumnTwo {
float:left;
clear:both;
margin:10px 5px 20px 5px;
padding:5px 5px 0 5px;
width:100%
text-align:left;
border-top:1px solid #737b7d;
}


#portfolioWrap h2, #articleWrap h2 {
margin:0 0 10px 0;
font-size:20px;
font-weight:bold;
text-align:left;
}

.thumb {
float:left;
margin:0 4px 10px 4px;
padding:0;
width:100%;
}

.thumbSkull {
float:left;
margin:0 4px 10px 4px;
padding:0;
width:154px;
}

.thumbSkull img {
border:1px solid #E0DED2;
margin-top:8px;
}

#portfolioWrap h4 {
margin:4px 0 0 0;
font-size:16px;
font-weight:bold;
}

#portfolioWrap p {
line-height:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#454545;
}

#portfolioWrap p.nothingSpecial {
line-height:17px;
/* font-family:"KyrillaSansSerif-Black",Arial, Helvetica, sans-serif; */
 font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}

#footer {
clear:both;
margin:0;
padding:20px 0 20px 0;
width:100%;
background-color:#252525;
}

#footerBlock {
margin:0 auto;
/* background-image:url(img/footer-bg2.jpg);
background-repeat:no-repeat;
background-position:center; */
width:900px;
text-align:center;
}

.footClub {
float:left;
margin:0 5px 45px 5px;
padding:0;
width:290px;
text-align:left;
}

.footClub img.fTitle {
margin-bottom:10px;
}

.footClub ul {
list-style-type:none;
margin:0;
padding:0;
}

.footClub ul li {
list-style-type:none;
margin:0 0 5px 0;
padding:0 0 0 14px;
background-image:url(img/rss-icon.png);
background-position:0 0;
background-repeat:no-repeat;
font-size:11px;
}

#footerBlock p {
margin:0;
/* font-family:"KyrillaSansSerif-Black",Arial, Helvetica, sans-serif; */
 font-family:Arial, Helvetica, sans-serif;
color:#494847;
font-size:10px;
letter-spacing:.1em;
}

#footerBlock a:link, #footerBlock a:visited {
color:#999999;
text-decoration:none;
}

#footerBlock a:hover, #footerBlock a:active {
color:#FCFBF3;
text-decoration:none;
background-color:transparent;
}











.wtf {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:14px;
}

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */