/*
Theme Name: bliss
Theme URI: http://www.meltingpx.com
Description: <p>Template for wp themes.</p>
Version: 1.2
Updated on : 26/04/2012
Author: ram
Author URI: http://www.meltingpx.com/	
Date Date:16/04/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('/wp-content/themes/bliss/css/layout.css');
	@import url('/wp-content/themes/bliss/css/custom-skin.php');
	@import url('/wp-content/themes/bliss/css/typography.css');
	@import url('/wp-content/themes/bliss/css/blog_style.css');
	@import url('/wp-content/themes/bliss/css/shortcodes.css');
	@import url('/wp-content/themes/bliss/css/shortcodes-buttons.css');	
	@import url('/wp-content/themes/bliss/css/widgets.css');
	@import url('/wp-content/themes/bliss/css/jqueryslidemenu.css');	
	@import url('/wp-content/themes/bliss/css/sudo_slider.css');

	

body{
	font: 12px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin:0px;
	padding:0px;
	color:#666;
	width:100%;	
	background-image: url(/wp-content/themes/bliss/images/body_bg.png);
	background-repeat: repeat;
	background-color:#f8f7f6;

}

body.home{
	background-image: url(/wp-content/themes/bliss/images/header_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


/* thumbnail class for images
----------------------------------------------------------------------------------------------------*/	
.thumb {
	border:1px solid #ccc;
	padding:7px;
	background-color:#fff;
	float:left;
}

.widget-container .thumb {
	border:1px solid #eee;
	padding:7px;
	background-color:#fff;
	float:left;
}

/* Header Section 
----------------------------------------------------------------------------------------------------*/	
#header_wrapper{
	width:100%;
	color:#FFFFFF;	
	float:left;	
	background-image: url(/wp-content/themes/bliss/images/header_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#header{	
	margin:0px auto;
	min-height:72px;
	position:relative;
	clear:both;	
}

#logo{
	float:left;
	bottom:0px;
	padding:25px 20px 0px 30px;
	bottom:0px;
	}

.top_header{
	padding:3px 0px;
	height:35px;
	clear:both;
	width:960px;
	margin:0 auto;
}

#top_header_left_menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#top_header_left_menu li{
	list-style:none;
	display:inline-block;
	padding-right:10px;
	padding-top:5px;
}

#top_header_left_menu li a{
		border-right:1px solid #999;
	padding-right:10px;
	color:#FFF;
}

#top_header_left_menu li a:hover{
	color:#111;
}


#top_header_left_menu li:last-child a{
	border-right:none;
}

#top_header_right_section, #top_header_right_section h5{
	color:#FFF;
	text-align:right;
}

#top_header_right_section h5 strong{
	color:#FFF;
}
#top_header_right_section #search_form #s{
	padding:3px;
	border:1px solid #fff;	
}

/* Sub header section
----------------------------------------------------------------------------------------------------*/	
#sub_header_wrapper{
	clear:both;
	float:left;
	width:100%;

}

#sub_header{	
	margin:0 auto;
	position:relative;
	vertical-align:middle;
	clear:both;
	width:960px;
	padding:20px 20px 0px 20px;
	background-color:#f8f8f8;
	border-top:0px solid #ff945f;
	display:block;
	margin-top:20px;
	display:table;

	-webkit-box-shadow: 0px -2px 4px #ccc;
	-moz-box-shadow: 0px -2px 4px #ccc;
	box-shadow: 0px -2px 4px #ccc;
	z-index:4;
	position:relative;
	bottom:-1px;
}

#sub_header h1{
	margin:0px;
	padding:0px;
	color:#333;
	float:left;
	font-size:24px;
	margin-bottom:20px;
}

#page_desc_wrapper{
	vertical-align:middle;
	clear:both;
	width:100%;
	}
	
#page_desc{
	margin:0 auto;
	vertical-align:middle;
	clear:both;	
	width:960px;
	padding:20px 0;
	border-bottom:1px solid #eee;	
	}
	
#page_desc h2{
	font-size:25px;
	color:#898989;
	margin-bottom:0px;
	font-weight: lighter;
	}

/* Search Box section
----------------------------------------------------------------------------------------------------*/
.search_box{
	float:right;
	padding-top:10px;
	padding-right:0px;
	width:200px;
	margin-top:-2px;
	position:relative;
	z-index:22;
	}
.search_box input#s{
	border:1px solid #111;
}
#search_form {
	float: right;
	height: 27px;
	position: relative;
	border-radius:5px;
}

.search_box input#s {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: normal;
	vertical-align: middle;
	background-color:#f9f99f9;
	border:1px solid #ddd;
	padding:8px 17px 8px 17px;
	height:13px;
	padding-right:30px;
	color:#333;
	 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;

}
.search_box input#searchsubmit {
	background:url(/wp-content/themes/bliss/images/search_button.png) no-repeat scroll 0 0 transparent;
	display: block;
	font-size: 0;
	height: 14px;
	line-height: 0;
	position: absolute;
	right: 12px;
	top: 10px;
	width:16px;
	border:none;
	cursor:pointer;
}
.search_box input#searchsubmit:hover {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

/* Frontpage Slider Section
----------------------------------------------------------------------------------------------------*/	
#home_slider_wrapper{
	clear:both;
	padding:0px 0px;
	position:relative;
	float:left;
	width:100%;
	padding-top:0px;
	margin-bottom:20px;
}

#home_slider{
	margin:0 auto;
	width:960px;
	position:relative;
	top:20px;
	
}

/* Sidebar Section
----------------------------------------------------------------------------------------------------*/
#sidebar ul, #panel_widget ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#sidebar{
	display:block;
	overflow:hidden;
	color:#666;
}


#sidebar a, #sidebar a:visited{
	color:#454545;
	
}
#sidebar a:hover{
	color:#666;
}


#sidebar h4{
	border-left: 5px solid  #323232;
	color: #FFFFFF;
	margin-bottom:0px;
	padding:5px 5px 5px 15px;
	background-attachment: scroll;
	background-color: #4f4f4f;
	background-image: url(/wp-content/themes/bliss/images/sidebar_title_bg.png);
	background-repeat: repeat;
	background-position: 0 0;
}

#sidebar span.title-arrow{
	width: 0; height: 0; 
	border-top: 5px solid transparent; 
	border-left: 8px solid  #323232; 
	border-bottom: 5px solid transparent;
	display:block;
	position:relative;
	top:-24px;
	left:5px;
}


#sidebar h3, #bottom_widget_columns h3{
	margin-bottom:10px;
	padding-bottom:5px;
}

.content_box{
background-color: #FFFFFF;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	padding: 15px;
	overflow:hidden;
}

/* Portfolio section
----------------------------------------------------------------------------------------------------*/
.home .portfolio-padding{
	margin-bottom:0px;
}
.home .category_post_items .v-space{
	height:0px;

}
.item_thumb {
	position: relative;
	height:100%;
	overflow:hidden;
	width:295px;
	height:150px;
}
.item_thumb p{
	margin-bottom:0px;	
}


.linkto {
	background-color:#242424;
}

.video{
	background-image: url(/wp-content/themes/bliss/images/video.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.image{
	background-image: url(/wp-content/themes/bliss/images/image.png);
	background-repeat: no-repeat;
	background-position: center center;
}


.linkto{   
    display: inline-block;
    height: 40px;
    margin-top: -20px;
	border-radius: 20px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 11;
	left:40%;	
}

#portfolio_nav{
	margin-bottom:10px;
	overflow:hidden;
	float:left;
	width:100%;
	margin-top:20px;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	letter-spacing:1px;
}

#portfolio_nav .next_portfolio_item a{
	float:right;
	border-bottom:3px solid #ddd;
	color:#999;
}

#portfolio_nav .next_portfolio_item:hover{
	opacity:1;	
}
#portfolio_nav .prev_portfolio_item a{
	float:left;
	border-bottom:3px solid #ddd;
	color:#999;
}

#portfolio_nav .prev_portfolio_item:hover{
	opacity:1;	
}

.porfolio_items li{
	margin-bottom:40px;
	display:inline-block;
}

.portfolio_item_title{
	background-color: #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
    padding: 15px;
    text-align: center;
}

.portfolio_item_title h6{
	margin-bottom:0px;
	margin-top:0px;
	font-size:1.3em;
}
.portfolio_item_title h6 a:hover{
color:#ccc!important;


}
.taxonomy_cats span{
	clear:both;
	text-align:center;
	font-style:italic!important;
	font-size:11px;
	color:#999;
	letter-spacing:1px;
}

.item_thumb img{
	float:left;
	width:295px;
    height:150px;
    object-fit: scale-down;
}
.item_content_holder p{
	border-left:3px solid #ccc;
	padding-left:10px;
}

.project_container h4{
	margin-bottom:0px;
}
.project_container span{
	margin-bottom:10px;
	display:block;
}
.launch_website, .launch_website:visited{
	background-color:#009900;
	padding:7px 10px;
	margin-top:10px;
	color:#fff;
	overflow:hidden;
	clear:both;
	float:left;	
}
.taxonomy_cats_portfolio{
	color:#999;
	font-size:14px;
	margin-top:5px;
}

/* Related Post 
----------------------------------------------------------------------------------------------------*/
#relatedposts ul { list-style: none; margin:0px;
padding:0px; }
#relatedposts ul li { float: left; margin-right:22px; margin-bottom:22px;  }


/* 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
----------------------------------------------------------------------------------------------------*/
#google_code{
	box-shadow: 0px 0px 3px 3px #ccc;
	margin-top:30px!important;
	width:920px;
	margin:0 auto;
	padding:20px;
	overflow:hidden;

}
#contact-form label{
clear:both;

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

}
#contact-form .cname, #contact-form .cemail, #contact-form .csubject{
	width:33.3%;
	display:block;
	margin-bottom:30px;
	overflow:hidden;
	float:left;

}
#contact-form .cmessage{
	width:100%;
	overflow:hidden;
	clear:both;
}

.required{
color:#999;


}
#contact-form input{
	padding:10px;
	border:1px solid #ddd;
	background-color:#eee;
	color:#666;
	display: inline-block;
	float:left;
	margin-top:10px;
	width:80.5%;
}

#contact-form textarea{
	height:100px;
	width:96.5%;	
	float:left;
	color:#666;
	margin-top:10px;
	border:1px solid #ddd;
	background-color:#eee;
	padding:10px;
	display:block;

}
#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('/wp-content/themes/bliss/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 Section
----------------------------------------------------------------------------------------------------*/
.boxed  #footer_wrapper{
	-moz-border-radius-bottomright: 10px; 
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	margin-top:-10px;			
	box-shadow: 0 6px 6px -6px #000!important;
}


#footer_wrapper{
	width:100%;
	background-repeat: repeat;
	clear:both;
	border-top:1px solid #ccc;
	background-image: url(/wp-content/themes/bliss/images/body_bg.png);	
}


#footer_wrapper a:link, #footer_wrapper a:visited{
color:#FFF;
}

#footer{
	width:900px;
	margin:0px auto;
	padding-bottom:30px;
	display:table;
	color:#FFF;
	padding-left:30px;
	padding-right:30px;
	position:relative;
}

#toggleDiv{
position: absolute;
}
#toggleDiv.active {
    background-position: left bottom;
}


#toggleDiv {
    background: url("/wp-content/themes/bliss/images/toggle_buttons.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 23px; 
    width: 50px;
	position:absolute;
	left:48%;
	top:-6px;
	z-index:3;

}



.widget-container-fc{
	margin-top:30px;
	color:#FFF;

}


#footer h4{
	margin-bottom:15px;
	padding-bottom:5px;
	color:#FFF;
	border-bottom:4px solid rgba(255,255,255,.50);

	
}
#footer_copy_right_wrapper{
	width:100%;
	background-color:#1b1b1b;
	background-image:url(/wp-content/themes/bliss/images/footer_li_border.png);
	background-repeat:repeat-x;
	padding-bottom:20px;
	background-position:top center;
}

#footer_copy_right{
	width:960px;
	margin:0px auto;
	overflow:hidden;
	padding-top:20px;
	border-top:2px solid rgba(255,255,255,.50);
	
}

#bottom_footer_right{
	text-align:right;
}

.twitter_feeds{
	width:940px;
	margin:0 auto;
	background-color:#f8f8f8;
	height:15px;
	padding:10px 30px 30px 30px;
	margin-bottom:0px;
	text-align: left;			
		-webkit-box-shadow: 0 4px 4px #CCCCCC;
		-moz-box-shadow:  0 4px 4px #CCCCCC;		
		box-shadow: 0 4px 4px #CCCCCC;
		
		position: relative;
		z-index:2;
		top:-1px;
		font-size:14px;
		font-style:italic;
	
	

}
.twitter_text{
	background-image: url(/wp-content/themes/bliss/images/twitter_icon2.png);
	background-repeat: no-repeat;
		background-position: left center;
		padding-left:45px;
}

/* Footer Menu section
----------------------------------------------------------------------------------------------------*/
#bottom_footer_right ul{
	list-style:none;
	margin:0px;
	padding:0px;

	}
	
	#bottom_footer_right ul li{
	display:inline-block;
	padding:2px 10px;
	border-right:1px solid #ccc;
	}
	#bottom_footer_right ul li:last-child{
	border-right:none;
	padding-right:0px;

	}
	
	#bottom_footer_right ul li a{
	color:#999;

	}
	#bottom_footer_right ul li a:hover{
	color:#eee;

	}
	
.top_header, #header{position:relative; z-index:9999999;}