/*  
Theme Name: Blocked
Theme URI: http://theundersigned.net/
Description: Blockish theme with green, blue and gray colors and dark diagonal striped background. Easy to modify to fit any needs (headerimage, colors etc)
Version: 1.0
Author: The undersigned
Author URI: http://theundersigned.net/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

body {
margin:0 auto 0 auto;
background:url(pic/bg.jpg) repeat-x top center #c1152b;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
line-height:17px;
}

a:link, a:visited {
color:#FFF;
}

a:hover {
text-decoration:none;
}

#bigwrapper {
position:absolute;
width:900px;
left:50%;
margin-left:-450px;
padding:0px 0 40px 0;
}

#header {
background: url(pic/bgTop2.jpg) no-repeat;
position:relative;
width:900px;
height:187px;
margin-top: 20px;
}

#header h1 {
margin:0;
display:block;
color:#FFF;
position:relative;
font-size:40px;
line-height:150px;
width: 400px;
}

#header h1 a:link, #header h1 a:visited {
background: url(pic/logo.gif) no-repeat 20px 10px;
display: block;
width: 520px;
height: 187px;
text-decoration:none;
}

#header h1 a:hover {
color:#EEE;
}

#pages {
z-index:2;
position:absolute;
top:22px;
left:720px;
}

#pages ul {
list-style:none;
margin:0;
padding:0;
}

#pages ul li a:link, #pages ul li a:visited {
line-height: 15px;
display:block;
height:16px;
padding:0px 5px 0px 6px;
width: 150px;
text-decoration:none;
color: #FFF;
/* border-top: 1px solid #AAAAAA; */
font-weight: bold;
text-align: right;
text-transform: uppercase;
}

#pages ul li a:hover {
background: url(pic/bgMenu.gif);
color: #f1f1f1;
}

#pages ul li {
display:block;
position:relative;
}

#pages .current_page_item a:link, #pages .current_page_item a:visited {
background-color:#333333;
color:#FFFFFF;
}

#wrapper {
background: url(pic/bgSkraam.jpg) no-repeat 130px 10px #d58432;
width:896px;
position:relative;
float: left;
border-left:2px solid #4b181e;
border-right:2px solid #4b181e;
}

#maincontent {
width:550px;
min-height:270px;
padding-bottom:20px;
float:left;
position:relative;
color: #000;
}

#maincontent img { border: 1px solid #333333; background: #FFF; padding: 4px; }

.post {
margin:30px 30px 0 30px;
}

.post .postinfo {
position:relative;
font-style:italic;
font-size:10px;
}

.post h2 {
line-height:12px;
font-size:10px;
color:#FFF;
margin:0;
}

.post h3 {
font-family: "Arial Black", Arial, Helvetica, sans-serif;
letter-spacing: -1px;
line-height:25px;
font-size:25px;
color:#000;
text-transform:uppercase;
margin:5px 0 10px 0;
}

.post h3 a:link, .post h3 a:visited {
text-decoration:none;
color:#000;
}

.post h3 a:hover {
color:#333;
}

.thecontent hr { height: 0px; color: #000; border: none; border-top: 1px dashed #000; }

.thecontent h1 {
font-family: Arial, Helvetica, sans-serif;
line-height:18px;
font-size:18px;
color:#000;
padding: 0px;
margin:0px 0px -5px 0px;
}

.thecontent h2 {
line-height:18px;
font-size:18px;
color:#274F79;
margin:20px 0 0px 0;
}

.thecontent h3 {
line-height:16px;
font-size:16px;
color:#274F79;
margin:20px 0 -10px 0;
text-transform:none;
}

.thecontent h4 {
line-height:14px;
font-size:14px;
color:#274F79;
margin:20px 0 -10px 0;
text-transform:none;
}

.thecontent h5 {
line-height:12px;
font-size:12px;
color:#274F79;
margin:20px 0 -10px 0;
text-transform:none;
}

.thecontent blockquote {
font-style:italic;
margin:0 0 0 25px;
padding-left:7px;
border-left:10px solid #465B1E;
}

#sidebar {
position:relative;
float:right;
width:340px;
/* border-left: 1px dotted #FFF; */
}

.block {
width:320px;
position:relative;
margin-bottom:10px;
margin-left: 0px;
padding:0px 0 20px 0;
}

.block div {
margin:0;
padding:0;
}

.block h3 {
margin:0 0px 5px 0px;
}

.block ul {
list-style:none;
margin:0 0px 0 0px;
padding:0;
}

.block ul li a:link, .block ul li a:visited {
background: url(pic/bgMenu.gif);
text-decoration:none;
text-indent:5px;
display:block;
position:relative;
height:20px;
margin-bottom: 2px;
}

.block ul li a:hover {
background: #000;
}

#s {
width:230px;
margin-left:0px;
}

.block .button {
width:50px;
margin-left:20px;
}

.block .dropdown {
width:230px;
margin-left:20px;
}

#bottombar {
width:896px;
position:relative;
float:left;
border:2px solid #4b181e;
border-top: none;
background-image:url(pic/bottombarbg.gif);
}

#bottomright {
width: 340px;
position:relative;
float:right;
}

#bottomright p {
margin:0 20px 20px 20px;
}

#bottomright h3, #bottomleft h3 {
margin:20px 20px 5px 20px;
}

#bottomleft {
width: 550px;
position:relative;
float:left;
}

#bottomleft ul {
list-style:none;
margin:0 20px 20px 20px;
padding:0;
}

#bottomleft ul li a:link, #bottomleft ul li a:visited {
text-decoration:none;
border-bottom:3px solid #FFF;
text-indent:5px;
display:block;
position:relative;
height:20px;
}

#bottomleft ul li a:hover {
border-bottom:3px solid #85B100;
}

#footer {
background: url(pic/bgFooter.jpg) no-repeat;
width:896px;
height:40px;
position:relative;
float:left;
border:2px solid #4b181e;
}

#footer p {
text-align:center;
margin:0;
padding-top:15px;
font-size:10px;
line-height:10px;
}

.commenteven {
position:relative;
background-color:#666666;
border-top:10px solid #333333;
color: #FFF;
margin:0;
}

.commentodd {
position:relative;
background-color:#888888;
margin:0;
color: #FFF;
border-top:10px solid #333333;
}

.commentcontent {
padding:15px 20px 15px 30px;
}

.commentcontent p {
margin:0 0 0 5px 0;
}

.commentcontent blockquote {
font-style:italic;
margin:0 0 0 25px;
padding-left:7px;
border-left:10px solid #465B1E;
}

.commentinfo {
font-size:10px;
}

#comment {
width:470px;
}

#rightbar { float: right; background: url(pic/bgFriends.gif) no-repeat; height: 650px; width: 150px; }

.albumsFirst a { padding: 8px 12px 12px 12px; width: 120px; height: 100px; display: block; float: left; margin-left: 3px; margin-top: 42px; border: none; }
.albumsFirst a:hover { background: #af7846; }
.albums a { padding: 8px 12px 12px 12px; width: 120px; height: 100px; display: block; float: left; margin-left: 3px; border: none; }
.albums a:hover { background: #af7846; }