/*
Theme Name: AM740-Blogger theme
Theme URI: 
Description: This is AM740's default blogger template
Version: 0.1
Author: ZoomerMedia
Author URI: http://www.zoomermedia.ca
Tags: zoomermedia, am740

	AM740 WordPress Template BETA

	Design: Alexis Lockhart
	Code: Colin Fredericks

*/


body
{
		background: #000;
		color: #e1dddd;
}
table td { vertical-align: top; }
a { color: #EEEEEE !important; cursor: pointer; }
a:hover { color: #fff200 !important; }
a:visited { color: #EEEEEE !important; }

p  {
		padding: 10px 0;
		line-height: 1.1em;
		color: #e1dddd;
          font-size: 1.2em;
}

h1,h2,h3 { color: #fff200; margin: 10px 0; font-size: 1.5em; font-weight: normal; }


/* wordpress CSS stuff */
.alignleft { float: left; margin: 1px; padding: 1px; }
.alignright { float: right; margin: 1px; padding: 1px; }

#commentform { background: #333; display: none; padding: 5px; }
#commentform textarea { width: 99%; margin: auto; }
#commentform h3 { color: #fff; text-align: left; margin: 4px 4px; padding: 0; font-size: 12pt; }
#commentform label {float:left; width: 150px; margin: 0 5px; line-height: 32px; }
#commentform span { color: red; }
.commentInput {  float:left; margin: 0 4px; line-height: 32px;}

.white { color: #fff; }
.offwhite { color: #ddd; }
.yellow { color: #FFF200 !important; }
.yellow:visited { color: #FFF200 !important; }
.black { color: #000 !important; }

.postmetadata {
     display: none;
	font-size: 9pt;
	color: #ccc;
}

.narrowcolumn { width: 700px; }
.small { font-size: 8pt; }

.required { color: red; }
.navigation { background: #333; height: 4px; }
.top_navigation { clear: both; height: 21px; width: 603px; line-height: 24px; padding: 10px;  background: transparent url(/images/gradient-bar.png); }
.top_navigation a { font-weight: bold; }
.post_navigation { float: right; width: 260px; padding: 15px; background: #111;  }
.post_navigation a { float: left; display: block; width: 100px; font-weight: bold; color: #CCC !important; }

.sitemap li { padding:  5px 0; }

#sidebar ul h2 { background: url(/images/navBar_head.png) 0 0 no-repeat; width: 300px; height: 53px; text-indent: 20px; line-height: 50px; margin: 20px 0 0 0; padding: 0; color: #fff; }
#sidebar ul ul li { background: url(/images/navBar_box.png) 0 0 no-repeat; width: 300px; height: 44px; text-indent: 10px; line-height: 40px; margin: 2px 0; padding: 0; }

.postList { margin: 0; padding: 0; width: 620px; height: 119px; overflow: hidden;margin-bottom: 25px; }
.postList a {  font-size: 10pt; color: #f0f0f0 !important; font-weight: bold; }
.postList a:hover { font-size: 10pt; color: #fffd00 !important; }
.postList img { float: left; padding: 0; margin: 0; }
.postList p { }
.postList h3 { font-size: 12pt; color: #fff;  margin: 0; padding: 0; }
.divLink { cursor: pointer; }

.entry {  }
.entry img { margin: 0 4px; padding: 0 4px; vertical-align: top; }
.entry small { color: #fff200; }
.entry p { letter-spacing: 0; line-height: 1.3em; }
.entry .categoryThumb { float: left; margin-right: 10px; }

/* MISC layout tweeks */
/*
.socialLinks { text-align: right; margin-right: 5px; margin-top: 26px; }
.socialLinks a img { margin: 0 7px; }
*/

.socialLinks a { margin-top: 40px; }
.socialLinks p { margin-right: 5px; }



/* XHTML strict fieldset wrapper class for 'tight' forms */
.xfieldSet { padding: 0; margin: 0; display: inline; }


.entry blockquote {  border: 1px solid #ccc; padding: 5px; margin: 20px; }


/* Some general purpose stuff */
.block { display: block; }
.absolute { position: absolute; }
.hide { display: none; }
.show { display: block; }
.gutter_10 { height: 10px; margin: 0; padding: 0; clear: both; }
.gutter_20 { height: 20px; margin: 0; padding: 0; clear: both; }
.gutter_30 { height: 30px; margin: 0; padding: 0; clear: both; }
.gutter_60 { height: 60px; margin: 0; padding: 0; clear: both; }
.floatRight {  float: right; }
.floatLeft { float: left; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.center { text-align: center; margin: 0 auto; }
.nclear { line-height: 0; clear: both; }
.pointer, .loadRel { cursor: pointer; }
.pad0 {padding:0 !important;}
.marg0 { margin:0 !important;}
.pad2 { padding: 2px; }
.marg2 { margin: 2px; }
.pad4 { padding: 4px; }
.marg4 { margin: 4px; }
.pad8 { padding: 8px; }
.marg8 { padding: 8px; }
.underline { text-decoration: underline !important; }

.pad8v { padding: 8px 0; }
.pad8h { padding: 0 8px; }
.biggest { font-szie: 1.6em; }
.biggerer { font-szie: 1.4em; }
.bigger { font-szie: 1.2em; }
.big { font-szie: 1.0em; }

.taller { line-height: 1.1em; }

.smaller { font-size: 0.9em; }
.smallerer { font-szie: 0.8em; }
.widerer { letter-spacing:0.4px; }
.wider { letter-spacing:0.2px; }
.wide { letter-spacing:0.1px; }
.tight { letter-spacing:0.1px; }
.tighter { letter-spacing:-0.2px; }
.tighterer { letter-spacing:-0.4px; }
.oddRow { background: #333; }

.allCaps { text-transform:uppercase; letter-spacing: 1px; word-spacing: 0.3em; } 

/* Home Page elements */

.lifeBox a { font-size: 12pt; }

.subscribeBox { cursor: pointer; }

#songInfoBox {
    position: absolute;
    display: none;
    width: 240px;
    height: 160px;
    background: #111;
    margin-top: 36px;
    border: 1px solid #555;
    moz-opacity: 0.9; opacity: 0.9; filter:alpha(opacity=90);
    z-index: 900;
}
#songInfoBox p {
     font-size: 14pt;
}
#songInfoBox div {
	margin: 10px;
}
#songInfoBox h3 { text-align: center; }
#songInfoBox .songName { margin:0 !important; padding: 0 !important; }
#songInfoBox .songTitle { margin:0 !important; padding: 0 !important; }

.onAir h3 { color: #fdf0f0; text-transform: uppercase; }
#onAirPersonas span { display: block; margin-left: 115px; margin-top: 45px; position: absolute; width: 50px; }


/* the main box */
.contentBox {
	background: #4D4D4D url(/images/contentBox_midx.png) 0 0 repeat-y;
     width: 640px;
	height: 360px;
}
.contentBox h1 { margin-top: 13px; font-size: 15pt; }

.contentBoxMenu {  margin: 0; padding: 0; list-style-type: none;  width: 230px;  float: left; }
.contentBoxMenu li { text-indent: 25px; height: 40px; margin: 0; padding: 0; background: url(/images/contentBox_middle.png) 0 0 no-repeat; overflow:hidden; }
.contentBoxMenu li.first { height: 41px; background: url(/images/contentBox_top.png) 0 0 no-repeat; }
.contentBoxMenu li.last { height: 39px; background: url(/images/contentBox_bottom.png) 0 0 no-repeat;  }
.contentBoxMenu a { height: 36px; display: block; line-height:45px; }
.contentBoxMenu li a { text-decoration: none; color: #D5D0D0; font-size: 22px; display: block; }
.contentBoxMenu li a:visited { color: #D5D0D0; }
.contentBoxMenu li a:hover { color: #000 !important; }

.contentBox_top { background: #4D4D4D url(/images/contentBox_top.gif) 0 0 no-repeat; width: 640px; height: 14px; }
.contentBox_bottom { background: #4D4D4D url(/images/contentBox_bottom.gif) 0 0 no-repeat; width: 640px; height: 14px; }

.contentBox_topline { background: #4d4d4d url(/images/contentBox_topline.gif) 0 0 no-repeat; width: 410px; height: 20px; position: absolute; margin-left: 230px; }
.contentBox_bottomline { background: #000 url(/images/contentBox_bottomline.gif) 0 0 no-repeat; width: 410px; height: 20px; position: absolute; margin-left: 230px; margin-top: 340px; }

.contentDropIn { margin: 0 8px; }
.contentDropIn, .contentDropIn h3 {  letter-spacing: 0.5px !important; }
.contentDropIn h3 { line-height: 1.1em; }

#contentDrop { background-color: #4D4D4D; width: 400px; height: 320px; overflow: auto; float: left; margin-top: 20px; padding: 0 5px; z-index: 100; }
#contentDrop .onAirHosts a { color: #fff200 !important; text-decoration:none; }
#contentDrop .onAirHosts li {  }
#contentDrop .onAirHosts li span {  float: left; }
#contentDrop .allCaps { text-transform:uppercase; letter-spacing: 1px; line-height: 1.1em;; word-spacing: 0em; } 
#contentDrop .postHeadline h1 { color: #fff200 !important; }
#contentDrop .postHeadline h3 { color: #fff200 !important; }
#contentDrop .postHeadline span { float: left !important; }

/* To be placed inside a div with the background image as the background @ the same res. */
.twitterThumbMask { background: transparent url(/images/bevel/?w=74&h=73&c=64,64,64&r=3&/twitterPhotoMask.png) 0 0 no-repeat; width: 73px; height: 73px; } 
.twitterThumb { width: 73px; height: 73px; overflow: hidden; }

.categoryThumbMask { background: transparent url(/images/bevel/?r=5&w=123&h=113&c=0,0,0&/categoryPhotoMask.png) 0 0 no-repeat; width: 123px; height: 113px; } 
.categoryThumb { width: 123px; height: 113px; overflow: hidden; }
#contentDrop .categoryThumbMask { background: transparent url(/images/bevel/?r=5&w=123&h=113&c=77,77,77&/categoryPhotoMask.png) 0 0 no-repeat; width: 123px; height: 113px; } 

.thumbPhotoMask { background: transparent url(/images/bevel/?r=3&w=150&h=99&c=0,0,0&/thumbPhotoMask.png) 0 0 no-repeat; width: 150px; height: 99px; overflow: hidden; }
.thumbPhoto { width: 150px; height: 99px; margin: 8px; overflow: hidden; }
#contentDrop .thumbPhotoMask { background: transparent url(/images/bevel/?r=3&w=150&h=99&c=77,77,77&/thumbPhotoMask.png) 0 0 no-repeat; width: 150px; height: 99px; overflow: hidden; }

.scrollable .xsThumbPhotoMask { background: transparent url(/images/bevel/?w=90&h=79&r=4&c=15,15,15) 0 0 no-repeat; width: 90px; height: 79px; overflow: hidden; }
.xsThumbPhotoMask { background: transparent url(/images/bevel/?w=90&h=79&r=4&c=0,0,0) 0 0 no-repeat; width: 90px; height: 79px; overflow: hidden; }
.xsThumbPhoto { width: 90px; height: 79px; margin: 8px; overflow: hidden; }
#contentDrop .xsThumbPhotoMask { background: transparent url(/images/bevel/?w=90&h=79&r=3&c=77,77,77) 0 0 no-repeat; width: 90px; height: 79px; overflow: hidden; }

.bigPhotoMask { background: transparent url(/images/bevel/?r=8&w=220&h=145&c=0,0,0&/bigPhotoMask.png) 0 0 no-repeat; width: 220px; height: 145px; overflow: hidden; }
#contentDrop .bigPhotoMask { background: transparent url(/images/bevel/?r=8&w=220&h=145&c=77,77,77&/bigPhotoMask.png) 0 0 no-repeat; width: 220px; height: 145px; overflow: hidden; }
.bigPhoto { width: 220px; height: 145px; margin: 8px; overflow: hidden; }

.topicPics { margin: 0;  width: 470px; }
.topicPics h3 { color: #fff; font-size: 14pt; margin-top: 10px; }
.topicPics p { color: #eee; font-size: 12pt; }

.menuTopBar { height: 36px !important; }
.menuBar a { height: 36px; float: left; }
#listenLive { width: 207px; height: 38px; display: block; float: left; }

.miniBoxSans { width: 260px; height: 59px; font-size: 14pt; line-height: 39px; }
.miniBoxSans span { color: #eee !important; }
.miniBoxSans h3 a { color: #eee !important; text-decoration: none; }
.miniBoxSans h3 a:visited { color: #eee !important; line-height: 24px; text-decoration: none; }
.miniBoxSans h3 a:hover { color: #fff200 !important; line-height: 24px; text-decoration: none; }


.miniBox { background: url(/images/miniBox_bg.jpg) 0 0 no-repeat; width: 260px; height: 59px; font-size: 11pt; line-height: 39px; }
.miniBox span { color: #eee !important; }
.miniBox h3 a { color: #eee !important; text-decoration: none; }
.miniBox h3 a:visited { color: #eee !important; line-height: 24px; text-decoration: none; }
.miniBox h3 a:hover { color: #fff200 !important; line-height: 24px; text-decoration: none; }

.loginBox .inputBox { margin-top: 32px; margin-left: 87px; padding-top: 5px; border: 0; }
.loginBox { background: url(/images/loginBox_bg.png); }


.subscribeBox { text-align: center;  color: #333;  }
.subscribeBox h3 { font-size: 18px; margin-top: 3px;  }
.subscribeBox p { font-size: 16px; padding:0; margin-top: 3px; }

.inputBox { padding-right: 5px; padding-left: 5px; text-align: center; background: url(/images/inputBox_bg.png) no-repeat; width: 167px; height: 23px; border: 0; }

.searchBox { background: url(/images/menu_search.jpg) no-repeat; width: 144px; height: 38px; margin:0; padding: 0; float:right; }
.searchBox input { border: 0; width: 100px; margin-top: 11px; margin-left: 28px; }
#search { text-align: left; font-size: 9pt; color: #888; }


.lessBigButton { background: url(/images/lessBigButton.gif) no-repeat; width: 150px; height: 49px; color: #333; line-height: 49px; text-align: center; font-weight: bold; font-size: 14pt; letter-spacing: -1px; cursor: pointer; }
.lessBigButton_hover { background: url(/images/lessBigButton_hover.gif) no-repeat; width: 150px; height: 49px; color: #333; line-height: 49px; text-align: center; font-weight: bold; font-size: 14pt; letter-spacing: -1px; cursor: pointer; }
.lessBigButtonK { background: url(/images/lessBigButton.gif) no-repeat; width: 150px; height: 49px; color: #333; line-height: 49px; text-align: center; font-weight: bold; font-size: 14pt; letter-spacing: -1px; cursor: pointer; }

.bigButton { background: url(/images/bigButton.gif) no-repeat; width: 180px; height: 59px; color: #333; line-height: 59px; text-align: center; font-weight: bold; font-size: 12pt; cursor: pointer; }
.bigButton_hover { background: url(/images/bigButton_hover.gif) no-repeat; width: 180px; height: 59px; color: #333; line-height: 59px; text-align: center; font-weight: bold; font-size: 12pt; cursor: pointer; }

.buttonGroup div { float: left; margin-right: 25px; }


.wideHeadline { border-bottom: 2px solid #fff200; height: 32px; line-height: 32px; }
.wideHeadline h3 { color: #CCC; letter-spacing: 2px; font-size: 36px; text-transform:uppercase; margin: 0; padding: 0; font-weight: bold;  }
.wideHeadline span { float: right; color: #fff200; margin-top: 4px; }
.wideHeadline a { color: #fff200 !important; text-decoration:none; font-size: 14pt; letter-spacing: 1px; }


.postHeadline { border-bottom: 2px solid #ccc; margin: 0; padding: 0; height: 32px; line-height: 32px; }
.postHeadline h1 { color: #fff; letter-spacing: 2px; font-size: 24pt; text-transform: uppercase; margin:0;  }
.postHeadline h3 { color: #fff; letter-spacing: 2px; font-size: 35px; text-transform: uppercase; margin:2px 0 0;  }
.postHeadline span { float: right; color: #fff200; }
.postHeadline a { color: #fff200; text-decoration:none; font-size: 15pt; }

.postSubHeadline { margin: 10px 0; padding: 0; height: 24px; line-height: 24px; }
.postSubHeadline h3 { color: #EEE; font-size: 18px; text-transform: uppercase; margin:0; padding:0; }
.postSubHeadline span { float: right; color: #888; }
.postSubHeadline a { float: right; color: #fff200; text-decoration:underline; font-size: 15pt; }

.bios h3 { font-size:24pt !important; }
.bios span { font-size:16pt !important; }


.schedulePost { min-height: 300px; } //Ensure floats get bumped right
.schedulePost h3 { clear: both; float: none; }
.schedulePost .excerpt { font-size: 16pt; color: #fffd00; }
.schedulePost .bigPhoto { margin-left: 0; margin-right: 20px; }

.postContent { margin-bottom: 20px; margin-top: 10px; }
.postContent p { line-height: 1.3em; font-size: 14pt; padding:0 0; margin-bottom: 1em; }
.postContent h1 { margin: 18px 0 5px 0; }
.postContent td { margin:3px; padding: 10px; }
.postContent td strong { text-align: center; color: #fff200; } 
.postContent .excerpt { font-size: 12pt; }
.postContent .featuresBox { border: 0; }


.last_featuresBox { border: 0 !important; }
.featuresBox { margin-top: 20px; height: 155px; border-right: 1px solid #ccc; margin-right: 9px; overflow: hidden; font-size: 12pt; font-weight: normal; letter-spacing: 1px; }
.featuresBox p { margin: 0; padding: 0; font-size: 12pt; line-height: 1.3em; }
.featuresBox a { font-weight: bold; text-decoration: none; color: #eee; }
.featuresBox img { margin: 2px; padding: 2px 5px 2px 2px; vertical-align: top; }
.featuresBox h3 { color: #e8e8e8; margin: 0; padding: 0; font-size: 20px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; line-height: 1.2em; }
.featuresLinkWrap { position: absolute; margin-top: 130px; background: #000; padding: 10px 0 0 0; width: 220px; moz-opacity: 0.8; opacity: 0.8; filter:alpha(opacity=80); }
.featuresLinkWrap a { text-decoration: none; border-bottom: 1px solid #ccc; color: #eee; font-size: 12pt; }
.featuresLinkWrap a:hover { color: #fff200; }
.featuresBox .featuresDate { font-size: 12pt; float: right; margin-right: 5px; }

.featuresTall { height: 200px; }
.featuresTall .featuresLinkWrap { margin-top: 175px; }

/* 8 Column 'box' */
.box8 { padding-top: 60px; background: url(/images/bgBox_8.jpg) no-repeat; height: 200px; width: 620px !important; }
.box8 h3 { padding: 0; color: #fff;  font-size: 20pt; margin: 0; margin-top: -55px; letter-spacing: 2px; text-align: center; text-transform: uppercase; color: #fff !important; }
.box8 a { display: block; margin-top: 155px; text-decoration: none; color: #fff !important; text-align: center; font-size: 16pt; letter-spacing: 0.1em; }

/* 3 Column 'box' */
.box3 { background: #4d4d4d; width: 219px !important; overflow: hidden; height: 338px; }
.box3 h3 { background: url(/images/box3col_top.png) no-repeat; line-height: 32px; height: 37px; text-indent: 10px; text-transform: uppercase; text-align: center; }
.box3 p { margin-left: 5px; }
.box3_bottom { background: url(/images/box3col_bottom.png) no-repeat; width: 219px; height: 8px; position: absolute; margin-top: 338px;  }
.box3 img { margin: 4px; padding: 4px; }
.box3 h3 { color: #fff !important; margin: 0; padding: 0; }
.box3 a { text-decoration: none; }


/* Twitter box stuff */
.twitterBox { width: 240px !important;  margin: 0; padding: 0; }
.twitterBox img { margin: 4px; padding: 4px; }
.twitterBox h3 { color: #fff !important; background: transparent; margin: 0; padding: 0; font-size: 12pt; }
.twitterBox a { text-decoration: none; }

.tweetBox { background: url(/images/tweetBack.png) 0 0 no-repeat; }


.icoBoxWrap { margin-left: 17px; margin-top: 20px; }
.icoBox { margin: 0; padding: 0; height: 180px; float:left; cursor: pointer; }
.icoBox a { visibility: hidden; }
.icoHealth { background: url(/images/ico_health.png) 0 0 no-repeat;  width: 134px; }
.icoLife { background: url(/images/ico_lifestyle.png) 0 0 no-repeat; width: 161px; }
.icoMoney { background: url(/images/ico_money.png) 0 0 no-repeat; width: 157px; }
.icoTravel { background: url(/images/ico_travel.png) 0 0 no-repeat; width: 133px; }
.inner { margin-right: 0; }

.footer { margin-top: 20px; margin-bottom: 20px; text-align: left; }
.footer ul { list-style-type: none; }
.footer li { display: inline; border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; }
.footer li.last {  border: 0; }
.footer li a { color: #fff; text-decoration: none; font-size: 13pt; }
.footer li a:hover { color: #fff200; }

.subfooter { color: #ddd !important; }
.subfooter ul { list-style-type: none; width: 700px; }
.subfooter li { display: inline; padding-right: 10px; margin-right: 10px; }
.subfooter li a { color: #ccc !important; text-decoration: none; font-size: 12pt; line-height: 18pt; }
.subfooter li a:hover { color: #fff200 !important; }
.subfooter { margin-bottom: 30px; }

.adSpace p  { margin: 0; padding: 0; text-align: center; line-height: 1em; }
.adSpace img { margin-bottom: 20px; }

.skyScraper { height: 300px; float: right; padding: 0; text-align: right; }


.listEntry h3 a { font-size: 14pt; text-decoration: none; float: none; color: #fff; } 
.listEntry h3 a:hover { font-size: 14pt; text-decoration: none; float: none; color: #fffd00; } 
.listEntry p { color: #ccc; }



#setupform label { display: block; margin-top:10px; }


#login .links li {  margin: 20px 0; }
#login .links li a { font-size: 16pt; }
.postContent #signupForm { text-align: center; height: auto; overflow: none; }
#signupForm { text-align: center; height: 480px; overflow: auto; }


.wpcf7-response-output { font-size: 24pt; color: #fffd00; }

.entry .hostImage { float:left; overflow: hidden; width: 210px; height: 135px;text-align:center;padding: 10px;margin:5px; }

#bottom {
	text-align:center; 
	background-color:#000;
	height:100%; padding:15px 0; height:61px;
}
#bottom h3 { margin-bottom:4px; font-weight:bold; font-size: 15px; color: #e1dddd; }
#bottom ul {margin:6px; 0; padding:0;}
#bottom ul li { 
	margin-left: 0;
	margin-right: 0;
	padding: 3px;
	list-style: none; 
	display:inline;
}
#bottom ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}
#bottom a {text-decoration:none; }
#bottom a:hover {text-decoration:underline; }

