/*Theme Name: IGM Style
Theme URI: http://www.elegantthemes.com/gallery/thestyle/readme.html
Description: Turqoise Elegance
Author: IGM
Version: 4.2.13b
Template: TheStyle
*/
/*@import url("../TheStyle/style.css");*/
/*---------------[MAIN LAYOUT INFO]---------
#container {background: #2BC4D8 !important;}	
#container2 {background: #2BC4D8 !important;}	
background: url(images/sprite-master.png)no-repeat -500px -310px ;------*/

#logo { margin: 30px 0px 5px 0px;}
.hr {background: url("images/sprite-h.png") repeat-x scroll 0 -11px transparent;height: 1px; margin-bottom: 6px;}
#content-bottom-bg { border-bottom: 1px solid #337577;}
.thumbnail .overlay {background: url("images/sprite-master.png") no-repeat 0px -320px; display:block; position: absolute; height: 180px; width: 224px; top: 0px; left: 0px;}
.big .thumbnail .overlay {background: url("images/sprite-master.png") no-repeat -434px -115px; display:block; position: absolute; height: 180px; width: 480px; top: 0px; left: 0px;}
.single-thumb { position: relative; float: left; border: 4px solid #efefef; margin-bottom: 15px; height:186px; width:186px; }
.single-thumb .overlay { background: url("images/sprite-master.png") no-repeat -232px -311px; display: block; width: 186px; height: 186px; position: absolute; top: 0px; left: 0px; }
h2.title a {color: #7e426d;}
a {color: #FFFFFF; text-decoration: none;}
a:hover {text-decoration: underline;}
.post-text h1.title {color: #7F1A61;}
.post-text {float: right; font-size: 14px !important; width: 68%;}
.post-text a {color: #000000; text-decoration: underline;}
.post-text a:hover {color: #E9501E; text-decoration: underline; font-style: italic}
.post-categories {text-align: right;}
span.month {color: #FFFFFF; font-size: 48px; padding-right: 42px; position: absolute; right: 0; text-decoration: none; text-transform: uppercase; top: 133px;}
span.date {display: block; padding-right: 8px; position: absolute; right: 0; top: 0px;}
div.category {background-color: #7F1A61; opacity: 0.8;}
#search-form {background: url("images/sprite-master.png") no-repeat scroll 0px -275px transparent; float: right; height: 37px; margin: 12px 3% 0 0; width: 196px;}
input#searchinput {background: none repeat scroll 0 0 transparent; border: medium none; color: #595959; float: left; font-size: 12px; font-style: italic; margin-top: 3px; padding-left: 11px; position: relative; text-shadow: 1px 1px 1px #FFFFFF; top: 5px; width: 155px;}
#controllers span#left-arrow {background: url("images/sprite-master.png") no-repeat scroll -419px -433px transparent; display: block; height: 29px; left: 12px; position: absolute; top: 1px; width: 82px;}
#controllers span#right-arrow {background: url("images/sprite-master.png") no-repeat scroll -419px -470px transparent; display: block; height: 29px; position: absolute; right: 3%; top: 1px; width: 82px;}
#breadcrumbs { margin: -45px 0px 9px; color: #FFFFFF; font-size: 13px; font-weight: 600; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); }
#breadcrumbs a, #breadcrumbs span.raquo { color: #FFFFFF; }
#breadcrumbs a:hover { color: #E9501E; text-decoration: none; }
#header ul.nav ul {top: 37px !important;}
/*-----------------Additions-Changes----------------------*/
#head_banner {float: right; margin-top: 60px !important; margin-right: 3%;}
span.pinterest-button {position:relative; width: 100%; float: left; clear: both; margin: 0;}
.pin-it {display:block; width:105px;height:105px;background:url('images/pinterest-button.png'); z-index:10; top: 15px; right: 15px; position:absolute;}
span.pinterest-button .pin-it {display:none;}
span.pinterest-button:hover .pin-it {display:block;}
#comment-wrap a {color: #075770;font-style: italic;text-decoration: underline;}
#comment-wrap a:hover{color: #808080;font-style: normal;text-decoration: none;}
#inoveryourarchives h2{color: #7F1A61;    display: block;    float: left;    font-weight: normal;    letter-spacing: -1px;    line-height: 1em;    margin: 5px;    padding-bottom: 5px;    width: 100%;}
.archivepost {background: url("images/sprite-h.png") repeat-x scroll 0 0 #E6F2EE;    border: 1px solid #B8D8D8;    box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.28);    margin-bottom: 5px;    margin-right: 10px;    padding: 14px 5px 5px;    width: 30%;    display: inline-block;}
body.page-template-page-full-noSB-php #left-area { width: 100%!important; }

/*---------------------[FOOTER]-------------------*/
#content-bottom-bg { background: url(images/footer-top.png) repeat-x; width: 100%; height: 5px; position: absolute; bottom: 0px; left: 0px; border-bottom: 1px solid #4a4a4a; }
#footer { background: #075770;}
#footer-wrapper { background: #075770; padding: 0 0% 0% 5% !important;}		
#copyright { color:#ffffff; text-align: center; padding: 0 10% 0 0;}
#footer h3.title {color: #2BC4D8;font-size: 30px;margin: 30px 0 5px;text-transform: uppercase;}
#footer .widget ul li { margin-bottom: 2px; }
#footer .widget ul a { color:#d1d1d1; text-decoration: none; background: url(images/sprite-master.png) no-repeat -889px 2px; padding-left:20px; }
#footer .widget ul a:hover { background: url("images/sprite-master.png") no-repeat scroll -887px -25px; bottom left; color:#fff; }
/*-------------------[COMMENTS]-------------------*/
h3#comments { color: #7F1A61;}
h3#reply-title span { color: #7F1A61; font-size: 36px; text-transform: uppercase; }
.commentmetadata span.month { color: #ffffff; text-decoration: none; text-transform: uppercase; position: absolute; top: 10px;right: 0px; padding-right: 8px;}
.commentmetadata span.date { display:block; position: absolute; top: 24px; right: 0px; padding-right: 8px;}
.commentmetadata span.month, .commentmetadata span.date { font-size: 24px; }
/*-----------------POST ELEMENTS-------------------------------*/
/*-------------.post-content {background: url(images/sprite-h.png) repeat-x scroll 0 0 !important; padding: 0px 4% 30px; } 
.entry-content {background: url(images/sprite-h.png) repeat-x bottom 0px 0px transparent;padding-bottom: 10px;}-----------------------------------*/
.publisher {background: url(images/sprite-master.png) scroll 0px 0px  #EFEFEF; color: #6E6E6E; display: block; font-size: 14px; padding: 10px 10px 8px; text-shadow: 1px 1px 0 #FFFFFF;}
.publisher a {color: #6E6E6E;text-decoration: underline;}
.publisher a:hover {color: #E9501E;text-decoration: none;font-style: italic;}
.info-panel .tags ul li a {background: url(images/sprite-master.png) scroll 0px 0px #EFEFEF; color: #6E6E6E; display: block; font-size: 11px; margin: 0 3px 3px 0; padding: 10px 10px 8px; text-shadow: 1px 1px 0 #FFFFFF; text-transform: uppercase;}
.info-panel h3.infotitle {color:  #7F1A61;font-size: 24px;margin-top: 15px;padding-bottom: 0px;text-shadow: none;text-transform: uppercase;}
.post ul.related-posts li {background: url(images/sprite-master.png) no-repeat -889px -24px; transparent; font-size: 15px;padding: 0 0 5px 14px;}
.post, #comment-wrap {background: url(images/sprite-h.png) repeat-x scroll 0px 0px #FFFFFF; border: 1px solid #ffffff; padding: 30px 0px 0px; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.6);-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); margin-bottom: 15px; }
/*---------------[DROPDOWN MENU]------------------*/ 
ul.nav { float: left; padding-top: 20px; }
		ul.nav a { font-size: 24px; color: #ffffff; text-decoration: none; padding-bottom: 58px; text-transform: uppercase; padding: 8px 8px 12px;}
		ul.nav a:hover, ul.nav > li.current-menu-item > a { color: #E9501E; text-shadow: 1px 1px 0px #000; }
	ul.nav ul {width: 202px;background: #7F1A61; border-top: none; top: 34px !important; box-shadow: 3px 7px 14px 1px rgba(0, 0, 0, 0.7);-moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.7);border-radius: 8px; -moz-border-radius: 8px;-webkit-border-radius: 8px;border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;padding: 19px 0px 1px;z-index: 9999px; display: none;opacity: 0.95;}
		ul.nav ul li { margin: 0px; padding: 0px 4px 17px 18px; }
			ul.nav ul li a { background: url(images/sprite-master.png) no-repeat 0px -42px; padding: 0px 0px 0px 18px; width: 130px; font-size: 22px; text-transform: capitalize;}
			ul.nav ul li a:hover { background: url(images/sprite-master.png) no-repeat 0 -117px; }
			ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -16px !important; left: 191px !important; border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
			ul.nav li:hover ul, ul.nav li.sfHover ul { top:44px !important; }
			ul.nav ul li:hover ul, ul.nav ul li.sfHover ul { top:-8px !important; }
ul.nav > li.sf-ul.sfHover > a {background: #7F1A61; border-top-left-radius: 8px;-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-right-radius: 8px;-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;opacity: 0.95;}
#header .sub-menu .sub-menu {top: 0 !important;}
/*--------------------[SIDEBAR]-------------------*/
#sidebar h3.widgettitle {color:#7F1A61; font-size:30px; text-decoration:none; text-transform:uppercase; background: url(images/entry-top-bg.png) repeat-x bottom left; padding: 10px 5px 2px 10px;}
#sidebar h3.widgettitle a {color:#7F1A61;}
.widgetcontent {padding: 10px 10px 10px 10px; color: #7a7575;}
#sidebar .widgetcontent ul li {background: url(images/sprite-master.png) no-repeat -890px -485px; padding: 0px 0px 5px 16px;
    line-height: 1.5;}
#tabbed .tab ul li { padding: 1% 2% 0%; background: url(images/entry-top-bg.png) repeat-x bottom left; }
#tabbed-area li a { font-size: 30px; color: #7F1A61; text-shadow: 1px 1px 0px #ffffff; display: block; padding: 8% 8% 8%; background: url(images/tabbed-right-bg.png) repeat-y top right; text-transform: uppercase; }
/*---------------[PLUG INS]------------------*/
#disqus_thread {background: url("https://infographicsmania.com/wp-content/themes/TheStyle/images/entry-bottom-bg.png") repeat-x scroll left bottom; background-color: #33d2e6; padding: 3% 2% 2% 3%; box-shadow: 3px 6px 7px 1px rgba(0,0,0,0.6); border-bottom: 3px solid #E9501E;}