/*
Theme Name: Overhang
Theme URI: http://www.overhang.at
Description: Overhang theme
Version: 1.0
Author: Christian Schuller
Author URI: http://www.overhang.at
Tags: dark brown orange design

*/

/* 
Used colors: 
-----------------------------------------------------------
Brown: 			#D1AD68
LightOrange: 	#FF9920
Medium Gray:	#909090
TextGray1:		#A0A0A0
TextGray2:		#A7A7A7
LightGray:		#C0C0C0
Highlight:		#FFFFFF

*/

/* Common styles */ 

BODY { background:#101010 url(images/bodyBackground.jpg) }
img { border: none; }

/* Layout, position styles */

div#page { position:absolute;	top:0px; left:50%; margin:0px; margin-left:-750px; width:1500px; }

div#header { position: absolute; top:0px; left:0; width:1500px; height:245px; background: url(images/header.jpg); }

div#leftPanelBackground { position: absolute; top:245px; left:230px; width:169px; height:455px; background: url(images/leftPanel.jpg); }
div#leftPanelContent { position: absolute; top:245px; left:230px; width:169px; height:455px; text-align:right;}

div#rightPanelBackground { position: absolute; top:245px; left:1000px; width:250px; height:455px; background: url(images/rightPanel.jpg); }
div#rightPanelContent { position: absolute; top:225px; left:1011px; width:170px; }

div#main { position: absolute; top:225px; left:399px; width:783px;  background: url(images/mainBackground.gif);}
div#mainContent { margin:10px; width:600px; margin-top:-10px; min-height:600px; }
div#mainFooter { margin:0px; width:783px; margin-bottom:0px; height:50px; background: url(images/bgFooter.jpg); text-align:right; overflow:hidden;}
div#list { width: 600px; margin:10px;}

div#categoryNavigation { position:absolute; top:66px; left:630px; width:500px; height:150px; border: red 0px solid; }

div#menuText { position:absolute; top:20px; left:0px; }

div.menuHover { position:absolute; top:0px; background: url(images/menuHover.png); width:182px; height:166px; border: solid 0px green; display:none;}

div#menuStaticHover { position:absolute; top:0px; background: url(images/menuHover.png); width:182px; height:166px; border: solid 0px green;
	opacity: .75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);}
	
.spacer { height:20px; }

/* ------------------------ */
/* L I S T   R O W S        */
/* ------------------------ */

div.listEntry { margin-bottom:20px;}

div.listImage { margin-top:10px; margin-left:5px; float:left;  }
div.listImage img { border: solid #FFFFFF 3px; margin:0px;}
div.listExcerpt { margin-top:10px; margin-left:145px; width:430px; min-height:90px; }
div.listExcerptLarge { margin-top:20px; margin-left:5px; width:570px; min-height:90px; }

	
/* --------------------------------- */
/* T E X T / P O S T  F O R M A T S  */
/* --------------------------------- */
h1 { font-family:  Georgia, serif; font-size:23px; color: #D1AD68; font-weight: normal;}
h2 { font-family:  Georgia, serif; font-size:18px; color: #D1AD68; font-weight: normal;}

li { font-family: Verdana, sans-serif; font-size:12px; color: #B0B0B0; line-height:20px;}
p { font-family: Verdana, sans-serif; font-size:12px; color: #B0B0B0; line-height:20px;}

p.small { font-family: Verdana, sans-serif; font-size:12px; color: #A0A0A0; line-height:16px; }
div.listExcerpt p { font-family: Verdana, sans-serif; font-size:14px; color: #A7A7A7; margin-top:0px; } 

.tiny { font-family: Verdana; font-size:11px; color: #909090; }
.tinyGray { font-family: Verdana; font-size:11px; color: #909090; }
.tinyLightGray { font-family: Verdana; font-size:11px; color: #C0C0C0; }
.lightorange { color: #FF9920; }

span.label { font-family: Verdana, sans-serif; font-size:13px; color:#FFFFFF;}

div.pageNavigation { margin-left:10px; margin-bottom:20px; }

img.size-full,
img.size-medium,
img.size.small
{ border: solid 2px #FFFFFF; }

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

div.imgCaption { font-family: Georgia, serif; font-size:13px; color: #FFFFFF; margin-top:0px; margin-bottom:10px; text-align:center; font-style:italic;}  

/* ------------------------ */
/* C O M M E N T   L I S T  */
/* ------------------------ */

span.commentHeadline { font-family: Georgia, Verdana, sans-serif; font-size:13px; color:#909090;}
.commentContent { font-family: Verdana, sans-serif; font-size:14px; color:#C0C0C0; }

.commentContent img { margin:5px; }
.brown { color: #D1AD68; }
.orange { color: #FF9920; }

/* ------------------------ */
/* M A I N   C O N T E N T  */
/* ------------------------ */

/*img.leftFull { float: left; margin-right: 10px; margin-top:10px; margin-bottom: 20px; margin-left:0px; }*/
div.content p { text-align: left; font-size:12px; padding-right:10px;}

div.videoYouTube { border: solid 2px #000000; margin-left:10px;}

/* ------------------------ */
/* R I G H T   P A N E L    */
/* ------------------------ */
div.panelHeadline { margin:0px; margin-top:10px; width:170px; height:26px; background: url(images/bgPanelHeadline.jpg); overflow:hidden; }
div.panelHeadline h2 { margin-top:2px; padding-left:5px; }
div.panelBox { padding:5px; }

/* --------------------- */
/* L I N K  S T Y L E S  */
/* --------------------- */

.tinyGray a:link,
.tinyGray a:visited,
.tinyGray a:focus,
.tinyGray a:active
{ margin:0px; font-family: Verdana, serif; color: #909090; margin:0px; font-weight: normal; text-decoration:none; background: none;}
.tinyGray a:hover
{ margin:0px; font-family: Verdana, serif; color: #FF9920; margin:0px; font-weight: normal; text-decoration:underline; background: none;}

.tinyLightGray a:link,
.tinyLightGray a:visited,
.tinyLightGray a:focus,
.tinyLightGray a:active
{ margin:0px; font-family: Verdana, serif; color: #C0C0C0; margin:0px; font-weight: normal; text-decoration:none; background: none;}
.tinyLightGray a:hover
{ margin:0px; font-family: Verdana, serif; color: #FF9920; margin:0px; font-weight: normal; text-decoration:underline; background: none;}


a:link,
a:visited,
a:focus,
a:active
{ margin:0px; font-family: Verdana, serif; color: #FF9920; margin:0px; font-weight: normal; text-decoration:none; background: none;}
a:hover
{ margin:0px; font-family: Verdana, serif; color: #FF9920; margin:0px; font-weight: normal; text-decoration:underline; background: none;}

a.tiny:link,
a.tiny:visited,
a.tiny:focus,
a.tiny:active
{ margin:0px; font-family: Verdana, serif; color: #FF9920; margin:0px; font-weight: normal; text-decoration:none; background: none;}
a.tiny:hover
{ margin:0px; font-family: Verdana, serif; color: #FF9920; margin:0px; font-weight: normal; text-decoration:underline; background: none;}

a.tinyBrown:link,
a.tinyBrown:visited,
a.tinyBrown:focus,
a.tinyBrown:active
{ margin:0px; font-family: Verdana, serif; color: #D1AD68; margin:0px; font-size:11px; font-weight: normal; text-decoration:none; background: none;}
a.tinyBrown:hover
{ margin:0px; font-family: Verdana, serif; color: #FF9920; margin:0px; font-size:11px; font-weight: normal; text-decoration:underline; background: none;}

h1 a:link,
h1 a:visited,
h1 a:focus,
h1 a:active
{ margin:0px; font-family: Georgia, serif; font-size:23px; color: rgb(209,173,106); margin:0px; font-weight: normal; text-decoration:none; background: none;}

h1 a:hover
{ margin:0px; font-family:  Georgia, serif; font-size:23px; color: #FF9920; margin:0px; font-weight: normal; text-decoration:underline; background: none;}


/* ----------------------- */
/* I M A G E   W I N D O W */
/* --------------------- - */

div#largeImageWindow { position:fixed; top:10px; left:50%; margin-left:-420px; z-index:205; width:840px; height:650px;  display:none; background: none; }

img#largeImageWindowImg { border: solid 5px #FFFFFF; }

/* ----------------------- */
/* F L A S H   P L A Y E R */
/* ----------------------- */

div#hana_flv_flow3_1 { margin-left:-5px; }

/* --------------------- */
/* N G G   G A L L E R Y */
/* --------------------- */

div.gallery { float: none; margin-left:20px;}

div.thumbnailBox { position:relative; float: left; width:148px; height:128px; margin:0px; margin-right:40px; margin-bottom:20px; background:#101010 url(images/bgThumbnail.jpg); text-align:center;  }

div.thumbnailBox a img { border:0px; }

div.thumbnailImage { width:148px; height:128px; cursor:pointer; }

div.galleryPagination { clear:both; text-align:center; width:540px; }

div.ngg-navigation { margin-left:auto; margin-right:auto;  }


div.galleryPagePrev { margin:5px; display:inline-block; width:50px; height:25px; line-height:25px; vertical-align:middle; background: url(images/bgPageNumber.jpg); text-align:center; }
div.galleryPageNext { margin:5px; display:inline-block; width:50px; height:25px; line-height:25px; vertical-align:middle; background: url(images/bgPageNumber.jpg); text-align:center; }
div.galleryPageNumber { margin:5px; display:inline-block; width:25px; height:25px; line-height:25px; vertical-align:middle; background: url(images/bgPageNumber.jpg); text-align:center;}
div.galleryPageNumberSelected { margin:5px; display:inline-block; width:25px; height:25px; line-height:25px; vertical-align:middle;  background: url(images/bgPageNumber.jpg); text-align:center;}

div.galleryPageNumberSelected { font-family: Calibri, helvetica, Verdana, sans-serif; font-size:18px; font-weight:bold; color: rgb(209,173,106); text-decoration:none; }
div.galleryPageNumber a { font-family: Calibri, helvetica, Verdana, sans-serif; font-size:18px; font-weight:bold; color:#FFFFFF; text-decoration:none; }

a.thumbnailLink:link,
a.thumbnailLink:visited,
a.thumbnailLink:hover,
a.thumbnailLink:active,
a.thumbnailLink:hover
{ 

}

/* --------------------- */
/* P H P   L O G G I N G */
/* --------------------- */
div.log { position:absolute; top:10px; left:10px; width: 400px; overflow: auto; font-family: Consolas, Courier New; font-size: 12px; background: #F0F0F0; border: solid 1px white; }
span.logInfo  { color:#000000; }
span.logError { color:#900000; }
span.logValue { color:#006000; }