/*
Theme Name: Berlin Bar
Theme URI: http://wordpress.org/extend/themes/berlinbar
Author: 2ginteractive
Author URI: http://www.2ginteractive.com/
Description: This is a Cutom Theme for Berlin Bar
Version: 1.0
License: Berlin Bar Personal License
License URI: license.txt
Tags: Berlin Bar, Dark theme, 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body{ height: 100%;}

html, body, iframe, form, input, h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, img{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

a:link, a:visited, a:active{ color: #d69805;}
a:hover{ color: #fff;}

.left{ float: left;}
.right{ float: right;}
.clear{ clear: both;}
:focus{ outline: none;}

h1, h2, h3, h4, h5, h6{
	padding: 18px 17px 10px 0;
	font: normal 22px Arial;
	color: #ffe9bc;
}

h1{ text-transform: uppercase;}

h2{ font-size: 20px;}
h3{ font-size: 19px;}
h4{ font-size: 18px;}
h5{ font-size: 16px; font-weight: bold;}
h6{ font-size: 14px; font-weight: bold;}

p{
	padding: 8px 17px 8px 0;
	line-height: 16px;	
}

a:link, a:visited, a:active{ text-decoration: none;}

body{
	font: normal 12px Arial;
	color: #d7d7d7;
	background: url(images/bg.jpg) repeat-x #010101;
}

#wrapper{
	width: 100%;
	min-height: 758px;
	background: url(../../uploads/2011/12/site_bg.png) no-repeat center 55px;
}

#container{
	width: 976px;
	/*height: 700px;*/
	position: absolute;
	left: 50%;
	top: 50px;
	margin: 0 0 0 -586px;
}

#header{
	width: 975px;
	float: left;
	padding: 0 0 9px 0;
	text-align: right;
}

#header img{ float: left; margin-left: 25px;}

#header ul{
	list-style-type: none;
	text-align: right;
	float: right;
	padding-left: 10px;
	margin: 57px 4px 0 0;
}

#header ul li{
	padding-left: 14px;
	text-transform: uppercase;
	float: left;
}

#header ul li a:link, #header ul li a:visited, #header ul li a:active{
	color: #656565;
	text-decoration: none;
	padding: 22px 0 2px 27px;
	font: normal 13px Arial;
	text-transform: uppercase;
	float: left;
}

#header ul li.current-menu-item a:link,
#header ul li.current-menu-item a:visited,
#header ul li.current-menu-item a:active,
#header ul li a:hover{
	 color: #f3f3f3;
	 background: url(images/nav_bottle.png) no-repeat 0 1px;
}

#banner{
	width: 351px;
	height: 498px;
	float: left;
	margin: 25px 0 0 25px;
	background: url(images/header_main_bg.jpg) no-repeat 0 0;
}

.banner-container{
	width: 301px;
	height: 351px;
	float: left;
	margin: 45px 0 0 25px;
}

#main-content{
	width: 576px;
	height: 523px;
	float: left;
	margin: 25px 0 0 0;
	padding: 0 0 0 24px;
}

.home-content{
	width: 366px;
	height: 498px;
	float: left;
	overflow: auto;
}

ul.thumbs{
	float: right;
	width: 209px;
	margin-top: -23px;
	background: #000;
}

ul.thumbs li{
	float: left;
	width: 209px;
	height: 130px;
	padding: 6px 0 0 6px;
	margin-top: 1px;
	background: url(images/thumb_frame.jpg) no-repeat 0 0;
}

ul.thumbs li:first-child{ margin: 0;}

ul.thumbs li img{ float: left;}

#footer-main{
	width: 949px;
	float: left;
	padding: 13px 2px 0 25px;
}

.innerpage{ overflow: auto !important;}

#footer-nav{ float: right;}

#footer-nav li{
	display: inline;
	padding: 0 0 0 28px;
	text-transform: uppercase;
	color: #5e5e5e;
}

#footer-nav li a:link, #footer-nav li a:visited, #footer-nav li a:active{
	color: #5e5e5e;
	text-decoration: none;
}

#footer-nav li a:hover{	color: #b28931;}

span.copyright{
	font: normal 11px Arial;
	color: #707070;
	float: left;
}

span.copyright em{
	font: normal normal 11px Arial;
	color: #4c4c4c;
}

span.copyright em a:link, span.copyright em a:visited, span.copyright em a:active{ color: #016781;}
span.copyright em a:hover{ color: #b28931;}

/* Contact Form ========================================= */
#si_contact_form1 label{
	float: left;
	padding: 10px 0 2px 0;
	width: 200px;
}

#si_contact_form1 input{
	width: 200px;
	height: 22px;
	border: 1px solid #b28931;
	text-indent: 3px;
}

#si_contact_form1 textarea{
	width: 450px;
	height: 120px;
	border: 1px solid #b28931;
	font: normal 13px Arial;
	text-indent: 3px;
}

#si_contact_form1 input#fsc-submit{
	background: url(images/submit-btn.png) no-repeat 0 0;
	width: 92px;
	height: 28px;
	border: 0;
	text-indent: -999999px;
	margin: 15px 0 0 0 !important;
}

















/* Nivo Slider ================================================= */
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0;left:0;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:60;display:none;margin:0;padding:0;}
.nivo-slice{display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:0.8;width:100%;z-index:89;}
.nivo-caption p{margin:0;padding:5px;}
.nivo-caption a{display:inline!important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}
.nivo-controlNav a{position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active{font-weight:700;}

#slider{position:relative;height:351px;background:#202834 url(images/loading.gif) no-repeat 50% 50%; margin:0; width:301px}
#slider img{position:absolute;top:0;left:0;display:none;}
#slider a{border:0;display:block;}
.nivo-controlNav{position:absolute;right:-10px;bottom:-22px;}
.nivo-controlNav a{display:block;width:10px;height:10px;background:url(images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active{background-position:-10px 0;}
.nivo-directionNav a{display:none;width:30px;height:30px;background:none;text-indent:-9999px;border:0;}

a.nivo-nextNav{background-position:-30px 0;right:15px; display: none !important;}
a.nivo-prevNav{left:15px; display: none !important;}
.nivo-caption a{text-decoration:underline;}