/*
	Theme Name: Ice Blue
	Description: Created For TalkOfDetroit.com
	Slicer: Dennis Mars
	Designer: Dennis Mars


	COLORS:
	
	text:		#fff
	ice blue: 	#49b5e7
	dark blue:	#277193
	white:		#fff
*/

/* -------------- HOME STYLES -------------- */

body{
	background-image:url(../images/background_general.jpg);
	background-color:#000000;
	background-position:top center;
	background-repeat:no-repeat;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#fff;
}

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

#header{
	width:960px;
	height:160px;
}
#top_logo{
	background-image:url(../images/layout1_02.jpg);
	width:222px;
	height:160px;
}

#flashPanel{
	width:960px;
	height:300px;
}

#connect_with_facebook{
	font-family:helvetica,arial,sans-serif;
	font-size:16px;
	color:#fff;
	margin-top:10px;
}

#feedMenu{
	width:960px;
	height:50px;
	background-image:url(../images/feedBG.jpg);
	background-position:top center;
	background-repeat:repeat-x;
}

#allTheBuzz{
	cursor:pointer;
	width:319px;
	height:50px;
	background-image:url(../images/layout1_06.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#detroit{
	cursor:pointer;
	width:119px;
	height:50px;
	background-image:url(../images/layout1_07.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#facebook{
	cursor:pointer;
	width:119px;
	height:50px;
	background-image:url(../images/layout1_08.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#twitter{
	cursor:pointer;
	width:120px;
	height:50px;
	background-image:url(../images/layout1_09.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#pictures{
	cursor:pointer;
	width:120px;
	height:50px;
	background-image:url(../images/layout1_10.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	border-right:1px solid #333;
}

#musicSpace {
	width:960px;
	height:330px;
	background-color:#111;
}

#adSpace1 {
	width:728px;
	height:90px;
	margin-top:10px;
}

#adSpace2 {
	height:330px;
	width:320px;
	padding:40px 10px;
}

#feedSpace{
	width:580px;
	margin:20px 10px 20px 20px;
	height:310px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-right:10px;
}

#feedSpace a {
	color:#49b5e7;
}

#feedSpace a:hover {
	color:#cccccc;
}

#adSpace3 {
	width:960px;
	height:90px;
	padding:15px 0px 15px 0px;
	text-align:center;
}

#footerSpace {
	margin-top:10px;
	width:960px;
	height:200px;
	background-image:url(../images/footerBG.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
}

#foot1 {
	margin:10px;
	height:180px;
	width:300px;
}


#foot2 {
	margin:10px;
	height:180px;
	width:300px;
}

#right_panel{
	width:318px;
	text-align:center;
}

#search_bar{
	height:40px;
	width:950px;
	padding-top:10px;
	padding-right:10px;
	text-align:right;
	background-color:#222;
	margin-bottom:7px;
}

#search_bar input[type='text']{
	height:25px;
	width:220px;
	background-color:#CCC;
	color:#666;
	border:1px solid #333;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding:2px;
	padding-left:10px;
	margin-right:0px;
}

#top_session {
	
	width:940px;
	min-height:11px;
	background-color:#161616;
	text-align:right;
	color:#666;
	padding:10px;
	
}

#search_bar input[type=submit]{
	margin-left:0px;
	height:31px;
	width:60px;
	color:#666;
	background-color:#333;
	font-family:Helvetica, Arial, sans-serif;
	border:1px solid #111111;
	font-size:10px;
	cursor:pointer;
}

#search_bar input[type=submit]:hover{
	background-color:#49b5e7;
	color:#ffffff;
}


.section_space {
	
	width:298px;
	margin:10px;
	margin-top:15px;
	text-align:center;
	background-color:#000;
	height:300px;
	border:1px solid #222;
	
}

.section_header {
	
	margin:5px auto;
	color:#ffffff;
	font-size:2.5em;
	font-family:PseudoHelvetica,Helvetica, Arial, sans-serif;
	letter-spacing:-1px;
	
}

.gen_passage {
	
	margin:10px;
	margin-bottom:15px;
	padding:10px;
	width:600px;
	font-size:1.2em;
	
}

.bs {
	
	width:298px;
	background-color:#aaa;
	padding-top:35px;
	height:65px;
	margin:3px 0px;
	font-size:2.5em;
	font-family:PseudoHelvetica,Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	color:#49b5e7;
	background-position:center;
	
}

.pa_div {
	
	width:85px;
	background-color:#aaa;
	height:85px;
	margin:5px;
	font-size:2.5em;
	font-family:PseudoHelvetica,Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	color:#49b5e7;
	background-position:center;
	border:1px solid #ccc;
	overflow:hidden;
	
}

.pop_entry {
	
	width:278px;
	padding:10px;
	border-bottom: 1px solid #333;
	font-size:1.3em;
	font-family:Helvetica, Arial, sans-serif;
	color:#fff;
	text-align:left;
	background-color:#1e1e1e;
	
}

.mid_page_slim_ad {
	
	margin:10px auto;
	width:120px;
	
}

.section_sub {
	
	margin:3px auto;
	color:#aaa;
	
}

.jump_to {
	
	margin-top: 10px;
	width:100%;
	overflow:hidden;
	height:14px;
	
}

.sign_in_box {
	
	width:560px;
	padding:20px;
	background-color:#222;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #444;
	
}

.sign_in_box label, .sign_in_box input[type=text], .sign_in_box input[type=password] {
	
	display:block;
	margin:3px auto;
	width:300px;
	padding:4px;
	
}

.sign_in_box input[type=text], .sign_in_box input[type=password] {
	
	font-size:1.6em;
	
}

.sign_in_box label {
	
	color:#666;
	
}

.sign_in_box fieldset {
	
	font-size:2em;
	font-weight:bold;
	display:block;
	
}

.sign_in_box input[type=submit] {
	
	display:block;
	padding:5px;
	background-color:#999;
	clear:both;
	margin:4px 0px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	cursor:pointer;
	
}

.sign_in_box input[type=submit]:hover {
	
	background-color:#ccc;
	
}


.entry_box {
	
	width:600px;
	padding:10px;
	color:#fff;
	background-color:#444;
	margin:1px 0px;
	font-size:1.4em;
	font-weight:bold;
	border:1px solid #666;
	
}

#entry_box_header {
	
	width:600px;
	padding:10px;
	color:#fff;
	background-color:#111;
	margin:1px 0px;
	font-size:1.8em;
	letter-spacing:0px;
	border:1px solid #444;
	
}

.fb_login {
	
	float:left;
	overflow:hidden;
	margin-top:3px;
	margin-bottom:3px;
	clear:both;
	color:#aaa;
	font-size:1.2em;

}



/* -------------- SIDEBAR STYLES -------------- */

.side_bar_head {
	width:300px;
	height:20px;
	font-family:Helvetica, Arial, sans-serif;
	background-color:#49b5e7;
	color:#000;
	font-size:24px;
	font-weight:bold;
	margin:20px auto 5px auto;
	text-transform:uppercase;
	border:1px solid #222222;
}

.connect_list {
	color:#fff;
	font-family:helvetica,arial,sans-serif;
	font-size:14px;
	list-style:square;
	margin:5px auto;
	width:250px;
}

.connect_list li{
	margin:4px;
	float:left;
	text-align:left;
}

.ls_date, .ls_title {
	height:18px;
	padding-top:5px;
	text-transform:uppercase;
	font-family:Helvetica, Arial, sans-serif;
	background-color:#222222;
	color:#777777;
	font-size:12px;
	font-weight:bold;
	
}
.ls_wrap{
	width:300px;
	margin:2px auto;
}

.ls_date{
	width:46px;
	text-align:left;
	padding-left:4px;
}

.ls_title{
	width:240px;
	text-align:left;
	padding-left:10px;
}

.comments {
	width:100px;
	height:80px;
	background-image:url(../images/comment_bg.jpg);
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
	padding-top:15px;
	font-size:30px;
	color:#cccccc;
	font-weight:bold;
}


/* -------------- ENTRY STYLES -------------- */

.square_row{
	width:550px;
	margin-bottom:0px;
}

.ongoing_head {
	background-color:#333;
	margin-bottom:10px;
}

.other_event_name{
	font-size:24px;
	margin-bottom:7px;
	color:#ffffff;
}

.other_event_info_wrap{
	width:510px;
	margin-right:15px;
}

.venue_name {
	font-size:36px;
	margin-bottom:7px;
	color:#ffffff;
}

.venue_info{
	width:350px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#cccccc;
	margin-bottom:10px;
	text-transform:uppercase;
}

.event_info{
	width:450px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#cccccc;
	margin-bottom:10px;
	text-transform:uppercase;
}

.short{
	width:350px;
}

.subtitle{
	font-size:16px;
	color:#49b5e7;
	margin-top:5px;
	margin-bottom:7px;
}

.subtitle_head {
	margin-top:10px;
	width:600px;
}

#news_content{
	width:640px;
}

.info{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#cccccc;
	margin-bottom:30px;
	width:510px;
	text-transform:uppercase;
}

#fbcon {
	height:21px;
	width:620px;
	color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:5px;
}
#fb_connect {
	background-image:url(../../../../../beta/images/connect_light_medium_short.gif);
	background-repeat:no-repeat;
	height:21px;
	width:89px;
	display:inline;
}

#fbcon_text {
	margin-left:10px;
	margin-top:5px;
	font-weight:bold;
}

.info a {
	color:#49b5e7;
}

.entry_divide {
	
	width:100%;
	display:block;
	height:1px;
	margin: 15px 0px;
	border-bottom:1px solid #333;
	
}

.news_title{
	width:510px;
}

h3.news_title {
	font-size:2em;
}

.news_title a{
	color:#fff;
}

.entry_date{
	color:#666;
	font-style:italic;
}

.lineDivide {
	width:960px;
	height:10px;
	background-color:#ffffff;
}

.news_story{
	width:620px;
	padding: 10px 10px 10px 0px;
	margin-top:10px;
}

.news_story h2{
	font-family:PseudoHelvetica,Helvetica, Arial, sans-serif;
	font-size:45px;
	letter-spacing:-2px;
	color:#ffffff;
	margin-bottom:5px;
}

.news_story p{
	font-family:Helvetica, Arial, sans-serif;
	margin-top:10px;
	width:600px;
	display:block;
	font-size:13px;
	color:#cccccc;
	line-height:1.5;
}

.news_story p.faded {
	color:#999;
}

.story_image {
	padding:1px;
	border:1px solid #333333;
	margin-bottom:10px;
}

.news_story .venue_p {
	width:350px;
}

.venue_image {
	margin-right:10px;
}

.v_info_wrap{
	width:350px;
	margin-right:15px;
}


/* -------------- FEED STYLES -------------- */


.feed_header{
	font-family:Helvetica, Arial, sans-serif;
	color:#fff;
	font-size:17px;
	margin-bottom:7px;
}

#feedArea{
	background-image:url(../images/layout1_12.jpg);
	background-color:#000;
	background-position:top center;
	background-repeat:no-repeat;
	width:960px;
	height:332px;
}

.feed_entry{
	width:570px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #222222;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#ffffff;
}

.feed_body{
	margin-bottom:5px;
	line-height:1.4;
}

.feed_subtitle {
	
	display:block;
	margin-bottom:5px;
	
}

#feedSpace img {
	
	border:1px solid #ccc;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	
}

.feed_time {
	font-size:10px;
	width:510px;
	color:#666;
	font-style:italic;
	display:block;
	clear:both;
}

#foot3 {
	height:200px;
	width:320px;
	background-image:url(../images/layout1_16.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

#menuSpace {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	margin-top:14px;
}

#menuSpace a {
	
	color:#fff;
	
}

#menuSpace a:hover {
	
	color:#49b5e7;
	
}

#menuSpace ul, #menuSpace li {
	list-style:none;
	display:inline;
	padding:0px 5px;
}

a:hover{
	text-decoration:none;
	color:#49b5e7;
}

.ad {
	margin:0px auto;
}

.more{
	margin-top:7px;
	font-weight:bold;
	clear:left;
}

.more a {
	color:#49b5e7;
}

a {
	color:#49b5e7;
	text-decoration:none;
	cursor:pointer;
}

#music_battle {
	
	width:940px;
	height:420px;
	background-color:#000;
	margin-bottom:20px;
	padding:10px;
	text-align:center;
	border-bottom:3px solid #49b5e7;
	
}

.artist_tally{
	
	color:#fff;
	display:block;
	font-size:.8em;
	width:295px;
	margin:3px 0px;
	
}

#result1 {
	
	height:20px;
	background-color:#49b5e7;
	display:inline;
	margin:3px 0px;
	
}
#result2 {
	
	height:20px;
	background-color:#49b5e7;
	display:inline;
	margin:3px 0px;
	
}

#battle_results {
	
	text-align:left;
	width:300px;
	
}

.artist {
	
	width:320px;
	border:1px solid #333;
	text-align:center;
	
}

.artist_name {
	
	font-size:1.4em;
	color:#49b5e7;
	margin:4px auto;
	
}

.artist_img {
	
	height:200px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#222;
	
}

.music_player {
	
	background-color:#1c1c1c;
	padding-top:4px;
	padding-bottom:0px;
	
}

.vote_now {
	
	background-color:#111;
	padding:5px;
	color:#555;
	cursor:pointer;
	font-size:.8em;
	
}

.vote_now:hover {
	
	color:#aaa;
	background-color:#171717;
	
}

.music_header {
	
	width:960;
	background-color:#1c1c1c;
	font-size:1.8em;
	color:#fff;
	text-align:center;
	padding:10px;
	
}

#tally {
	
	font-size:.9em;
	cursor:pointer;
}

.perc {
	
	position:relative;
	top:8px;
	
}

.contain_result {
	
	width:320px;
	
}

.vs {
	
	background-image:url(../images/vs.jpg);
	background-position:center;
	text-align:center;
	width:250px;
	height:250px;
	margin:0px 20px;
	
}

#battle_results {
	
	width:300px;
	
}

#view_tally {
	
	width:320px;
	height:100px;
	margin:10px 300px;
	padding:10px;
	background-color:#1c1c1c;
	vertical-align:middle;
	text-align:center;
	color:#aaa;
	
	
}


/* -------------- TOOLTIPS -------------- */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #49b5e7;
	background-color: #111;
	color:#aaa;
	padding: 10px;
	font-size:13px;
	font-weight:bold;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip div.body{
	color:#666;
	font-weight:normal;
}

/* -------------- PAGINATION -------------- */

#pagination {
	
	width:550px;
	margin:17px auto;
	font-size:.8em;
	
}

#pagination a {
	
	padding:5px;
	border:1px solid #333;
	color:#fff;
	text-decoration:none;
	
}

#pagination strong {
	
	padding:6px 6px;
	color:#fff;
	background-color:#333;
	text-decoration:none;
	font-weight:bold;
	
}

#pagination a:hover {
	
	text-decoration:underline;
	
}


/* -------------- PHOTOS AREA -------------- */

#photo_album_photos {
	
	width:730px;
	padding:10px;
	background-color:#111;
	border:1px solid #191919;
	
}

.photo_album_date {
	
	clear:both;
	color:#666;
	margin-bottom:10px;
	
}

.photo_album_desc {
	
	width:730px;
	padding:10px;
	border:1px solid #191919;
	color:#999;
	font-size:1.1em;
	margin-top:3px;
	margin-bottom:10px;
	
}

.photo_header {
	
	width:740px;
	padding:5px;
	background-color:#060606;
	
}

.photo_holder {
	
	padding:2px 2px 0px 2px;
	border:1px solid #333;
	display:inline;
	margin:6px;
	width:85px;
	
}

.large_photo_holder {
	
	padding:2px 2px 0px 2px;
	border:1px solid #333;
	display:inline;
	margin:6px auto;
	
}

.photo_holder:hover {
	
	border:1px solid #49b5e7;
	
}

.photo_album_title {
	
	color:#fff;
	font-size:16px;
	width:600px;
	margin-left:10px;
	font-weight:bold;
	margin-bottom:10px;
	height:20px;
	
}

.photo_album_info {
	
	color:#aaa;
	font-size:1.1em;
	width:700px;
	margin-left:10px;
	margin-bottom:5px;
	
}

.photo_album_title a {
	
	color:#49b5e7;
	font-size:18px;
	
}

.photo_content {
	
	width:740px;
	padding:0px 10px
	
}

#small_sidebar {
	
	width:190px;
	min-height:600px;
	background-color:#131313;
	
}

/* -------------- COMMENTS AREA -------------- */

#twitter_space {
	
	width:100%;
	background-color:#111;
	margin-top:2px;
	
}

#tweet_this {
	
	float:left;
	width:48px;
	height:48px;
	background-image:url(../../admin_images/icons/twitter_48.png);
	
}

#make_a_tweet {
	
	width:98%;
	padding:10px 0px 10px 2%;
	min-height:100px;
	background-color:#111;
	border:1px solid #222;
	overflow:hidden;
	
}

#login_space {
	
	width:100%;
	background-color:#111;
	
}

#login_info {
	
	color:#aaa;
	font-size:1.2em;
	float:left;
	margin-top:3px;
	margin-bottom:5px;
	
}

#sign_up {
	
	cursor:pointer;
	
}

#sign_up_div {
	
	position:fixed;
	top:50%;
	left:50%;
	height:300px;
	width:600px;
	margin-top:-200px;
	margin-left:-300px;
	background:#0f0f0f;
	color:#fff;
	font-size:1.4em;
	z-index:32767;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #222;
	padding:10px;
	
}

#sign_up_div input[type='text'], #sign_up_div input[type='password'] {
	
	width:300px;
	display:block;
	margin:4px;
	padding:5px;
	border:1px solid #444;
	
}

#sign_up_div label {
	
	margin:4px;
	font-weight:bold;
	
}

#sign_up_div input[type='submit'] {
	
	margin:4px;
	padding:5px;
	color:#aaa;
	background-color:#444;
	cursor:pointer;
	
}

.close {
	
	width:580px;
	text-align:right;
	font-size:.8em;
	color:#666;
	text-decoration:underline;
	cursor:pointer;
	
}

#sign_up_div input[type='submit']:hover {

	background-color:#666;
	
}

.sign_up_caption {
	
	background-image:url(../../admin_images/icons/mail_48.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:60px;
	color:#999;
	width:250px;
	text-align:justify;
	line-height:1.4;
	font-size:.9em;
	
}

.su_title {
	
	margin:20px auto;
	font-size:1.6em;
	width:150px;
	text-align:center;
	color:#aaa;
	
}

#su_form_area {
	
	margin-left:7px;
	
}

#dim {
	
	position: fixed;
	z-index:9900;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:.80;
	filter: alpha(opacity=80);
	
}


.comment_box {
	
	width:98%;
	padding:10px 0px 10px 2%;
	min-height:100px;
	background-color:#111;
	border:1px solid #222;
	overflow:hidden;
	
}

#login_box {
	
	width:98%;
	padding:10px 0px 10px 2%;
	border:1px solid #222;
	overflow:hidden;
	
}

.social_fb {
	
	width:98%;
	padding:10px 0px 10px 2% ;
	margin-top:10px;
	margin-bottom:5px;
	background-color:#111;
	border:1px solid #222;
	overflow:hidden;
	
}

.prof_pic {
	
	padding:1px;
	border:1px solid #222;
	width:50px;
	
}

#comment_count {
	
	color:#999;
	margin-bottom:10px;
	
}

.comment_box label {
	
	display:block;
	font-size:1.3em;
	font-weight:bold;
	color:#ccc;
	float:left;
	margin:3px 0px;
	width:400px;
	
}

.comment_box textarea {
	
	width:90%;
	height:80px;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	border-left:none;
	border-right:none;
	background-color:#222;
	color:#aaa;
	padding:10px;
	font-family:Helvetica, sans-serif;
	display:block;
	float:left;
	font-size:1.2em;
	margin:5px 50px 5px 0px;
	text-align:left;
	
}

.comment_box input[type=submit] {
	
	padding:4px;
	background-color:#aaa;
	border-top:1px solid #ddd;
	cursor:pointer;
	margin:0px;
	font-size:1.1em;
	color:#222;
	
}

.comment_box input[type=submit]:hover {
	
	background-color:#bcbcbc;
	
}

#comment_space {
	
	overflow:hidden;
	width:98%;
	padding:10px 0px 10px 2%;
	
}

.comment {
	
	background-color:#111;
	overflow:hidden;
	margin: 1px 0px;
	width:98%;
	padding:10px 0px 10px 2%;
	
}

.comment_name {
	
	width:90%;
	font-size:1.3em;
	margin-bottom:4px;	
	color:#49b5e7;
	
}

.comment_name span {
	
	font-size:.9em;
	color:#666;
	
}

.comment_name span em {
	
	font-size:.8em;
	color:#888;
	
}

.comment_picture {
	
	margin-right: 5px;
	padding:1px;
	width:50px;
	
}

.comment_body {
	
	width:90%;
	font-size:1.2em;
	color:#ccc;
	
}

#comment_body {
	
	
}

.submit_wrap {
	
	float:left;
	overflow:hidden;
	display:block;
	border:1px solid #999;
	padding:0px;
	margin:2px 0px;
	width:86px;
	height:23px;
	
}

.left_pad {
	padding-left:10px;
}

.login_notice {
	
	color:#666;
	margin:5px 0px;
	float:left;
	font-size:1.2em;
	width:400px;
	
}

/* -------------- SOCIAL MEDIA -------------- */

.social {
	width:60px;
	height:60px;
	padding:5px;
	float:left;
	background-repeat:no-repeat;
	background-position:top left;
}

.ytsoc {
	background-image:url(http://www.talkofdetroit.com/beta/images/general/youtube.png);
	clear:left;
}

.fbsoc {
	background-image:url(http://www.talkofdetroit.com/beta/images/general/facebook.png);
}

.twsoc {
	background-image:url(http://www.talkofdetroit.com/beta/images/general/twitter.png);
}

.tweetmeme {
	overflow:hidden;
	width:60px;
	float:right;
	margin-top:-30px;
}