/*
Theme Name: WLOY Loyola Radio
Description: The new Wordpress Powered WLOY site developed Spring '10
Author: Tim Teeling

*/


/* STRUCTURE */


*				{margin: 0; padding: 0;  }

body {
	background-color:#111111;
	background-image:url(images/back.png);
	background-position:top left;
	background-repeat:repeat-x and y;
	color: #444;
	font:14px Helvetica, sans-serif;
	line-height: 22px;
	}
.clear { clear: both; }
::selection {
	background: #ccffcc; /* Safari */
	}
::-moz-selection {
	background: #ccffcc; /* Firefox */
}
a				{text-decoration: none; color: #090; }
a:hover, a:active { color: #999; }
a:active { position: relative; top: 1px; }
a img			{border: 0; }
p img				{padding: 5px 10px 0px 0px; }
p				{ margin-bottom: 10px; }
h2				{color: #009900; margin-bottom: 2px;}
h4				{color: #009900; text-transform: uppercase; margin-bottom: 5px;}
blockquote { background: #eee; padding: 10px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 10px; }
table tr td img	{ margin: 10px }
hr				{ border: 0; background-color: #ccc; height: 3px; margin: 15px 0 15px 0; }
#page-wrap		{ width: 1000px; margin: 0 auto; }
#header			{ background: url(images/headbg.png); height: 151px;  }
#logo			{ margin: -142px 0 0 20px; }
#listen			{ margin: -73px 0 0 500px; }
ul				{ list-style: none; }
#nav			{ position: relative; padding: 0 0 43px 0 ; z-index: 1000; }
.search-result  { background: #eee; border: 1px solid #ccc; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 10px;}


/*LEVEL ONE NAV*/
	
ul.dropdown                         { display: block; position: relative; margin: 30px 0px 0px 0px ; }
ul.dropdown li                      { font: 16px Helvetica, Sans-Serif; font-weight: bold; float: left; zoom: 1;  }
ul.dropdown a:hover		            { color: #111; }
ul.dropdown a:active                { color: #111; }
ul.dropdown li a                    { text-transform: uppercase; display: block; padding: 4px 21px; border-right: 1px solid #111;
	 								  color: white; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #090; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/*LEVEL TWO*/
	
ul.dropdown ul 						{ width: 175px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #ccc; color: #000; border-bottom: 1px solid #111; float: none; position: relative;
z-index: 100;}


									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 
ul.sub_menu li a					{ font: 14px Helvetica, Sans-Serif; color: #444; font-weight: normal; text-transform: none; }

/*LEVEL THREE*/

ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
ul.dropdown ul ul li { width: 250px; }

		
			
#main-content	{ padding-bottom: 30px; }

#left-col		{ float: left; background: white; width: 550px; padding: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;  }
#full			{ background: white; padding: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;  }

/*Sidebar*/
#right-col					{ float: right; }
#twitter_box				{ -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;   background: white; width: 170px; height: 220px; padding: 10px; float: left; margin-right: 15px; margin-bottom: 15px; }
#IM_Box						{ -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;   background: white; width: 170px; height: 220px; padding: 10px; float: right; margin-bottom: 15px; }
#twitter_div				{ margin: 5px 0 20px 0; }
ul#twitter_update_list 		{ list-style: none; font-size: 10px;	}
ul#twitter_update_list li 	{ margin-bottom: 5px;	padding: 3px; background: #eee; border: 1px solid #ccc; -moz-border-radius: 10px; line-height: 12px;
-webkit-border-radius: 10px;
border-radius: 10px;   }
ul#twitter_update_list li:hover	{ background: #fff; border: 1px solid #090;}
.whitebox			{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: white; padding: 7px 5px 0px 5px; margin-bottom: 15px;}
#sociallinks				{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: white; padding: 10px 5px 0px 5px; margin-bottom: 15px; }
#search						{ -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;   background: white; padding: 10px; margin-bottom: 15px;}
.button						{ cursor: pointer; font-family: Helvetica; font-size: 16px; font-weight: bold; border: 1px solid #ccc; background: white; padding: 3px 8px; color: #090; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;   }
.button:hover				{background: #090; color: #fff; }
.button:active { position: relative; top: 1px;}
.smallbutton {font: Helvetica; font-size: 14px; font-weight: normal; border: 1px solid #ccc; background: white; padding: 3px 7px 0px 7px; color: #090; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;  }
.smallbutton:hover { background: #090; color: #fff; }
.smallbutton:active { position: relative; top: 1px;}
.search						{ font: Helvetica; font-size: 16px; margin-right: 10px; }
#weather					{ -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;   background: white; padding: 10px; margin-bottom: 15px;}

/*Contact Form Stuff*/
input[type="text"] { padding: 5px; outline: 0; font-family: Helvetica, arial; font-size: 16px; height: 25px; width: 200px;}
textarea { padding: 5px; font: 14px helvetica, arial, sans-serif; width: 400px;}
textarea, input[type="text"]  	 { background: #eee; border: 1px solid #ccc; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px;}
textarea:focus, input[type="text"]:focus { background: #fff; outline: 0; border: 1px solid #090;}
select {font: 14px helvetica, sans-serif; height: 30px; border: 1px solid #ccc;}
select:active {outline: 0; border: 1px solid: #090;}
option {font: 14px Helvetica, sans-serif; margin: 3px;}
option:hover { background: #090;}


/*Comments*/
input#author { margin-top: 10px; }
input#author, input#email, input#url { margin: 0 5px 5px 0; }

ol.commentlist { margin-top: 10px; 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, ol.commentlist li.pingback { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; margin-bottom: 10px; padding: 10px; }

ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn, ol.commentlist li.pingback div.vcard cite.fn { font-size: 16px; font-weight: bold; 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, ol.commentlist li.pingback div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a, ol.commentlist li.pingback div.comment-meta a { color: #444; }
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 { margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { 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: #eee; }
ol.commentlist li.parent { }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }
.sociable_tagline			{ margin-bottom: 10px; }



#footer			{ background: #009900; color: white; text-align:center; margin-top: 18px; padding: 10px; border-top: 1px solid #0f0; }

#footer-left a	{ color: white; }
#footer-left a:hover { color: #ccc; }

#footer-left ul li  { font-size: 10px; display: inline; border-right: 1px solid #fff; padding: 0 10px 0 10px; }
#footer-left li:last-child        { border-right: none; }
#footer-right	{ margin: -186px 320px 0 0; }
#footer-right h3	{ color: #111; }
#footer-right a	{ color: white; }
#footer-right a:hover { color: #ccc; }
#sitemapcat		{ float: right; padding: 10px;}
#sitemappages	{ float: right; padding: 10px;}


/*Table*/
table			{ text-align: center;}
th				{ background: #f5f5cd ; height: 35px; }
td				{ background: #eee; }
td:hover		{ background: #ccc; }
td.hosted		{ color: #fff; background: #090; }
td.hosted:hover	{ background: #0c0; }
td.light		{ background: #ccc; }
td.light:hover	{ background: #eee; }
td.crossover	{ color: #ccc; background: #777; }
td.crossover:hover	{ background: #999; }
td.loud			{ color: #ccc; background: #111; }
td.loud:hover	{ background: #444; }
td.hosted a			{ color: white; text-decoration: underline; }
td.hosted a:hover	{ color: #111; }
table.key td		{ padding: 10px; }
td.weather			{ font-size: 12px;  line-height: 14px; padding: 2px 10px 2px 10px; }


/*WP Page-Navi Plugin*/
.wp-pagenavi a { -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;  }

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #cccccc;
	color: #009900;
	background-color: #ffffff;	
}
.wp-pagenavi a:visited {
	padding: 4px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #cccccc;
	color: #009900;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #cccccc;
	color: #ffffff;
	background-color: #009900;
}
.wp-pagenavi a:active {
	padding: 4px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #cccccc;
	color: #ffffff;
	background-color: #009900;	
}
.wp-pagenavi span.pages {
	padding: 4px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #009900;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;  
}
.wp-pagenavi span.current {
	padding: 10px 8px 8px 8px;
	margin: 2px;
	font:20px Helvetica, sans-serif;
	border: 1px solid #cccccc;
	color: #ffffff;
	background-color: #009900;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;  
}
.wp-pagenavi span.extend {
	padding: 4px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #cccccc;
	color: #009900;
	background-color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;  
}
			
						
#snippet-nav ul li { border: 1px solid #ccc; background: #eee; padding: 5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin: 3px; line-height: 35px; display: inline; white-space: nowrap;}
#snippet-nav ul li:hover, #snippet-nav ul li:hover a { color: white; background: #090; border-color: #0b0; }
#snippet-nav ul li a:hover { color: white; }

.alignleft { float: left; }
.alignright { float: right; }