/*
Theme Name: Zoo
Theme URI: http://makodef.com/
Description: Zoo theme for Rauzon by makodef
Version: 1.0
Author: Abubakryn
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php

*/
body {
	background:#D2D093;
	margin:0;
	padding:0;
}
#main_content{
	clear: both;
	width:800px;
	margin: 0px 0 0 -4px;
	padding: 0px 0 0px;
	border-width: 0 4px;
	border-color:#C7C68D;
	border-style:solid;
	float: left;
	background:#fff url(images/zeb.jpg) bottom right no-repeat;
	text-align:left;
}

#middleBox-home{
	height:551px;
	width:836px;
	margin: 10px auto 0;
	text-align:left;
	background:#D2D093 url(images/rauzon_template.gif) repeat top;
}
#frontBox{
	width:555px;
	height:340px;
	float:left;
	margin:187px 100px 96px 142px;
}
#frontBox ul{
	float:left;
	margin: 0;
	padding: 0;
}
li.singleBox{
	width:174px;
	height:166px;
	float:left;
	margin: 0 10px 10px 0;
	background-color:#757443;
	list-style:none;
	overflow:hidden;
}
li.top{
	width:174px;
	height:166px;
	float:left;
	margin: 0 10px 11px 0;
	background-color:#757443;
	list-style:none;
	overflow:hidden;
}
.singleBox a  {
}
li.singleBox a:hover {
background-color:#484630;
}
li.singleBox h1{
	border:0;
	background-color:#757443;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	text-transform:uppercase;
	line-height:100%;
	letter-spacing: 0px;
	float:left;
	padding: 9px 10px 11px;
	margin: 0px 0px 0px 0;
	width:154px;
	height:11px;
		position:relative;
}
h1.boxHeader
        {
                cursor: move;
        }
        .sortHelper
        {
                border: 1px dashed #ccc;
                width: auto !important;
        }
li.top h1{
	padding: 8px 10px 12px;
}
li.singleBox h1 img{
	margin:-1px 5px 0 0; 
	float:left;
}
li.top h1 img{
	margin:-1px 5px 0 0; 
	float:left;
}
li.top img{
	margin:1px 5px 0 0; 
	float:left;
}
li.singleBox a:hover h1{
	background-color:#484630;
	color:#fff;
}
div#frontBox ul li.singleBox a img.thumb  {
	margin:0px 5px 0 0; 
	border:2px solid #757443;
	-moz-opacity:0.80; /* for mozilla */
	opacity: 0.80; /* for safari */
	khtml-opacity: 0.80; /* for konquerer and older safari */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
div#frontBox ul li.singleBox a:hover img.thumb  {
	border-color:#484630;
	-moz-opacity:1.0; /* for mozilla */
	opacity: 1.0; /* for safari */
	khtml-opacity: 1.0; /* for konquerer and older safari */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
li.singleBox a {
	color:#FFFFFF;
}

.frontInfo{
	width:383px;
	float:left;
}
.frontInfo_box{
	margin-bottom:20px;
	padding: 10px;
	background: #eee url(images/sideboxbg.gif) top left repeat-x;
	border: 1px solid #ddd;
}
.right-20{
	margin-right:20px;
	}
.title {
color:#757443;
font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
font-size:36px;
font-size-adjust:none;
font-style:italic;
font-variant:normal;
font-weight:bold;
line-height:35px;
text-shadow:0 1px 0 #FFFFFF;
	margin:0px 0px 20px 10px;
}

div.title a{
color:#757443;
}
div.title a:hover{
color:#757443;
}
/*  

*/

#baaps{
	background:#D2D093 url(images/baaps_top.gif) scroll top left no-repeat;
	width:800px;
	margin: 0px auto 0px auto;
	text-align:center;
	height:968px;
	padding: 162px 0px 0;
}

div.about img{
	margin:0px 5px; 
	border: 1px solid #ccc;
	padding:4px;
}
/* -------------------[ Main Page Elements ]------------------- */

body {
	font-size: 9pt;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:#D2D093 url(images/rauzon..jpg) top left no-repeat;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 150%;
	}

#blogtitle {
	width: 850px;
	height: 110px;
	margin: 0 auto;
	padding: 0;
	background: url(images/titlebg.gif) bottom left no-repeat;
	}

#containertop {
	clear: both;
	width: 850px;
	height: 20px;
	background: transparent url(images/containerbg.gif) top left no-repeat;
	margin: 0 auto;
	padding: 0;
	}

#container {
	width: 850px;
	background: url(images/containermid.gif) top left repeat-y; 
	margin: 0 auto;
	padding: 0;
	}

#page {
	clear: both;
	width: 770px;
	margin: 15px;
	padding: 0px;
	float: left;
	}   

#content {
        width: 470px;
        float: left;
        margin: 0;
        padding: 0;
	}

#sidebar {
        font-size: 8pt;
        width: 270px;
        float: right;
        margin: 0;
        padding: 0;
        line-height: 130%
	}

#containerbot {
        clear: both;
        width: 850px;
        height: 30px;
        background: url(images/containerbg.gif) bottom left no-repeat;
        margin: 0 auto 0px auto;
        padding: 0;
        }

#footer {
	border-top: 1px solid #ccc;
	color: #666;
	font-size: 0.8em;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 5px 0 5px;
	clear: both;
	text-align: center;
	width: 760px;
	margin: 0px auto 0px;
	background: #fff;
	}	
#footer .copyright {
	color: #999;
	margin: 3px 0px 3px 10px;
	text-transform: uppercase;
	font-family:Tahoma, Arial, sans-serif;
}	
#footer .copyright a {
	color: #999;
}	
#footer .copyright a:hover {
	color: #cc0000;
	background-color:#FFFFFF;
	
}



/* -------------------[ Headings ]------------------- */

h1, h2, h3,h4,h5 {
	font-family: arial;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	letter-spacing: -1px;
	text-align: left;
	line-height: 110%;
	display:block;
	}

h1 {
	font-size: 2em;
	border-top: 4px solid #42410E;
	padding: 5px 0;
	margin: 0;
	}

h2 {
	font-size: 1.7em;
	border-top: 4px solid #757443;
	padding: 5px 0;
	margin: 0;
	}

h3 {
	font-size: 1.7em;
	}

h4,h5 {
        font-size:1.5em;
        }

#blogtitle h1 {
	border: none;
	font-size: 2.2em;
	font-family: arial;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1px;
	margin: 0px;
	padding: 10px 50px 5px 50px;
	text-align: center;
	}

.pagetitle {
	font-size: 2em;
	border-top: 4px solid #111;
	padding: 5px 0px;
	border-bottom: 1px solid #cc0000;
	margin: 0 0 10px 0;
	}

h2#comments,h2#respond,h2#trackbacks {
        border-bottom: 1px solid #000;
        padding-bottom:3px;
        margin-bottom:1px;
        }

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
        border:0;
        padding:0;
        margin-bottom:10px;
        }

/* -------------------[ Links ]------------------- */

a, a:link, a:visited {
	color: #cc0000;
	text-decoration: none;
	}

a:hover, a:active {
	color: #fff;
        background: #757443;
	}

#footer a {
	color: #999;
	text-decoration: none;
	}

#blogtitle h1 a {
        color: #fff;
        }
        
	
/* -------------------[ Images ]------------------- */

.entry img {
        margin: 0 0 5px 0px;
        background: #fff;
        padding: 0px;
        border: 0px solid #ccc;
        }

img.alignright {
        float: right;
        clear: right;
        margin: 0 0 5px 10px;
        background: #fff;
        padding: 2px;
        border: 1px solid #ccc;
        }

img.alignleft {
        float: left;
        clear: left;
        margin: 0 10px 5px 0px;
        background: #fff;
        padding: 2px;
        border: 1px solid #ccc;
        }

img.centered { 
        display: block; 
        padding: 2px; 
        margin: 0 auto 20px auto; 
        border: 1px solid #ccc; 
        float: none; 
        clear: both;
        }

/* -------------------[ Form Elements ]------------------- */

#commentform {
        background: #eee;
        font-size:8pt;
        padding: 15px 15px 1px;
        margin: 0 0 10px 0;
        }

#commentform label {
        display:block;
        margin: 0;
        }

#commentform input {
	width: 170px;
	padding: 1px;
	margin: 0px 5px 10px 0;
	}

#commentform textarea {
        width: 400px;
        padding: 0;
	margin: 0px 0px 10px 0; 
	}

#commentform #submit {
	margin: 0 0 20px 0;
	}

#commentform p {
        margin: 5px 0;
	}

/* -------------------[ Sidebar ]------------------- */

#sidebar ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;
	}

#sidebar ul ul {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 10px;
	background: #eee url(images/sideboxbg.gif) top left repeat-x;
	border: 1px solid #ddd;
	}
#sidebar ul ul li{
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 0px;
	}

#sidebar h2 {
    border:0;
	font-size: 10px;
	font-family: tahoma;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin: 0 0 5px 0;
	}

#sidebar ul ul {
        list-style-type: none;
        }

#sidebar li li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background:transparent;
	border: 0;
        }


/* -------------------[ Comments ]------------------- */


ol.commentlist {
        font-size:8pt;
        padding: 0;
        margin: 0;
        }

ol.commentlist li {
	display: block;
	list-style: none;
        padding: 15px 15px 1px;
	margin: 0 0 1px ;
        background: #eee;
	}

ol.tblist {
	list-style: none;
        background: #eee;
        padding: 15px 15px 10px;
        font-size: 8pt;
        margin: 0 0 1px;
        }

ol.tblist li {
	display: block;
	list-style: none;
        padding: 0;
        margin: 0;  
        background: #eee;    
	}

/* -------------------[ Misc Tags and Classes ]------------------- */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dotted #999;
	}

* html acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 10px 30px;
	padding-left: 10px;
	border-left: 5px solid #ddd;
        color: #666;
	}

.center {
	text-align: center;
	}

a img, img a {
	border: none;
	}

.navigation {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	}

.navigation .alignright {
	float: right;
	margin: 0 0 10px 0;
	}
	
.navigation .alignleft {
	float: left;
	margin: 0 0 10px 0;
	}

p {
	margin-top: 0px;
	margin-bottom: 15px;
	} 

.entry {
	padding: 10px 0 0 0;
	margin: 0;
	}

.postinfo {
        font-size:10px;
	margin: 0px;
	border-bottom: 1px solid #000;
	padding: 0px 0px 5px 0px;
	}

.postinfo2 {    
        clear: both;
	margin: 10px 0 0 0px;
        font-size:10px;
	padding: 5px 0 5px 0px;
        border-top: 1px solid #000;
	}

.post {
	margin: 0 0 20px 0px;
	padding: 0;
	line-height: 130%;
	}

.featurepost {
	margin: 0 0 20px 0px;
	padding: 20px;
	line-height: 130%;
	background: #eee url(images/featuredbg.gif) top left no-repeat;
	border: 1px solid #ddd;
	}
.featuresingle {
	margin: 0 0 20px 0px;
	padding: 20px;
	line-height: 130%;
	background: #fff;
	border: 1px solid #ddd;
	}

.description {
        color: #fff;
        text-align: center;
        padding: 0 50px;
        }

.date {
        float: right;
        text-align: center;
        font-size: 10px;
        font-weight: bold; 
        width: 120px;
        height: 21px;
        color: #fff;
        background: url(images/datebg.gif) top left no-repeat;
        padding: 4px 0 0 0;
        margin: 0;
        }

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}
   

/************************************************
*	Navigation      								*
************************************************/

#navbar {
	float:left;
	width: 100%;
	height: 28px;
	margin: 0px auto;
	padding: 0px 0px 0 0px;
	background: #5C5C34;
	border-top:1px solid #85844B;
	border-bottom:1px solid #484630;
        background: url(images/nav.gif) repeat-x scroll 0 -28px;
	}
	
#nav {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-left:1px solid #414125;
	border-right:1px solid #5C5C34;
	}
#nav li {
	float: left;
	list-style: none;
	margin: 0px 0px;
	padding: 0px;
	position:relative;
	}
#nav li a, #nav li a:link, #nav li a:visited {
	display: block;
	font-size: 15px;
	font-weight: bold;
	text-transform: none;
	margin: 0px 0px 0px 0px;
	padding: 4px 12px 6px;
	color: #F2F1E2; 
	border-left:1px solid #85844B;
	border-right:1px solid #414125;
	}
#nav li a:hover, #nav li a:active {
	background: #747342;
	color: #fff;
	cursor: pointer;
	}
#nav li.current_page_item a { 
	color: #fff;
	background: #757443;
        background: url(images/nav.gif) repeat-x scroll 0 0;
	}
#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -997em;
	height: auto;
	width: 189px;
	margin: 0 0 0px;
	padding: 0px 0 0px 0;
	overflow:hidden;
	background-color:#747342;
	}
#nav li ul {
	/*-moz-opacity:0.85; 
	opacity: 0.85; 
	khtml-opacity: 0.85; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);*/
	}
#nav li li a, #nav li li a:link, #nav li li a:visited {
	border-top:1px solid #85844B;
	border-bottom:1px solid #414125;
	padding: 8px 10px;
	margin: 0px;
	color: #fff;
	}
#nav li li a:hover, #nav li li a:active {
	background: #414125;
	}
#nav li ul a { 
	width: 189px;
	}
#nav li ul ul {
	margin: -32px 0 0 171px;
	}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, 
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}
#nav li:hover, #nav li.sfhover { 
	position: static;
	}
/* -------------------[ Search ]------------------- */

#searchform {
	margin: 0;
	padding: 0; 
        }

#searchform #s {
        width: 120px;
	margin-right: 2px;
	}

#searchform #submit {
	}