/*  

Theme Name: Steampunk World's Fair 2.0
Theme URI: http://www.steampunkworldsfair.org
Description: Theme for the Steampunk World's Fair. Currently under construction.
Version: 2.0
Author: Cidney
Author URI: http://www.cidney.org/

*/  

/* CSS RESET */
body, div, form, ul, li p, h1, h2, h3, h4, h5, h6,img{
margin:0;
padding:0;
border:0;
outline:0;
}

body{
background-image:url('images/bg.gif');
font-family:Georgia, serif;
font-size:14px;
}

ul{
list-style:none;
}

a{
text-decoration:none;
}

/* LAYOUT DIVS */

div.toolbar{
background-color:#161616;
font-family:Georgia, serif;
font-size:14px;
min-width:970px;
width:100%;
color:#cdad8a;
}

ul.toolbar li{
display:inline;
margin:0px 10px 0px 5px;
}

.toolbar a{
color:#cdad8a;
}

#header{
background-image:url('images/header-bg.gif');
width:100%;
min-width:970px;
height:214px;
}

#title{
height:214px;
width:940px;
float:left;
background:url('images/title.gif') no-repeat right bottom;
}

div.navbar{
background:url('images/navbar-bg.gif');
width:100%;
font-family:Arial, sans-serif;
font-size:16px;
color:#b6a188;
min-width:970px;
}

ul.navbar{
margin-left:304px;
overflow:hidden;
width:666px;
}

ul.navbar li{
display:inline;
margin:0px 15px 0px 0px;
}

.navbar a{
color:#b6a188;
}

#logo-bottom{
background:url('images/logo-bottom.gif');
height:136px;
width:396px;
}

#wrapper{
width:970px;
}

#sidebar{
opacity:0.7;
filter:alpha(opacity=70);
background:#ddc9b2;
border:1px solid #b48f65;
color:#351708;
width:265px;
margin:25px;
padding:5px;
float:left;
overflow:hidden;
}

.sidebar-widget{
width:200px;
margin:15px auto 15px auto;
}

.tweets{
font-size:smaller;
}

.tweets li{
margin-bottom:8px;
}

#sidebar-photo{
background:url('images/sidebar-photo.gif');
width:200px;
height:200px;
margin:15px auto 15px auto;
}

#sidebar-content{
background-color:#dcc8b1;
}

#sidebar a{
color:#000;
}

#container{
float:left;
margin:-125px 0px 0px 45px;}

.post{
opacity:0.7;
filter:alpha(opacity=70);
border:1px solid #b48f65;
background:#ddc9b2;
color:#351708;
width:515px;
margin:25px;
padding:10px;
float:left;
text-align:justify;
}

.post img{
margin:5px 5px 5px 5px;
}

.alignright{
float:right;
clear:right;
}

.alignleft{
float:left;
clear:left;
}

.post a{
color:#000;
}

#footer{
background-color:#351708;
width:100%;
min-width:970px;
float:left;
color:#ded3c8;
font-family:Verdana, sans-serif;
font-size:13px;
}

#footer a{
color:#ded3c8;
}

#col1{
float:left;
width:250px;
margin:10px 25px 40px 25px;
}

#col2{
float:left;
width:250px;
margin:10px 25px 40px 25px;
}

#col3{
float:left;
width:300px;
margin:10px 25px 40px 25px;
}

/* DIV CLASSES */

.clear{
	clear:both;
}

/* HEADINGS */

h1{
text-align:center;
font-weight:normal;
margin-bottom:15px;
font-size:28px;
}

h2{
text-align:center;
font-weight:normal;
margin-bottom:15px;
}

h3{
font-weight:normal;
text-align:center;
}

h4{
font-weight:normal;
font-size:large;
}