/**

author: raduga http://mambasana.ru

**/



/**#################### DEFAULT and FORMS CSS ####################**/



body,html {

  padding          : 0;

  margin           : 0;

  margin-bottom           : 15px;

           }



td, tr, p, div {

  font-family      :  Arial, Helvetica, sans-serif;

  color            : #f5f5f5;

  font-size        : 13px;

  line-height      : 16px;

}



hr  { color: #431b15; width: 100%; height: 1px }



a:link, a:visited  { color: #fff; text-decoration: underline }



a:hover  { color: #602d26; text-decoration: underline }



ul {

  margin           : 2px;

  padding-left     : 10px;

  list-style       : none;

}



li {  

  line-height      : 14px;

  padding-left     : 14px;

  padding-top      : 2px;

  background-image : url(../images/arrow.png) ;

  background-repeat: no-repeat;

  background-position: 0px 5px;

}





form {

margin           : 0; 

padding          : 0;

}



.inputbox    { color: #f1f1f1; background-color: #602d26; margin: 3px 0; border: solid 1px #431b15 }



input:hover,

  input:focus,

  textarea:hover,

  textarea:focus   { color: #f1f1f1; background-color: #602d26 }







form select.button  { color: #fff; background-color: #602d26 }



option   { background-color: #602d26 }



/**#################### Joomla CSS ####################**/



/** Buttons **/



.back_button {

  font-size        : 12px;

  font-weight      : normal;

  padding-bottom   : 3px;

  margin-right     : 4px;

  float            : right;

  line-height      : 20px;

    

  }

div.back_button a{

text-decoration  : none;

  }





.button    { color: #edf1f3; font-size: 11px; background-color: #602d26; margin: 3px 0; padding: 2px; border: solid 1px #431b15; cursor: pointer  }





/** Contact **/



.contact_email  {

  width            : 100%;

}



.contact_email .inputbox {

}







/** Module table  **/





table.moduletable {

	margin           : 0 0 8px 0;

      width            : 100%;

      	}



table.moduletable th  { color: #fff; font-weight: bold; font-size: 14px; line-height: 25px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; padding: 2px; border-bottom: 1px solid #431b15; width: 100%; height: 29px }



table.moduletable td {

    padding-top: 2px;

    	}







div.module{

    text-align: left;

    margin           : 0 0 20px 0;

    	}



div.module h3  { color: #fff; font-weight: bold; font-size: 14px; line-height: 27px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; margin: 0 0 15px; border-bottom: 1px solid #431b15; width: 100%; height: 29px }







.contentmod {

text-align   : left;

padding      : 8px 0;



}



.contentmod td {

padding      : 5px;

}



.contentmod table.moduletable  { background-color: #431b15; margin: 0 0 8px; width: 100% }





.contentmod table.moduletable th { color: #fff; font-weight: bold; font-size: 14px; line-height: 25px; background: #431b15 url(../images/corner_content.gif) no-repeat right top; text-align: right; padding: 2px 10px; border-bottom: 1px solid #431b15; width: 100% }







/** Read more **/



a.readon:link, a.readon:visited  { color: #fff; font-weight: normal; font-size: 12px; line-height: 15px; text-decoration: none; float: right; padding: 1px 0px 1px 10px; border-left: 2px solid #fff }

a.readon:hover  { color: #602d26; font-weight: normal; font-size: 12px; line-height: 15px; text-decoration: none; padding: 1px 0 1px 10px; border-left: 2px solid #431b15 }









/** Pagenavigation **/



.pagenavcounter  { color: #fff; font-size: 11px }



.pagenavbar  { margin: 10px 0; padding-top: 5px; border-top: 1px solid #431b15 }



.pagenav, .pagenav_prev, .pagenav_next {

  font-weight      : normal;

  }



a.pagenav:link, a.pagenav:visited {

  font-size        : 12px;

  text-decoration  : none;

  font-weight      : normal;

}



a.pagenav:hover {

  font-size        : 12px;

  text-decoration  : none;

  font-weight      : normal;

}



table.contenttoc  { background-color: #431b15; margin-bottom: 2px; margin-left: 2px; padding: 0; border: solid 1px #fff }



table.contenttoc th { color: #ffffff; background-color: #f00; margin: 0; padding: 2px }

table.contenttoc td { background: url(../images/arrow.png) no-repeat 4px 7px; margin: 0; padding: 3px 4px; border-bottom: 1px solid #431b15 }





table.contenttoc td a:link, table.contenttoc td a:visited{

padding-left        : 12px !important;

padding-left        : 0;

text-indent         : 12px;

text-decoration      : none;



}

table.contenttoc td a:hover { color: #602d26 }



/** Content **/





.sectiontableheader   { color: #ffffff; font-weight: bold; background-color: #431b15; letter-spacing: 1px; padding: 3px 5px; border: solid 1px #fff }





.sectiontableentry1  { line-height: 20px; background-color: #431b15; vertical-align: top; border-bottom: 1px solid #431b15 }



.sectiontableentry1 td, .sectiontableentry2 td { line-height: 20px; padding: 2px 5px; border-bottom: 1px solid #431b15 }



.sectiontableentry2  { line-height: 20px; background-color: #602d26; vertical-align: top; border-bottom: 1px solid #395884 }

.sectiontableentry1 img{

margin: 2px;

}

.sectiontableentry2 img{

margin: 2px;

}





a.category:link, a.category:visited {

  font-size        : 12px;

  font-weight      : normal;

  padding: 5px;

}





.small  { color: #602d26; font-size: 11px }

.smalldark  { color: #602d26; font-size: 11px }

.createdate, .modifydate  { color: #602d26; font-weight: normal; font-size: 11px; text-align: left; width: 100% }

.content_vote  { color: #fff; font-size: 11px; padding: 2px 0; height: 22px }

.content_rating  { color: #fff; font-size: 11px }



table.content{

  width            : 100%;

  padding          : 0;

  border-collapse  : collapse;

  border-spacing   : 0;

  margin-bottom    : 10px;

}



table.contentpane {

  width            : 100%;

  border-spacing   : 0;

  padding-left     : 5px;

  padding-right    : 5px;

  margin-bottom    : 5px;

}

table.contentpaneopen {

  width            : 100%;

  border-spacing   : 0;

  padding-left     : 5px;

  padding-right    : 5px;

  margin-bottom    : 5px;

}



.contentheading  { color: #fff; font-weight: bold; font-size: 16px; line-height: 21px; font-family: Arial, Verdana, Helvetica, sans-serif; background: #602d26 url(../images/corner_content.gif) no-repeat right top; text-align: left; text-indent: 0; margin: 3px 0; padding: 3px 5px; width: 100% }

.contentheading a  { text-decoration: none; background-color: #fff }

.componentheading  { color: #fff; font-weight: bold; font-size: 17px; line-height: 21px; font-family: Arial, Verdana, Helvetica, sans-serif; background: #602d26 url(../images/corner_content.gif) no-repeat right top; text-align: left; text-transform: uppercase; margin: 5px 1px; padding: 3px; width: auto }







.contentdescription { 

  width          : auto !important;

  margin         : 0;

  padding        : 0;

  padding-top    : 5px;

  text-align     : left;

}



 .blog_more {

margin   : 10px 0 7px 7px;

}



.buttonheading {

padding  : 0 2px;

}



.blog {

width:100%;

}



.article_seperator{

display: block;

width: 100%;

height: 20px;

background: url(../images/separator.gif) no-repeat 50% 30%;

}



.moduletable .article_seperator{

background     : none;

height         : 3px;

}







/** Polls **/





.poll {

	line-height : 13px;

	font-weight : normal;

      text-align  : left;

}

table.poll td{

	font-weight : normal;

      text-align  : left;

}



.pollstableborder { border: #fff }



/** CSS for Mainmenu **/



a.mainlevel   { font-weight: bold; font-size: 12px; text-indent: 10px; margin: 1px 0; padding: 0; width: 100%; display: block }



a.mainlevel:link, a.mainlevel:visited  { color: #fff; font-weight: normal; font-size: 14px; text-decoration: none; padding: 2px 0 2px 10px; border-bottom: 1px solid #431b15; display: block }

a.mainlevel:hover  { color: #fff; font-weight: normal; font-size: 14px; text-decoration: none; background-color: #431b15; padding-left: 10px; border-bottom: 1px solid #431b15 }

#active_menu  { color: #ffffff; text-decoration: none; background: #431b15 url(../images/menu.gif) no-repeat 96% 50%; border-bottom: 1px solid #431b15 }

a#active_menu:hover  { color: #602d26; border-bottom: 1px solid #431b15 }



ul#mainlevel{

 display           : block;

 width             : auto;

 background       : none;

 margin           : 0;

 padding         : 0; 

 list-style: none;

 text-align:left;

}

ul#mainlevel li{

 display           : block;

 width             : auto;

 background       : none;

 background-image : none;

 margin           : 0;

 padding         : 0;

 line-height      : 16px;

 text-align:left;

}





/** Sublevel for Mainmenu **/



.sublevel  { color: #fff; font-family: Arial, Helvetica, sans-serif; margin: 3px; padding: 3px 1px 3px 5px }

a.sublevel:link, a.sublevel:visited  { color: #fff; line-height: 20px; text-decoration: none }

a.sublevel:hover {

  color            : #f1f1f1;

  text-decoration  : none;

}

a.sublevel#active_menu  {

	background      : transparent;

	color           : #f1f1f1;

	border          : 0;

      

}







/** Topmenu styles for BOTTOM navigation (Position User3)**/



ul#mainlevel-nav {

  list-style       : none;

  padding-right    : 20px;

  margin           : 0;

     

}



#mainlevel-nav li {

  float            : right;

  display          : block;

  list-style       : none;

  background-image : none;

  padding          : 0;

  margin           : 0;

  width            : auto !important;

  font-size        : 13px;

  line-height      : 28px;

  white-space      : nowrap;

  



}

#mainlevel-nav li a  { color: #fff; font-size: 13px; text-decoration: underline; padding-right: 0; padding-left: 10px; display: block }



#mainlevel-nav li a:hover {

  display          : block;

  font-size        : 13px;

  color            : #cccccc;

    

}







/** images **/



.mosimage  { margin: 5px; padding-top: 3px; border: solid 1px #fff }



.mosimage_caption  { color: #f1f1f1; font-size: 10px; background-color: #431b15; margin-top: 3px; padding: 2px }





/** #################### index.php #################### **/



#body  { background-color: #431b15 }



.main { 

  text-align       : left; 

  width            : 100%;

 }



div.mod {

  background       : none;

  width            : 6px;

}





#centertb {



}



#contenttb { background: #431b15 url(../images/shadow.gif) repeat-y left top; padding: 0; border-right: 1px solid #fff }

#contenttb td.contentmod{

padding   : 10px;



} 

  



.footer_right {

  width            : 550px; 

  float            : right;

  font-size        : 12px;

  font-weight      : normal;

  text-align       : right;

     

 }



.footer_right p { color: #fff; padding-right: 20px }





.leftcol  { background: #602d26 url(../images/mod_left.jpg) repeat-y left top }



.leftcol #leftmod{

   vertical-align   : top;

   padding          : 10px;

   padding-bottom   : 150px;

   text-align       : left;

   width            : 200px;

   background       : url(../images/corner.gif) no-repeat top right;



}





.leftcol div{ 



}



.foot {

  height           : 57px;

  background       : url(../images/footer.gif) repeat-x top left;

  width            : 900px;

  margin           : 0 auto;

}





#logo {

  background     : url(../images/logo.gif) no-repeat 50% 50%;

  height         : 66px;

  width          : 100%;

  padding:0;

    }

#light  { background: #431b15 url(../images/light.jpg) no-repeat right top; padding: 0; width: 100%; height: 66px }



#header {

  background     : url(../images/city.jpg) no-repeat top left;

  height         : 223px;

  padding:0;

    }



#left_bottom{

position      : absolute;

left          : 62px;

bottom        :0;

background    :url(../images/man.gif) no-repeat;

width         : 80px;

height        : 198px;

}



#outconteiner2{

position    :relative;

text-align  : center;

width       : 900px;

margin      : 0px auto; 



}

#outconteiner1{

text-align  : center;

}



table.adminform, #images-page, #publish-page, #meta-page { background-color: #431b15 }