/*
Theme Name: Panorama
Theme URI: http://themocracy.com/2009/04/panorama-free-wordpress-theme/
Description: 2 column theme, compatible with WP2.8 and threaded-comments - add your own header image - 6 backgrounds, left or right sidebar, link/hover colors, jQuery dropdown page menu, and twitter badge all fully customizable - licenced under the GPL. Language localization supported, DA, AR, DE, FR, IT, NL, ES - please contact us if you would like to contribute a translation.
Version: 1.8
Tags: fixed-width, two-columns, custom-colors, theme-options, threaded-comments
Author: Themocracy
Author URI: http://themocracy.com/
*/


/*  BODY  */

BODY {TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #222; FONT-SIZE: 100.1%; PADDING-TOP: 0px
}
#wrapper {TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 1000px; PADDING-RIGHT: 0px; FONT-SIZE: 78%; PADDING-TOP: 0px
}
#header {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; HEIGHT: 100px; PADDING-TOP: 0px
}
#container {PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 21px; PADDING-TOP: 0px
}
#headerimage {HEIGHT: 120px
}
#topmenu {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 7px
}
#content {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 10px
}
#footer {TEXT-ALIGN: center; PADDING-BOTTOM: 14px; MARGIN: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; CLEAR: both; FONT-SIZE: 90%; PADDING-TOP: 0px
}
#footer-inner {BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BACKGROUND: #f2f2f2; HEIGHT: 50px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid
}
#footer P {PADDING-BOTTOM: 15px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 15px
}
#navigation {PADDING-BOTTOM: 5px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 5px
}
#navigation DIV.fleft {FLOAT: left
}
#navigation DIV.fright {FLOAT: right
}

a {color: #454673; }
a:hover {color: #4B5BAD; }		
	
		
	ol.commentlist li div.reply {
	background:#ddd;
	border:1px solid #aaa;
	padding:2px 10px;
	text-align:center;
	width:55px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
		
	ol.commentlist li div.reply:hover {
	background:#f3f3f3;
	border:1px solid #aaa;
	}


/*  credit  */

#credit {TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 0px }
#credit P {MARGIN: 0px; FONT-SIZE: 85% }
#credit P A {FONT-WEIGHT: 100; TEXT-DECORATION: none; }
#credit P A:hover {FONT-WEIGHT: 100; TEXT-DECORATION: none }



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

P {PADDING-BOTTOM: 0px; MARGIN: 10px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

H1 {PADDING: 0px; MARGIN: 10px 0px; 0px; 0px; }
H2 {PADDING: 0px; MARGIN: 10px 0px; 0px; 0px; }
H3 {PADDING: 0px; MARGIN: 10px 0px; 0px; 0px; }
H4 {PADDING: 0px; MARGIN: 10px 0px; 0px; 0px; }
H5 {PADDING: 0px; MARGIN: 10px 0px; 0px; 0px; }
H6 {PADDING: 0px; MARGIN: 10px 0px; 0px; 0px; }

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


H1 {FONT-SIZE: 250%}
H2 {FONT-SIZE: 160%}
H3 {FONT-SIZE: 120%}
H4 {FONT-SIZE: 110%}
H5 {FONT-SIZE: 100%}
H6 {FONT-SIZE: 100%}

A {FONT-WEIGHT: 800; TEXT-DECORATION: none}
A:hover {TEXT-DECORATION: underline}
A IMG {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px}

HR {BORDER-BOTTOM: #ccc 1px solid; MARGIN: 5px 0px; HEIGHT: 2px; BORDER-TOP: #ccc 1px solid}
BLOCKQUOTE {PADDING-BOTTOM: 5px; MARGIN: 3px 30px; PADDING-LEFT: 35px; PADDING-RIGHT: 35px; BACKGROUND: url(quotes.gif) #f4f4f4 no-repeat left top; PADDING-TOP: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FIELDSET {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 10px}
LEGEND {FONT-WEIGHT: 800}
CODE {FONT-FAMILY: "Courier New", Courier, monospace; FONT-SIZE: 95%}
TD {VERTICAL-ALIGN: top}

.aligncenter {DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto}
DIV.aligncenter {DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto}
.alignleft {MARGIN: 0px 10px 0px 0px; FLOAT: left}
.alignright {MARGIN: 0px 0px 0px 10px; FLOAT: right}

.wp-caption {BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ddd 1px solid; BACKGROUND-COLOR: #f3f3f3; MARGIN: 5px 10px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
.wp-caption IMG {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 3px 4px 5px; margin: 0;
}


// .wp-caption P.wp-caption-text {PADDING-BOTTOM: 5px; LINE-HEIGHT: 17px; MARGIN: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT-SIZE: 11px; PADDING-TOP: 0px}


/* Tabs  */

.horizmenu {LINE-HEIGHT: 16px; WIDTH: 100%; BACKGROUND: #ccc; FLOAT: left; FONT-SIZE: 95%}
.horizmenu A {FONT-WEIGHT: 100}
.horizmenu UL {	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.horizmenu UL LI {POSITION: relative; DISPLAY: inline; FLOAT: left}
.horizmenu UL LI A {PADDING-BOTTOM: 8px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; DISPLAY: block; BACKGROUND: #ccc; COLOR: #999; BORDER-RIGHT: #fff 1px solid; TEXT-DECORATION: none; PADDING-TOP: 8px}
* HTML .horizmenu UL LI A {DISPLAY: inline-block}
.horizmenu UL LI A:link {COLOR: #222}
.horizmenu UL LI A:visited {COLOR: #222}
.horizmenu UL LI A:hover {BACKGROUND: #999; COLOR: white}
.horizmenu UL LI A:hover {TEXT-DECORATION: none}
.horizmenu UL LI UL LI A:hover {TEXT-DECORATION: none}
.horizmenu UL LI.current_page_item A {BACKGROUND: #a9a9a9; COLOR: black}
.horizmenu UL LI.current_page_item UL LI A {BACKGROUND: #a9a9a9; COLOR: black}
.horizmenu UL LI UL {POSITION: absolute; DISPLAY: block; VISIBILITY: hidden; LEFT: 0px}
.horizmenu UL LI UL LI {DISPLAY: list-item; FLOAT: none}
.horizmenu UL LI UL LI UL {TOP: 0px}
.horizmenu UL LI UL LI A {BORDER-BOTTOM: #f2f2f2 1px solid; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 8px; WIDTH: 150px; PADDING-RIGHT: 8px; PADDING-TOP: 5px}
.horizmenu UL LI UL LI A:hover {BACKGROUND: #999; COLOR: white}
.downarrow {POSITION: absolute; TOP: 12px; RIGHT: 7px}
.rightarrow {POSITION: absolute; TOP: 9px; RIGHT: 5px}


/* Headings */ 

#surheader {TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 14px; COLOR: white; PADDING-TOP: 0px}
#surheader P {MARGIN: 4px 0px}
#surheader A {COLOR: white; FONT-WEIGHT: 100}
#surheader A IMG {TEXT-DECORATION: none}


FORM#searchform2 {MARGIN: 35px 14px 0px 5px; DISPLAY: block; FLOAT: right}

#header H3 {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
#header H3 A {LINE-HEIGHT: 28px; COLOR: #fff; FONT-SIZE: 260%; FONT-WEIGHT: 100; TEXT-DECORATION: none}
#header H3 A:hover {COLOR: #fff; TEXT-DECORATION: none}

#header H2 {PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; FONT-FAMILY: arial, verdana, sans-serif; LETTER-SPACING: 1px; COLOR: #ccc; FONT-SIZE: 100%; FONT-WEIGHT: 800; PADDING-TOP: 10px}
H2#sectiontitle {PADDING-BOTTOM: 6px; MARGIN: 1px 5px 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 6px; BACKGROUND: #f5f5f5; COLOR: #444; FONT-SIZE: 140%; FONT-WEIGHT: 100; PADDING-TOP: 6px}


/* post styles */

.post A {FONT-WEIGHT: 800; TEXT-DECORATION: underline}

.post {PADDING-BOTTOM: 30px; MARGIN: 0px 15px 18px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(dots.gif) #fff repeat-x left bottom; PADDING-TOP: 10px}
.entry {PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px}

.post h1 {COLOR: #369; font-size: 250%; font-weight:800; Padding: 0 0 20px 0px;
margin: 10px 0 15px 0;
background: #fff url("dots.gif") bottom left repeat-x;
}



.post h1 a{COLOR: #369; text-decoration:none;}
.post h1 a:hover{COLOR: #369; text-decoration:none;
}

.post H2 {PADDING: 10px 0px 5px 0px; MARGIN: 5px 0px; BACKGROUND: url(dots.gif) #fff repeat-x left bottom; COLOR: #36a; FONT-SIZE: 165%; FONT-WEIGHT: 400; }
.post H2 A {COLOR: #33a; TEXT-DECORATION: none}
.post H2 A:hover {COLOR: #33a; TEXT-DECORATION: none}

.post h3 {
color: #333;
font-size: 120%; font-weight:800; Padding: 0 0 5px 0px; margin: 20px 0 5px 0; background: #fff url("dots.gif") bottom left repeat-x;
}



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

.post H4 {PADDING: 10px 0px 5px 0px; MARGIN: 5px 0px; }
.post H5 {PADDING:  0px 0px 0px 0px; MARGIN: 5px 0px 2px 0px ; }

.post H6 {PADDING:  0px 0px 0px 0px; MARGIN: 3px 0px 0px 20px ; }

.postmetadata {BORDER-LEFT: #eee 3px solid; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 8px; BACKGROUND: #f5f5f5; FONT-SIZE: 90%; BORDER-RIGHT: #eee 3px solid; PADDING-TOP: 1px}
.postmetadata P {PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; MARGIN: 2px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.authormeta {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 90%; PADDING-TOP: 0px}
.commentsmeta {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: right; FONT-SIZE: 90%; PADDING-TOP: 0px}


/*  sidebar styles  */

.menu {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 95%; PADDING-TOP: 0px}
.menu A {FONT-WEIGHT: 100}
.menu A:hover {TEXT-DECORATION: none}
.menu UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.menu UL LI.widget {PADDING-BOTTOM: 2px; MARGIN: 0px 0px 10px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px}
.menu UL LI.widget UL {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.menu UL LI.widget UL LI {PADDING-BOTTOM: 3px; MARGIN: 1px 0px 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(bullet.gif) #f2f2f2 no-repeat 4px 8px; PADDING-TOP: 3px}
.menu UL LI.widget H2 {BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 2px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px; BACKGROUND: #e5e5e5; COLOR: #444; FONT-SIZE: 140%; FONT-WEIGHT: 100; PADDING-TOP: 4px; FONT-WEIGHT: 800}
.menu UL LI.widget H3 {BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 2px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px; BACKGROUND: #e5e5e5; COLOR: #444; FONT-SIZE: 140%; FONT-WEIGHT: 100; PADDING-TOP: 4px}
.menu UL LI H3 A {COLOR: #333; FONT-WEIGHT: 800}
.menu UL LI H3 A:hover {COLOR: #333; TEXT-DECORATION: none}
.menu FORM {PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; DISPLAY: block; PADDING-TOP: 4px}
.menu INPUT {MARGIN: 3px 0px; FONT-SIZE: 90%}

LI.widget #search {PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; PADDING-TOP: 2px}
LI.widget #tags {PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; PADDING-TOP: 2px}

/*  search  */

#search {BORDER-BOTTOM: #b3b3b3 1px solid; BORDER-LEFT: #b3b3b3 1px solid; PADDING-BOTTOM: 0px; MARGIN: 30px 15px 0px 0px; PADDING-LEFT: 0px; WIDTH: 234px; PADDING-RIGHT: 5px; BACKGROUND: #555; FLOAT: right; HEIGHT: 22px; BORDER-TOP: #b3b3b3 1px solid; BORDER-RIGHT: #b3b3b3 1px solid; PADDING-TOP: 0px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
* HTML #search {MARGIN-RIGHT: 8px}

#search INPUT {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 2px 0px 0px; PADDING-LEFT: 10px; WIDTH: 198px; PADDING-RIGHT: 2px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; FONT-SIZE: 105%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 1px}
#search .searchsubmit {PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px 5px; PADDING-LEFT: 0px; WIDTH: auto; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
#footer A {FONT-WEIGHT: 100;  }