/*
Theme Name: Panorama
Theme URI: http://themocracy.com/2009/04/panorama-free-wordpress-theme/
Description: 2 column theme, with right sidebar, compatible with WP2.8 and threaded-comments - add your own header image - link/hover colors, jQuery dropdown page menu, and twitter badge all fully customizable. Language localization supported, AR, DE, FR, IT, NL - please contact us if you would like to contribute a translation.
Version: 1.7
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: Arial, Helvetica, sans-serif;
font-size: 100.1%;
background: #CCDAE5 url("images/content_bg.gif") repeat;
background-attachment: fixed;

}


#wrapper{
width: 1000px;
/*border: 1px solid #668EB2;*/
margin: 10px auto;
padding: 0px;
text-align:left;
font-size: 78%;
line-height:20px;
background: #CCDAE5 url("images/wrapperbg.jpg") top center repeat-y;
 /* optional rounded corners for browsers that support it 
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;*/
}


#header{
height: 100px;
padding: 0px;
margin: 10px 0 0 0;
background: #668EB2 url("images/vtopbg.gif") top center no-repeat;
}	

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

#hit{
margin: 8px 0 0 0;
background: url("images/headerbg.jpg") bottom center no-repeat;
}



#headerimage{  height:149px;
 /* optional rounded corners for browsers that support it 
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;*/

}



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


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


#footer-inner{
background: #f2f2f2;
height: 50px;
border: 1px solid #ddd;
 /* optional rounded corners for browsers that support it 
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;*/
}


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

#navigation{
padding: 5px 15px;

}

#navigation div.fleft{
float:left;
}

#navigation div.fright{ 
float:right;
}


#credit{
text-align:right;
margin: 0 0 0px 0px;
padding: 0 15px;
background: #668EB2 url("images/vbotbg.gif") bottom center no-repeat;
}

#credit p{
margin:0;
color:#777;
font-size:85%;
}

#credit p a, #credit p a:hover{
color:#999;
font-weight:100;
}

/*  ********** 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;
}

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{
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;
border: #444 1px solid;
background: #f4f4f4  url("images/quotes.gif") top left no-repeat;
/* optional rounded corners for browsers that support it
-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;
}

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

.right {
   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;
}

/* Tabs  */

.horizmenu{
width: 100%;
line-height:16px;
background: #e5e5e5;
float:left;
font-size:95%;
 /* optional rounded corners for browsers that support it 
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;*/
}
.horizmenu a{
font-weight: 100;
 /* optional rounded corners for browsers that support it 
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;*/
}


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

.horizmenu ul li{
position: relative;
display: inline;
float: left;
}

.horizmenu ul li a{
display: block;
background: #ccc; 
padding: 5px 10px;
border-right: 1px solid #fff;
color: #999;
text-decoration: none;
}

* html .horizmenu ul li a{ 
display: inline-block;

}

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

.horizmenu ul li a:hover{
background: #999; 
color: white;
}

.horizmenu ul li a:hover, .horizmenu ul li ul li a:hover{
 text-decoration:none;
}

.horizmenu ul li.current_page_item a, .horizmenu ul li.current_page_item ul li a{
color:black;
background: #a9a9a9;
}

.horizmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

.horizmenu ul li ul li{
display: list-item;
float: none;
}

.horizmenu ul li ul li ul{
top: 0;
}

.horizmenu ul li ul li a{
width: 150px; 
padding: 5px 8px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #F2F2F2;
}

.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{
color:white;
text-align:right;
padding: 10px 14px 0 0;

}

#surheader p{
margin: 0px 0 0 0;

}

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

form#searchform2{
display: block;
float:right;
margin: 35px 14px 0px 5px;
}

#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;
color: #444;
}

/* post styles */

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

.entry{
margin: 0;
padding: 0px 10px 3px 10px;
}

.post h2 {
color: #333;
font-size: 165%;
font-weight:100;
padding: 0 0 5px 5px;
margin: 5px 0 5px 5px;
background: #fff;
}


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

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

.postmetadata{
font-size:90%;
padding: 0 0 5px 10px;
margin: 0;

}

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

.authormeta{
font-size:90%;
padding: 0 0 10px 0px;
margin: 0;
background: url("images/underline1.jpg") bottom left no-repeat;
}

.commentsmeta{
float:right;
font-size:90%;
padding: 0px;
margin: 0;
}

/* Comments > WordPress 2.6 */

ol.commentlist {
list-style:none;
margin:0;
padding:0; 
text-indent:0;
}

ol.commentlist li { 
border:1px solid #d3d3d3;
/* optional rounded corners for browsers that support it
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;*/
height:1%; 
margin:0 0 10px;
padding:5px 7px 5px 57px;
position:relative;
}

ol.commentlist li div.comment-author {
padding:0 160px 0 0;
}

ol.commentlist li div.vcard {
font:800 12px/1.9  verdana, arial, helvetica, sans-serif;
}

ol.commentlist li div.vcard cite.fn {
font-style:normal;
}

ol.commentlist li div.vcard cite.fn a.url {
text-decoration:none;
}

ol.commentlist li div.vcard img.avatar { 
border:2px solid #eee; 
top:7px;
left:7px; 
position:absolute;
}

ol.commentlist li div.comment-meta {
font:100 11px/1.9 verdana, arial, helvetica, sans-serif;
position:absolute;
top:5px;
right:10px;
text-align:right;
}

ol.commentlist li div.comment-meta a {
color:#333;
text-decoration:none;
}

ol.commentlist li p {
font:normal 12px/1.5 verdana, arial, helvetica, sans-serif;
margin:0 0 1em;
}
ol.commentlist li ul {
font:normal 12px/1.4  verdana, arial, helvetica, sans-serif;
list-style:square;
margin:0 0 1em;
padding:0;
text-indent:0;
}

ol.commentlist li div.reply {
color:#374C76;
font:bold 12px/1.4 verdana, arial, helvetica, sans-serif;
}

ol.commentlist li div.reply:hover {
color: black;
}

ol.commentlist li div.reply a {
text-decoration:none; 
}

ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
  
ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4 {
margin:0 0 .25em;
}

ol.commentlist li.even {
background:#fff;
}
ol.commentlist li.odd {
background:#f3f3f3;
}

ol.commentlist li.pingback div.vcard {
padding:0 160px 0 0;
}

#respond h3, h3#comments, h3#postcomment{
font-size: 105%;
font-family: verdana, arial, helvetica, sans-serif;
margin: 10px 0;
}

.replysubmit{
background:#ddd;
border:1px solid #aaa;
padding:2px 10px;
text-align:center;
/* optional rounded corners for browsers that support it
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;*/
}

/*  Legacy Comments < WordPress 2.7  */

ol#lcommentlist{
padding: 0 0 0 20px;
font-size: 90%;
list-style-type: none;
}

ol#lcommentlist li{
padding: 0px 3px;
margin: 0;
}

ol#lcommentlist li p.commentheader{
margin: 0px 0 0px 0;
display: block;
padding: 1px 5px;
}


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

ul#lcommentlist li{
display: block;
padding: 0;
margin: 0 15px 5px 15px;
font-size:90%;
background: #f2f2f2;
}

ul#lcommentlist p{
margin: 6px 0;
}

ul#lcommentlist li div.comm{
margin: 1px;
padding: 1px;
}

ul#lcommentlist li div.gravatar {
	width:50px;
	float:left;
	padding: 10px 0 0 10px;
}

ul#lcommentlist li div.gravatar img{
border: 2px solid #ccc;
}

ul#lcommentlist li div.commenttext{
padding: 0;
margin:5px 10px 5px 65px;
}

ul#lcommentlist li div.commenttext div.commentwrapper{
margin:0 0 0 5px;
padding: 3px 8px;
}



/*  sidebar styles */


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

.menu a{
color:#333;
font-weight: 100;
}

.menu a:hover{
color:#333;
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.png") 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;
 /* optional rounded corners for browsers that support it 
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;*/
}

.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;
}

/* Calendar styles */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 240px;
background: #f2f2f2;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
margin: 0 10px 0 0;
background: #f2f2f2;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}


input.searchinput, input.searchsubmit{
background:#333;
border: 1px solid white;
color:white;
/* optional rounded corners for browsers that support it
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;*/
}


#footer a{
font-weight: 100;
}

#wide-content
{
	width: 100%;
	float: left;
}

/* 
   FAlbum Default Stylesheet
   =================      
   
   This is a sample stylesheet that can be used with FAblum, and is provided so that
   the default page looks half decent under the default Wordpress 1.5 theme - Kubrick
   
   This stylesheet will most probably break in other WP styles, so you can't rely 
   entirely on this stylesheet. Use it as guidance. Ultimately, style issues are not
   the fault of FAlbum.
   
   This stylesheet is commented so you know what each section does, and can customise
   it accordingly, or pull out just the sections you want.
*/

/* ----------- FAlbum Common -------------*/

.falbum {
	padding: 0px;
	margin: 0px;
	clear: both;	
	width: 50%;
		
}

.falbum p {
  	margin: 8px 0 8px 0;
}

.falbum img {
  	max-width: none;
	border: none;
}

.falbum-album {
	clear: both;
}

.falbum-title {	
	color: #260;
	border-bottom: 1px dashed #CCC;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.falbum-meta {
	margin: 0px 0px 5px 0px;
}

.falbum-navigationBar {
	clear: both;
	padding: 5px 0 5px 0;
	margin: 10px 0 10px 0;
}

.narrowcolumn {
width: 80%;
margin: 10px 10px 0 0;
}


/* ----------- Album Page -------------*/

.falbum-album-description {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}











/* ----------- Thumbnails -------------*/
  
.falbum-tn-border-s {
	float: left;
	width: 95px;
	height: 95px;
}

.falbum-tn-border-t {
	float: left;	
	width: 120px;
	height: 125px;		
}

.falbum-tn-border-m {
	float: left;
	width: 260px;
	height: 260px;
}

.falbum-thumbnail {
	float: left;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
}

.falbum-thumbnail-ds {
	float: left;
	background: url('images/shadow.gif') no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;	
}
 
.falbum-thumbnail-ds img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
}

.falbum-thumbnail img:hover {
	background-color: #ccd;
}

.falbum-editable{
     color: #000;
     background-color: #ffffd3;
}

/* ----------- Photo Page -------------*/

.falbum-title2 {
	padding: 0 50px 0 0;
}

.falbum-tags-block {
}

.falbum-tags-label {
	float: left;
	display: block;
}

.falbum-tags {
	float: left;
}

/* -- Image ---------------*/

.falbum-photo-block {
	float: left;
	margin: 10px 5px 10px 5px;
}

.falbum-photo {
	float: left;
}

.falbum-photo-ds {
	background: url('images/shadow.gif') no-repeat bottom right;
	float: left;
}

.falbum-photo img, .falbum-photo-ds img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
}

.falbum-photo2 {
	padding-right: 20px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: 2px 2px 2px 2px;
	padding: 4px;
	margin-top:10px;
}

/* -- Navigation ---------------*/
  
.falbum-nav {
	clear: both;	
	margin: 5px 10px 0px -10px;
	text-align:center;
	padding: 8px;	
	width: auto;	
}

.falbum-nav a {
	text-decoration: none;
}
  
/* -- Description ---------------*/

.falbum-description {
	clear: both;
	font-size: 11px;
	margin: 5px 0 5px 0 ;
}

/* -- Photo Sizes ---------------*/

.falbum-photoSizesBlock {
	padding: 10px 0px 3px 0px;
}

a.falbum-photoSizes
{
	background-color: #E4E0D2;
	padding: 2px;
	margin: 1px 3px 1px 3px;
	color: black;
	border:	1px solid #D4D0C2;
	text-align: center;
}

a.falbum-photoSizes:hover 
{
	border:	1px solid #3169C6;
	background-color: #C6D3EF;
}

/* -- EXIF Data ---------------*/

.falbum-exif table{
	border: 1px solid #a9a9a9;
	margin: 0 15px 0 0;
}

.falbum-exif td {
	margin: 5px 5px 5px 5px;
	padding: 1px 5px 1px 5px;
}
.falbum-exif .odd{
	background-color: #f0f0f0
}

.falbum-exif .even{
	background-color: #e0e0e0
}

/* -- Annotations ---------------*/
 
a.annotation {
	position: absolute;
	border: 1px solid white;
	padding: 0;
	display: none;
}
 
a.annotation span {
	display: block;
	width: 100%;
	height: 100%;
	background: white;
	/*opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);*/
}
 
a.annotation:hover {
	border-color: yellow;
}

#overDiv {
  font-size: 1em;
}

/* ----------- Tag Cloud Page -------------*/

.falbum-cloud {	
	padding: 10px;	
	/*line-height:auto;*/
	text-align:center;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.falbum-cloud a {
	text-decoration:none;
}

a.falbum-tag1 {
 font-size:10px;
}

a.falbum-tag2 {
 font-size:12px;
 font-weight:400;
}

a.falbum-tag3 {
 font-size:16px;
 font-weight:500;
}

a.falbum-tag4 {
 font-size:20px;
 font-weight:600;
}

a.falbum-tag5 {
 font-size:22px;
 font-weight:700;
}

a.falbum-tag6 {
 font-size:28px;
 font-weight:800;
}

a.falbum-tag7 {
 font-size:30px;
 font-weight:900;
}

/* ----------- Random Images -------------*/
.falbum-random ul {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap; 
}

.falbum-random li {
	display: inline;
}

/* ----------- Recent Images -------------*/

.falbum-album-recent {	
	margin-bottom: 15px;
}


/* ----------- Annotations -------------*/
.annotation-fontClass {font-family: 'Comic Sans MS'; font-size: 1.3em; text-align: left;}
.annotation-capfontClass {font-family: Arial, sans-serif; font-size: 1.3em; font-weight: bold; color: #ffffff; text-align: left;}
.annotation-capfontClass A {color: #ffffff; font-size: 1.3em;}
.annotation-fgClass {background-color: #FFFFCC;}
.annotation-bgClass {background-color: #FFFF66;}


/* ----------- Link button styles -------------*/
.disabledButtonLink {
	color: Gray;
	text-align:center;
	padding: 2px 15px 2px 15px;
	background-color:	#E4E0D2;
}

a.buttonLink {
	padding: 2px 15px 2px 15px;
	border:	1px solid #D4D0C2;
	background-color:	#E4E0D2;
	text-align:center;
	white-space: nowrap;
	color: black;
}

a.buttonLink:visited {
	color: black;
}

a.buttonLink:active {
	border:	1px solid #3169C6;
	background-color:	#3169C6;
	color: white;
}

a.buttonLink:hover {
	border:	1px solid #3169C6;
	background-color:	#C6D3EF;
	color: black;
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link, a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link {
	padding: 2px 4px 2px 4px;
	font-size: 100%;
	color: black;
}

a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link {
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link {
	border: 3px double #3169C6;
	font-weight: bold;
}

a.otherPageLink:hover,a.curPageLink:hover {
	text-decoration: underline;
}

/* ----------- Error Page -------------*/

.falbum-error {
	font-size:1.2em;
}
.falbum-error pre{
	width: 99%;
	font-size:1.2em;
	/*overflow-y: hidden; 
	overflow-x: auto;*/
}

/* -------------  Post Helper  -------------*/

#falbum-post-helper-switch {
	float: right;
	margin: 0px 0px 0px 0px;
}

#falbum-post-helper-block {
	width: 99%;
	padding: 5px;
	margin: 15px 0px 15px 0px;
	border:	1px solid #D4D0C2;
	background-color: #E4E0D2;
}

#falbum-post-helper-value {
	margin: 8px 5px 5px 8px;
  	font-weight: bold;
}

#falbum-post-helper-block-close {
	float: right;
}

.falbum-post-box {
}

/* -------------  Comments  -------------*/

.falbum-comment-block {
	margin: 15px 0px 5px 0px;
}

.falbum-comment-title {
	font-weight: bold;
}

.falbum-comment-author {
	padding: 5px 5px 0px 10px;
}

.falbum-comment {
	padding: 5px 5px 5px 25px;
	margin: 0px 0px 5px 0px;
}


/* -------------  Misc  -------------*/

.falbum-sidebar-photos {
	overflow: hidden;
}

.falbum-clear {
	clear: both;
}
.falbum-clear-left {
	clear: left;
}