/*********************************************************************************************

Theme Name: Yamidoo PRO Magazine
Theme URI: https://www.wpzoom.com/themes/yamidoo/
Description: A magazine style theme by <a href="https://www.wpzoom.com">WPZOOM</a>
Version: 1.0
Author: WPZOOM
Author URI: https://www.wpzoom.com

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Main Navigation  -------------------  header.php
5.  Featured Slider  -------------------  featured.php
6.  Featured Categories  ---------------  blocks.php
7.  Homepage Articles ------------------  index.php
8.  Single Articles & Pages ------------  single.php, page.php
9.  Comments  --------------------------  comments.php
10. Forms  ----------------------------   searchform.php
11. Sidebar & Widgets ------------------  sidebar.php
12. Footer  ----------------------------  footer.php

**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/   
* {
margin:0;
padding:0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style-type: none; list-style-position:inside;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
 }

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; }
th {  background: #BBCCDD; color:#333; }
th, td { line-height: 20px; padding: 0px; }
tr:nth-child(2n) {  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
tr:nth-child(2n+1) {  }


 
/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/   
#navigation {
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:bold;
text-align:center;
float:left;
margin:0 auto;
width:500px;
}
  /* =WP-PageNavi
-------------------------------------------------------------- */
.wp-pagenavi { font-family:Arial; font-size: 12px; text-align: center; padding: 6px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; }
	.wp-pagenavi .pages { padding: 5px 6px; margin: 0 6px; color: #fff; background: #34475b; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.wp-pagenavi a:link, .wp-pagenavi a:visited { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 6px; margin: 0 4px; color: #fff; font-weight: bold; background: #34475b; }
	.wp-pagenavi .current { padding: 5px 6px; color: #fff; margin: 0 5px; background: #4e6883; font-weight: bold; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.pagenav .wp-pagenavi a:hover { color: #fff; background: #4e6883; }
	
	
.navigation { color: #fff; float: left; width: 100%; }
	.navigation .alignleft a,   .navigation .alignright a { width: 125px; text-align: center; height: 20px; }
	.navigation a { color: #fff; background: #737070; font-weight: bold; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
	.navigation .alignleft { float: left; }
	.navigation a:hover { color: #fff; text-decoration: none; background: #6c6868; }
	.navigation .alignright { float: right; }
.post-edit-link { text-transform: uppercase; font-size: 10px; color: #f81b10; font-weight: bold; }
.pagenav { background: #e7e9ed; padding: 8px 10px; float: left; width: 590px; font-size: 16px; font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform: uppercase; color: #989898; }
	.pagenav a { color: #989898; }
		.pagenav a:hover { color: #656161; text-decoration: none; }
	.pagenav .floatleft { background: url(images/prev.png) no-repeat left 5px; padding-left: 20px; }
	.pagenav .floatright { background: url(images/next.png) no-repeat right 5px; padding-right: 20px; }
 


.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 10px 15px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 20px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }
.transpBlack { background: url(https://www.violatordjs.com/wp-content/themes/VIOLATOR/transpBlack.png); }


 
.wp-caption { border: 1px solid #B6B6B6; text-align: center; background-color: #EFEFEF; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.wp-caption img { margin: 0; padding:4px 0; border: 0 none; }
	.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 0 3px 5px; margin: 0; font-style: italic; }	
	
a { color: #C60005; outline: none; text-decoration: none; }
	a img { border: none; }
	a:hover { text-decoration: underline; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
html { overflow-y: scroll; }
p { font-size: 1.3em/1.3em; margin-bottom:15px;}

#wp-calendar caption { font-weight: bold; color: #333; text-transform: uppercase; }
#wp-calendar td { text-align: center; }
	#wp-calendar td a { color: #333; font-weight: bold; text-decoration: underline; }
		#wp-calendar td a:hover { text-decoration: none; }
#wp-calendar caption { background: #888888 none repeat scroll 0 0; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 8px 10px; text-shadow: 1px 1px 0 #656565; text-transform: uppercase; text-align: left; }
#wp-calendar #today { background: #2F91C4; color: #fff; font-weight: bold; }
 
a.more {
	font-weight:bold;
 	color: #C60005;
 	font-size:16px;
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	padding-right:34px;
	background:url(images/moreb.png) no-repeat right 2px;
}

a.more:hover {
	background:url(images/morebh.png) no-repeat right 2px;
	color: #C60005;
	text-decoration:none;
	}
	
	li.date, li.category, ul.post-meta li.author, li.comments, #sidebar .popular li ul.post-meta li.comments a {
	 padding-left:16px;
	 text-transform:uppercase;
	 font-size:10px;
	 color:#7e7a7a;
	 margin:0 5px 5px 0;
	 display:inline;
	 border:none;
	 }
	 
	 li.date {
	 background:url(images/date.png) no-repeat;
	 }
	 
	 li.comments {
	 background:url(images/comments.png) no-repeat;
	 }
	 
	 li.category {
	 background:url(images/category.png) no-repeat 0 2px;
	 }
	 
	 ul.post-meta li.author {
	 background:url(images/author.png) no-repeat;
	 }
	 
	 ul.post-meta li a {
	 border-bottom:none;
	 color:#7e7a7a;
 	 }
	 
	 ul.post-meta li a:hover {
	 border-bottom:1px dotted #7e7a7a;
	 text-decoration:none;
	 }
		
	 ul.post-meta {
	 margin:5px 0;
	 }
	 
	 #panes ul.post-meta {
	 margin:0;
	 }

/********************************************************************************************* 

2. Page Structure  -------------------------  All Theme Files

*********************************************************************************************/   

body
{
 	font-size:12px;
    background:#ffffff url(../../../bg.jpg);
    background-position:top center; 
    background-repeat: repeat; 
    background-attachment:fixed;
    margin: 0px;
    padding: 0px;
	line-height:1.6;
	color:#3B3232;
	font-family:Arial,Helvetica,sans-serif;
}
 
#content-wrap {
width:960px;
background:#f0f1f3;
float:left;
margin-bottom:20px;
 -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
 border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; 
 }

 
#page-wrap {
	width: 960px;
	margin: 0 auto;
}	
 

#content #fullwidth.post {
width:940px;
} 
 
 
/********************************************************************************************* 

3. Header  -------------------------  header.php

*********************************************************************************************/   
#topnav {
	background:#1d1b1b url(images/bgtop.png) repeat-x;
	height:0px;
	}
	
	#nav-wrap {
	width:960px;
	margin:0 auto;
	}
	
	#nav-wrap ul {
	float:right;
	margin-top:1px;
	}
 
	
 #header {
height:400px;
float:left;
width: 960px;
margin-top:0px;
}
	
	#logo {
	float:left;
	width:50%;
 	}
	
	#ad468 {
	float:right;
	margin-top:0px;
 	}
 
 
/********************************************************************************************* 

4. Main Navigation  -------------------------  header.php

*********************************************************************************************/   
 
#menu {
	background:#1b1919 url(images/bgnav.png) no-repeat;
 	margin:20px 0 0 0;
 	width:960px;
 	float:left;
 	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
 	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
 	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
  	}
	
	#menu ul.dropdown {
	width:850px;
	float:left;
	padding:0 10px;
  	}
	
	#menu #nav {
	display:none;
	width:850px;
 	}
	
 
	#header #menu .social {
	display:none;
	float:right;
	width:80px;
	height:30px;
	margin-top:2px;
	margin-right:5px;
	text-align:right;
 	}
 	
 	#header #menu .social li {
 	width:32px;
 	display:inline;
 	}
 
/********************************************************************************************* 

5. Featured Slider  -------------------------  featured.php

*********************************************************************************************/   
 
#feature { 
	background:#232020;
  	float:left;
	width:960px;
	height:351px;
	background:url(images/featurebg.png) no-repeat;
	position:relative;
	clear:both;
	}
  
 #navi ul {	
 	margin:0 auto;	
 	width:380px;
 	position:absolute;
 	top:255px;
 	left:567px;
 }

#navi li {	
 	float:left;
 	list-style-type:none;
	text-align:center;
	display:inline;
	margin-left:14px;
}

#navi a {
	color:#333333;
	display:block;
	position:relative;
	word-spacing:-2px;
	font-size:11px;		
	text-decoration:none;
	opacity:0.5;
}	

#navi a.current {
	 opacity:1;
  }
 
 #navi a:hover {
	opacity:1;
 }

#navi img {
	border:1px solid #000;
	margin:0 0 9px 0;
	display:block;
	width:60px;
	height:50px;
 }

#navi strong {
	display:block;		
	font-size:13px;
}

/* panes */
#panes {
	height:345px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	overflow:hidden;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	font-size:13px;
	color:#ede9e9;	
	line-height:1.5;
	text-shadow:1px 1px 0 #000;
	overflow:hidden;
	padding:20px;
	width:920px;
  }
 
#panes p a {
color:#fff;
font-weight:bold;
}

#panes img {
	float:left;
	margin:5px 40px 0 5px;	
	width:520px;
	height:280px;
	border:1px solid #000000;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,1.0);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,1.0);
	box-shadow: 0 0 30px rgba(0,0,0,1.1);
}

#panes a.more {
	color:#6e6666;
	font-weight:bold;
 }

#panes a.more:hover {
background:url(images/moreb.png) no-repeat right 2px;
color:#948787;
}

#panes h2 {
font-size:22px;
padding:0;
margin:0 0 5px 0;
line-height:1.2;
}

#panes h2 a {
color:#d3d3d3;
line-height:1.2;
 }
 
#panes p {
padding:5px 0 0 0;

} 

/********************************************************************************************* 

6. Featured Categories  -------------------------  blocks.php

*********************************************************************************************/   

#blocks {
float:left;
width:960px;
clear:both;
}

	.colart {
	width:240px;
	float:left;
	}
 
 	.colart:hover h3 {
	background:#2c2727;
	}
	
	.colart h3 {

	text-align:center;
	background:#141212;
	font-family:Georgia;
	font-size:13px;
	padding:4px 0;
	text-shadow:1px 1px 0 #000;
	text-transform:uppercase;
	}
	
	.colart h3 a {
	color:#d3d3d3;
	font-weight:normal;
	font-style:italic;
 	}
 	
 	.colart .entry {
 	padding:8px 15px;
 	}
	
  	.colart h2 {
 	font-family:Georgia;
 	font-size:18px;
 	font-weight:normal;
 	font-style:italic;
 	line-height:1.4;
 	margin-bottom:5px;
 	}
 	
 	.colart h2 a {
 	color:#314c66;
 	}
 	
 	#blocks .more {
 	color:#2a2828;
 	font-size:16px;
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	padding-right:34px;
	background:url(images/moreb.png) no-repeat right 4px;
	margin-top:10px;
	float:left;
  	}
	
	#blocks a.more:hover, #blocks .colart:hover .more {
	background:url(images/morebh.png) no-repeat right 4px;
	color:#972626;
	text-decoration:none;
	}
	
	#twitter_carousel {
	float:left;
	margin:15px 0 15px 15px;
	padding:12px 15px 0 120px;
	background:url(images/twitterbg.png) no-repeat;
	width:800px;
	font-family:Georgia;
	font-style:italic;
	color:#726c6c;
	overflow:hidden;
	height:30px;
	}

  	
/********************************************************************************************* 

7. Homepage Articles -------------------------  index.php

*********************************************************************************************/   
#content {
	background:url(images/h3bg.png) repeat-x top center;
 	float:left;
	width:610px;
	margin:15px 15px 20px 15px;	
	}
	
 	
	h3.title {
 	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	color:#2a2828;
	font-size:28px;
	font-weight:normal;
  	clear:both;
  	line-height:0.7;
  	background:#f0f1f3;
  	padding-right:15px;
  	float:left;
 	}
	
	#content .post {
	float:left;
	clear:both;
	width:610px;
	background:url(images/line.png) repeat-x bottom center;
	padding:20px 0;
 	}
 	
 	#content .sticky h2 a {
 	background:url(images/sticky.png) no-repeat 0 5px;
 	padding-left:20px;
  	}
 	
	.post h2, .post h1 {
	margin-bottom:5px;
	}
	
	.post h1 a {
	font-size:30px;
	line-height:1.2;
	}
	
	.post h2 a {
	color:#000;
	font-size:24px;
	line-height:1.2;
	}
	
	h3.topcat {
	word-spacing:-5px;
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	color:#2a2828;
	font-size:16px;
	font-weight:bold;
  	clear:both;
   	background:#f0f1f3;
  	padding-right:15px;
  	float:left;
  	line-height:1.1;
 	}
 	
 	h3.topcat a {
 	color:#2a2828;
 	}
 	
 	h3.topcat ul li { display:inline; float:left; padding-right:10px; } 
	
	.post .thumb img {
	float:left;
	border:4px solid #000;
	margin:5px 10px 5px 0;
 	}
 	

 	#single ul.post-meta  {
 	background:url(images/line.png) repeat-x bottom center;
 	padding-bottom:10px; 
 	margin-bottom:10px; 
 	}
 	
 	#content.single {
 	background:url(images/h3bg.png) repeat-x center -5px;
 	}
	
	#content.page {
	background:none;
	}
	
	#content.page .post {
	padding:0;
	background:none;
	}
	
	#content.single .post {
	padding:10px 0 20px 0;
	background:none;
	}
	
	#content .post a.more {
	float:right;
 	clear:both;
	background:url(images/moreb.png) no-repeat right 5px;
  	}
	
	#content .post a.more:hover {
	background:url(images/morebh.png) no-repeat right 5px;
 	}
 	
 	.post .entry {
 	line-height:1.8;
 	}
    
 	.post .entry ul {
	margin:0 0 20px;
	padding:0 0 0 30px;
	}

	.post .entry ul li {
	list-style-type:square;
	}

	.post .entry ol {
	margin:0 0 20px;
	padding:0 0 0 30px;
	}

	.post .entry ol li {
	list-style-type:decimal;
	}
	
	.post .entry a {
	font-weight:bold;
 	}
 
 	.post blockquote {
 	border-left:3px solid #CCCCCC;
	color:#777777;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
	}

	blockquote, q {
	quotes:none;
	}

	.post .alignleft {
	float:left;
	margin:10px 15px 10px 0;
	}
	 
	.post .alignright {
	float:right;
	margin:10px 0px 10px 15px;
	}
	
	
	.prevnext {
	float:left;
	clear:both;
	width:610px;
	margin-bottom:20px;
	}
	
	.prevnext .previous {
	float:left;
 	}
	
	.prevnext .next {
	float:right;
 	text-align:right;
	}
	
	.prevnext a {
	padding: 2px 5px; 
	margin-bottom: 5px; 
	font-weight: bold; 
	text-transform: uppercase; 
	background: #737070; 
	font-size: 10px; 
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	border: none; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
	color: #fff;
	display:block;
	}
	
	
/********************************************************************************************* 

8. Single Articles & Pages -------------------------  single.php, page.php

*********************************************************************************************/   
 	
.share   {
 	clear:both;
	background:url(images/line.png) repeat-x bottom center;
 	padding-bottom:20px; 
 	margin-bottom:10px; 
	}
	
	.share h3, .prevnext h3  {
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	color:#2a2828;
	margin-bottom:10px;
 	}

	.share li {
	padding:0 0 3px 20px;
	display:inline;
	margin-right:15px;
	}

	.share li a {
	color:#333;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}

	 li.facebook  {
	background:url(images/facebook.png) no-repeat left;
	}

	  li.twitter  {
	background:url(images/twitter.png) no-repeat left;
	}

	 li.delicious  {
	background:url(images/delicious.png) no-repeat left;
	}

	  li.digg  {
	background:url(images/digg.png) no-repeat left;
	}

	  li.stumble  {
	background:url(images/stumble.png) no-repeat left;
	}
	
.tag-links {
background:url(images/tag.png) no-repeat left 2px;
padding-left:20px;
float:left;
clear:both;

}

.nextpage {
background:url(images/page.png) no-repeat left;
padding-left:20px;
float:left;
clear:both;
margin-bottom:5px;
font-weight:bold;
}
 
 
/********************************************************************************************* 

9. Comments  -------------------------  comments.php

*********************************************************************************************/   

#comments, #respond { float: left; background: url(images/h3bg.png) repeat-x 2px -5px; clear: both; margin: 15px 0; float: left; width: 610px; }
#comments ul.children #respond { background: none; width: 95%; }
#comments h3, #respond h3 { font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #2a2828; background: #f0f1f3; padding-right: 15px; line-height: 1; float: left; clear: both; margin-bottom: 15px; }
#comments div.comments { margin: 0 0 10px 0; }
	#comments div.comments h2 { font-size: 18px; font-weight: normal; }
	#comments div.comments li, #main #respond { padding: 10px 0 5px; margin-top: 10px; }
#comments ol.commentlist div.comment-content { margin-left: 95px; }
#comments cite { font-style: normal; font-weight: normal; }
#comments p.trackbackurl { font-size: 11px; }
	#comments p.trackbackurl span.url { font-weight: bold; padding: 1px; }
#comments a.more-link { display: block; margin: 10px 0 0; }
#comments div#comments-comments ul, #comments div#comments-comments ol { margin-left: 0; }
#comments .comments { padding: 0px 0; clear: left; }
	#comments .comments li { margin: 0px 0 0em 0; padding: 20px 0; list-style-type: none; background: url(images/line.png) repeat-x top center; float: left; width: 100%; }
		#comments .comments li ul li { padding: 10px 0 5px 0; }
#comments ul.children { background: url(images/replybg.png) no-repeat 0 25px; margin: 0; padding: 0 0 0 25px; float: left; }
#comments .comments li ul.children { margin-top: 10px; padding: 0; width: 95%; }
	#comments .comments li ul.children li { clear: left; margin: 0 0 0px 30px; background: none; }
#comments .comments li ul li { border: none; }
.comment-body { position: relative; }
	.comment-body p a { text-decoration: underline; }
#comments .comments .comment-author-admin cite.fn a { color: #DB2A3B; font-style: italic; font-size: 14px; }
#comments  blockquote { color: #777777; font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; font-style: italic; }
#comments .comments cite.fn { font-size: 12px; font-weight: bold; font-family: Arial; }
	#comments .comments cite.fn a { color: #3B3232; }
#comments .comments div.gravatar { float: left; display: inline; width: 75px; margin: 0 10px 5px 0; }
	#comments .comments div.gravatar img { margin: 0; }
#comments .comments div.comment-author { line-height: 18px; margin: 0 10px 3px 0; width: 215px; position: relative; }
#comments .comment-author { float: left; }
	#comments .comment-author img.avatar { float: left; }
#comments .comment-meta { position: absolute; top: 20px; left: 60px; }
#comments .comments div.comment-content {  }
.comments p,   .comments li.author p { font-size: 11px; line-height: 20px; margin-left: 225px; margin-bottom:10px;}
#comments .comments .avatar { float: left; margin: 0 10px 0 0; }
#comments .comments span.says { display: none; }
#comments .comments .children { margin: 0 0 0 0; }
#comments .comments .commentmetadata a.comment-edit-link { background: none; }
#comments	.comments .commentmetadata a { display: inline; font-size: 11px; color: #9d9c9c; padding: 0; line-height: 17px; margin: 0; border-bottom: none; font-weight: bold; font-family: Arial,Helvetica,sans-serif; clear: both; float: left; }
#comments		.comments .commentmetadata a:hover { color: #4f535b; text-decoration: none; border: none; padding: 0; }
#comments	.comments .reply { margin: 15px 0 0 0; text-align: right; clear: both; }
#comments .comments .cancel-comment-reply p { margin: 0 0 0 0; border: none; }
#comments .afterpost .navigation .alignleft a, #comments .reply a, .afterpost .navigation .alignright a { padding: 3px 13px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; font-size: 10px; background: url(images/reply.png) no-repeat; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }
#comments .cancel-comment-reply { float: left; clear: both; margin-bottom: 10px; }
	#comments .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #737070; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }
#comments .afterpost .navigation .alignleft a:hover, #comments .afterpost .navigation .alignright a:hover, #comments .reply a:hover, #comments .cancel-comment-reply a:hover { text-decoration: underline; }
#commentform { color: #6F6F6F; clear: both; }
	#commentform code { font-size: 11px; }
	#commentform p { margin: 0 10px 15px 0; font-size: 12px; border: none; padding: 0; }
#commentslabel, #commentform label { line-height: 2.0em; font-size: 12px; font-style: italic; }
#comments textarea, #commentform textarea { width: 580px; height: 160px; }
#comments ul.children textarea, #commentform ul.children textarea { width: 450px; }
#comments #submit, #commentform #submit { background: #000 url(images/overlay-button.png) repeat-x 0 0; display: inline-block; padding: 6px 15px 6px; color: #fff !important; font-size: 12px; font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; font-weight: bold; line-height: 1; text-transform: uppercase; text-decoration: none; word-spacing: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.25); text-shadow: 0 -1px 1px #000; border: none; position: relative; cursor: pointer; overflow: visible; width: auto; cursor: hand; margin: 12px 0; }
#comments #submit:hover, #commentform #submit:hover { background: #333; }
#commentform #subscribe { float: left; margin: 5px 5px 0 0; text-transform: none; }
 
	
 
 

/********************************************************************************************* 

10. Forms  -------------------------   searchform.php

*********************************************************************************************/   
 
 
#respond input { background: #f5f6f9; border: 1px solid #b7bdc7;  -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); color: #666; font-size: 13px; padding: 5px; margin:0 8px 5px 0;}

#respond textarea { background: #f5f6f9; border: 1px solid #b7bdc7;  -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10);  color: #666; font-size: 13px; padding: 5px; }


#searchform #s { background: #f5f6f9; border: 1px solid #b7bdc7;   color: #666; font-size: 13px; padding: 5px; margin:0 5px 5px 0; }

#sidebar #searchform {float:left; clear:both;}

#submit { background: #737070; border: 1px solid #504F4F; color: #F1ECEC;  font-size: 10px; font-weight:bold; padding: 5px;  }

#searchsubmit { background-color: #737070; border: 1px solid #737070; color: #F1ECEC;   font-size: 10px; padding: 5px; text-transform: uppercase; }
 
input { padding:5px; }

/********************************************************************************************* 

11. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/   
 
#sidebar {
	float:left;
	width:300px;
	margin:15px 0 0 0px;
	background:#fff;
	position:relative;
 	}
	
	#sidebar h3 {
	font-size:26px;
	color:#4c677c;
	}
	  
	#tabs {
	background:url(images/bgtabs.png);
	padding:6px;
	float:left;
	clear:both;
	width:288px;
	margin-bottom:30px;
	}
	
	ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px; /*--Set height of tabs--*/
 	width: 100%;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		height: 31px; /*--Subtract 1px from the height of the unordered list--*/
		line-height: 31px; /*--Vertically aligns the text within the tab--*/
 		border-left: none;
		margin-bottom: -1px; /*--Pull the list item down 1px--*/
		overflow: hidden;
		position: relative;
 	}
	ul.tabs li a {
		text-decoration: none;
		color: #e9e9e9;
		display: block;
		font-size: 11px;
		text-transform:uppercase;
		font-weight:bold;
		padding: 0 8px;
 		outline: none;
 		cursor:pointer;
	}
	ul.tabs li a:hover {
 	}
 	
	html ul.tabs li.active, html ul.tabs li.active a,  html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: #000;
		color:#fff;
 	}
	
	.tab_container {
 	overflow: hidden;
	clear: both;
	float: left; 
 	background: #161616;
	padding:6px;
	width:276px;
 }
	.tab_content {
	padding: 10px 0;
	font-size: 12px;
	background: #000;
	border:1px solid #161616;
	}
	
	
	.tab_container #tab4 {
	padding:10px;
	font-family:Georgia;
	}


	#sidebar .widget {
 	background:url(https://www.violatordjs.com/wp-content/themes/VIOLATOR/style.css) repeat-x top center;
	clear:both;
	float:left;
 	margin:0 0 25px 10px;
 	padding-right:10px;
 	width:300px;
 	}
	
	#sidebar .widget h3 {
 	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	color:#2a2828;
	font-size:22px;
	font-weight:bold;
  	clear:both;
  	line-height:1;
  	background:#e7e9ed;
  	padding-right:15px;
  	float:left;
  	margin-bottom:10px;
  	letter-spacing:-1px;
  	word-spacing:3px;
	}
	
	#sidebar .widget div  {
	margin:5px 0;
	padding:0 15px 10px 0;
	clear:both;
	}
	
	#sidebar .widget ul {
	clear:both;
	}
	
	#sidebar .widget ul li {
	list-style-type:square;
 	padding:0;
	}
	
	#sidebar .widget ul ul {
 	margin:0;
	padding:0 0 0 15px;
	}
 
	
	#sidebar .tab_container .recentcomments, #sidebar .tab_container .popular {
	color:#161616;
	font-size:11px;
	}
	
	#sidebar .tab_container .recentcomments li, #sidebar .tab_container .popular li {
	border-bottom:1px solid #161616;
	padding:5px 10px;
	clear:both;
	}
	
	#sidebar .tab_container .recentcomments li:last-child, #sidebar .tab_container .popular li:last-child {
	border-bottom:none;
	}
	
	#sidebar .tab_container .recentcomments a, #sidebar .tab_container .popular a {
	font-weight:bold;
	color:#FFF;
	font-size:12px;
	display:block;
	}
	
	#sidebar .tab_container .recentcomments img { 
	float: left; 
	margin: 5px 8px 5px 0;  
	width: 50px; 
	}
	
	#sidebar .tab_container .popular li ul.post-meta li.comments {
	padding:0;
	text-align:right;
	}
	
	#sidebar .tab_container .popular li ul.post-meta li.comments a:hover {
	text-decoration:underline;
	}
	
	#sidebar #cat, #sidebar select {
	width:268px;
	}

	#sidebar #cat, #sidebar select {
 	background:#F7F7F7;
	border:1px solid #cdcfd4;
	color:#333333;
	display:inline;
	font-family:Arial,Tahoma,Verdana;
	font-size:12px;
 	padding:5px;
 	line-height:1.5;
 	margin:5px 0;
	clear:both;
	float:left;
	}
 

ul.gallery img { border: 2px solid #D3DDE5; width: 60px; height: 60px; float:left;}
ul.gallery img:hover { border: 2px solid #0C2B41;  }
ul.gallery a { border: none;   }
ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border:none;}
ul.gallery { display: block; list-style-type: none; margin: 5px 0 0; padding: 5px 0; }
#sidebar .widget ul.gallery li { border: none; padding: 0 6px 8px 0;  float:left; list-style-type:none; list-style-position:outside;}

  
 
/********************************************************************************************* 

12. Footer  -------------------------  footer.php

*********************************************************************************************/   
#footer {
	float:left;
	background:#fff url(https://www.violatordjs.com/wp-content/themes/VIOLATOR/style.css) repeat-x top center;
	padding:10px 25px 15px 25px;
	width:910px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
 	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
 	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
  	}
	
	#infowidget {
	width:380px;
	float:left;
	text-align:center;
	}
	
	#infowidget span {
	color:#9f9f9f;
	font-size:25px;
	font-family:Georgia;
	font-style:italic;
 	}
	
	#infowidget ul {
 	width:100%;
 	color:#716e6e;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	#infowidget li {
	padding:0 0 4px 23px;
	margin:0 15px 3px 0;
	width:40%;
	float:left;
	text-align:left;
	}

	#infowidget li a {
	color:#716e6e;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	#infowidget  li.rss  {
	background:url(images/feed.png) no-repeat left;
	}
	
	#infowidget  li.phone  {
	background:url(images/phone.png) no-repeat left;
	}
	
	#infowidget  li.email  {
	background:url(images/email.png) no-repeat left;
	}
	
	#footer_search {
	margin:20px 0 0 20px;
	height:40px;
	background:#e4e5e6;
	border:1px solid #d3d6dd;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	width:440px;
	padding:15px 15px 25px 25px;
	color:#9f9f9f;
	font-style:italic;
	font-weight:bold;
	}
	
	#footer_search #s {
	width:380px;
 	background:#f0f2f4;
	border:1px solid #cbcfd2;
	}
	
 	#footer .hr {
	clear:both;
	background:#d3d5d7;
	border-bottom:1px solid #fff;
	height:1px;
	float:left;
	width:100%;
	margin:12px 0 7px 0;
	}
	
 	#copyright {
	display:none;
	float:left;
	width:500px;
	font-size:10px;
	font-weight:bold;
	color:#6c6666;
	text-transform:uppercase;
	}
	
	#designed {
	display:none;
	float:right;
	width:145px;
	font-size:10px;
	font-weight:bold;
	color:#6c6666;
	text-transform:uppercase;	 
	}