/*   
Theme Name: WOAK Radio
Theme URI: http://woak.org
Description: WOAK's own custom wordpress theme developed by Cheap Geek PC.
Author: David Reed
Author URI: http://cheapgeekpc.com
Version: 1.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px "Palatino Linotype", "Book Antiqua", Palatino, serif; 
background: #b9b4a0; /* Old browsers */
background: -moz-linear-gradient(left, #b9b4a0 0%, #eeebde 50%, #b9b4a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b9b4a0), color-stop(50%,#eeebde), color-stop(100%,#b9b4a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #b9b4a0 0%,#eeebde 50%,#b9b4a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #b9b4a0 0%,#eeebde 50%,#b9b4a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #b9b4a0 0%,#eeebde 50%,#b9b4a0 100%); /* IE10+ */
background: linear-gradient(to right, #b9b4a0 0%,#eeebde 50%,#b9b4a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b4a0', endColorstr='#b9b4a0',GradientType=1 ); /* IE6-9 */}

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #8f0317; text-decoration: none;}
a:hover {color: #b10015; text-decoration: underline;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/
table td {
	padding: 10px;
	vertical-align: top;
	text-align: center;
}

/* Formitable Pro Universal Style Over-rides */

.frm_form_fields input {
	border-color: #555 !important;
	border-radius: 2px !important;
}


/* FRONT PAGE SLIDER STYLES */

#frontslider div.rsTmb {
	color: white;
	vertical-align: middle;
	line-height: 80px;
	font-size: 25px;
	text-align: center;
}

#frontslider div.rsNavItem {
	background: #8f0317;
box-shadow: 3px 3px 5px rgba(255, 255, 255, .3) inset,0 0 7px 2px rgba(255, 0, 0, 0.5) inset, 0 0 11px 2px rgb(68, 0, 0) inset;
	border: 4px solid #4a020c;
}



#frontslider div.rsNavSelected {
	
	background-color: #b82633;

}

#frontslider {
	border: 3px solid #4a020c;
	box-shadow: 0 0 5px rgba(0, 0, 0, .75);
}

#wrapper {width: 1200px; margin: 0 auto;}

#header {
	
	}
	
.logo-image {
	display: block;
	margin: 0 auto;
	}

.logo-image img {
	margin: 10px auto;
	display: block;
	}
	
	.logo-image a {
	display: block;	
		}
	
	#nav {
	width: 984px;
	background: #b1aa8d;
	height: 65px;		
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
	margin: 0 auto;
		}
		
		.menu-main-menu-container {
			background: #eeebde; /* Old browsers */
			background: -moz-linear-gradient(top,  #eeebde 0%, #c4c1b3 4%, #eeebde 14%, #dbd9d0 27%, #a39f8f 60%, #a39f8f 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeebde), color-stop(4%,#c4c1b3), color-stop(14%,#eeebde), color-stop(27%,#dbd9d0), color-stop(60%,#a39f8f), color-stop(100%,#a39f8f)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #eeebde 0%,#c4c1b3 4%,#eeebde 14%,#dbd9d0 27%,#a39f8f 60%,#a39f8f 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #eeebde 0%,#c4c1b3 4%,#eeebde 14%,#dbd9d0 27%,#a39f8f 60%,#a39f8f 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #eeebde 0%,#c4c1b3 4%,#eeebde 14%,#dbd9d0 27%,#a39f8f 60%,#a39f8f 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #eeebde 0%,#c4c1b3 4%,#eeebde 14%,#dbd9d0 27%,#a39f8f 60%,#a39f8f 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeebde', endColorstr='#a39f8f',GradientType=0 ); /* IE6-9 */
			width: 978px;
			margin: 0 auto 0;
			position: relative;
			top: 3px;
			height: 60px;
			}
			
			.menu-main-menu-container::after {
				content: "";
				width: 978px;
				height: 31px;
				display: block;
				position: relative;
				background: #27000c; /* Old browsers */
				background: -moz-linear-gradient(top,  #27000c 0%, #cc0442 5%, #ab0000 8%, #8a032c 24%, #b5011b 56%, #b5011b 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27000c), color-stop(5%,#cc0442), color-stop(8%,#ab0000), color-stop(24%,#8a032c), color-stop(56%,#b5011b), color-stop(100%,#b5011b)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #27000c 0%,#cc0442 5%,#ab0000 8%,#8a032c 24%,#b5011b 56%,#b5011b 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #27000c 0%,#cc0442 5%,#ab0000 8%,#8a032c 24%,#b5011b 56%,#b5011b 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #27000c 0%,#cc0442 5%,#ab0000 8%,#8a032c 24%,#b5011b 56%,#b5011b 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #27000c 0%,#cc0442 5%,#ab0000 8%,#8a032c 24%,#b5011b 56%,#b5011b 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27000c', endColorstr='#b5011b',GradientType=0 ); /* IE6-9 */
				border-top: 2px solid #d1cec3;
				top: -3px;
				}
				
			.menu-main-menu-container ul {
				padding-top: 5px;
				}

			.menu-main-menu-container ul li {
				font-size: 17px;
				text-transform: uppercase;
				display: inline-block;
				padding: 5px 15px 0;
					color: #4c3229;
					position: relative;
				}
			
			.menu-main-menu-container ul li::after {
			content: "";
			height: 35px;
			width: 1px;
			background-color: transparent;
			border: 1px solid;
			border-color: #ccc;
			border-color: rgba(0, 0, 0, 0.1);
			display: block;
			position: absolute;
			border-radius: 2px;
			top: -3px;
			right: 0;		
			box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
			z-index: 35;	
			}
				
				
				.menu-main-menu-container ul li:last-child {
				border-right: none;	
					}
				
				.menu-main-menu-container ul li a {
					text-decoration: none;
					color: #4c3229;
					padding: 10px 0px;
					position: relative;
					z-index: 39;

					}
					

					
					
li.current_page_item a {
background: url(images/current-item.png);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 8px !important;
margin-bottom: -8px;
position: relative;
z-index: 15;
color: #8f0317 !important;
}


/* --- Drop Menu Stylings --- */

.menu-main-menu-container ul li > ul {

	opacity: 0;
visibility: hidden;
	position: absolute;
	z-index: 40;
	transition: all 0.5s ease;
	width: 250px;
	background: #d1cec3;
	top: 27px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) inset;
	border-left: 2px #444 solid;
	border-right: 2px #444 solid;
	border-bottom: 2px #444 solid;
	left: 0;
}

.menu-main-menu-container ul li:hover > ul {

	trasition-delay: 0s;
	opacity: 1;
	visibility: visible;
	position: absolute;

}

.menu-main-menu-container ul li > ul li {
	display: block;
	position: relative;
	border-bottom: 1px solid #444;
	font-size: 15px;
	padding: 0;
	}

.menu-main-menu-container ul li > ul li:last-child {
	border-bottom: none;
}

.menu-main-menu-container ul li > ul li a {
	display: block;
	line-height: 20px;
	padding-left: 10px;
	padding-top: 8px;
	}

.menu-main-menu-container ul li.current_page_item > ul li a {
	background-image: none;
	margin-bottom: 0;
}

.menu-main-menu-container ul li > ul li.current_page_item a {
	background: none;
	margin-bottom: 0;
}
.menu-main-menu-container ul li > ul li a:hover {
	color: white !important;
}

.menu-main-menu-container ul li > ul li:hover {
	background: #444;

}



			.menu-main-menu-container ul li > ul li::after {
			content: "";
			height: 0;
			width: 0px;
			background-color: transparent;
			border: 1px solid;
			border-color: #ccc;
			border-color: rgba(0, 0, 0, 0.1);
			display: block;
			position: absolute;
			border-radius: 2px;
			top: -3px;
			right: 0;		
			box-shadow: none;
			z-index: 35;	
			}


#content-shell {
	width: 1024px;
	margin: 0 auto;
	border: 7px solid #8f0317;
	position: relative;
	top: -17px;
	background: white;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
	padding: 25px 15px;
	}


.hp-full-width {
	width: 95%;
	margin: 10px auto;
	background: #f5f4f2;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	padding: 10px;

}

.hp-full-width h3 {
	font-weight: normal;
	font-size: 19px;
	
}

#hp-body-widget {
	width: 70%;
	
}

#hp-body-widget::after {
content: "";
clear: both;
}
.third-widget {
	width: 48%;
	float: left;
	display: block;
	background: #f5f4f2;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	padding: 10px;
	margin:  5px;
}

.right-sidebar {

padding-bottom: 25px;

}

#right-sidebar {
	float: right;
	width: 29%;
	margin: 5px;
	display: block;
	background: #f5f4f2;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	padding: 10px;
}

#right-sidebar li {
	list-style-type: none;
}

.recent_with_excerpt img {
	width: 100px;
	float: left;
	height: auto;
	margin: 0 8px 8px 0;
}

.recent_with_excerpt h3.date {
	font-size: 10px;
	border: none;
	}

.recent_with_excerpt h3.date::after {
	border: none;
	}

.recent_with_excerpt li {
	position: static;
	margin-bottom: 15px;
}

.recent_with_excerpt ul {
	width: 95%;
}

.recent_with_excerpt h2 a {
	font-size: 18px;
}

li.hp-full-width {
	list-style-type: none;
}

.widget .widgettitle {
	font-weight: normal;
	font-size: 19px;
	border-bottom: 1px solid;
	border-bottom-color: rgb(209, 193, 164);
	border-bottom-color: rgba(209, 193, 164, 0.7);
	width: 100%;
	display: block;
	margin-bottom: 8px;
}

.widget .widgettitle::after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	position: relative;
	top: 2px;
}

.garagesale-widget h3 {
	font-size: 15px;

}

.garagesale-widget ul {
	left: 0;
}

li.widget_awpcp-latest-ads ul li {
	
	max-width: 285px;
	margin-bottom: 10px;

	}

li.widget_awpcp-latest-ads ul li a {
		text-transform: capitalize;
}
a.ai1ec-load-view {
	height: 25px !important;
}

a.ai1ec-minical-trigger {
	height: 25px !important;
}

a.ai1ec-date-title.ai1ec-load-view {
	height: auto !important;
}

.ai1ec_event {
float: left;
width: 69%;
}

.program-dir {
	border-spacing: 0;
	width: 65% !important;

}

.program-dir a {
	color: #ffbbcc;
}

.pd-header td {
color: red;
font-size: 20px;
}

.program-dir tr:first-of-type td {
border: none;
background: #333;
color: white;
}

.program-dir td {
	border: 1px solid #999;
	padding: 15px;
	vertical-align: middle;
	text-align: center;
	color: white;

	}

td.first-col {
	background: #777;
}

td.second-col {
	background: #666;
}

td.third-col {
	background: #777;
}

.ht-archive {
	width: 65%;
	}
.ht-archive a {
	padding-bottom: 15px;
}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
 
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
 
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
 
.alignright {
float: right;
}
 
.alignleft {
float: left;
}
	
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px 7px 7px 0px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	-webkit-user-drag: none;
}

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

.showawpcpadpage label {
	font-size: 14px;
	font-weight: bold;
	margin-left: -15px;
	margin-top: 15px;
	display: inline-block;
} 

.showawpcpadpage {
	padding-left: 35px;
}


.showawpcpadpage:last-child {
	padding-bottom: 50px;
}

.archive-thumbnail img {
max-width: 100px;
height: auto;
float: left;
margin: 0 10px 10px 0;
}


.widget_awpcp-latest-ads h3 {
	font-size: 15px;
	}

.new-stream {

text-align: center;
	}
	
	.new-stream h4 {
		font-size: 14px;		
		}



ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


footer.copyright {
text-align: center;

}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}