/*
Theme Name: Safari
Theme URI: http://invoodoo.com/
Description: The default Safari theme.
Version: 1.0
Author: Anisimov Maxim
Author URI: http://invoodoo.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/



/* Begin Typography & Colors */
html {
  height:100%;
}
body {
  height:auto !important;
  height:100%;
  min-height:100%;
  position:relative;
}
html{
  background:#f96c63 url(/images/top-grad.png) top center repeat-x;             
}
body{
  background: url(/images/bot-grad.png) center bottom repeat-x; 
}
a{
  color:#364a03;
}
input.text {
  height: 18px;
  padding:1px 2px;
  border:1px #525675 solid;       
}

.wrapper{
  width:916px;
  margin:0 auto;
  position:relative;
}
/*Header*/
.header{
  padding-top:30px;
  padding-bottom:10px;
  position:relative;
}
.header-forum{
  height:10px;
  background:url(/images/header.png) top left no-repeat;                
  position:relative;
}
.account{
  right:0;
  bottom:13px;
  width:215px;
  position:absolute;      
}
.user-form{
  padding:3px;
  background:url(/images/login.png) top left no-repeat;
}
.user-form a{
  color:#fff;
  text-decoration:underline;
}
.user-form p{
  width:100%;
  overflow:hidden;
}
.user-form  .remind{
  float:left;
}
.user-form label.error {
color:#D80000 !important;
}
.error{
  padding:2px;
	color:#d80000;
	border:1px #ffbbbb solid !important;
	border-top:1px #ff9898 solid !important;
	background:#ffeaea;
  width:187px;
  margin-top:-2px;
  margin-left:-4px;
}
.user-form form{
  padding:8px 8px 0;
}
.user-form form input{
  margin-bottom:5px;
  width:187px;
  float:left;
}
.user-form form div, #profile div{
  width:100%;
  position:relative;
  overflow:hidden;
}
.inner-label{
  left:4px;
  top:2px;
  color:#7f7f7f;
  position:absolute;
  clear:both;
}
.user img{
  float:left;
  padding:6px;
}
.user strong{
  display:block;
  font-size:14px;
  line-height:14px;
  padding-top:5px;
  color:#fff;
}
.user span{
  color:#b3b5c0;
  line-height:13px;
}
.edit  .button span{
  margin-right:10px;
}
.user-form-footer{
  padding:3px;
  background:url(/images/login.png) bottom left no-repeat;      
}
.tabs{
  width:100%;
  overflow:hidden;
  background:url(/images/tabs.png) top left no-repeat;  
}
.tabs li{
  float:left;
}
.tabs li a{
  float:left;
  margin-left:-1px;
  padding:4px 0;
  border-left:1px #cfd0d7 solid;
  text-align:center;      
}
.tabs li a.active{
  text-decoration:none;   
  color:#000;     
  cursor:default;
}
.tabs li.login a.active{
  background:url(/images/tabs.png) top left no-repeat;
}
.tabs li.register a.active{
  background:url(/images/tabs.png) top right no-repeat;
}
.tabs li.login a{
  width:102px;
}
.tabs li.register a{
  width:106px;
}
/*Main Navigation*/
.main-nav{
  padding:8px 8px 0;
  font-family:Arial, Arial, Helvetica, sans-serif;
  background:url(/images/nav.png) top left no-repeat;   
}
.main-nav ul{
  width:900px;
  overflow:hidden;
  border-bottom:2px #6f310e solid;
}
.main-nav li{
  float:left;
  background:#ca6c38 url(/images/nav-del.png) top left repeat-y;        
}
.main-nav li a{
  float:left;
  font-size:24px; 
  width:178px;
  margin-left:2px;
  padding:10px 0;
  text-align:center;
  text-decoration:none;
  color:#1d1d1d;
  text-shadow:#e7bca4 0px 1px 0px;
  background:#ca6c38 ;
}
.main-nav li a:hover{
  text-shadow:#ecc9b6 0px 1px 0px;
  background-color:#d58960;
}
.main-nav li.first a{
  margin-left:0;
  width:180px;
  background:#ca6c38 url(/images/left-corner.png) top left no-repeat;
}
.main-nav li.last a{
  background:#ca6c38 url(/images/right-corner.png) top right no-repeat;
}
.main-nav li.first a:hover{
  background:#d58960 url(/images/left-corner.png) no-repeat 0 -60px;
}
.main-nav li.last a:hover{
  background:#d58960 url(/images/right-corner.png) no-repeat 100% -60px;
}
.main-nav li.first a.active, .main-nav li.first a.active:hover{
  background:#7ea01f url(/images/left-corner.png) no-repeat  0 -119px;
}
.main-nav li.last a.active, .main-nav li.last a.active:hover{
  background:#7ea01f url(/images/right-corner.png) no-repeat 100% -119px;
}
.main-nav li a.active, .main-nav li a.active:hover{
  color:#fff;
  cursor:default;
  text-shadow:#435510 0px 1px 0px;
  background-color:#7ea01f;
}
/*Content*/
.content{
  padding:20px;
  background:url(/images/content.png) top left repeat-y;
  position:relative;
}
.content h1{   
  font-size:36px;
  font-weight:normal;
  color:#8e441b;
}
.content h2{
  font-size:18px;
}
.content-forum{
  padding:5px 20px;
  background:url(/images/content.png) top left repeat-y;
  position:relative;
}
.content-forum h1{   
  font-size:36px;
  font-weight:normal;
  color:#8e441b;
}
.content-forum h2{
  font-size:18px;
}
.post {
  width:100%;
  overflow:hidden;
  padding-bottom:20px;
  margin-bottom:20px;
  background:url(/images/post-del.png) bottom left repeat-x;
}
.entry p {
	padding: 3px 0px;
}
.path{
  padding-bottom:5px;
  margin-bottom:5px;
}
.date{
  font-size:14px;
  color:#a3a3a3;
}
/*Footer*/
.footer{
  height:200px;
  background:url(/images/footer.png) top left no-repeat;                
  position:relative;
}
.footer p{
  text-align:center;
  padding-top:12px;
}
.invoodoo{
  top:10px;
  left:17px;
  position:absolute;
}
/*Modal window*/
#control_overlay{
  background:#000;
}
.modal {  
  width:232px;
  height:295px;
   background:url(/images/modal.png) top left no-repeat;         
} 
.modal h1{
  font-size:24px; 
  color:#8e441b;
  padding:22px 20px 10px;
  font-weight:normal;
}
.modal .button{
  margin-left:5px;
}
.modal  .upload {
  padding:15px 20px 10px;
}
.modal  .upload .button{
  float:left;
}
.modal  .upload img{
  margin-right:5px;
} 
.modal  fieldset{
  padding:0 20px;
}
.modal input{
  margin-bottom:9px;
  width:184px;
  float:left;
}
.modal img{
  float:left;
}
/*Button*/
a.button{
  padding:0;
  float:right;
  text-decoration:none;
  cursor:pointer;
  position:relative;
  margin-right:15px;
  color:#000;
}
a.button span{
  float:left;
  right:-15px;
  padding:0px 15px 0px 0;
  height:21px;
  line-height:21px;
  position:relative;
  color:#000;     
}
a.button{
  background:transparent url(/images/button.png) no-repeat top left;            
}
a.button span{
  background:transparent url(/images/button.png) no-repeat top right;                   
}
a.button:hover{
  background:transparent url(/images/button.png) no-repeat 0 -21px;             
}
a.button:hover span{
  background:transparent url(/images/button.png) no-repeat 100% -21px;                  
}
a.button:active{
  background:transparent url(/images/button.png) no-repeat 0 -42px;             
}
a.button:active span{
  background:transparent url(/images/button.png) no-repeat 100% -42px;                  
}
a.disable, a.disable:hover, a.disable:active{
  color:#7f7f7f;
  cursor:default;
  background:transparent url(/images/button.png) no-repeat 0 -63px;             
}
a.disable span, a.disable:hover span, a.disable:active span{
  color:#7f7f7f;
  background:transparent url(/images/button.png) no-repeat 100% -63px;                  
}
/* Forum button */
a.fbutton{
  top:5px;
  padding:0;
  float:right;
  text-decoration:none;
  cursor:pointer;
  position:relative;
  margin-right:45px;
  color:#000;
}
a.fbutton span{
  float:left;
  left:35px;
  padding:0px 15px 0px 10px;
  height:34px;
  line-height:34px;
  position:relative;
  color:#000;     
}
a.fbutton{
  background:transparent url(/images/fbutton.png) no-repeat top left;
}
a.fbutton span{
  background:transparent url(/images/fbutton.png) no-repeat top right;
}
a.fbutton:hover{
  background:transparent url(/images/fbutton.png) no-repeat 0 -34px;
}
a.fbutton:hover span{
  background:transparent url(/images/fbutton.png) no-repeat 100% -34px;
}
a.fbutton:active{
  background:transparent url(/images/fbutton.png) no-repeat 0 -68px;
}
a.fbutton:active span{
  background:transparent url(/images/fbutton.png) no-repeat 100% -68px;             
}
a#forum.disable, a#forum.disable:hover, a#forum.disable:active{
  color:#7f7f7f;
  cursor:default;
  background:transparent url(/images/fbutton.png) no-repeat 0 -102px;                  
}
a#forum.disable span, a#forum.disable:hover span, a#forum.disable:active span{
  color:#7f7f7f;
  background:transparent url(/images/fbutton.png) no-repeat 100% -102px;                  
}
/* Home button */
a.hbutton{
  top:5px;
  padding:0;
  float:right;
  text-decoration:none;
  cursor:pointer;
  position:relative;
  margin-right:35px;
  color:#000;
}
a.hbutton span{
  float:left;
  left:35px;
  padding:0px 15px 0px 10px;
  height:34px;
  line-height:34px;
  position:relative;
  color:#000;     
}
a.hbutton{
  background:transparent url(/images/hbutton.png) no-repeat top left;
}
a.hbutton span{
  background:transparent url(/images/hbutton.png) no-repeat top right;
}
a.hbutton:hover{
  background:transparent url(/images/hbutton.png) no-repeat 0 -34px;
}
a.hbutton:hover span{
  background:transparent url(/images/hbutton.png) no-repeat 100% -34px;
}
a.hbutton:active{
  background:transparent url(/images/hbutton.png) no-repeat 0 -68px;
}
a.hbutton:active span{
  background:transparent url(/images/hbutton.png) no-repeat 100% -68px;             
}
a#home.disable, a#home.disable:hover, a#home.disable:active{
  color:#7f7f7f;
  cursor:default;
  background:transparent url(/images/hbutton.png) no-repeat 0 -102px;                  
}
a#home.disable span, a#home.disable:hover span, a#home.disable:active span{
  color:#7f7f7f;
  background:transparent url(/images/hbutton.png) no-repeat 100% -102px;                  
}
/*Pager*/
ul.pager{
  color:#7a4b32;
  padding-left:300px;
  overflow:hidden;        
  position:relative;
  z-index:2;
}
ul.pager li{
  float:left;
  padding-right:5px;
  height:19px;
}
ul.pager li a{
  float:left;
  color:#2c211b;
  margin-right:8px;       
  padding:0px;
  text-decoration:none;
  background:url(/images/pager.png) no-repeat top left; 
}
ul.pager li a span{
  float:left;
  height:19px;    
  right:-8px;
  line-height:18px;       
  padding:0px 8px 0px 0;
  position:relative;
  background:url(/images/pager.png) no-repeat top right;                
}
ul.pager li a em{
  float:left;
  font-style:normal;
}
ul.pager li a em.newer{
  padding-left:10px;
  background:url(/images/newer.png) no-repeat 0px 6px;  
}
ul.pager li a em.older{
  padding-right:10px;
  background:url(/images/older.png) no-repeat 100% 6px;         
}
ul.pager li.disabled a em.newer{
  background:url(/images/newer.png) no-repeat 0px -7px; 
}
ul.pager li.disabled a em.older{
  background:url(/images/older.png) no-repeat 100% -7px;                
}
ul.pager li a:hover{
  color:#333129;
  background:url(/images/pager.png) no-repeat 0 -19px;  
}
ul.pager li a:hover span{
  cursor:pointer;
  background:url(/images/pager.png) no-repeat 100% -19px;               
}
ul.pager li.current a, ul.pager li.current a:hover{
  color:#dfe5cf;
  cursor:default;
  background:url(/images/pager.png) no-repeat 0 -38px;  
}
ul.pager li.current a span, ul.pager li.current a:hover span{
  cursor:default;
  background:url(/images/pager.png) no-repeat 100% -38px;               
}
ul.pager li.disabled a, ul.pager li.disabled a:hover{
  color:#95908d;
  cursor:default;
  background:url(/images/pager.png) no-repeat 0 -57px;  
}
ul.pager li.disabled a span, ul.pager li.disabled a:hover span{
  cursor:default;
  background:url(/images/pager.png) no-repeat 100% -57px;               
}

/* Begin Images */
p img {
  padding: 0;
  max-width: 100%;
  }

/*      Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

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

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

.alignright {
  float: right;
  }

.alignleft {
  float: left
  }
/* End Images */

img.camera {
  border:0;
  cursor:pointer;
}
img.camera2 {
  border:0;
  cursor:default;
}
#moviediv {
  height:426px;
}

.comment_meta{
	float:right;
}
.comment {
  padding:5px 0px 5px 0px;
}
.comment-sign {
  color:#a3a3a3;
}  
.avatar {
  float: left;
  padding: 0 5px 0 0;
}
.imagerotate {
  text-align:center;
}
.login-load {
  text-align:center;
  padding:28px 0px;
  color:#fff;
}