/*
Theme Name: GSJ-2010-2
Author: Kate Mrozowski
*/


/* Begin Typography & Colors */

body {
background-image:url(images/BACK.jpg); 
background-position:center top; 
background-repeat:no-repeat; 
background-color:#FFC;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
text-align:center;
}

#wrapper{
margin-left:auto;
margin-right:auto;
width:775px;
}

#content{
background-image:url(images/content-bg.png);
background-repeat:repeat-y;
width:775px;
float:left;
margin-top:350px;
padding-bottom:20px;
text-align:left;
}

#navigationbar{
border-top:2px solid #F60;
border-bottom:2px solid #F60;
background-color:#FC6;
width:757px;
margin-left:7px;
text-align:left;
}

#navigationbar a{
text-transform:uppercase;
text-decoration:none;
color:#F30;
}

#navigationbar ul{
list-style:none;
text-indent:-20px;
}

#navigationbar li {
display:inline;
font-size:14px;
padding-right:10px;
}

#navigationbar img{
border:none;
}

#main {
width:450px;
float:left;
position:relative;
padding:20px;
text-align:left;
}

.post_content{
padding:10px;
}

.post_content a{
color:#363;
}

.post_content a:hover{
color:#F30;
}

.post_content img{
border:0px;
}

.post_title{
background-color:#300;
padding:5px 10px 5px 20px;
margin:10px 0px 0px -20px;
}

.post_title a{
font-size:18px;
color:#FFC;
text-decoration:none;
}

.post_tag {
background:#FF9;
font-size:10px;
color:#F93;
padding:10px;
}

.post_tag a{
color:#F93;
}

#comments a{
color:#363;
}

#comments a:hover{
color:#F30;
}

#sidebar {
width:250px;
float:left;
position:relative;
padding:20px 0px 10px 10px;
margin:10px 0px 10px 0px;
}

#sidebar img{
border:0px;
}

.mailinglist{
text-transform:uppercase;
color:#300;
}

#footer {
position:relative;
clear:both;
margin-left:-1px;
background-image:url(images/footer-bg.png);
background-repeat:repeat-y;
width:750px;
padding-left:20px;
font-size:10px;
color:#FFC;
text-align:left;
}

#footer ul{
list-style:none;
text-indent:-30px;
}

#footer li{
display:inline;
padding:0px 5px;
}

#footer a{
color:#F30;
text-decoration:none;
}

#footer a:hover{
color:#360;
}

.border-box{
border-top:2px solid #F60;
border-bottom:2px solid #F60;
width:758px;
margin-left:-13px;
}