/* created by youweyoucoding.com 2009 */

/* YUI CSS RESET */
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:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* BASIC LAYOUT */
html, body { height: 100%; }
body { color: #FFF; background-color: #4D494A; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
#wrapper { background: url(/themes/gumballstyle/images/body_bg.jpg) repeat-y 0 0; height: 100%; margin: 0 auto; width: 991px; }
#sub_wrapper { background: url(/themes/gumballstyle/images/body_bg.jpg) repeat-y 0 0; }

#content { float: left; width: 570px; }
#sidebar { float: left; padding-left: 50px; position: relative; width: 325px; }

/* INTRO TEXT */
.intro { height: 213px; overflow: hidden; margin-bottom: 16px; position: relative; width: 570px; }
.intro_bg { background: url(/themes/gumballstyle/images/intro.jpg) no-repeat 0 0; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

/* VIDEO PLAYER */
.video_player { background: #000 url(/themes/gumballstyle/images/video_player_bg.jpg) no-repeat 0 0; float: left; height: 278px; margin-right: 3px; padding: 2px 0 0 2px; position: relative; width: 322px; }

/* AUTOPLAYER */
.autoplay { background-color: #000; float: left; height: 278px; margin-left: 3px; padding: 2px 0 0 2px; position: relative; width: 225px; }

/* TABS */
ul.tabs { bottom: -15px; left: 0; font-size: 10px; position: absolute; text-align: center; }
ul.tabs li.player_switcher_tab a { background-color: #000; color: #FFF; display: block; height: 15px; position: relative; overflow: hidden; width: 69px; }
ul.tabs li.player_switcher_tab a span { background: url(/themes/gumballstyle/images/player_switcher_tab.jpg) no-repeat; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

ul.tabs li { float: left; }
ul.tabs li.chat_tab a { background-color: #000; color: #FFF; display: block; height: 15px; position: relative; overflow: hidden; width: 26px; }
ul.tabs li.chat_tab a span { background: url(/themes/gumballstyle/images/chat_tab.jpg) no-repeat; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

ul.tabs li.live_podcasting_tab a { background-color: #000; color: #FFF; display: block; height: 15px; position: relative; left: 2px; overflow: hidden; width: 62px; }
ul.tabs li.live_podcasting_tab a span { background: url(/themes/gumballstyle/images/live_podcasting_tab.jpg) no-repeat; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

ul.tabs li.autoplayer_tab a { background-color: #000; color: #FFF; display: block; height: 15px; position: relative; left: 4px; overflow: hidden; width: 51px; }
ul.tabs li.autoplayer_tab a span { background: url(/themes/gumballstyle/images/autoplayer_tab.jpg) no-repeat; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

/* IMAGE SLIDER */
.image_slider { float: left; height: 62px; margin-top: 47px; width: 557px; }
.image_slider a.previous { background-color: #4D494A; display: block; float: left; height: 62px; margin-right: 29px; position: relative; overflow: hidden; width: 69px; }
.image_slider a.next { background-color: #4D494A; display: block; float: left; height: 62px; margin-left: 29px; position: relative; overflow: hidden; width: 69px; }
.image_slider a.previous span { background: url(/themes/gumballstyle/images/previous_arrow.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }
.image_slider a.next span { background: url(/themes/gumballstyle/images/next_arrow.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }
.image_slider ul li { float: left; padding: 0 4px; margin: 0 auto; }

/* GOOGLE MAP */
.google_map { background-color: #CDDB70; float: left; height: 193px; margin-top: 26px; padding: 5px; width: 547px; }

/* TWITTER */
.twitter { width: 557px; }
.twitter h2 { float: left; height: 27px; overflow: hidden; position: relative; margin-top: 25px; width: 557px; }
.twitter h2 span { background: url(/themes/gumballstyle/images/hashtagged_gumballstyle_from_twitter.jpg) no-repeat 0 0; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

h2.donations_matter { float: left; height: 31px; overflow: hidden; position: relative; width: 359px; }
h2.donations_matter span { background: url(/themes/gumballstyle/images/please_all_donations_matter.jpg) no-repeat 0 0; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

.headphones { background: url(/themes/gumballstyle/images/headphones.png) no-repeat 0 0; display: block; height: 80px; position: absolute; top: 372px; right: -52px; width: 104px; z-index: 1; }
*+html .headphones { background: url(/themes/gumballstyle/images/headphones.png) no-repeat 0 0; display: block; height: 80px; position: absolute; top: 379px; right: -52px; width: 104px; }

/* BANNERS */
.banner01 { margin-bottom: 5px; }
.banner02 { margin-bottom: 5px; }
.banner03 { background: url(/themes/gumballstyle/images/sidebar_banner03.jpg) no-repeat 0 0; height: 74px; margin-bottom: 5px; position: relative; width: 359px; }
.banner04 { margin-bottom: 5px; }

.faces { padding: 12px 0 0 12px; position: absolute; top: 0; left: 0; }
.faces li { padding-left: 2px; }
.phil { float: left; height: 48px; overflow: hidden; position: relative; width: 48px; }
.phil span { background: url(/themes/gumballstyle/images/phil.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }
.christian { float: left; height: 48px; overflow: hidden; position: relative; width: 48px; }
.christian span { background: url(/themes/gumballstyle/images/christian.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }
.dave { float: left; height: 48px; overflow: hidden; position: relative; width: 48px; }
.dave span { background: url(/themes/gumballstyle/images/dave.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }
.matt { float: left; height: 48px; overflow: hidden; position: relative; width: 48px; }
.matt span { background: url(/themes/gumballstyle/images/matt.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

.donations { background-color: #FFF; clear: both; overflow: hidden; width: 359px; }

/* HYPERLINKS */
a { color: #000; outline-style: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

/* MISC */
.clearer { clear: both; display: block; }

.rowThumbnail { 
	width: 82px; height: 62px; cursor: pointer;
}


#videoPlaceholder { height: 274px; width: 318px; }


/************************************/
.playlist {
	padding: 4px;
	list-style: none;
}
.playlist li { 
	background: #59C5DF; 
	width: 35px; 
	height: 35px; 
	margin: 0;
	margin-top: 3px; 
	margin-left: 4px;
	padding: 0;
	border: 3px solid #5CA058;
	float: left;
}
.playlist li.active {
	border: 3px solid #59C5DF !important;
}
.playlist li.impossible {
	border: 3px solid #bbb;
}
.playlist li img {
	width: 35px;
	height: 35px;
}

#plusContent p { text-align: center; }

.tabContent { 
	font-size: 14pt;
	padding: 15px;
	display: none;
	line-height: auto;
}

#twitterForm { display: inline; }
.twitterForm { display: none; }
.twitterForm input[type="text"] { width: 400px !important; }

ul.favs { list-style: none; }
ul.favs li{
	width: 56px;
	height: 46px;
	float: left;
	color: #6FB4BE;
	font-size: 9px;
	margin-left: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
}

ul.favs li img.itemThumbnail { 
	width: 56px;
	height: 46px;
	cursor: pointer;
}
.map { border: 4px solid #cddb70; margin-top: 14px; }





.rows-placeholder .row {
    padding: 22px 50px 23px 30px;
    position:relative;
}

.rows-placeholder .row.service-row {
    padding: 22px 50px 44px 30px;
    position:relative;
}

.rows-placeholder .row.service-row .text a { font-weight: bold; color: #9cdae7; }
.rows-placeholder .row  .white-box {
    width: 55px;
    height: 44px;
    font-size: 9px;
    float:left;
    margin-right: 15px;
    position:relative;
}
#twitterRes .white-box {
	height: 60px;
	background: none;
}
.white-box img { width: 48px; height: 48px; }

.topright { border: 1px solid; width: 359px; margin-top: 8px; text-align: center; }
.topright li { display: inline; padding: 6px; }
.topright img { width: 46px; height: 28px; }