/*  
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
Author: Dizeno Co
Author URI: http://www.dizenoco.com
*/

/*************************************
Universal Settings
*************************************/
body {
background : #333 url(images/bg-home.jpg) repeat-x center top;
color : #aaa;
font-family : Tahoma ;
/* font-size : 10px; */
line-height : 14px;
margin : 0;
padding : 0;
text-align : center;
}
#wrap {
margin : 0 auto;
text-align : justify;
width : 980px;
padding : 0;
}
#content {
background : url(images/content-bg.jpg) no-repeat left top;
font-size : 0.9em;
float : left;
padding-top : 30px;
padding-left : 40px;
padding-right : 30px;
width : 539px;
border-right : 1px solid #616262;
line-height:150%;
}
/*************************************
Typography & General Styles
*************************************/
h1, h2, h3, h4, h5 a{
font-family : "Arial", Helvetica, sans-serif;
color: #999;
text-align : left;
text-transform: uppercase;
margin: 5px 0;
}
h5 {
font-weight: normal;
}
h1, h2, h3, h4, h5 a:hover {
color: #AAA;
}
h1 {
font-size : 24px;
line-height : 26px;
}
h2 {
font-size : 18px;
line-height : 20px;
}
h3 {
font-size : 14px;
line-height : 16px;
}
h4 {
font-size : 12px;
line-height : 14px;
}
h5 {
font-size : 11px;
line-height : 12px;
margin: 7px 3px;
text-align: left;
}

a h3{
color:#39f;
text-decoration:underline;
}


a img {
border:none;
}
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 {
background : url(images/header-bg.jpg) no-repeat left top;
height : 130px;
padding : 0;
margin : 0;
}
.logo img {

border : none;
}
/*************************************
Top Navigation Columns
*************************************/
#top-nav-wrapper {
width : 480px;
height : 120px;
padding : 0;
margin : -10px 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 3px 0px;
}

/*********Added by qb**************/
.check { background:url("/wp-content/themes/brave-zeenat/images/check-green.png") no-repeat left center;padding-left:30px; line-height:130%;}

#top-nav-wrapper ul li a {
  color:#5e5e5e;
}

#top-nav-wrapper ul li a:hover {
  color:#9e9e9e;
  text-decoration:none;
}


img.screenshot { width:280px}

a.btn-freedown {
margin-top:60px;
margin-bottom:20px;
display:inline-block;
}


dl.shotinfo {
color:#ADADAD;
font-weight:normal;
margin:0 auto;
padding-top:50px;
text-align:left;
width:230px;
}

.sub-title {
 font-weight:normal;
 margin-bottom:20px;
}


  dl.shotinfo dt {
  font-size:12px;
  border-bottom:1px #606060 solid;
  padding-bottom:10px;
  margin-bottom:15px;
}


  dl.shotinfo dd {
  margin-left:0px;
  margin-top:5px;
}

  dl.shotinfo dd span {
  width:100px;
  margin-right:5px;
  display:inline-block;
}


  dl.face-list { 
   margin-top:50px;
}
  dl.face-list dt {
    font-size:18px ;
    padding-bottom:30px; 
}
  dl.face-list dd { margin-left:0px;margin-bottom:10px;}


.user-review { 
    display:inline-block;
    margin-top:50px;
 }
.user-review dl { width:225px;float:left;}
.user-review dl dt { font-size:14px; padding-bottom:10px; border-bottom:1px #606060 solid; margin-bottom:15px;}
.user-review dl dd { margin-left:0px; }

  .user-review .user-l { margin-right:15px; }
  .user-review .user-r { padding-left:20px;}
  .user-review .user-r  img { width:98px; height:56px;}



#top-nav-wrapper h4 {
  font-weight:normal;
  margin-bottom:10px;
}

.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
*************************************/
#main {
background : url(images/slider-bg.jpg) no-repeat left top;
position : relative;
overflow : hidden;
height : 700px;
font-size: 11px;
}
#pages {
position : absolute;
height : 600px;
}

#pages p { 
 line-height:150%;
}



.page {
padding : 60px 0;
height : 500px;
width : 980px;
}
.scrollable {
position : relative;
overflow : hidden;
width : 900px;
height : 700px;
margin : 0 auto;
}
.scrollable .items {
width : 20000em;
position : absolute;
clear : both;
}
.item {
float : left;
width : 900px;
height : 300px;

}
.item .left{
float : left;
width : 38%;
height : 300px;
text-align:center;
}

/*  
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
Author: Dizeno Co
Author URI: http://www.dizenoco.com
*/

/*************************************
Universal Settings
*************************************/

#wrap {
margin : 0 auto;
text-align : justify;
width : 980px;
padding : 0;
}

/*************************************
Typography & General Styles
*************************************/
h1, h2, h3, h4, h5 a{
font-family : "Arial", Helvetica, sans-serif;
color: #999;
text-align : left;
text-transform: uppercase;
margin: 5px 0;
}
h5 {
font-weight: normal;
}
h1, h2, h3, h4, h5 a:hover {
color: #AAA;
}
h1 {
font-size : 24px;
line-height : 26px;
}
h2 {
font-size : 18px;
line-height : 20px;
}
h3 {
font-size : 14px;
line-height : 16px;
}
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:#59c569;
}
a h3{
color:#39f;
text-decoration:underline;
}

a:hover {
text-decoration:underline;
}


a img {
border:none;
}
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 {
background : url(images/header-bg.jpg) no-repeat left top;
height : 130px;
padding : 0;
margin : 0;
}
.logo img {

border : none;
}
/*************************************
Top Navigation Columns
*************************************/
#top-nav-wrapper {
width : 480px;
height : 120px;
padding : 0;
margin : -10px 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 3px 0px;
}

/*********Added by qb**************/
.pic {
    float: left;

    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
}

#top-nav-wrapper ul li a {
  color:#5e5e5e;
}

#top-nav-wrapper ul li a:hover {
  color:#9e9e9e;
  text-decoration:none;
}


img.screenshot { width:280px;}





#top-nav-wrapper h4 {
  font-weight:normal;
  margin-bottom:10px;
}

.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
*************************************/

#pages {
position : absolute;
height : 600px;
}
.page {
padding : 60px 0;
height : 500px;
width : 980px;
}

.item {
float : left;
width : 900px;
height : 300px;

}
.item .left h4,.item .left p {
 text-align:left;
}


.item .right {
float:left;
padding-left:20px;
width:54%;
}

.item .right li{
 margin:10px -15px;
 width:500px;
 word-wrap: break-word;
}

.item .right  p { font-size:12px; line-height:150%;}

.item .left .cleanleft{
float : left;
width : 170px;
/* height : 300px; */
color:#ccc;
}
.item .right .cleanright{
color:#AAA;
float : right;
width : 160px;
height : 300px;
}
.item1 {
float : left;
cursor : pointer;
width : 900px;
height : 300px;
}

#bottom {
background : url(images/home-bottom-bg.jpg) no-repeat left top;
position : relative;
overflow : hidden;
height : 80px;
margin-top : 1px;
padding : 0 40px;
}
#main_navi {
background : #333;
width : 900px;
height : 66px;
padding : 0 !important ;
margin : 0 auto !important ;
border-top : 1px solid #444;
border-bottom : 1px solid #444;
}
#main_navi li {
background-color : #222;
height : 65px;
padding : 0 0 1px 0;
width : 450px;
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 : 250px;
cursor : pointer;
}
/*************************************
Post Styles
*************************************/
.entry {
margin-bottom : 15px;
}

/*
.entry img {
border: 1px solid #555;
}
*/

.entrybody {
margin : 15px 0;
}

.entrymeta {
font-size : 11px;
padding : 5px 0 0 0;
}
/*************************************
Sidebar Styles
*************************************/
#sidebar {
background : url(images/sidebar-bg.jpg) no-repeat right top;
font-size : 12px;
float : right;
padding-top : 30px;
padding-right : 40px;
padding-left : 30px;
width : 300px;
margin: 0;
}
#sidebar h4 {
margin : 20px 0 10px 0;
padding : 10px;
font-size : 12px;
line-height: 14px;
font-weight: bold;
background: #222;
}
#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/slider-bg.jpg) no-repeat left top;
float : left;
padding-top : 40px;
padding-left : 40px;
padding-right : 40px;
margin : 0;
width : 900px;
height : 450px;
list-style-type : none;
clear : both;
text-align: center;
}
.portfolio-thumbnail {
background : #252525;
border : 1px solid #555;
float : left;
width : 158px;
height : 100px;
margin : 0 5px 10px 5px;
padding : 5px;
overflow : hidden;
display : block;
}
#portfolio-title {
background : url(images/portfolio-header.jpg) no-repeat left top;
width : 900px;
height: 50px;
padding : 35px 0 20px 100px;
margin: 0;
float : left;
text-align : left;
display : block;
font-size : 35px;
text-transform : uppercase;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #999;
}
#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 : 900px;
margin : 0 auto;
}
#nav ul {
width : 900px;
padding : 0;
margin : 0 auto;
display : block;
}
#nav li {
border-right : 1px solid #222;
float : left;
list-style-type : none;
text-align : center;
}
#nav a {
display : block;
position : relative;
word-spacing : -2px;
font-size : 11px;
height : 66px;
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/slider-bg.jpg) no-repeat left top;
width : 980px;
min-height : 450px;
padding-left : 40px;
padding-top : 25px;
position : relative;
font-size: 11px;
}
#panes div {
display : block;
position : absolute;
width : 900px;
}
#panes img {
border : 1px solid #616262;
float : right;
margin-bottom : 15px;
}
#panes textarea {
width : 798px;
height : 75px;
background : #555;
border : 1px solid #777;
}
#panes input {
background : #333;
border : 1px solid #777;
}
#panes textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#panes textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#panes input:focus {
background : #ccc;
border : 1px solid #555;
}
#panes select {
background : #333;
color: #999;
border : 1px solid #777;
}
#panes select:focus {
background : #111;
color: #aaa;
border : 1px solid #777;
}
.more {
font-weight : bold;
}
.overlay {
display : none;
width : 900px;
padding : 20px;
}
/*************************************
Full Width Page Styles
*************************************/
#fullwidth-container {
background : url(images/slider-bg.jpg) no-repeat left top;
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 {
background : #111;
height : 130px;
clear : both;
font-size : 11px;
margin-top : 15px;
padding-top : 25px;
border-top : 1px solid #444;
text-align: left;
}
.notices {
width: 900px;
margin: 0 auto;
text-align: left;
}
#footer .notices {
color:#5e5e5e;
}

.notices img{
float: right;
margin-top: 5px;
}
/*************************************
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 : 20px;
padding-top : 14px;
float : right;
}
#search-form input {
width : 292px;
background : #151515;
border : 1px solid #444;
color: #555;
padding : 3px;
}
#search-tags-title {
width : 510px;
background: #111;
margin: 0 0 10px 0;
padding : 0 15px;
line-height : 35px;
float : left;
text-align : left;
display : block;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size : 35px;
font-weight: bold;
color: #999;
text-transform : uppercase;
text-decoration: none;
}
/*************************************
PageNavi Container
*************************************/
#page-navigator {
float : right;
margin-top : 15px;
margin-bottom : 15px;
margin-right : 0px;
}
.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;
}
img {
border: 0;
max-width: 100%;
width: expression(this.width > 540 ? “540px” : this.width);
height: auto;
}

.UIStory_Message {
 color:#FFF;
}