/*

Theme Name: Boom Online

Description: A custom theme for Boom Online Media

Version: 2.0

Author: Muthuswamy K

Author URI: http://www.studiocoffee.com

*/



/* DEFAULT */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}

body {line-height: 1;color: black;background: white;}

ol, ul {list-style: none;}
ul.tick li {
	list-style:none;
	background:  url(images/tick-bullet.png) no-repeat 124px center;
	padding-left:160px;
	line-height:30px;
}
ul.tick2 li {
	list-style:none;
	background:  url(images/tick-bullet.png) no-repeat;
	padding-left:30px;
	line-height:30px;
}

table {border-collapse: separate;}

caption,th,td{text-align: left;font-weight: normal;}



/* REGULAR CODING */

body{line-height:1.4; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:15px;}

#wrapper { background: url(images/bg-white.gif) repeat-y center top; }

a{text-decoration:none;}

a:hover{text-decoration:underline;}



/* STRUCTURE */

#container{background:url(images/header-grey.jpg) no-repeat center top;}

#holder{width:999px; margin: 0px auto;}

#header{height:152px;}

#nav-main{height:52px;	line-height:52px; margin-bottom:13px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:17px;}

#content-box{padding:35px 32px 35px 32px; background:url(images/content.png) repeat-x bottom; width:935px; border-bottom:#bfbfbf 1px solid;}

#left-panel{float:left; width:640px; margin-right:40px;}

#sidebar{float:left; width:255px;}

#footer{background:url(images/footer.gif) repeat-y center; padding:50px 50px 35px 35px;}



/* HEADER */

#logo a{float:left; display:block; width:335px; height:150px; overflow:hidden; text-indent:-999px;}

.header-extra{width:320px; padding:10px 30px 0 0; float:right; text-shadow: #000 1px 1px 1px; text-align:right; line-height:1;}

.header-extra span{color:#f5bb47; font-size:22px; font-weight:bold;}

.header-extra span strong{color:#fff; font-size:30px; font-weight:bold; display:block; padding:5px 0;}

.header-extra p{color:#afb0af; font-size:19px;}

.header-extra p strong{color:#f5bb47;}

.social{float:right; margin-top:8px; width:120px; overflow:hidden;}

.social li{ float:left; width:24px; margin-left:6px;}

.social li a{display:block; width:24px; height:24px; line-height:1.5; overflow:hidden; background:url(images/social.png) no-repeat; text-indent:25px;}

.social li a.fb{background-position:-24px top;}

.social li a.lnk{background-position:-48px top;}

.social li a.gp{background-position:-72px top;}



/* NAVIGATION */

#nav-main li{float:left; background:url(images/nav_sep.gif) no-repeat right 50%; text-transform:lowercase; position:relative;}

#nav-main li:last-child{background:none;}

#nav-main li a{float:left; padding:0 38px; color:#d0d1d1; text-shadow: #000 1px 1px 1px; font-weight:bold;}

#nav-main li:hover a{text-decoration:none; color:#ee9528;}

#nav-main li ul{position:absolute; top:50px; left:0px; z-index:101; background:#011313; display:none;}

#nav-main li li{float:none; background:none; border-bottom:#242d2d 1px solid; height:40px; position:static;}

#nav-main li li a{float:none; display:inline-block; line-height:40px; padding:0 10px; width:300px; color:#ee9528!important; position:relative; top:-6px;}

#nav-main li li a:hover{background:#010a0a; color:#FFDA00 !important; }

#nav-main li:hover ul{display:block;}



/* CONTENT */

#content-box a{color:#c95224;}

.banner{background:url(images/carousal-nav.jpg) no-repeat left 246px; width:966px; position:relative; left:-15px; top:-20px; margin-bottom:20px;} /* height:460px; */

#slides-wrap { width:948px; height:229px; background: url(images/carousel-frame.jpg) no-repeat; padding:9px; }

#slideshow img { display:none; }

#slideshow img.first { display:block; }

#navslide { position:absolute; bottom:0; left:0;  width:966px; height: 218px; }

#navslide a { display:block; width: 240px; height:218px; float:left; text-indent:-9999px; }

#navslide a:first-child { position:absolute; top:-1000px; }

#orange-tri { position:absolute; width:31px; height:20px; top:228px; left:-999px; background: url(images/orange-triangle.png) no-repeat;   }
#orange-tri.slide2 { left:112px; }
#orange-tri.slide3 { left:347px; }
#orange-tri.slide4 { left:586px; }
#orange-tri.slide5 { left:823px; }




.banner .banner-content{display:none;}

#content-box .banner .more{width:97px; height:31px; display:block; text-indent:-9999px; background: url(images/readmore-button.png) no-repeat; color:#fff; overflow:hidden; position:absolute; z-index:100; top:180px; left:53px; text-align:center;}

.banner .banner-nav{overflow:hidden;}

.banner .banner-nav li{float:left;}

.banner .banner-nav a{display:block; width:240px; line-height:30px; padding-top:188px; text-align:center; color:#395f55!important; font-weight:bold; font-size:18px;}

.banner .banner-nav a:hover,

.banner .banner-nav a.nav-hover {text-decoration:none; line-height:25px; color:#C95224 !important; }

a#services-overview-link { display: none; }



	/* SIDEBAR */

	.box{background:#191e1e url(images/box.png) repeat-x center 50px; width:248px; color:#fff; margin-bottom:20px;}

	.box h3{background:url(images/sidebar_title.png) no-repeat left top; width:253px; overflow:hidden; line-height:50px; position:relative; left:-2px; text-indent:-999px;}

		.box#text-3 h3{background-position:-253px top;}

		.box#search-2 h3 {background-position:-1012px top;}
		
		.box#recent-posts-2 h3 {background-position:-506px top;}
		
		.blog-categories h3 {background-position:-759px top;}

	.box .box-content,
	.box .textwidget, 
	.box #searchform,
	.box#recent-posts-2 ul {padding:10px 15px; background:url(images/box_bottom.gif) repeat-x bottom;}

	.box .box-content p{padding:5px 0;}
	
	#searchform label, 
	#text-2 label,
	#text-3 label {display:none;}
	#sidebar input { width:96%; display:block; margin-bottom:10px; background: url("images/txtbox.gif") repeat-x scroll center top #FFFFFF;
    border: 1px solid #757878;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;}
	
	#text-3 p {
		margin-bottom:1em;
	}

	.box .side-txt{background:#fff url(images/txtbox.gif) repeat-x top; border:#757878 1px solid; border-radius:5px; padding:5px; width:190px;}

	.box#text-2 .wpcf7-submit, 
	.box #searchsubmit{background:url(images/btn_side.png) no-repeat; width: 114px; height:31px; overflow:hidden; text-indent:-999px; border:none; cursor:pointer;font-size: 0; display:inline-block; line-height: 0; /* ie7 fix for input buttons - text-indent caused image to move with text */}
	
	.box #searchsubmit { background-image:url(images/search-site-button.png); }

	.box#text-3 .newsletter-btn,
	#mc-embedded-subscribe-2 {background:url(images/btn_side.png) no-repeat right top; width: 86px; height:31px; overflow:hidden; text-indent:-999px; border:none; cursor:pointer; font-size: 0; display:block; line-height: 0; /* ie7 fix for input buttons - text-indent caused image to move with text */}
	#mc-embedded-subscribe-2 { display:inline-block; position: relative; top:-4px; }

	#sidebar .box ul{margin-bottom:10px!important;}

	#sidebar .box ul li{border-bottom:#bc9a0b 1.5px dashed; padding:8px 0;}

	#sidebar .box ul li a{background:url(images/bullet.gif) no-repeat left 4px; color:#efbd37!important; padding-left:20px; display:block;}

	

	/* POST */

	.post{margin-bottom:15px; padding-bottom:5px; }

	 img.avatar { float:left; margin:0 20px 15px 0; } 

	.post .post-hold { } 

	.post-title { }

	.post-title, .post-title a, .author-details h1 {color:#c95224; font-size:32px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; clear:both; }

	.post-meta{margin-bottom:10px; font-size:11px; padding:4px 0 7px 0; }

	.post-content p{padding:0 0 10px 0;  }

	.post-content ul{list-style-type:disc; margin:10px 0 10px 20px;}

	.post-content ol{list-style-type:decimal; margin:10px 0 10px 25px;}

	.post-content blockquote{margin:10px 0; background:#2b2c2c url(images/quote.png) no-repeat left bottom; color:#c6c6c6; padding-left:140px; border-radius:5px;}

	.page-id-2083 .post-content blockquote { width: 500px; }

	.post-content blockquote p{padding:10px;}

	.post-content blockquote p strong{display:block; color:#fff;}

	.post-content h1{font-size:17px; font-weight:bold;}

	.post-content h2{font-size:20px; font-weight:bold; margin:5px 0 15px 0;}

	.post-content h3{font-size:13px; font-weight:bold;}

	.post-content b, .post-content strong{font-weight:bold;}

	

	.post-content i, .post-content em{font-style:italic;}

	.navigation .alignleft{float:left; line-height:20px;}

	.navigation .alignright{float:right; line-height:20px;}

	

		/* Wordpress Classes */

		.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

		.alignleft{float: left; margin:0 10px 10px 0;}

		.alignright{float: right; margin:0 0 10px 10px;}

		.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}

		.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

		

	/* COMMENT */

	#comments, #respond{font-size:18px; color:#333;margin-bottom:15px; clear:both;}

	#commentform p{padding:8px 0; font-size:12px;}

	#commentform label{width:100px; float:left; text-align:right; margin:0 10px 0 0; line-height:25px;}

	#commentform .req{color:#f00;}

	#author, #email, #url{width:240px; height:20px; padding:5px 5px 0 5px;}

	#comment{width:450px;}

	#submit{background:#0c5d81; border:#377a97 1px solid; color:#fff; height:30px; margin-left:110px; cursor:pointer;}

	#submit:hover{background:#377a97;}

	

	ol.commentlist{}

	ol.commentlist li{padding:15px; background:#fff; border-bottom:#eee 1px dotted;}

	ol.commentlist li.alt{background:#f5f5f5;}

	ol.commentlist .comment-content{padding:10px 0;}

	ol.commentlist .comment-content a{color:#39c;}

	ol.commentlist small{font-size:11px;}

	ol.commentlist .avatar{display:none;}

	ol.commentlist .comment-meta{margin-bottom:5px;}

	ol.commentlist b.auth a{font-weight:bold; color:#06c;}

	

	/* AUTHOR */

	.author-details h1 {clear:none;font-size:48px;}

	

	/* ARCHIVES */

	.pagetitle {font-size:24px; line-height:1.5; margin:0 0 1em 0; }



/* FOOTER */

.banner-bottom{background:#dfdfdf; border-top:#fdfdfd 1px solid; color:#646464; font-size:15px; padding:15px 40px 25px 30px;}

.banner-bottom h3{color:#c95224; font-size:32px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; line-height:60px; float:left; margin-right:40px;}

.banner-bottom p{font-weight:bold;}



#footer h3{font-size:17px; color:#fff; font-weight:bold; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin-bottom:10px;}

#footer h3 span{font-weight:bold;color:#fa8304;}

#footer h3#get-in-touch { text-indent:-9999px; padding:0;  height:20px; background: url(images/get-in-touch.png) no-repeat; }



#footer .contact{float:right; width:310px; color:#fff; font-size:14px; min-height:380px;}

#footer .contact p{clear:left; padding:8px 0;}

#footer .contact label{color:#c4c4c4; display:block; margin-bottom:3px;}

#footer .contact label span{color:#646464;}

#footer .contact .contact-txt,
.footer-signup input {background: url("images/txtbox.gif") repeat-x scroll center top #FFFFFF; border: 1px solid #757878; border-radius:5px; color:#000; width:300px; height:25px; padding:2px 5px; font-family: "Myriad Pro",Arial,Helvetica,sans-serif;}
.footer-signup input { width:200px; }

#footer .contact .contact-area{background: url("images/txtbox.gif") repeat-x scroll center top #FFFFFF; border: 1px solid #757878; border-radius:5px; color:#000; width:300px; height:125px; padding:5px; font-family: "Myriad Pro",Arial,Helvetica,sans-serif; }

#footer .contact .contact-btn{background:url(images/btn_contact.png) no-repeat; width:86px; height:31px; overflow:hidden; border:none; padding:none; text-indent:-999px; cursor:pointer; float:right;

font-size: 0; display:block; line-height: 0; /* ie7 fix for input buttons - text-indent caused image to move with text */}



#footer .latest-post{float:left; width:300px; margin-right:60px;}

#footer .extra-links{float:left; width:170px;}

#footer .latest-post li, 

#footer .extra-links li{padding:8px 0; border-bottom:#282929 1px solid; line-height:35px; overflow:hidden; }

#footer .latest-post a, 

#footer .extra-links a{font-size:13px; font-weight:normal; color:#efbd37;}

#footer a img{vertical-align:middle; border:#404040 1px solid;  margin:4px 10px 0 0;}

#footer a.footer-post-text {
	display:block;
	padding-left:40px;
	line-height:1.5;
}



#footer .foot-note{clear:left; color:#b4c7c7; padding-top:40px; font-size:12px;}

#footer .foot-note strong{color:#d3e4e4; font-size:13px; font-weight:bold;}

#footer .social{float:right; margin:25px 70px 0 0;}


/* Contact Form 7 Styling */
form.wpcf7-form span.wpcf7-not-valid-tip {
	display:none;
}
form.wpcf7-form div.wpcf7-response-output {
	margin:0;
	border:0;
	padding:10px;
	font-size:13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#fff url(images/cf7-msg-bg.png) repeat-x left bottom;
}
/* OK */
form.wpcf7-form div.wpcf7-mail-sent-ok {
	color:#398F14;	
}
/* mail not sent */
form.wpcf7-form div.wpcf7-mail-sent-ng {
	color:#FF0000;	
}
/* spam blocked */
form.wpcf7-form div.wpcf7-spam-blocked {
	color:#c98001;	
}
/* validation error */
form.wpcf7-form div.wpcf7-validation-errors {	
	color:#c98001;	
}

#footer form.wpcf7-form div.wpcf7-response-output {
	margin:15px 0;
}
form.wpcf7-form img.ajax-loader {
	float:right;
}
form.wpcf7-form div.wpcf7-validation-errors {
	border-color:#FE9D36;
	margin:10px 0;
}

/* Footer Slideup Styling */
#footerSlideContainer {
	position: fixed;
	bottom:0;
	width: 100%;
}
#footerSlideButton {
	background: url(images/email-icon.png) bottom left no-repeat transparent;
	position: absolute;
	top: -64px;
	right: 20px;
	width:64px;
	height:64px;
	border: none;
	cursor: pointer;
}
#footerSlideButton.showing-signup {
	background-position: top left;
	top:-12px;
}
#footerSlideContent {
	width: 100%;
	height: 0px;
	background:#000 url(images/footer-slider-bg.png) repeat-x;
	color: #CCCCCC;
	font-size: 0.8em;
	border: none;
	font-family: DejaVuSansBook, Sans-Serif;
}
#footerSlideText {
	padding: 13px 10px 0 10px;
}

/* Mail Chimp Form Fields */
.footer-signup {
	width: 783px;
	margin: 0 auto;
}
span#footer-mailchimp {
    background: url("images/get-news-footer.png") no-repeat;
	display: inline-block;
    line-height: 25px;
    text-indent: -9999px;
    width: 212px;
	margin-right:20px;
}
.footer-signup label {
	display:none;
}
.footer-signup input {
	margin-right:10px;
}

/* How-To Template */

h3#howto {
	font-family:"Century Gothic",Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#fff;
	padding:28px 0px 0px 110px;
	height:34px;
}
h3.task {
	background:url(/wp-content/uploads/2014/02/task-header.png) no-repeat bottom left;
}
h3.need {
	background:url(/wp-content/uploads/2014/02/need-header.png) no-repeat bottom left;
}
h3.difficulty {
	background:url(/wp-content/uploads/2014/02/difficulty-header.png) no-repeat bottom left;
}
h3.time {
	background:url(/wp-content/uploads/2014/02/time-header.png) no-repeat bottom left;
}
.guide {
	background:url(/wp-content/uploads/2014/02/linedpaper.png);
	margin-top:0px;
	padding:10px;
	font-family:'Handlee',cursive;
	color:#666;
	width:620px;
	margin-bottom:10px;
	-webkit-box-shadow:0px 0px 5px 0px rgba(50,50,50,0.53);
	-moz-box-shadow:0px 0px 5px 0px rgba(50,50,50,0.53);
	box-shadow:0px 0px 5px 0px rgba(50,50,50,0.53);
}
.guide ul li {
	margin-bottom: 10px;
}

/* Show Avatar */

.shortcode-show-avatar {
	display:block;
	width:100%;
	float:left;
	color:#F5B939;
	padding:5px;
	height:64px;
	margin-bottom:20px;
	font-family:"century gothic";
	font-size:1.2em;
}
.shortcode-show-avatar .email a {
	font-size:1em;
}
.shortcode-show-avatar img.avatar {
	float:left;
	margin:0 20px 15px 0;
	border-radius:50%;
	border:0.3em solid #F5B939;
	width:64px;
	height:64px;
}


/* OTHER */

.gaiq{float: right;}

.clear{clear:both;}

.al-right{text-align:right;}

.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

.clearfix {display: inline-block;}  /* for IE/Mac */

* html div.clearfix {zoom:1; display:block;}