/* Copyright EclecticRadio -- Designed and developed by @JMstudioNL 


This website, its design, content, structure, styling, markup and functionality is © EclecticRadio.
All libraries used are subject to copyright by their respective owners.
Don't steal this design, scroll down to the bottom of this document to find out why... ;)
.
Feel like using parts of this code? Go ahead, it's free for grab! Be sure to stay original and unique!
*/

/* ---------------------------------------------------------------------- */
/* ==================================== common element and items styling  */
/* ---------------------------------------------------------------------- */

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, font, img, ins, kbd, q, s, samp,
small, strike, 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;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}

ul.related_post, ul.sidebarul {list-style: none;}
ul.sidebarul {margin-left: 0 !important;}
ul.sidebarul ul {list-style: none !important; margin-left: 0;}
.sidebartop_ul {list-style: none !important; margin-left: 0 !important;}
.description_show {display: none;}


blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
input {
    -ms-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

html, body {
	background: #4d4d4d url(http://www.eclecticserver.com/uploads/files/er_wall.jpg) top left repeat-x;
	background-attachment: fixed;
	font-family: arial, sans-serif;
	color: #ccc;
	font-size: 12px;
	_height: 100%; *height: 100%;
}

hr {
clear: both;
margin: 10px 0;
border: 0;
border-bottom: 1px solid #3A3A3A;
}

/* ==================================== Headings h1 - h6  */

h1,h2,h3,h4,h5,h6 {
	font-family: 'Questrial', arial, sans-serif;
	zoom: 1;
	color: #1DAAFF;
	font-weight: normal;
	-webkit-text-stroke-width: 0.6px; // fix nasty font-rendering in webkit
	text-stroke-width: 0.6px; // fix nasty font-rendering in webkit
}
h1 {font-size: 24px;}
h2 {font-size: 17px; color: #FFF;}
h3,h4,h5,h6 {font-size: 15px; margin-bottom: 10px; color: #FFF;}


/* ==================================== links / general link styling  */

a {
	color: #1daaff;
	outline: none; 
	text-decoration: none;
}
a:hover {
	color: #fe0041;
	text-decoration: none;
}
a img {border: none;}


/* ==================================== general html styling  */

iframe {margin-bottom: 0px; border: 0;}
marquee {margin: 0; padding: 0; line-height: normal;}
p {cursor: default;}

/* -- all that classes WP loves -- */
.alignleft, .avatar {float: left; margin: 3px 10px 0 0;}
.alignright {float: right; margin: 3px 0 0 10px;}
.aligncenter {float: none; text-align: center; margin: 0 auto;}
.float_left {float: left;}
.float_right {float: right;}
text_align_left {text-align: left;}
.text_align_right {text-align: right !important;}
.clear {clear: both;}
.middle {vertical-align: middle;}
.middle_icon {margin-top: -1px;}
.center {margin: 0 auto; text-align: center;} 
.display_block {display: block;}
.nolist {list-style: none; line-height: 1.4;}
.gutter_right {margin-right: 10px;}
.gutter_left {margin-left: 10px;}
strong.highlights {font-weight: bold;}
.wp-smiley {vertical-align: middle;}
.popthumb {width: 50px; height: 50px;}
.add_bottom {margin-bottom: 20px;}
.add_top {margin-top: 20px;}
.push_left {margin-left: 20px;}

.alert {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 5px;
	width: auto;
}
.newalert {
	background: #40A800;
	border-radius: 2px;
	color: #FFF;
	text-shadow: 0 1px 0 #181818;
}
.hotalert {
	background: #F48C04;
	border-radius: 2px;
	color: #FFF;
	text-shadow: 0 1px 0 #181818;
}

.tag {
	padding: 2px 8px; 
	font-size: 11px; 
	background: #000; 
	border: 1px solid #000; 
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	border-radius: 12px; 
	text-decoration: none;
}
.index_tags .tag:hover, .index_tags .tag a:hover {background: #1DAAFF; color: #FFF; text-decoration: none;}
.block {margin-bottom: 40px}
.block ul, .block ol {margin: 0 0 0 15px; line-height: 1.4;}
.none {display: none;}
.smaller {font-size: 11px; color: #CCC;}
.outlined {
	padding: 5px; 
	background: none; 
	border-width: 1px; 
	border-style: solid;
	border-color: #181818;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	-webkit-transition: all 150ms ease-in; /*safari and chrome */
	-moz-transition: all 150ms ease-in; /* firefox */
	-o-transition: all 150ms ease-in; /* opera */
}
.outlined a {color: #1daaff; text-shadow: 1px 1px 0 #000;}
.outlined:hover {
	background: #262626; 
	-webkit-box-shadow: 0 1px 10px #1daaff;
	-moz-box-shadow: 0 1px 10px #1daaff;
	box-shadow: 0 1px 10px #1daaff; 
	border-width: 1px; 
	border-style: solid;
	border-color: #1daaff;
}
.outlined:active {
	background: #262626; 
	border-width: 1px; 
	border-style: solid;
	border-color: #fff;
	-webkit-box-shadow: 0 1px 10px #fe0041;
	-moz-box-shadow: 0 1px 10px #fe0041;
	box-shadow: 0 1px 10px #fe0041; 
}
.homepage_video {background-position: left top;}
.homepage_video:hover {
	background: position: bottom right;	
	-webkit-transition: all 150ms ease-in; /*safari and chrome */
	-moz-transition: all 150ms ease-in; /* firefox */
	-o-transition: all 150ms ease-in; /* opera */
}
.outlined img {display: block;}
.meta {color: #858585;}
.meta a {color: #858585;}
.meta a:hover {color: #FFF;}
.homepage_post, .top_navigation, .sbga {margin-bottom: 20px;}
.homepage_post .post_thumb_container h2 img {margin-bottom: 20px;}
.navigation {
    background: none;
    margin-bottom: 20px !important;
    padding: 8px 0;
}
.navigation a {font-size: 13px; font-weight: bold; color: #FFF;}
.navigation a:hover {color: #1DAAFF; text-decoration: underline;}
.navigation select {width: 180px;}
.dimmed {color: #C0C0C0}
.red {color: #FE0041;}
.cccover {display: none;}

blockquote {
	padding: 10px 0 0 10px;
	display: block;
	border-left: 2px solid #FFF;
	font-style: italic;
	color: #ccc;
	font-size: 15px;
	font-family: georgia, times, serif;
	line-height: 1.6;
	margin: 20px 0;
	display: block;
	max-width: 90%;
	
}


.filter_results_form label {
	font-size: 10px;
	text-transform: uppercase;
	padding-bottom: 3px;
	color: #ccc;
}
.filter_results_form input, .filter_results_form select {
	background: #181818;
	color: #FFF;
	font-size: 12px;
	border: 0;
}
.filter_results_form select {
	padding: 3px;
}


.block_header {
	border-bottom: 0px solid #333333;
	padding: 10px;
}
.left_block_header {
	background: none repeat scroll 0 0 #101010;
	background: rgba(0,0,0,0.85);
	padding: 20px;
}
.block_header h1, .sidebartop_ul h2 {
	font-size: 22px;
	text-shadow: #000 0px 1px 0;	
	color: #ccc;
	margin-bottom: 5px;
}
.block_header p {
	margin-bottom: 10px !important; 
	font-size: 11px;
	text-shadow: #000 2px 1px 4px;	
}




.attention {
	background: #f4db8e; 
	border: 1px solid #f1c43b; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	color: #a58217; 
	display: none; 
	height: 23px; 
	line-height: 21px; 
	vertical-align: middle;
	margin-top: 1px;
	font-weight: bold;
	padding: 0 10px;
	margin-left: 10px;
	text-shadow: 0px 1px 0px #fff;
}
.attention:hover {
	border-color: #c39a19;
	color: #806511;
	background: #ffd75a;
	text-shadow: 0px 1px 0px #fff;
}



.button_blue {background-color: #1DAAFF;	
	background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.23, rgb(0,121,191)),
			color-stop(0.62, rgb(29,168,255)),
			color-stop(0.81, rgb(115,201,255))
	);
	background-image: -moz-linear-gradient(
			center bottom,
			rgb(0,121,191) 23%,
			rgb(29,168,255) 62%,
			rgb(115,201,255) 81%
	);}
.button_blue:hover {background: #1894de; color: #FFF;}
.button_gray {background-color: #333;
	background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.47, rgb(23,23,23)),
			color-stop(0.74, rgb(51,51,51)),
			color-stop(0.87, rgb(71,71,71))
	);
	background-image: -moz-linear-gradient(
			center bottom,
			rgb(23,23,23) 47%,
			rgb(51,51,51) 74%,
			rgb(71,71,71) 87%
	);
		
}
.button_gray:hover {background: #333; color: #FFF;}
.button_red {background-color: #fe0040;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.47, rgb(143,0,38)),
    color-stop(0.74, rgb(254,0,64)),
    color-stop(0.87, rgb(255,54,108))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(143,0,38) 47%,
    rgb(254,0,64) 74%,
    rgb(255,54,108) 87%
); color: #FFF !important;}
.button_red:hover {background: #db0038; color: #fff;}

.button {
	display: inline-block;
	padding: 0 10px 0;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	color: #fff;
	text-decoration: none !important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor: pointer
}

.button_small {
	display: inline-block;
	padding: 3px 10px 4px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}


.ratingblock  {
	float: left;
	font-size: 11px;
}

.commentlist, .commentlist li {margin: 0 !important; padding: 0 !important;}
.commentlist li {
	padding: 10px;
	background: #000;
	list-style: none;
	position: relative;
}
.commentlist li.comment-author-admin {
	background: #292929;
	color: #FFF;
}

.comment-body p {
	margin-bottom: 10px;
}
.commentmetadata {
	font-size: 10px;
}
.commentmetadata a {
	text-decoration: none;
	color: #CCC;
}
.reply {
	position: absolute;
	top: 0px;
	right: 0px;
	width: auto;
	padding: 0 5px;
	height: 30px;
	line-height: 30px;
  vertical-align: middle;
	background: #FFF;
	color: #1DAAFF;
}
.reply a {color: #1DAAFF;}

.as {
	margin: 0 auto 10px;
	width: 468px;
	height: 80px;
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	display: none;
	bottom: 30px;
	margin-left: -150px;
}
#back-top a {
	width: 64px;
	display: block;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: #6a6a6a;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #fff;
}
/* arrow icon (span tag) */
#back-top span {
	width: 64px;
	height: 64px;
	display: block;
	margin-bottom: 7px;
	background: #6a6a6a url(images/up-arrow.png) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #181818;
}


/* 

*/

.az_list, .az_list li, .az_list li a {
	display: block;
	margin: 0 !important;
}
.az_list li, .az_list li a {
	float: left;
	list-style: none;
}

.az_list li {
	padding: 0 10px 0 0;
	color: #888;
	cursor: default;
}
.az_list li.active a {color: #1daaff;}

#az_index label {
    color: #CCCCCC;
    font-size: 10px;
    padding-bottom: 3px;
    text-transform: uppercase;
}

span.pages {padding-left: 0 !important;}



/* ------------------------------------------- */
/* ==================================== forms  */
/* ------------------------------------------- */

ol.cf-ol {list-style: none !important; margin-left: 0 !important; padding-left: 0;}
.cf-ol label {
width: 300px;
display: block;
padding-top: 10px;
padding-bottom: 5px;
}
.cf-ol input.single, textarea.area, input.secinput {
width: 300px;
padding: 3px;
font-size: 14px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
}
textarea.area {
height: 230px;
}
input.sendbutton {
width: auto;
margin-top: 5px;
padding: 0 10px;
float: left;
clear: both;
margin-bottom: 20px;
}
.captcha-reset {width: 12px; height: 12px;}
fieldset, legend {
display: none;
}
.cf-ol img {vertical-align: middle; margin-left: 5px;}
 
.reqtxt, .emailreqtxt {
padding-left: 5px;
font-size: 11px;
vertical-align: top;
}

.cf-after {float: left; width: 100px;}
.cf-box-a {float: left; width: 20px; vertical-align: middle; height: 30px;}

 
.failure {color: #C61100; font-weight: bold;}
.success {font-weight: bold; color: lightgreen;}
.cf_error {border: 1px solid #C61100;}
.linklove {display: none;}

label {
	display: block;
	height: auto;
	padding: 0;
	margin: 0;
}
form p {margin-bottom: 10px !important;}
input, select, textarea {clear: both; width: auto; padding: 2px;}
input#submit {width: auto !important;}
.required {display: none;}
cite {font-style: normal;}
.text-input {margin-top: 5px; margin-bottom: 0px;}





.ws-schedule a {
    color: #000000;
    text-decoration: underline;
}
.ws-schedule a:hover {
    color: #1daaff;
    text-decoration: underline;
}
.ws-schedule table {
    table-layout: fixed;
    border-collapse: collapse;
    padding: 4px;
}
.ws-schedule .verticalcolumn1 {
    float: left;
    width: 100px;
}
.ws-schedule .verticalcolumn2 {
    float: left;
    width: 50px;
}
.ws-schedule table.verticalheader {
    width: 100px;
}
.ws-schedule table.vertical1 {
    width: 100px;
}
.ws-schedule table.vertical2 {
    width: 50px;
}
.ws-schedule th.rowheader {
    height: 50px;
    width: 30px;
}
.ws-schedule th {
    background: #1daaff;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #000;
}
.ws-schedule tr th {
    padding: 0 !important;
}
.ws-schedule tr.topheader {
    height: 30px;
}
.ws-schedule tr.row1 {
    height: 100px;
    vertical-align: top;
}
.ws-schedule tr.row2 {
    height: 50px;
    vertical-align: top;
}
.ws-schedule tr.datarow {
    height: 70px;
}
.ws-schedule tr.datarow1 {
    height: 70px;
}
.ws-schedule tr.datarow2 {
    height: 140px;
}
.ws-schedule tr.datarow3 {
    height: 210px;
}
.ws-schedule tr.datarow4 {
    height: 280px;
}
.ws-schedule tr.datarow5 {
    height: 350px;
}
.ws-schedule tr.datarow6 {
    height: 420px;
}
.ws-schedule tr.datarow7 {
    height: 490px;
}
.ws-schedule tr.datarow8 {
    height: 560px;
}
.ws-schedule tr.vertrow {
    width: 50px;
}
.ws-schedule td:hover {
    background: none repeat scroll 0 0 #CCCCCC;
}
.ws-schedule table td {
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 4px;
    color: #000;
}
.ws-schedule td.cat1, td.cat2, td.cat3, td.cat4, td.cat5 {
    border: 1px solid;
}
.ws-schedule td.cat1 {
    background: none no-repeat scroll right bottom #009B95;
    border-color: #006561;
}
.ws-schedule td.cat1:hover {
    background-color: #33CDC7;
}
.ws-schedule td.cat2 {
    background: none no-repeat scroll right bottom #fff;
    border-color: #05326D;
    border-collapse: collapse;
}
.ws-schedule td.cat2:hover {
    background-color: #ececec;
}
.ws-schedule td.cat3 {
    background: none no-repeat scroll right bottom #FF9E00;
    border-color: #000;
}
.ws-schedule td.cat3:hover {
    background-color: #FFC973;
}
.ws-schedule td.cat4 {
    background: none no-repeat scroll right bottom #FF7100;
    border-color: #A64A00;
}
.ws-schedule td.cat4:hover {
    background-color: #FF9540;
}
.ws-schedule td.cat5 {
    background: none no-repeat scroll right bottom #00B358;
    border-color: #007439;
}
.ws-schedule td.cat5:hover {
    background-color: #62D99C;
}
.ws-schedule #continuedown {
    border-bottom: 2px dashed #000000;
}
.ws-schedule #continueright {
    border-right: 2px dashed #000000;
}


.add-bottom {margin-bottom: 20px;}
.add-top {margin-top: 20px;}
.add-half-bottom {margin-bottom: 10px;}
.add-half-top {margin-top: 10px;}
.add-negative-top {margin-top: -3px;}


/*
   _____                        _       _     _ 
  / ____|                      (_)     | |   | | 
 | |      ___  _ __  _   _ _ __ _  __ _| |__ | |_ 
 | |     / _ \| '_ \| | | | '__| |/ _` | '_ \| __|
 | |____| (_) | |_) | |_| | |  | | (_| | | | | |_ 
  \_____|\___/| .__/ \__, |_|  |_|\__, |_| |_|\__|
              | |     __/ |        __/ |                            
              |_|    |___/        |___/                             

  ______      _           _   _      _____           _ _         
 |  ____|    | |         | | (_)    |  __ \         | (_)        
 | |__    ___| | ___  ___| |_ _  ___| |__) |__ _  __| |_  ___    
 |  __|  / __| |/ _ \/ __| __| |/ __|  _  // _` |/ _` | |/ _ \   
 | |____| (__| |  __/ (__| |_| | (__| | \ \ (_| | (_| | | (_) |  
 |______|\___|_|\___|\___|\__|_|\___|_|  \_\__,_|\__,_|_|\___/        
                                                                   `                
Thank you for viewing this stylesheet. We hope we inspired you to create your own! "Stealing is for lame pussies..." 

*/