/*  
Theme Name: Brave Zeenat
Theme URI: http://www.dizenoco.com/demo
Description: A Portfolio Blog Theme with content slider and Category & Page Templates
Version: 1.0
Tags: black, dark, one-column, two-columns, fixed-width, photoblogging
Author: Dizeno Co
Author URI: http://www.dizenoco.com
*/

/*************************************
Universal Settings
*************************************/
body {
color : #dfeaec;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height:18px;
margin : 0;
padding : 0;
text-align : center;
}
#bg {background :  url(images/bg.jpg)  no-repeat center top ; width:100%; float:left; margin:0; padding:0;
}
#wrap {
margin : 0 auto;
text-align : justify;
width : 1000px;
padding : 0;
margin-top:0px;
}
#wrap-top
{
background:url(images/bg-top.jpg)  no-repeat center top ; 
width:100%;
float:left;
margin:0;
padding:0;


}
#content {
background: rgb(12,39,55) transparent;

background: rgba(12,39,55,0.7);
/*#0C2737;*/

/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
font-size : 1.2em;
float : left;
padding-top : 30px;
padding-left : 40px;
padding-right : 30px;
width : 539px;

min-height:500px;


}
#content input {-moz-border-radius: 4px 4px 4px 4px; height:25px; line-height:24px; font-size:14px; border:2px solid #CCCCCC; margin-top:4px;} 
#content textarea {-moz-border-radius: 4px 4px 4px 4px;  font-size:14px; border:2px solid #CCCCCC; margin-top:4px;} 

/*************************************
Typography & General Styles
*************************************/
h1, h2, h3, h4, h5 a{
font-family : Tahoma, Helvetica, sans-serif;
color: #fff;
text-align : left;
text-transform: uppercase;
margin: 5px 0;
}
h5 {
font-weight: normal;
}

h1, h2, h3, h4, h5 a:hover {
	color: #fd3700;
}
h1 {
font-size : 24px;
line-height : 26px;
}
h2 {
font-size : 18px;
line-height : 20px;
}
h3 {
font-size : 14px;
line-height : 16px;
color:#fff  !important;}
h4 {
font-size : 12px;
line-height : 14px;
}
h5 {
font-size : 11px;
line-height : 12px;
margin: 7px 3px;
text-align: left;
}
a {
text-decoration : none;
color: #fff;
}
a:hover {
text-decoration : none;
color: #fd3700;
}
a img {
border : none;
}
ul li {
list-style-type : none;
}
.thumbnail {
border : 1px solid #444;
float : left;
margin : 0 15px 15px 0;
}
.meta-data {
font-size : 10px;
line-height : 15px;
color: #aaa;
position : relative;
float : left;
width : 100%;
text-transform : uppercase;
padding : 0 0 0 1px;
margin: 5px 0;
}
.floatleft {
float : left;
}
.floatright {
float : right;
}
.clear, .cleared {
clear : both;
}
.seperator {
margin: 20px 0;
border-bottom : 1px solid #626262;
}
/*************************************
Header & Logo
*************************************/
#header {
width:100%;  height:170px;padding : 0;
margin : 0;
}
#header-top{ float:left; width:100%;}
#logo
{float:left;padding-top : 12px;
padding-left : 30px;}
#getquote {display:none; width:100%; float:left; height:300px; background:#111111;}
#quote-left {float:left; width:45%; text-align:left;}
#quote-right {float:right; width:45%; text-align:left;}
#quote-left input, #quote-right input{-moz-border-radius: 4px 4px 4px 4px; height:25px; line-height:24px; font-size:14px; border:2px solid #CCCCCC; margin-top:4px;} 
#quote-left textarea,#quote-right textarea {-moz-border-radius: 4px 4px 4px 4px;  font-size:14px; border:2px solid #CCCCCC; margin-top:4px;} 


#rss {float:right; width:70px; height:32px; margin-top:15px;}
#newsletter {height:52px;float:right; margin-left:10px;}
#get-quote {float:right; margin-left:10px;  height:52px;}
.logo img {
float : left;

border : none;
}
#menu
{
float:left; clear:both; height:60px; margin-top:15px; text-align:left; width:100%;
}
/*************************************
Top Navigation Columns
*************************************/
#top-nav-wrapper {
width : 480px;
height : 120px;
padding : 0;
margin : 20px 30px 0 0;
float : right;
display : block;
}
#top-nav-wrapper ul {
padding : 0;
margin: 5px 0;
width : 140px;
}
#top-nav-wrapper ul li {
border-bottom : 1px solid #555;
padding : 1px 5px;
}
.column-one {
width : 150px;
float : left;
padding : 5px;
}
.column-two {
width : 150px;
float : left;
padding : 5px;
}
.column-three {
width : 150px;
float : left;
padding : 5px;
}
/*************************************
Home Slider Styles
*************************************/
#content-home {background : url(images/portfolioimg-bg.jpg) no-repeat center top;
float:left;
}
.gallery-item { width:32% !important; margin:3px !important}
#main {
position : relative;
overflow : hidden;
height : 479px;
font-size: 11px;
}
#pages {
position : absolute;
height : 400px;
}
.page {
padding : 30px 0;
height : 500px;
width : 1000px;
}
.scrollable {
position : relative;
overflow : hidden;
width : 900px;
height : 475px;
margin : 0 auto;z-index:1;
}
.scrollable .items {
width : 20000em;
position : absolute;
clear : both;z-index:1;
}
.item {
float : left;
cursor : pointer;
width : 900px;
height : 300px;
z-index:1;}

.item img {
border : 1px solid #fff;
width:898px;
float:left;
margin-bottom:20px;
}
#bottom {
background : url(images/bottom-panel.jpg) no-repeat left top;
height : 180px;
padding : 0 20px;
float:left;
width:1000px;
margin-top:25px;

}
#main_navi {
background : #333;
width : 1000px;
height : 80px;
padding : 0 !important ;
margin : 0 auto !important ;

}
#main_navi li {
height : 80px;
padding : 0 0 1px 0;
width : 234px;
cursor : pointer;
list-style-type : none;
float : left;
}
#main_navi li:hover {
background-color : #555;
}
#main_navi li.active {
background-color : #777;
}
#main_navi img {
float : left;
margin-right : 10px;
}
#main_navi strong {
display : block;
}
#main div.navi {
margin-left : 50px;
cursor : pointer;
float:left; margin-bottom:10px;
min-width:100px;
}
/*************************************
Post Styles
*************************************/
.entry {
margin-bottom : 10px;
float:left;
 margin-left:25px;
}
.entry  h5 {
font-size:12px;
color:#cce7ee;
padding-left:10px;font-weight:bold;
margin-top:0;
}
#portfolio-container  .entry img {
border: 1px solid #fff;
width:450px;
height:150px;
}
.entrybody {
margin : 15px 0;
}
.entrymeta {
font-size : 11px;
padding : 5px 0 0 0;
}
/*************************************
Sidebar Styles
*************************************/
#sidebar {
background : #0C2737;
opacity:0.7;
font-size : 12px;
float : right;
padding-top : 0px;
padding-right : 40px;
padding-left : 30px;
width : 300px;
margin: 0;
color:#fff;-moz-opacity:0.7;
-khtml-opacity: 0.7;
filter:alpha(opacity=70);
padding-bottom:20px;
}
#sidebar h4 {
margin : 20px 0 10px 0;
padding : 10px;
font-size : 12px;
line-height: 14px;
font-weight: bold;
background: #fff;
color:#000;
}
.tagcloud{ margin-top:10px; margin-bottom:15px}

#sidebar ul {
list-style-type : none;
margin : 0;
padding : 0;
font-size : 11px;
}
#sidebar ul li {
background : url(images/list-bg.png) no-repeat left;
border-bottom : 1px solid #404040;
margin-bottom : 0.3em;
padding : 3px 3px 3px 20px;
}
#sidebar ul li:hover {
background : url(images/list-bg-over.png) no-repeat left;
}
#ad-300 {
	width: 300px;
	float: left;
}
/*************************************
Comments Styles
*************************************/
.commentsblock {
width : 539px;
margin : 15px 0;
padding : 0;
}
.commentsblock textarea {
width : 539px;
background : #555;
}
.commentsblock input, .commentsblock textarea {
background : #555;
border : 1px solid #777;
}
.commentsblock textarea:focus {
background : #ddd;
border : 1px solid #555;
}
.commentsblock textarea:focus, .commentsblock input:focus {
background : #ddd;
border : 1px solid #555;
}
.commentauthor {
display : block;
font-size : 1.5em;
}
ol.commentlist {
color : #888;
font-size : 0.9em;
list-style-type : none;
margin : 0;
margin-top : 1.5em;
padding : 0;
}
.commentlist li {
margin-bottom : 0.5em;
padding : 0.5em 1em;
}
.alt {
background : #222;
border : 1px solid #333;
padding : 0.5em;
}
/*************************************
Portfolio Styles
*************************************/
#portfolio-container {
background : url(images/portfolioimg-bg.jpg)  scroll center top transparent ;
float : left;
margin : 0;
width : 1000px;
min-height : 550px;
list-style-type : none;
clear : both;
text-align: center;
}
.portfolio-thumbnail {
/*background : url(images/portfolio-picture-bg.jpg) no-repeat center bottom;*/
float : left;
width :450pxpx;
height : 152px;
margin : 0 5px 10px 5px;
padding : 0px;
overflow : hidden;
display : block;
}
#portfolio-title {
background : url(images/portfolio-top-bg-x.jpg) repeat-x ;
width : 900px;
height: 30px;
padding : 35px 0 20px 100px;
margin: 0;
float : left;
text-align : left;
display : block;
font-size : 35px;
text-transform : uppercase;
font-family:  Arial, Helvetica, sans-serif;
font-weight: bold;
color: #b8b8b8;
margin-bottom:10px;
opacity:0.7;
-moz-opacity:0.7;
-khtml-opacity: 0.7;
filter:alpha(opacity=70);
position:relative;
}
#portfolio-title img {position:absolute; left:35px; top:20px; z-index:4;}
#category-title {
width : 600px;
padding : 50px 0;
height : 100px;
float : right;
text-align : left;
display : block;
font-size : 35px;
text-transform : uppercase;
}

/*************************************
Services Page Navigation Tabs
*************************************/
#nav {
display : block;
height : 66px;
width : 1000px;
margin : 0 auto;
}
#nav ul {
width : 1000px;
padding : 0;
margin : 0 auto;
display : block;
}
#nav li {
float : left;
list-style-type : none;
text-align : center;
}
#nav a {
display : block;
position : relative;
word-spacing : -2px;
font-size : 11px;
height : 80px;
text-decoration : none;
}
#nav a.current {
background : #333;
}
#nav img {
border : none;
display : block;
float : left;
}
#nav strong {
display : block;
font-size : 13px;
}
#panes {
background :url(images/portfolioimg-bg.jpg) no-repeat scroll center top transparent;
width : 1000px;
min-height : 550px;
padding-top : 25px;
position : relative;
font-size: 12px;
float:left;
}
#panes div {
display : block;
/*position : absolute;*/
width : 900px;
float:left;
}
#panes div#quote-left {float:left; width:45%; text-align:left;}
#panes div#quote-right {float:right; width:45%; text-align:left;}
#random-serv {position:inherit}
#panes img {
border : 1px solid #616262;
float : right;
margin-bottom : 15px;
}
#panes input {-moz-border-radius: 4px 4px 4px 4px; height:25px; line-height:24px; font-size:14px; border:2px solid #CCCCCC; margin-top:4px;} 
#panes textarea {-moz-border-radius: 4px 4px 4px 4px;  font-size:14px; border:2px solid #CCCCCC; margin-top:4px;} 

#panes textarea:focus {
background : #ddd;
border : 2px solid #555;
}
#panes textarea:focus {
background : #ddd;
border : 2px solid #555;
}
#panes input:focus {
background : #ccc;
border : 2px solid #555;
}
#panes select {
background : #333;
color: #999;
border : 2px solid #777;
}
#panes select:focus {
background : #111;
color: #aaa;
border : 1px solid #777;
}
.more {
font-weight : bold;
}
.overlay {
display : none;
width : 900px;
padding : 20px;
}
#pservices {padding-left:50px; padding-right:25px; width:900px; float:left; margin:0;}
#pservices ul {   list-style: disc; list-style-type:disc; font-weight:bold;}
#pservices ul li{ list-style:disc; list-style-type:disc; margin-bottom:5px;}
/*************************************
Full Width Page Styles
*************************************/
#fullwidth-container {
background :url("images/portfolioimg-bg.jpg") no-repeat scroll center top transparent;
float : left;
padding-top : 30px;
padding-left : 40px;
padding-right : 40px;
margin : 0;
width : 900px;
list-style-type : none;
clear : both;
}
#fullwidth-container img {
border : 1px solid #616262;
float : right;
margin-bottom : 15px;
}
#fullwidth-container textarea {
width : 798px;
height : 75px;
background : #555;
}
#fullwidth-container input {
background : #333;
border : 1px solid #777;
}
#fullwidth-container textarea {
background : #333;
border : 1px solid #777;
}
#fullwidth-container textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#fullwidth-container textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#fullwidth-container input:focus {
background : #ccc;
border : 1px solid #555;
}
#fullwidth-container select {
background : #333;
color: #999;
border : 1px solid #777;
}
#fullwidth-container select:focus {
background : #111;
color: #aaa;
border : 1px solid #777;
}
/*************************************
Footer
*************************************/
#footer {
-moz-opacity:0.9;
-khtml-opacity: 0.9;
filter:alpha(opacity=90);
opacity:0.90; 
background : url(images/bg-footer-x.jpg) repeat-x;
height : 101px;
clear : both;
font-size : 11px;
margin-top : 15px;
text-align: left;
width:100%;
float:left;
color:#000000;

}
#footer-wrap {
width:1000px;
padding:5px;


}
.notices {
width: 1000px;
margin: 0 auto;
text-align: left;
}
.notices img{
float: right;
margin-top: 5px;
}
.footer { float:left; margin:0; padding:0;}
/*************************************
Twitter Feed on Homepage
*************************************/
#twitter-feed {
background : url(images/twitter-bg.png) no-repeat left top;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
width : 550px;
float : left;
padding : 0 0 0 20px;
margin-top : 20px;
}
#twitter_div ul {
list-style-type : none;
}
#twitter_div li a {
text-decoration : none;
list-style-type : none;
}
#twitter_div li a:hover {
text-decoration : none;
}
/*************************************
Search Form, Search & Tags Page Title
*************************************/
#search-form {
margin-top : 14px;
float : right;
background :url(images/search-bg.jpg) no-repeat center;
float:right; width:185px; margin-right:10px;
}
.search-btn{ display:block !important; background:url(images/search-icon.png) no-repeat center !important; width:18px !important; height:16px !important; vertical-align:middle; float:right; margin-top:7px;}
#search-form input {
width : 150px;
border : none;
color: #fff;
padding : 3px;
height:32px;
background:none;
float:left;
}
#search-tags-title {
width : 510px;

background: #D0E9F3;
margin: 0 0 10px 0;
padding : 0 15px;
line-height : 24px;
float : left;
text-align : left;
display : block;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size : 24px;
font-weight: bold;
color: #38464A;
text-transform : uppercase;
text-decoration: none;
}
/*************************************
PageNavi Container
*************************************/
#page-navigator {
float : right;
margin-top : 15px;
margin-bottom : 15px;
margin-right : 25px;
}
.navigation {
display : block;
text-align : center;
padding-top : 38px;
height : 50px;
padding-left : 6px;
margin : 0 auto;
}
/*************************************
WP Page Navi Styles
*************************************/
.wp-pagenavi a, .wp-pagenavi a:link {
padding : 2px 6px 2px 5px;
margin : 2px;
text-decoration : none;
border : 1px solid #626262;
background-color : #333;
}
.wp-pagenavi a:visited {
padding : 2px 6px 2px 5px;
margin : 2px;
text-decoration : none;
border : 1px solid #555;
background-color : #222;
}
.wp-pagenavi a:hover {
border : 1px solid #444;
color : #ccc;
background-color : #222;
}
.wp-pagenavi a:active {
padding : 2px 6px 2px 5px;
margin : 2px;
text-decoration : none;
border : 1px solid #626262;
background-color : #333;
}
.wp-pagenavi span.pages {
padding : 2px 8px 2px 6px;
margin : 2px 2px 2px 2px;
border : 1px solid #626262;
background-color : #111;
}
.wp-pagenavi span.current {
padding : 2px 6px 2px 5px;
margin : 2px;
font-weight : bold;
border : 1px solid #626262;
background-color : #222;
}
.wp-pagenavi span.extend {
padding : 2px 6px 2px 5px;
margin : 2px;
border : 1px solid #626262;
background-color : #333;
}


.navi {

float:left;

}

.navi a.active {
background:url("images/dots.png") no-repeat scroll left bottom transparent;
}

.navi a {
background:url("images/dots.png") no-repeat scroll left top transparent;
display:block;
float:left;
height:12px;
margin-right:5px;
text-indent:-99999em;
width:12px;
}

.main {height:60px; float:left;}


#menu-top-menu,#menu-top-menu-ro {height:60px; float:left; width:100%; margin:0; list-style:none; list-style-type:none; padding:0;	z-index: 50 ;}
#menu-top-menu li,#menu-top-menu-ro li {height:60px; float:left; font-size:15px; font-weight:bold; font-family:tahoma, verdana, arial; line-height:60px;position: relative;	z-index: 50 ; }
.current_page_item a{color:#000 !important;	
}
#menu-top-menu li:hover, #menu-top-menu-ro li:hover{ background:url("images/main-menu-gradient-x.jpg") repeat-x scroll 0 0 ;}
#menu-top-menu li a,#menu-top-menu li a:link,#menu-top-menu li a:visited,#menu-top-menu-ro li a,#menu-top-menu-ro li a:link,#menu-top-menu-ro li a:visited {display:block; text-decoration:none; color:#ccd8e0;padding-left:20px; padding-right:20px; 	z-index: 50 ;}
#menu-top-menu li a:hover,#menu-top-menu-ro li a:hover {color:#f33a00;}

#menu-top-menu ul,#menu-top-menu-ro ul {
	
	display: none;
	position: absolute;
	top: 60px;
	left: -40px;
	float: left;
	width: 300px;
	z-index: 50 ;
	
}
#menu-top-menu ul li, #menu-top-menu-ro ul li {
	min-width: 180px;background:url("images/submenu-gradient-x.jpg") repeat-x scroll 0 0 #eaeff2 !important;
	min-height:37px;
	color:#0c2737;
		z-index: 50 ;}
#menu-top-menu ul li a:link,#menu-top-menu ul li a:visited,#menu-top-menu-ro ul li a:link,#menu-top-menu-ro ul li a:visited{ color:#0c2737;	min-height:37px;
}
#menu-top-menu ul li a:hover, #menu-top-menu-ro ul li a:hover{ color:#f33a00;	min-height:37px;
}
#menu-top-menu ul ul ul, #menu-top-menu-ro ul ul ul {
	left: 100%;
	top: 0;
}
#menu-top-menu ul ul a, #menu-top-menu-ro ul ul a {
	
	line-height: 1em;
	padding: 10px;	
	width: 160px;
	height: auto;
	color:#002b46;
	display:block;
}
#menu-top-menu li:hover > a,
#menu-top-menu ul ul :hover > a,#menu-top-menu-ro li:hover > a,
#menu-top-menu-ro ul ul :hover > a {
background:url("images/submenu-menu-gradient-x.jpg") repeat-x scroll 0 0 ;
	color: #f33a00;	position: relative;	min-height:37px;


}
#menu-top-menu ul li:hover > ul,#menu-top-menu-ro ul li:hover > ul {
	display: block;
}
#menu-top-menu li:hover > ul,#menu-top-menu-ro li:hover > ul {
	display: block;
}

#menu-top-menu ul li.current_page_item > a,
#menu-top-menu ul li.current-menu-ancestor > a,
#menu-top-menu ul li.current-menu-item > a,
#menu-top-menu ul li.current-menu-parent > a,#menu-top-menu-ro ul li.current_page_item > a,
#menu-top-menu-ro ul li.current-menu-ancestor > a,
#menu-top-menu ul-ro li.current-menu-item > a,
#menu-top-menu ul-ro li.current-menu-parent > a  {
	color: #000;
}
* html #menu-top-menu ul li.current_page_item a,
* html #menu-top-menu ul li.current-menu-ancestor a,
* html #menu-top-menu ul li.current-menu-item a,
* html #menu-top-menu ul li.current-menu-parent a,
* html #menu-top-menu ul li a:hover {
	color: #fff;
}
* html #menu-top-menu-ro ul li.current_page_item a,
* html #menu-top-menu-ro ul li.current-menu-ancestor a,
* html #menu-top-menu-ro ul li.current-menu-item a,
* html #menu-top-menu-ro ul li.current-menu-parent a,
* html #menu-top-menu-ro ul li a:hover {
	color: #fff;
}



#menu-footer-menu,#menu-footer-menu-ro { float:left; list-style:none; list-style-type:none; height:30px; margin:0; padding:0; }
#menu-footer-menu li,#menu-footer-menu-ro li { float:left; padding:5px; line-height:25px; color:#010101;}
#menu-footer-menu li a:link,#menu-footer-menu-ro li a:link,#menu-footer-menu-ro li a:visited,#menu-footer-menu li a:visited {color:#010101; text-decoration:none; font-weight:bold;}
#menu-footer-menu li a:hover,#menu-footer-menu-ro li a:hover {color:#f33a00; text-decoration:none;}

.notices a, #rights a {color:#FD3700; font-weight:bold;}