body{margin: 0px; background: url(../images/bg.png); }
table,div{font-family: 'Roboto', sans-serif; font-size:14px; color:#333333; line-height:20px; }
a{color: #333333; text-decoration: none; }
a:hover{/*color: #333333; text-decoration: underline;*/}
img{border:none;}
p{ margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}

#main, header, #top, #content, #footer{width:1024px;}
#top, #content, footer, #banner, #content-in, #dfc{position:relative; display:inline-block;}
.img_left, #logo, #left, #social, .left, #contact-left, #copy, #left-in{float:left;}
.img_right, #top_link, #right, #copy-logo, .right, #contact-right, #jinfo, #right-in{float:right;}

h1,h2,h3,h4{margin:10px 0; font-weight: normal; font-family: 'Fjalla One', sans-serif;}
/*Heading*/
h1{font-size:36px}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}
	
.img_left{margin-right:15px;}
.img_right{margin-left:15px;}
.ul{margin:0 0 30px 20px; padding-left:0;}
.ul li{ list-style-image:url(../images/li.png); margin-bottom: 6px;}

#wraper{border-top: 10px solid #b1181f;display:table;margin:0 auto;width:100%;}
#main{margin:0 auto;}
header{height: 96px; }
#top{background: url(../images/top-line.png) no-repeat bottom center; }
#logo{width:288px; margin: 53px 0 21px}
#top-link{width:600px;}
#social-media{position: absolute; right: 0; top: 9px;z-index: 10;}

#banner{width: 100%; height: 561px;margin-top:-3px;}
.banner-img{width: 100%; position: absolute; bottom: -6px; z-index: 10;}
.banner-img img{width: 100%;}

#content{margin-bottom: 30px; margin-top: -28px;z-index: 10;}
#rose-left{background: url(../images/rose.png) no-repeat; position: absolute; width: 299px; height: 303px; left: -152px; top: 30px;}
#rose-right{background: url(../images/rose.png) no-repeat; position: absolute; width: 299px; height: 303px; right: -182px; top: 30px;}
#left{width:670px; background: url(../images/left-con-bg.png); padding:22px; -moz-box-shadow: 0px 0px 2px #999999; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 2px #999999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 2px #999999; /* Opera 10.5, IE 9.0 */ position: relative; z-index: 1;}
#left h1{color: #383838; font-size: 26px; text-transform: uppercase; border-bottom: 2px solid #b1181f; padding-bottom: 10px;}
#left .left{width: 327px; background: url(../images/img-shadow.png) no-repeat center 182px  #FFFFFF; -moz-box-shadow: 0px 0px 2px #999999; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 2px #999999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 2px #999999; /* Opera 10.5, IE 9.0 */ margin-bottom: 15px;min-height: 382px;clear: both;}
#left .left .text{padding: 0 20px 20px; font-size: 13px; }
#left .left a{color: #b1181f; font-style: italic; display: block;}
.date{font-size: 14px; color: #676767; font-family: Georgia; font-style: italic;}
.title{font-size: 16px; color: #1f1f1f; font-family: Georgia;}
#left .right{width: 327px; background: url(../images/img-shadow.png) no-repeat center 182px  #FFFFFF; -moz-box-shadow: 0px 0px 2px #999999; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 2px #999999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 2px #999999; /* Opera 10.5, IE 9.0 */ margin-bottom: 15px;min-height: 382px;}
#left .right .text{padding: 0 20px 20px; font-size: 13px; }
#left .right a{color: #b1181f; font-style: italic; display: block;}

#right{width:310px; position: relative; z-index: 1; background: url(../images/rightt-con-bg.png);}
#all-about{background: url(../images/all-about-bg.png) no-repeat; padding: 15px 0;}
#all-about h1{background: url(../images/all-about-h1.png) no-repeat; font-family: 'Roboto Condensed', sans-serif; color: #FFFFFF; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0; position: absolute; padding: 14px 0 20px; text-align: center; left: -10px; width: 328px;}
#all-about .text{padding: 50px 40px; font-size: 12px; line-height: 18px; margin-bottom: 51px;}
#all-about .text h2{color: #1f1f1f; font-family: Georgia; font-size: 18px; text-transform: uppercase; line-height: 22px;}

footer{width: 100%; background: url(../images/footer-bg.png) repeat-x;}
#footer{margin: 0 auto;}
#link, #about, #follow{float: left;}
#link{width: 200px; font-size: 18px; font-family: 'Fjalla One', sans-serif; line-height: 36px; margin: 26px 20px 26px 0;}
#link ul{margin:0px; padding-left:0px; margin-left:0px; list-style:none; }
#link li{display:block; }
#link li a{text-decoration:none; color: #6b6b6b;}
#link li a:hover, .navi_text li a.active{color:#6b6b6b; text-decoration:none;}

#copy{color: #cbcaca; line-height: 44px;}
#jinfo{color: #cbcaca; line-height: 44px;} #jinfo a{color: #deba25;} #jinfo a:hover{color: #deba25;}

#about{width: 510px; color: #787878; line-height: 18px; margin: 30px 70px 0 0;}
#about h1{font-family: 'Alex Brush', cursive; font-size: 36px; color: #000000;}
#follow{width: 220px; margin: 30px 0 0;}
#follow h2{color: #6b6b6b; font-size: 18px; font-family: 'Fjalla One', sans-serif;}

.btn{background: url(../images/btn-bg.png) repeat-x; -moz-border-radius: 5px; /* FF1+ */ -webkit-border-radius: 5px; /* Saf3+, Chrome */border-radius: 5px; /* Opera 10.5, IE 9 */ font-size: 16px; font-style: italic; color: #FFFFFF; font-family: Georgia; padding: 8px 11px; text-align: center; border: none;}
#tweets{text-align: center; padding: 10px; color: #FFFFFF;}
#tweets h1{font-size: 26px; font-family: 'Fjalla One', sans-serif; color: #888181; background: none; position: relative; left: 0; width: auto; font-weight: normal;}
#tweets .line{line-height: 36px;}
.yellow{color: #deba25;}
.ago{color: #a4a4a4; font-size: 12px;}

#icon{width: 280px; position: absolute; top: -90px;}
#icon ul{margin:0;margin-left:0px;padding:0px;list-style:none;}
#icon li{float:left; position:relative; padding:0 10px; text-align: center;}
#icon li a{text-decoration:none; color: #6b6b6b;}
#icon li a:hover, .navi_text li a.active{color:#6b6b6b; text-decoration:none;}
.icon1{background: url(../images/icon1.png) no-repeat center; height: 50px; width: 50px;}
.icon1:hover{background: url(../images/icon1-o.png) no-repeat center;}
.icon2{background: url(../images/icon2.png) no-repeat center; height: 50px; width: 50px;}
.icon2:hover{background: url(../images/icon2-o.png) no-repeat center;}
.icon3{background: url(../images/icon3.png) no-repeat center; height: 50px; width: 50px;}
.icon3:hover{background: url(../images/icon3-o.png) no-repeat center;}
.icon4{background: url(../images/icon4.png) no-repeat center; height: 50px; width: 50px;}
.icon4:hover{background: url(../images/icon4-o.png) no-repeat center;}

#tab-home{font-size: 14px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; position: relative; z-index: 1; float: right; margin-top: 1px;}
#tab-home ul{margin:0;margin-left:0px;padding:0px;list-style:none;}
#tab-home ul li{float:left; position:relative; padding-left:0px; }
#tab-home ul li a{padding: 8px 14px; text-align: center;text-decoration: none; color: #383838; display:block; line-height:23px;}
#tab-home ul li a:hover, #tab-home ul li a.active{color: #FFFFFF; text-decoration:none; background: #b1181f; font-weight: bold;}


/*dar*/
.latest-tweets{color:#fff;}
.latest-tweets ul{padding: 10px;}
.latest-tweets ul li{list-style: none;}
.twitter-screen-name{color:#deba25;}


/*About bio*/
#content-in{background: #ffffff; -moz-box-shadow: 0px 0px 2px #999999; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 2px #999999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 2px #999999; /* Opera 10.5, IE 9.0 */ margin: 40px 0 30px;}
#content-in #rose-left{background: url(../images/rose.png) no-repeat; position: absolute; width: 299px; height: 303px; left: -152px; top: 360px; z-index: -1}
#content-in #rose-right{background: url(../images/rose.png) no-repeat; position: absolute; width: 299px; height: 303px; right: -182px; top: 360px; z-index: -1}
#banner-in{width: 100%; margin: 0;}

#content-in h1{font-size:36px; color: #454545; text-transform: uppercase; line-height: 46px;}
#content-in h2{font-size:30px; color: #454545; text-transform: uppercase; line-height: 36px;}
#content-in h3{font-size:20px; color: #454545; text-transform: uppercase; margin: 30px 0 0;}
#left-in{width: 580px; background: url(../images/left-in-bg.png); -moz-box-shadow: 0px 0px 2px #999999; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 2px #999999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 2px #999999; /* Opera 10.5, IE 9.0 */ padding: 50px; font-family: Georgia; line-height: 22px; margin: -88px 0 22px 22px; position: relative; color: #383838; }
#left-in .line{position: relative; left: -50px; line-height: 40px;}
#right-in{width: 247px; padding: 20px 35px 0; font-family: Georgia; color: #383838;}
#right-in h1{font-size: 26px; text-transform: uppercase; color: #383838; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; left: -20px; position: relative; line-height: 20px;}
#right-in h2{font-size: 16px; text-transform: uppercase; color: #383838; margin: 0; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; line-height: 20px;}
#right-in h3{font-size: 18px; text-transform: uppercase; color: #383838; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; left: -20px; position: relative; margin: 0 0 20px;}
#right-in .line{position: relative; left: -38px; line-height: 40px;}
#right-in .italic{font-style: italic; display: block;}
#right-in p{margin: 0;}
#slogan{font-size: 22px; color: #989898; font-style: italic; line-height: 30px; font-family: Georgia; padding: 0 70px; position: relative; margin-bottom: 30px}
#slogan .dot-left{width: 45px; height: 36px; background: url(../images/left.png) no-repeat; position: absolute; left: 0;}
#slogan .dot-right{width: 45px; height: 36px; background: url(../images/right.png) no-repeat; position: absolute; right: 0;}
#slogan .name{font-size: 14px; text-align: right;}

#right-in .box{width: 280px; background: url(../images/img-shadow.png) no-repeat center 156px #FFFFFF; -moz-box-shadow: 0px 0px 2px #999999; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 2px #999999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 2px #999999; /* Opera 10.5, IE 9.0 */ margin-bottom: 15px; position: relative; left: -18px;}
#right-in .box img{width: 280px;}
#right-in .box .text{padding: 5px 20px 20px; font-size: 13px; }
#right-in .box .text a{color: #b1181f; font-style: italic;}
#right-in .box .text .title{margin: 10px 0;}

.year{color: #696666; font-size: 22px; font-family: 'Roboto Condensed', sans-serif; background: url(../images/year-bg.png) no-repeat; padding: 8px 0 8px 50px; position: relative; left: -34px; margin-bottom: 20px;}
.red{color: #b1181f; font-style: italic; margin-left: 15px;} .red a{color: #b1181f;} .red a:hover{color: #b1181f;}
.join{font-family: Georgia; font-size: 18px; color: #b1181f; margin: 30px 0;}

#dfc{width: 626px; left: -20px;}
#content-in .dfc h1{color: #b1181f; font-size: 18px; font-family: 'Oswald', sans-serif; margin: 0; line-height: 20px; margin-top: 15px;}
.dfc span{font-style: italic;}
.container #dfc .left{position: relative;}
.container #dfc .right{position: relative;}

/**/
.happening{width: 1000px; background: url(../images/left-in-bg.png) !important; -moz-box-shadow: 0px 0px 2px #999999; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 2px #999999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 2px #999999; /* Opera 10.5, IE 9.0 */ padding: 12px; font-family: Georgia; line-height: 22px; margin: -88px 0 22px 22px; position: relative; color: #383838; }
.happening .box{width: 327px; float:left; background: url(../images/img-shadow.png) no-repeat center 182px  #FFFFFF; -moz-box-shadow: 0px 0px 2px #999999; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 2px #999999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 2px #999999; /* Opera 10.5, IE 9.0 */ margin: 0 9px 15px 0; position: relative; height: 450px;}
.happening .box2{background: #FFFFFF; min-height: 344px; padding-top: 40px;}
.image-title{background: #b1181f; color: #FFFFFF; position: absolute; left: 0; top: 0; font-family: 'Roboto Condensed', sans-serif; padding: 0 10px;}

.happening .box:nth-child(3n+3) {margin-right: 0;}
.happening .box .text{padding: 0 20px 20px; font-size: 13px;min-height:210px; }
.happening .box .text a {color: #B1181F; font-style: italic;}
.happening .line{position: relative; left: -12px; width: 1024px;}
#tab{font-size: 18px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; position: relative; z-index: 1; float: right; margin-top: 14px;}
#tab ul{margin:0;margin-left:0px;padding:0px;list-style:none;}
#tab ul li{float:left; position:relative; padding-left:0px; }
#tab ul li a{padding: 8px 20px; text-align: center;text-decoration: none; color: #454545; display:block; line-height:23px; margin: 0 6px; background: #FFFFFF; -moz-box-shadow: 0px 1px 1px #999999; /* FF3.5+ */ -webkit-box-shadow: 0px 1px 1px #999999; /* Saf3.0+, Chrome */ box-shadow: 0px 1px 1px #999999; /* Opera 10.5, IE 9.0 */ -moz-border-radius: 5px; /* FF1+ */ -webkit-border-radius: 5px; /* Saf3+, Chrome */border-radius: 5px; /* Opera 10.5, IE 9 */}
#tab ul li a:hover, #tab ul li a.active{color: #b1b1b1; text-decoration:none }

/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
form div{position:relative; float: right; margin: 10px 0 20px;} 

/* setting the width and height of the SELECT element to match the replacing graphics */
select.select{position:relative; z-index:10; width:149px !important; height:35px !important; line-height:35px;}

/* dynamically created SPAN, placed below the SELECT */
span.select{position:absolute; bottom:0; float:left; left:0; width:149px; height:35px; line-height:35px; text-indent:10px; background:url(../images/sort-bg.png) no-repeat 0 0; cursor:default; z-index:1;}

.happening-detail{padding: 12px 44px; width: 936px;}
.happening-detail .line {left: -44px; line-height: 0;}
.happening-left{float: left; width: 682px; padding-right: 64px; font-family: Georgia; color: #383838; background: url(../images/healping-line.png) repeat-y right;}
.happening-right{float: right; width: 156px;}

.category{font-size: 12px; color: #454545; background: url(../images/category-line.png) no-repeat bottom; padding-bottom: 8px; text-transform: uppercase; margin-top: 14px;}
.tag {background: none repeat scroll 0 0 #B1181F; color: #FFFFFF; font-family: 'Roboto Condensed',sans-serif; padding: 0 10px; margin-right: 5px;}

.contact{width: 1024px; background: url(../images/left-in-bg.png) !important; -moz-box-shadow: 0px 0px 2px #999999; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 2px #999999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 2px #999999; /* Opera 10.5, IE 9.0 */ font-family: Georgia; line-height: 22px; margin: -88px 0 22px 22px; position: relative; color: #383838;}
#contact{background: url(../images/contact-img.png) no-repeat right top; padding: 132px 44px; position: relative;}
#social-media-contact{width: 580px; position: absolute; bottom: 160px; z-index: 10;}
#social-media-contact h2{font-size: 20px; background: url(../images/red-line.png) no-repeat bottom; padding-bottom: 6px; margin-bottom: 30px;}
#contact .line {left: -44px; line-height: 0; position: relative;}

#contact-form{background: url(../images/form-bg.png) no-repeat; width: 267px; padding: 40px 34px 40px 56px; height: 343px; float: right; margin-right: -47px; position: relative; z-index: 10;}
.input,.textarea{width: 247px; border: none; padding: 8px 10px 9px; color: #b7b7b7; font-family: 'Roboto Condensed', sans-serif;  font-size: 13px; margin-bottom: 6px;}
.input{background: url(../images/input.png) no-repeat; }
.textarea{background: url(../images/textarea.png) no-repeat; height: 99px;}
.code-input{background: url(../images/code-input.png) no-repeat; border: none; padding: 8px 10px 9px; color: #b7b7b7; font-family: 'Roboto Condensed', sans-serif;  font-size: 13px; margin-bottom: 6px; width: 129px; float: left;}

@media only screen and (min-width:960px) and (max-width:1180px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	
}

/*Dips*/
.menu-home_menu-container{width:600px; font-size:16px; text-transform:uppercase; margin:50px auto 0; height:34px; font-family: 'Roboto Condensed', sans-serif;}
.search-field{background-color: transparent;
	background-image: url(../images/search.png);
	background-position: -1px 0;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: -1px -5px;
	padding: 0 0 0 50px;
	position: relative;
	width: 0;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	}
.search-submit{display:none;}
.search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;height: 34px;
}
.search_box_div{position:relative;left:-93px;}
.social_div{position:relative;top:-1px;}
.search-form{position: absolute;right: 38px;}
.textwidget{  color: rgb(120, 120, 120);
    line-height: 18px;
    
    width: 510px;}

#left-in ul{margin:0 0 30px 20px; padding-left:0;}
#left-in ul li{ list-style-image:url(../images/li.png); margin-bottom: 6px;}
.btn a,.tag a{color:#FFF;text-decoration:none;}
.deco_none, .deco_none:hover{text-decoration:none;}
.paging-navigation{display:none;}
#infscr-loading{clear: both;margin: 0 auto;text-align: center;}
#infscr-loading img{margin: 0 auto;}

.banner-text-area {
    left: -180px;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
.banner-bg {
    background: none repeat scroll 0 0 #000000;
    float: left;
    height: 121px;
    
    margin: 0 auto;
    opacity: 0.53;
    padding: 30px 60px;
    position: absolute;
  
    width: 500px;
}
.banner-text {
    float: left;
    left: 130px;
    margin: 60px auto 0 40px;
    padding: 30px 60px;
    position: absolute;
    top: 0;
    width: 500px;
    z-index: 1000;
}
.banner-text label{
	font-family: 'Oswald', sans-serif;
	font-size: 38px;
	margin-bottom:30px;
	color: #ffffff;
	text-align: left;
	width: 100%;
	float: left;
}
.banner-text span{
	font-family: Georgia;
	font-size: 16px;
	line-height:20px;
	color: #ffffff;
	text-align: center;
}
.read_more {
    background: url("../images/read-more.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 40px;
    margin: 50px auto 0;
    position: relative;
    right: 190px;
    top: 160px;
    width: 159px;
    z-index: 1000;
}
.tweet-text a{color:#deba25;}