/*
Theme Name: Panorama
Theme URI: http://themocracy.com/2009/04/panorama-free-wordpress-theme/
Description: 2 column theme, with right sidebar, compatible with WP2.7 and threaded-comments - add your own header image - link/hover colors, page menu, and twitter badge all fully customizable. Localization supported, please contact us if you would like to contribute a translation.
Version: 1.2
Tags: fixed-width, two-columns, custom-colors, theme-options, threaded-comments
Author: Themocracy
Author URI: http://themocracy.com/
*/


body {
margin: 0;
padding: 0;  
color: #222;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
background: #555;

}


#wrapper{
width: 1000px;
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 78%;
line-height:20px;
background: #fff url("images/wrapperbg.jpg") top center repeat-y;
}


#header{
height: 100px;
padding: 0px;
margin: 0;
background: #555 url("images/headerbg.jpg") bottom center no-repeat;
}	


#container{
padding: 0 21px 0 20px;
}



#headerimage{
height:120px;
}



#topmenu{
margin:0;
padding:7px 0 0 0;
}

#content{
clear:both;
margin: 0px;
padding: 10px 0 0 0;
}	

#main {
width: 685px; 
float:left;
margin: 0;
padding: 0px;
overflow:hidden;
}


#sidebar {
padding: 0;
margin: 0 0 0 695px;
}



#footer1 {
clear: both;
margin: 0 0 0 0;
padding: 0px 20px 14px 20px;
text-align: center;
font-size: 90%;
height: 12px;
background:  url("images/footerbg.jpg") bottom center no-repeat;
}


#footer-inner1{
background: #f2f2f2;
height: 50px;
}

#footer1 p{
margin:0;
padding:15px 0;
}

#navigation{
padding: 5px 15px;

}

#navigation div.fleft{
float:left;
}

#navigation div.fright{ 
float:right;
}


/*  ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin: 10px 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: tahoma, arial, helvetica, sans-serif;
color:#555
}

h1{
font-size: 190%;
}
h2{
font-size: 160%;
}
h3{
font-size: 120%;
}
h4{
font-size: 110%;
}
h5{
font-size: 100%;
}
h6{
font-size: 70%;
}


a{
font-weight:800;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

a img{
border:0px;
}

hr{
height:2px;
margin:5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}


blockquote{
padding: 10px 35px 5px 35px;
margin: 3px 30px;
background: #f4f4f4  url("images/quotes.gif") top left no-repeat;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


form{
margin: 0;
padding:0;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

code{
font-size: 95%;
font-family: "Courier New", Courier, monospace;
white-space: pre;
}

td{
vertical-align:top;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin: 0 10px 0 0;
}

.alignright {
float: right;
margin: 0 0 0 10px;
}


.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 5px 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}



#topnav{
font: normal 12px verdana, sans-serif;
background: #ccc;
width: 100%;
}

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


#topnav ul li{
position: relative;
display: inline;
float: left;
}


#topnav ul li a{
display: block;
background: #ccc; 
color: #222;
padding: 8px 10px;
border-right: 2px solid white;
color: #999;
text-decoration: none;
font-weight:100;
}


#topnav ul li a:link, #topnav ul li a:visited{
color: #222;
}

#topnav ul li a:hover, #topnav ul li.current_page_item a{
background: #999;
color: white;
text-decoration:none;
}

/* Headings */ 


#surheader{
color:white;
text-align:right;
padding: 0 14px 0 0;
}

#surheader p{
margin: 4px 0;
}

#surheader a{
color:white;
font-weight:100;
}


#header h3{
margin:  0;
padding: 0 0 0 20px;
}

#header h3 a{
font-weight:100;
color: #fff;
text-decoration: none;
font-size: 260%;
line-height:28px;
}

#header h3 a:hover{
color: #fff;
text-decoration: none;
}

#header h2{
margin: 0;
padding: 10px 0 5px 20px;
font-weight:800;
font-family:  arial, verdana, sans-serif;
color: #ccc;
font-size: 100%;
letter-spacing: 1px;
}

h2#sectiontitle{
font-size:140%;
font-weight: 100;
padding: 6px 6px 6px 10px;
margin: 1px 5px 10px 5px;
background: #f5f5f5;
color: #444;
}

/* post styles */

.post{
margin: 0px 15px 18px 15px;
padding: 10px 0px;
background: #fff url("images/dots.gif") bottom left repeat-x;
}

.entry_top {
color: #444;
text-align: right;
margin: 0px 0px -50px 0px;
padding: 50px 0px 0px 0px;
font-size: 80%;

}
.permalink {
background: #fff url("images/dots.gif") bottom left repeat-x;
padding: 0px 0px 5px 0px;
}
.entry{
margin: 0;
padding: 0px 10px 3px 10px;
}

.entry h2 {
color: #333;
font-size: 165%;
font-weight:100;
padding: 0 0 5px 5px;
margin: 5px 0 15px 0;
background: #fff url("images/dots.gif") bottom left repeat-x;
}


.entry h2 a{
color: #333;
text-decoration:none;
font-weight:100;
}

.entry h2 a:hover{
text-decoration:none;
color: #333;
}

.postmetadata{
font-size:90%;
padding: 1px 8px 1px 5px;
margin: 0;
background: #f5f5f5;
border-left: 3px solid #eee;
border-right: 3px solid #eee;
}

.postmetadata p{
line-height: 18px;
padding: 0;
margin: 2px 0;
}





/*  sidebar styles */


.menu{
padding:0;
font-size:95%;
}

.menu a{
font-weight: 100;
}

.menu a:hover{
text-decoration:none;
}

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

.menu ul li.widget{
padding: 2px;
margin:0 0 10px 0;
}

.menu ul li.widget ul{
margin: 0;
padding:0;
}

.menu ul li.widget ul li{
padding: 3px 0 3px 20px;
margin:1px 0 0 0;
display:block;
background: #f2f2f2 url("images/bullet.gif") no-repeat 4px 8px;
}

.menu ul li.widget h3{
font-size:140%;
padding:4px 0 4px 7px;
margin: 0 0 2px 0;
color: #444;
font-weight: 100;
background: #e5e5e5;
border-bottom:1px solid #ccc;
}

.menu ul li h3 a{
color: #333;
font-weight: 800;
}
.menu ul li h3 a:hover{
color: #333;
text-decoration: none;
}

.menu form{
display:block;
margin:0px;
padding:4px;
}

.menu input{
margin:3px 0;
font-size:90%;
}

li.widget #search, li.widget #tags {
display:block;
padding: 2px 5px;
}



#footer1 a{
font-weight: 100;
}