/*
===================================
||  Hitler Library 
||  http://www.hitler-library.org
~~~~~~~~~~~~~~~~~~~~~~~~
|| Designed by 
||	Dr.Kameleon
||	<drkameleon(at)gmail(dot)com>
||
|| File :
||	css/layout.css
===================================
*/

body {
	background		:	#000000 url(../img/redfade2.png) repeat-x;
	font-family		:	"Lucida Sans Unicode";
	behavior: url("csshover3.htc");
}

a {
	color: #300;
	font-weight:bold;
	text-decoration: none;
	border-bottom:1px dotted #999999;
}
a:hover {
	color:#d11818;
	border-bottom:1px solid #000000;
}


h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}

.container_16 {
	background		:	#FFFFFF;
	margin-top		:	10px;
	padding-top		:	10px;
	margin-bottom	:	100px;
	padding-bottom	:	10px;
}

#logo {
	height			:	150px;
	background		:	#fff url(../img/logo4.png) no-repeat;
	margin-left		:	10px;
}

#vert_menu {
	/*background		:	#FF8888;*/
	margin-left		:	20px;
	margin-top		:	-60px;
}

#trans-border { background:#444; color:#222;padding:10px;}
#trans-border .sb-border { background:#000; }

#trans-border2 { margin-top: 20px; background:#444; color:#222; padding:8px;}
#trans-border2.sb-border { background:#000; }

#trans-border3 { margin-left: 15px; margin-top: 20px; background:#444; color:#222; padding:8px;}
#trans-border3.sb-border { background:#000; }

#horiz_menu {
	background		:	url(../img/horiz_menu.png) repeat-x;
	height			:	30px;
	margin-left		:	0px;
	margin-right	:	-10px;
	width			:	960px;

}

#adbanner {
	background		:	#dedede url(../img/adfade.png) no-repeat;
	width			:	468px;
	height			:	60px;
	margin-top		:	-10px;
	margin-left		:	15px;
	text-align		:	center;
}



#main_content {
	background		:	#f9f9f9;
	
	width			:	468px;
	margin-top		:	20px;
	margin-left		:	15px;
}

#main_content h3 { text-align:center; margin:0; color:#fff; }
#main_content h3, #main_content h3 .sb-inner { background:#222 url(../img/grad4.png) repeat-x; }
#main_content .content { padding:4px 20px; color:#444; }
#main_content .content, #main_content .content .sb-inner { background:#ddd url(../img/grad3.png) repeat-x; }

#stamp {
	background		:	url(../img/stamp.png) no-repeat 100%;
	height			:	188px;
	margin-top		:	-160px;

}

#right_column {
	background		:	#888833;
	margin-top		:	20px;
	margin-left		:	20px;
	
}

#footer {
	height			:	200px;
	background		:	#fff url(../img/invertredfade.png) repeat-x;
	margin-top		:	40px;
	margin-left		:	10px;
	border-top		:	2px dashed #666666;
	color			:	#999999;
	text-align		:	center;
}

.box {
	background:#ddd;
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
}
.box h2 {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#111;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
	color:#fff;
	background:#333 url("http://drkameleon.googlepages.com/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}
.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("http://drkameleon.googlepages.com/switch_plus.gif");
}
.box h2:hover {
	background-color:#111;
}
.block {
	padding-top:10px;
}

.articles {
	padding:0;
}
.articles h2 {
	margin:0;
}
#articles {
	padding-top:0;
}

.links {
	padding:0;
}
.links h2 {
	margin:0;
}
#links {
	padding-top:0;
}

.article {
	border-top:1px solid #666;
	padding-top:.5em;
}
.box .article {
	border-top:3px solid #fff;
	padding:13px 10px 0 10px;
	color:#333333;
}
.article h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.article h3 {
	margin-bottom:.2em;
	font-size:1.6em;
}
.box .first {
	border-top:none;
}
.article h4 {
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:.5em;
}
.article a.image {
	float:left; 
	margin:3px 10px 3px 0; 
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}
.article a.image:hover {
	border:1px solid #666;
}
.article a.image img {
	float:left; 
}
.article p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}

#photos { 
height			:	400px;
width			:	468px;
padding-top		:	20px;
margin-left		:	15px;
}
#photos h3 { text-align:center; margin-bottom:0; color:#fff; }
#photos h3, #photos h3 .sb-inner { background:#222 url(../img/grad2.png) repeat-x; }
#photos .content { padding:4px 20px; color:#444; height:260px;}
#photos .content, #photos .content .sb-inner { background:#ddd url(../img/grad3.png) repeat-x; }

.floatleft {
margin-bottom:10px; margin-right:10px; margin-top:10px; float:left;
}

.floatright {
margin-bottom:10px; mergin-top:10px; margin-left:10px; float:right;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

#trans-border p {
	margin-bottom:-10px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

div.overlay { 
     
    /* growing background image */ 
    background-image:url(../img/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../img/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 80px;
	height: 60px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size:1.1em;
	font-weight: normal;
}

.toggler a:hover {
	/*text-decoration		:	underline;*/
}

.menu-button {
	background		:	url(../img/button-bg.png) no-repeat 50%;
	width			:	190px;
	height			:	50px;
	padding-top		:	20px;
	color			:	#DDD;
	display			:	block;
	/*margin-top		:	-30px;*/
}

.menu-button:hover{
	background		:	url(../img/button-bg-hover.png) no-repeat 50%;
	color			:	#FFF;
}

br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#660000;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
cursor:pointer;
}

img a {
	text-decoration:none;
}

#adbanner a {
text-decoration:none;
}

#adbanner a:hover {
text-decoration:none;
}
/*
================================================
||	This the end,
||		my only friend, the end...
================================================
*/