/*
Theme Name: denizen
Theme URI: http://www.meltingpx.com
Description: <p>Denizen CMS Wordpress Theme</p>
Version: 1.0 
Author: ram
Author URI: http://www.meltingpx.com/	
Created Date:24/01/2012
License: Themeforest
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
All files, unless otherwise stated, are released under the GNU General Public License
Tags: white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/* ________________________________________________________________________________________________________________

	other css files inport
   ________________________________________________________________________________________________________________ */  
   
	@import url('css/custom-skin.php');
	@import url('css/layout.css');
	@import url('css/typography.css');
	@import url('css/blog_style.css');
	@import url('css/shortcodes.css');
	@import url('css/shortcodes-buttons.css');	
	@import url('css/widgets.css');
	@import url('css/slidemenu.css');
	@import url('css/sudo_slider.css');
	@import url('css/bx_slider.css');
	
	
body{
font: 12px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
margin:0px;
padding:0px;
color:#8b8b8b;
background-repeat:repeat;
width:100%;
background:url(images/bg.png) repeat #f9f9f9;
}


#logo{
padding:20px 20px 0px 20px;
}

/* image border styles
----------------------------------------------------------------------------------------------------*/
.img_border{
background:url(images/title-line.png);
padding:5px;
}

.thumb_icon{
float: left;
}

.thumb {
float: left;
margin: 0px 20px 0px 0px;
}

.description {
display:block;
overflow: hidden;
padding:0px;
vertical-align:top;
}



/* page title styles
----------------------------------------------------------------------------------------------------*/


.pagetitle{
background-color:#eee;
height:100%;
display:table;
width:100%;
margin-bottom:20px;
}


.pagetitle2 h2{
padding:20px 30px 20px 20px;
height:auto;
background-position:right  center;
background-repeat:no-repeat;
display:table-cell;
vertical-align:middle;
text-shadow:#fff 1px 1px 0px;
}

.pagetitle .sub_title{
margin-right:20px;
display:table;
width:90%;
}

.pagetitle2 .sub_title{
background-color:#eee;
height:100%;
display:table;
width:100%;
margin-bottom:20px;
}

.pagetitle h2{
padding:20px 30px 20px 20px;
height:auto;
color:#fff;
background-image: url(images/top_header_arrow.png);
background-color: #5b5b5b;
background-position:right  center;
background-repeat:no-repeat;
display:table-cell;
vertical-align:middle;
}
.pagetitle_description{
height:100%;
display:table-cell; 
vertical-align:middle;
text-align:left;
font-size:16px;
text-shadow:#fff 1px 1px 0px;
padding-right:20px;
width:auto;
}

.pagetitle_description p{
margin-left:20px;
}


/* Sidebar Section
----------------------------------------------------------------------------------------------------*/


#sidebar{
	display:block;
	overflow:hidden;
}
#sidebar a, #sidebar a:visited{
	color:#7a7a7a;
}

#sidebar a:hover{
	color:#666;
}


.sidebar_left_section{
color:#fff;
min-height:2800px;
height:100%;
position:fixed;
width:250px;
border-right:5px solid #1d1d1d;
background-color: #2c2c2c;
background-image:url(images/sidebar_bg.png);
background-repeat: no-repeat;
background-position: left 0px;
}

.sidebar_left_section ul{
list-style:none;


}

/* image and video icons for gallery
----------------------------------------------------------------------------------------------------*/
.hover_video{ 
	position: absolute;
	background:transparent url(images/video.png) no-repeat 50% 50%;}
	 
.hover_image{ position: absolute; background:transparent url(images/image.png) no-repeat 50% 50%;}

.portfolio_item_container a img,
ul.kaya_gallery li a img, 
ul#slider1 li a img, 
.sliderImages ul li a img, 
.gallery a img,
ul.kaya_gallery_without_title li a img,
#sliderlite li a img
{ position:relative; z-index:2; }
.gallery{
position:relative;

}
/* Gallery Page 
----------------------------------------------------------------------------------------------------*/
ul.kaya_gallery, ul.kaya_gallery_without_title {
	list-style:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

ul.kaya_gallery li, ul.kaya_gallery_without_title li {
	display: inline-block;
	float:left;
	margin:0px;
	padding:0px;
	margin-right:20px;
	margin-bottom:20px;	
}

ul.kaya_gallery li.last{
	margin-right:0px;
}
ul.kaya_gallery_without_title .img_radius{	
	margin:0px;
	float:left;
}

ul.kaya_gallery li {margin-bottom:30px;}

ul.kaya_gallery_without_title li:last-child {margin-bottom:30px;}

ul.kaya_gallery li p, ul.kaya_gallery_without_title li p{
	text-align:center;
	margin-top:10px;
}



/* Contact page Section
----------------------------------------------------------------------------------------------------*/

#contact-form label{
clear:both;

}
label.error{
width:100%;
color:#FF0000;
margin-top:-15px;
}
.successmsg{
color:#009933;

}
#contact-form input{
	clear:both;
	display:block;
	padding:8px 10px;	
	width:400px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color:#666;
	margin-top:10px;
	margin-bottom:20px;
	border:1px solid #ddd;
	border-bottom:2px solid #ddd;
	border-right:2px solid #ddd;
	background-color:#f9f9f9;

}
#contact-form textarea{
	width:495px;
	height:100px;
	padding:8px 10px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color:#666;
	margin-top:10px;
		border:1px solid #ddd;
	border-bottom:2px solid #ddd;
	border-right:2px solid #ddd;
	background-color:#f9f9f9;
	background: -moz-linear-gradient(center top , #F2F2F2 0%, #FFFFFF 100%) repeat scroll 0 0 ;
}
#contact-form input#captcha{
	width:20px!important;
}
#contact-form input#kaya_submit{
	width:50px!important;
	padding:10px 20px;
	background-color:#222!important;
	color:#ccc;
	display:block;
	border:1px solid #111;
	width:100px!important;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #000;
	cursor:pointer;
	margin-top:20px;
}
#contact-form input#kaya_submit:hover{
	background-color:#333;

}


#Captcha{
margin-top:20px;
}
/* 
 * Style used by the label output mode.
 * Applied to the error labels that get positioned after an input.
 */
label.error { 
    color:#fff; 
    margin-left:2px;     
    background-image:url('arrow.gif');
    background-position:left center;
    background-repeat:no-repeat;
    padding:2px;
    padding-left:18px;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
}


/*
 * Styles used by the modal output mode.
 * '.validity-modal-msg' is applied to the modal boxes 
 * and '.validity-modal-msg:hover' is applied to suggest 
 * to the user that the boxes are clickable.
 */
.validity-modal-msg { 
    position:absolute; 
    z-index:2; 
    background-color:#999; 
    border:solid 1px #000; 
    padding:4px;
    cursor:pointer; 
}
.validity-modal-msg:hover { 
    background-color:#aaa; 
}

/*
 * Styles used by the summary output mode.
 * '.validity-summary-container' is a container on the page that should contain a UL 
 * which is the actual summary. The container can hold 
 * an extra bit of text (or anything really) that explains what the summary is.
 * '.validity-erroneous' is applied to every input that fails.
 */
.validity-summary-container { display:none; }
.validity-summary-output ul { }
.validity-erroneous { border:solid 2px #cc0000 !important; }



.validity-tooltip {
    z-index:1003;
    
    cursor:pointer;
    
    padding:3px;
    width:16em;
    
    border-width:1px;
    border-color:#990000;
    border-style:solid;
    color:#eee;
    
    position: absolute;
    background-color:#cc0000;
}

.validity-tooltip:hover {
    border-color:#333;
}

.validity-tooltip .validity-tooltip-outer, .validity-tooltip .validity-tooltip-inner {
    position: absolute; 
    width:0; 
    height:0; 
    border-right-width: 0;
    background:none;
    bottom:auto;
}

.validity-tooltip .validity-tooltip-outer {	
    border-color:#333;
    border-style:solid;
    
    border-top: 0px solid transparent; 
    border-bottom: 24px solid transparent;
    
    border-right-width:20px;
    border-right-style:solid;
    border-right-color:inherit;
    
    border-left-width:0px;
    top:-1px;
    left:-21px;
}

.validity-tooltip .validity-tooltip-inner {
    border-top: 0px solid transparent; 
    border-bottom: 24px solid transparent;
    border-right: 20px solid #cc0000;
    border-left-width:0px;
    top:1px;
    left:3px;
}

#footer_copy_right{
padding:5px 20px 5px 20px;
color:#666;
text-align:right;

}