/*

Theme Name: 'Corner Stone'
Theme URI: http://www.khairul-alam.com
Description: 'This is blog for  Corner Stone'
Author: 'Khairul Alam'
Author URI: 'http://www.khairul-alam.com'
Version: 1.0



*/



@font-face {
    font-family: 'a';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'b';
    src: url('fonts/jrha___-webfont.eot');
    src: url('fonts/jrha___-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/jrha___-webfont.woff') format('woff'),
         url('fonts/jrha___-webfont.ttf') format('truetype'),
         url('fonts/jrha___-webfont.svg#jrhandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/***************************************End of font section*********************************/

li {
    line-height: 1.5em;
    list-style-type: disc;
    margin-left: 2em;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

body{
	background:url(images/body_bg.jpg) !important;}

#header_wrap{
	background:url(images/header_wrap_bg.png) repeat-x;
	width:100%;}

.header_main{
	background:url(images/header_main_bg.png) repeat-x;
	margin:0 auto;
	width:960px;}

.header{
	position:relative;
	min-height:272px;}

.logo {
    left: 343px;
    position: absolute;
    z-index: 10000;
}

.nav, .nav1{
	position: absolute;
    top: 57px;}

.nav{
	left: 43px;}
.nav1 {
    right: 5px;}

.nav ul li, .nav1 ul li {
    display: block;
    float: left;}

.nav ul li {
    letter-spacing: 2px;
    line-height: inherit;
    margin-left: 0;
    padding-right: 58px;
}

.nav1 ul li {
    letter-spacing: 2px;
    margin-left: 0;
    padding-left: 30px;
}

.nav ul li a, .nav1 ul li a {
    color: #FAFAFA;
    font-family: 'a';
    font-size: 28px;
    text-decoration: none;}

.nav ul li a:hover, .nav ul li a.active, .nav1 ul li a:hover,.nav .current-menu-item a,.nav1 .current-menu-item a {
    background: url("images/bar.png") repeat-x scroll center bottom transparent;
    color: #C8B18B !important;}
.foot_nav li {
    border-right: 2px solid;
    padding: 0 15px 0 10px;
}
.foot_nav li:last-child {
    border: none!important;
}

.social {
    position: absolute;
    right: 0;
    top: 4px;}

.social ul li {
    float: left;
    line-height: inherit;
    list-style-type: none;
    margin-left: 0;
    padding: 0 2px;}

.head_title {
    left: 365px;
    position: absolute;
    top: 205px;
	}

.head_title ul li {
    float: left;
    line-height: inherit;
    list-style-type: none;
    margin-left: 0;
    padding: 0 8px;
	text-transform:uppercase;}

.head_title h1 {
    color: #9D4A49;
    font-family: 'a';
    font-size: 55px;
    margin: 0;}

.head_title ul li.bar2 {
    line-height: inherit;
    list-style-type: none;
    margin-left: 0;
    padding-top: 10px;
}


.sidebar {
    position: absolute;
    top: 287px;
}
.side1 {
    background: url("images/sidebar_bg2.png") repeat-y scroll 0 0 transparent;
    padding-right: 20px;
    width: 250px;
}

.sidebar p, h2 {
    color: #FFFFFF;
    font-family: 'b';
    line-height: 30px;
    margin: 0;
    padding-left: 23px;
}

.sidebar p {
    font-size: 20px;
    padding-bottom: 12px;
}

.sidebar h2 {
    font-size: 27px;
    padding-left: 35px;
    padding-top: 20px;
}

.line {
    padding-bottom: 10px;
    padding-left: 35px;
}
.bold1 {
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

/**************************************End of header section*******************************************/

#clear,.clear{
	clear:both;
	line-height:1px;}

/**************************************start of footer section*******************************************/




#footer_wrap{
	background:#3c3028;
	width:100%;}

.footer_main{
	width:960px;
	margin:0 auto;}

.footer{
	position:relative;
	min-height:160px;}

.foot_nav {
    position: absolute;
    top: 47px;
}

.foot_nav ul li {
    color: #C8B18B;
    float: left;
    font-family: 'a';
    font-size: 14px;
    line-height: inherit;
    list-style-type: none;
    margin-left: 0;
    padding-right: 3px;
}

.foot_nav ul li a {
    color: #C8B18B;
    font-family: 'a';
    font-size: 13px;
    height: 10px;
    padding-right: 7px;
    text-decoration: none;
    text-transform: uppercase;
}

.map {
    background: url("images/map_logo.png") no-repeat scroll 0 0 transparent;
    padding: 42px 0 15px 107px;
    position: absolute;
    right: 160px;
    top: 23px;
    width: 225px;
}

.map p {
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    line-height: 15px;
    margin: 0;
    padding-bottom: 5px;
}

.directions {
    background: url("images/direction_button.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 28px;
    line-height: 0;
    text-indent: -999999%;
    width: 101px;}

.hours {
    position: absolute;
    right: 0;
    text-align: right;
    top: 46px;
}
h4, h5 {
    color: #684F40;
    font-family: 'a';
    font-size: 22px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
}


.copy {
    left: 8px;
    position: absolute;
    top: 82px;

}
.copy a{
	color: #fff !important;
	text-decoration: none;
}

.copy p {
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 9px;
    line-height: 17px;
    margin: 6px;
    width: 460px;

}
/**************************************end of footer section*******************************************/



/******************************************slideshow section******************************************/
#slideshow_wrap {
    background: none repeat scroll 0 0 #DAC29B;
    margin-top: -167px;
    width: 100%;
}

.slideshow_main{
	margin:0 auto;
	/*width:1350px;*/
	width: 1349px;
	}

.slideshow{
	position:relative;
	/*height:498px;*/
	height: 558px;
	top: -5px;
	right: 100px;}
.tp-bullets.simplebullets {
    bottom: 25px!important;
    left: 262px!important;
}
.box1,.box2,.box3 {
    float: left;
}
.box2 {
    margin: 0 15px;
}
.bar {
    background: none repeat scroll 0 0 #3C3028;
    height: 25px;
    width: 940px;
    clear: both;
    margin: 15px 0 0;
}
h3.srp-widget-title,.widget-title {
    display: block;
    font-family: 'a';
    font-weight: normal;
    margin-bottom: 0px;
    font-size: 27px;
    line-height: 30px;
}
.box {
    height: 95px;
}

/******************************************end of slideshow section******************************************/



.toprow {
    color: #684F40;
    margin: 0 auto;
    padding: 30px 0 10px;
    width: 960px;
}
.down {
    margin-top: -50px;
}
.left_toprow {
    font-family: verdana;
    font-size: 13px;
	float:left;
	width:550px;
}

.right_toprow{
	width:345px;
	float:right;}

#content_wrap{
	width:100%;
	/*background:#fff;*/}
.content_main{
	margin:0 auto;
	width:960px;
	padding: 20px 0 0;}

.content,.content1{
	color:#684f40;
}
.content1 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 30px 0;
}
.grid2 {
    float: left;
}
.grid2 {
    width: 580px;
}
.grid1 {
    float: right;
}
.left_img {
    float: left;
    margin-right: 50px;
}
.white {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 20px;
    min-height: 400px;
    padding: 30px 25px;
}

.white1 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding:50px 25px;
    min-height: 400px;
}
.blog_left,.blog_right {
    float: left;
}
.blog_left {
    width: 625px;
    margin-right: 75px;
}
.blog_right,.blog_right a{
	color: #684f40;
	text-decoration: none;
}
.widget {
    margin-bottom: 50px;
}
.blog_right ul li {
    padding: 2px 0;
    list-style: disc;
    margin-left: 12px;
}
.bold {
    font-weight: bold;
}
.gfield_label,.gform_title {
    display: none!important;
}
#input_1_1,#input_1_2,#input_1_3, #input_1_5 {
    background: url("images/text1.png") no-repeat scroll 0 0 transparent !important;
    border: medium none;
    font-family: verdana;
    height: 32px;
    margin-bottom: 7px;
    padding: 0 5px 5px;
    width: 234px;

}
#input_1_4 {
    background: url("images/text2.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    font-family: verdana;
    height: 130px;
    padding: 10px 5px;
    width: 330px;

}
#gform_submit_button_1 {
    background: url(images/sub.png) no-repeat;
    border: none;
    width: 103px;
    height: 32px;
    text-indent: -99999%;
    display: block;
    line-height: 0;
    cursor: pointer;
    margin-top: -25px;
    margin-left: 235px;
}
.left_form {
    float: left;
    margin-right: 75px;
}




/*************************End of wine*****************************/
.toprow_wrap {
    margin-left: 280px;
}
.para1{
	color:#684f40;
	width:612px;}

.left_toprow1 {
	width:290px;
	float: left;
	padding-right: 20px;}

.right_toprow1 {
	width:330px;
	float: left;}

.row1_wrap {
    float: left;
    margin-left: 280px;
    width: 643px;
}

.left_part {
    float: left;
    font-family: verdana;
    font-size: 12px;
    line-height: 20px;
    width: 320px;
}


.right_part {
    float: right;
    width: 295px;
}


.left_part ul {
    list-style: disc outside none;
    padding-left: 18px;
}

.left_part ul li{
	color:#684f40;}

/************************contact section************************************/

.form {
    float: left;
    padding: 30px;
    width: 300px;
}

.address {
    float: right;
    padding: 30px;
    width: 260px;
}

/****************************blog section**********************************/

.blog{
	width:504px;
	float:left;}




.categories {
    float: right;
    margin-right: 100px;
}


.categories ul {
    line-height: 20px;
    list-style: disc outside none;
    padding-left: 18px;
}

.categories ul li a{
	text-decoration:none;
	color:#684f40;}
h1,h1 a,.widgettitle {
    font-family: 'a';
    color: #9d4a49;
    font-weight: normal;
    font-size: 22px;
    padding: 0 !important;
    margin: 0 !important;
}

p {
    font-family: verdana;
    font-size: 13px;
    line-height: 22px;
    margin: 0 !important;
}
#primary a{
	color: #684f40;
	text-decoration: underline;
}
#primary,.side {
    float: left;
}
#primary {
    margin-right: 50px;
    width: 580px;
    padding-bottom: 50px;
    padding-top: 20px;
}
.side {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px 30px 75px;
    width: 250px;
}
.srp-widget-date,.srp-post-title {
    display: none!important;
}
div.srp-widget-singlepost{
	border: none !important;
}
.side a{
	color: #9d4a49;
	text-decoration: none;
}
li.widget {
    list-style: none;
}

.left_part a {
	color: #684F40
}

.hours h4, .hours h5 {
	color: #C8B18B;
	font-size: 14px;
	font-family: 'a';
}


.hours p {
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    line-height: 17px;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}