/*
Theme Name: Chemicals
Description: Chemicals IL theme
Author: CodeArt
Version: 1.1
*/
* {margin:0; padding:0}
a:active{outline: none}
a { outline:none;}
.clear {clear:both}
.right, .alignright{float:left}
.left, .alignleft{float:right}
a img{border:none;}

/* structure */
body{direction:ltr;background:url(images/new_bg.jpg) #eee7d7 no-repeat;font-size:14px;color: #7d3054;font-family:Arial;}
#wrap{width:982px; margin:12px auto 0;}
#top {background: url(images/header-top-5h.png) no-repeat top left;height:46px;}
#inner-wrap{background: url(images/main-cont.png) repeat-y top left;}
#page{background:url(images/main-top.jpg) 5px top no-repeat; }
#content{width:575px; margin-left:31px; float:left;}
.home #content{width:566px;}
#sidebar {width:329px; float:right; margin-right:31px;}

/* header */
#header{height:163px; clear:both;}
#header h1 a{
	padding:28px 0 0 0px;
	margin-left:48px;
	line-height:67px;
	text-decoration: none;
	display:block;
	background:none;
	font-size:67px;
	color: #7d3054;
	height:75px;
	line-height:67px;
	}
#header h3{background:none; width:236px; height:27px; display:block; margin-left:48px; color:#0f3152; font-size:24px;}
#searchform{margin:10px 12px 0 0;}
#s{border:none; background:url(images/search-f.png) no-repeat transparent; width:139px; height:23px;}
#searchsubmit{background:url(images/ar-search-bg.png) no-repeat; width:74px; height:23px; color:#fff; font-size:16px;
	      font-weight:bold; border:none;padding-right:15px; color:#fff; color:#fcf8ec; font-weight:bold}
#qtranslate-chooser {list-style-type:none; margin:0 20px 20px 0 ; padding-top:17px;}
#qtranslate-chooser li{float:right; padding:3px;}

/* front-page */
#slider{height:292px; width:545px; padding:10px; background:url(images/slider-bg.png) no-repeat;margin-bottom:12px; direction:ltr}
#slider #controls {position: relative; top:146px;}
#slider .slide {width:545px;height:292px;position: absolute;}
#slider .description {position:absolute; bottom:16px; height:72px; width:545px;left:1px}
#slider .description h2{background:url(images/slider-t-bg.png) top left no-repeat;height:42px; font-size:18px;}
#slider .description p{font-size: 14px; color: #fbf7eb;background: url(images/slider-desc-bg.png) top left no-repeat;height:29px;}
#slider .description p a{background:url(images/ar-cont-bg.png) no-repeat top left; height:21px; width:124px;margin:4px 5px 0 0;
	color:#fcf8ec; font-size:16px; font-weight:bold;text-decoration: none; line-height: 21px; text-align:center; font-weight:bold;}
#slider #controls{position:relative; top:122px; clear:both; z-index:90}
#slider #controls .next{background:url(images/slider-prev.gif) no-repeat top right; float:right; width:37px; height:50px;}
#slider #controls .prev{background:url(images/slider-next.gif) no-repeat top left;float:left; width:37px; height:50px;}

.topbox{background: url(images/top-box-bg.png) no-repeat; width:282px; height:107px;}
.bottombox{width:282px; height:242px; background:url(images/bottom-box.png) no-repeat; margin-top:14px;}

.home .bottombox h2, .home .topbox h2{background:url(images/title-bg.png) top left no-repeat; width:249px; height:26px; margin: 8px auto 0; color:#fcf8ec; font-size:18px; padding-left:14px;}
.topbox ul {list-style-type: none; list-style-image: url(images/ltr-cat-bullet.png); margin:7px 0 0 12px;padding-left:20px;}
.topbox li{margin-bottom:2px;}
.topbox li a {color:#432E1A;}
.topbox ul a{font-size:14px; font-weight:bold; text-decoration:none;}


.bottombox #rotator {margin:10px auto;  height: 186px;  overflow: hidden;  padding: 0; position: relative;  width: 260px;}
.bottombox #rotator img {}
#video #slideshow{margin:10px 15px 0; text align:center;}

/* sidebar */

#sidebar #rss{background:url(images/rss-bg.png) no-repeat top left; width:309px; height:27px;margin-bottom:19px; padding: 7px 10px 5px;}
#sidebar #rss form {float:left;}
#sidebar #rss form input[type='text']{background: url(images/rss-input.png) transparent no-repeat top left; border:none; width:195px;
				      height:26px;}
#sidebar #rss input[type='submit']{background:url(images/ar-signup-bg.png) no-repeat top left; width:74px; height:26px;text-align:center;
	font-size:16px; color:#fcf8ec; border:none; font-size:16px; color:#fcf8ec; font-weight:bold;}

	#sidebar #rss #rssbtn{float:right; background: url(images/rss-icon.png) no-repeat top left; text-indent: -999px; overflow: hidden; 
			height:24px; width:24px; text-decoration: none;margin-top:1px;}

.home #facts{background:url(images/facts-bg.gif) top left no-repeat; width:309px; height:370px;padding: 0px 10px;}
#sidebar li{list-style-type: none; background: url(images/sep-line.png) no-repeat bottom center; height:22px;padding:5px 11px;
	font-size:12px; font-weight:bold;}
.more{font-family:Aharoni; font-size: 16px; color:#c37034; font-weight:bold;margin-right:12px; text-decoration: none; margin-top:17px}
#sidebar li a {color:#432E1A; text-decoration: none; font-size: 16px; font-weight: bold; height:18px; overflow:hidden; display:block;}

#sidebar .bottombox{background:url(images/s-bottom-box.png) no-repeat top left; width:328px; height:239px;}
#sidebar .topbox{background:url(images/inner-topbox.png) no-repeat top left;margin-top:18px; width:327px; height:98px;}
#sidebar #news h2, #sidebar #video h2, #sidebar #images h2{
	 background: #7d3054;
	 width: 308px;
	 height:26px;
	 margin: 4px auto 0;
	 color:#fcf8ec;
	 font-size:18px;
	 padding-left:14px;
	 border-radius: 8px;
	 }
#sidebar #slideshow object{width:296; margin: 0 16px;}

/* post/page*/
.post{color:#7c6856; padding:30px 0; background:url('images/content-sep.png') center bottom no-repeat;}
.single .post {background:none;}
.post:first-child{padding-top:0;}
.post-top{background: url(images/post-top.png) no-repeat top left; padding: 25px 20px 0 20px; height:79px;}
.post-mid{background: url(images/post-mid.png) repeat-y top left; padding: 0 20px 0 20px; text-align:justify;}
.post-btm{background: url(images/post-btm.png) no-repeat top left; height:18px;}
.post-mid h2, .post-mid h2 a{font-size:28px;color: #7d3054;margin:0px;text-decoration: none;}
.post-mid  h3{font-size:18px;color:#432e1a}
.post-mid .sociable{text-align:left; float:left; margin-top:0;}
.post-mid p {margin-bottom:10px;}
.post-mid ul, .post-mid ol {margin-left:25px;}
.post-mid #home {float:right;background:url(images/back-home.jpg) no-repeat top left; width:127px; height:28px; line-height:26px;text-indent:-999px; padding-left:34px; overflow:hidden; display:block; text-decoration:none; margin-top:10px; }
.ar .post-mid #home{background-image: url(images/ar-back-home.png); font-size:16px; color:#fcf8ec; font-weight:bold; text-indent:0; padding-left:50px;}
/* footer */
#footer{background:url(images/chem_footer.png) no-repeat;width:982px;margin: 0 auto;min-height:91px;position: relative;}
#footer #n-logo{width:125px; height:75px; margin:11px 0 0 31px; background: url(images/r-logo.png) no-repeat top left; display: block}
#footer #g-logo{width:107px;height:75px;margin: 21px 34px 0 0;background: url(images/l-logo.png) no-repeat top left;display: block;float:right;}
#footer .left{width:350px;}
#footer .left p{color:#ece2cd; margin-top:52px; font-size:11px; float:left;}
#footer .menu ul{list-style-type:none; margin-top:45px; margin-left:230px; font-size:12px;}
#footer .menu li{display:inline-block;padding:0 5px; border-left:1px solid #fff;}
#footer .menu li:first-child{border-left:none;}
#footer .menu ul a{text-decoration:none; color:#fff; font-weight:bold;}
#cf_phone , #cf_name { color:#7e6248; background:url(images/input.png) no-repeat; border: none; width: 165px; height: 26px; margin: 5px 0 0 5px; padding: 0 5px;}
#cf_send { background:url(images/ar-send.png) no-repeat; border: none; width: 74px; height: 26px; float: right; position: relative; top: -26px; right:5px;
	font-size:16px; color:#fcf8ec; text-indent:0; font-weight:bold;}
.single #cf_name, .single #cf_phone{background-image:url(images/inner-input.png); width:206px;}

/* comments */
#comments{clear:both; background:url("images/content-sep.png") no-repeat scroll center top transparent; padding-top:20px; margin-top:20px;}
.post .post-mid .commentlist{list-style-type:none; margin-left:0;background:url("images/content-sep.png") no-repeat scroll center bottom transparent; padding-bottom:20px; margin-bottom:20px;}
.commentlist li {background:#faf8f7; margin-bottom:5px; padding:5px}
.avatar{float:left; margin-right:5px;}
.vcard{font-size:11px;}
.fn{font-size:14px; font-weight:bold;}
.commentmetadata{font-size:11px;}
#comments form p{width:510px; text-align:right; font-weight:bold;margin-bottom:0;}
#comments form input{background:url(images/comment-input.png) no-repeat left top; width:321px; height:26px; padding: 0 5px; line-height:26px; border:none; font-size:14px; margin-bottom:5px;}
#comments form textarea{width:321px; height:136px; background:url(images/textarea.png) no-repeat top left; margin-bottom:11px; border:none; padding:0 5px;}
#comments form input[type='submit']{background:url(images/submit-comment.png) no-repeat; margin-right:105px; width:131px; height:26px; text-indent:-999px; overflow:hidden; }
#comments form label{vertical-align:top;}
.req{color:red;}

#top .menu ul{list-style-type:none; text-align: center;}
#top .menu li{display:inline-block;padding:0 5px; border-right:1px solid #fff;}
#top .menu li:first-child{border-right:none;}
#top .menu ul a{text-decoration:none; color:#fff; font-weight:bold; font-size: 1.2em;}
#top .menu ul li { 
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.82, #7d3054),
	color-stop(1, #a7587d)
);
background-image: -o-linear-gradient(top, #7d3054 82%, #a7587d 100%);
background-image: -moz-linear-gradient(top, #7d3054 82%, #a7587d 100%);
background-image: -webkit-linear-gradient(top, #7d3054 82%, #a7587d 100%);
background-image: -ms-linear-gradient(top, #7d3054 82%, #a7587d 100%);
background-image: linear-gradient(to top, #7d3054 82%, #a7587d 100%);
-webkit-transition: 0.6s all;
border-radius: 4px;
}
#top .menu ul li:hover { 
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.03, #7d3054),
	color-stop(1, #a7587d)
);
background-image: -o-linear-gradient(top, #7d3054 3%, #a7587d 100%);
background-image: -moz-linear-gradient(top, #7d3054 3%, #a7587d 100%);
background-image: -webkit-linear-gradient(top, #7d3054 3%, #a7587d 100%);
background-image: -ms-linear-gradient(top, #7d3054 3%, #a7587d 100%);
background-image: linear-gradient(to top, #7d3054 3%, #a7587d 100%);
}
#top .menu ul li:active { 
background-image: -webkit-gradient(
	linear,
	right top,
	right bottom,
	color-stop(0.21, #7d3054),
	color-stop(1, #a7587d)
);
background-image: -o-linear-gradient(bottom, #7d3054 21%, #a7587d 100%);
background-image: -moz-linear-gradient(bottom, #7d3054 21%, #a7587d 100%);
background-image: -webkit-linear-gradient(bottom, #7d3054 21%, #a7587d 100%);
background-image: -ms-linear-gradient(bottom, #7d3054 21%, #a7587d 100%);
background-image: linear-gradient(to bottom, #7d3054 21%, #a7587d 100%);
}
.menu ul li.current-menu-item {
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.28, #7d3054),
			color-stop(1, #a7587d)
		) !important;
		background-image: -o-linear-gradient(top, #7d3054 28%, #a7587d 100%) !important;
		background-image: -moz-linear-gradient(top, #7d3054 28%, #a7587d 100%) !important;
		background-image: -webkit-linear-gradient(top, #7d3054 28%, #a7587d 100%) !important;
		background-image: -ms-linear-gradient(top, #7d3054 28%, #a7587d 100%) !important;
		background-image: linear-gradient(to top, #7d3054 28%, #a7587d 100%) !important ;	
}

#content p { padding: 1em;}

/** Interjet changes **/

#infographic{
	width:329px;
	margin-bottom: 10px;
}
.bottombox.bigbox{}

.middle {
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 240px;
	height: 18px;
	font-weight: bold;
}

a:focus{
	box-shadow: 0 0 3px 1px #7D3054;
	-ms-box-shadow: 0 0 3px 1px #7D3054;
	-moz-box-shadow: 0 0 3px 1px #7D3054;
	text-decoration: underline;
}
.sr-only {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}