/* MacJams.com Main CSS */
a {font-weight:bold;color:#333;text-decoration:none}
img {border:0px}
table {border:0px}
div {text-align:left;}
a:hover {color:#C00;text-decoration:none}
body {color:#444;font-size:11px;font-family:"Lucida Grande",Helvetica,Arial,sans-serif;margin:0px;background-color:#6699CC; padding:0px;}
TH {font-weight:bold}
H1 {font-size:14px}
H3 {font-weight:bold}
#centerblock {border:1px solid #000; width:100%;}
#leftblocks {width:220px; overflow:auto;}
#rightblocks {width:220px}
#footerblock {background-color:#A9A9A9}
#logo {background-image:url(http://www.macjams.com/layout/MJ/images/mj_slice.gif);background-repeat:repeat-x;background-color:#679ACD;height:79px;overflow:hidden}
.story-header {height:25px;border-bottom:1px solid #2F4F4F;margin-bottom:4px;padding:2px}
.story-date {color:#888;white-space:nowrap;float:left;vertical-align:middle}
.story-options {color:#888;text-align:right;white-space:nowrap;float:right}
.story-text {color:#888;margin:5px 15px 0px 15px}
.misc-text {color:#000;font-size:14px;margin:5px 15px 0px 5px}
.storytitle {color:#000;font-size:18px;font-weight:bold}
.story-block {border-style:solid;border-width:1px;border-color:#666;background:#FFF;margin:10px 0px 10px 0px}
.storycontent {color:#333;line-height:16px;padding:10px 0px 10px 0px}
.image-in-story {padding:8px}
.storyinfo {color:#888}
.featuredstorytitle {color:#C00;font-size:18px;font-weight:bold;padding-top:3px}
.welcomeblock {color:#000;padding:2px}
.story-footer {background-color:#DCDCDC;padding:3px 0px 3px 5px;clear:both}
.block {color:#2F4F4F;background-color:#FFF;margin:1px;border:1px solid #666}
.blocktitle {text-align:center;color:#000;background-color:#69C;font-weight:bold}
.blockrow {overflow:hidden;height:12px;white-space:nowrap}
.rowstat {text-align:right;font-size:8pt}
.ra {color:#F00}
.img_camera {height:12px;width:16px}
.img_tune {height:12px;width:10px}
.commentbar4 {color:#000;background-color:#EEE}
.commentbar1 {color:#000;background-color:#EEE}
.commentbar2 {background-color:#EEE}
.commentbar3 {color:#888;background-color:#EEE}
.commenttitle {color:#000;font-weight:bold;background-color:#EEE}
#prefooter {color:#FFF;font-size:9px;background-color:#69C;padding:3px}
#prefooter a {color:#FFF}
.warning {color:red;font-weight:bold}
.warningsmall {color:red}
.mj_navbar {background-color:#000;text-align:center; padding:4px;}
.mj_navbar a {display:inline;color:#EEF;font-family:arial;font-weight:bold;text-decoration:none;font-size:1.2em;padding:4px 1% 4px 1%; margin:1px;}
.mj_navbar a:hover{color:#000;background-color:#F33}
.flag {text-align:right;width:10px}
.flag img {height:12px;width:16px}
.cat_td {background-color:#CCF}
.textblock1 {color:#000;background-color:#CCDCEC;padding:0px;white-space:nowrap}
.textblock2 {color:#000;background-color:#DCECFC;padding:3px;white-space:nowrap}
.textblock3 {color:#000;background-color:#FFF;padding:3px}
.textblock4 {color:#000;background-color:#EEE;padding:3px}
.textblock1 td, .textblock2 td, .textblock3 td, .textblock td {overflow:hidden;height:12px;width:145px;white-space:nowrap;}
.amazonAds {font-size:20px}
.zz-description {margin:5px 15px 5px 15px}
.product-info {border-top:1px solid #999}
.product-description {border:2px solid #666}
.blackwhiteRow {color:#FFF;background-color:#666}
.block2 {padding:5px;border:2px dashed#666}
.red_text {color:#C03;text-decoration:underline}
.white_text {color:#000;font-weight:bold}
.scrolling {max-height:160px;overflow:auto;font-size:10px; width:99%}
.scrolling table {width:99%;margin:0px;padding:0px;border-spacing:0px; border-collapse:collapse;white-space:nowrap;}
.rt {text-align:right; width:1%; font-size:8pt;}
.picks {width:99%;padding:1px;border:0px;border-spacing:0px}
.b {color:#000;font-weight:bold;background-color:#CCDCEC}
.b td {white-space: nowrap;width:0px}
.js {color:#000;background-color:#DCECFC;border-top:1px solid gray;white-space: normal;}
.songprofile {border:1px solid #000}
.row {background-color:#CCDCEC;border:1px solid #000}
.row3 {background-color:#DCECFC;border:1px solid #000; padding:3px; font-weight:bold;}
.top {border-top:1px solid #000}
.box {border:1px solid gray}
.none {border:1px solid #FFF}
.block {background-color:#FFF;border:1px solid #000}
a.keyword {font-weight:normal}
a.keyword:hover {text-decoration:underline}
.row_color1 {background-color:#DDD}
.row_color-1 {background-color:#FFF}
.wrap td {white-space:normal;}
#comment_body{padding:3px; margin-left:120px; white-space:normal;}
#footer {background-color:#6794CA;}
#footer a {color:#FFF; padding:7px; line-height:1.5em;}
#footer a:hover {text-decoration:underline; }

#container {width:990px; margin-top:10px;margin-left:auto; margin-right:auto; font-size:1em;}
#main_content {float:left; margin:auto; width:500px;border:3px solid #000; padding:12px; background-color:#FFF; font-size:1em;}
#leftside_content {float:left;width:200px;border:3px solid #333; margin-right:-3px; padding:12px;background-color:#FFF; font-size:1em;}
#rightside_content {float:left;width:200px;border:3px solid #333; margin-left:-3px; padding:12px;background-color:#FFF; font-size:1em;}
fieldset {background-color:#FFF; border:1px solid #CCC; margin-bottom:10px;}

legend {font-size:1.5em; font-weight:bold; color:#000;}
.artist_tab {padding:5px; background-color:#CCC; border-right:1px dotted #999;}
.artist_tab_on {padding:5px; border-right:1px dotted #999; background-color:#66CCCC;}
.artist_tab:hover, .artist_tab_on:hover {background-color:#6699CC; color:#FFF;}
.member_row td {border-bottom:1px dotted #CCC;}
.photo {padding:2px; margin:5px; border:2px solid #999; background-color:#FFF;}
.list_table td {padding:3px; border:1px dotted #CCC; vertical-align:middle; text-align:center;}
.list_table th {font-weight:bold; background-color:#AAA; border:1px solid #000;}
.hidden {opacity:0.05;}
.unhidden {background-color:#EEE; opacity:1;}
.new_update {margin:0px; padding:2px; border-spacing:0px;}
.new_update td {padding:3px; border-bottom:1px dotted #CCC; background-color:#FFF;}
.update {width:100%;}
.update tr:hover {background-color:#EEE;}
.update tr {background-color:FFF;}
#chat .username {text-decoration: none; font-weight: bold;}
#chat img {border:2px;}
.fan {float:left; text-align:center; margin:3px;}
#fans img {border:1px solid #000; padding:1px; margin:2px; height:50px;}
.favorite_artist {float:left; text-align:center; margin:3px;}
#favorite_artists img {border:1px solid #000; padding:1px; margin:2px;}
#new_update img {height:20px;}



#maincontainer{width:960px;margin:0 auto;background:#FFF;}
#topsection{background:#EAEAEA;height:90px;}
#topsection h1{margin:0;padding-top:15px;}
#contentwrapper{float:left;width:100%;}
#contentcolumn{margin-left:250px}
#leftcolumn{float:left;width:250px;margin-left:-960px;background:#FFF;border-right:1px solid #CCC;}
#containerfooter{clear:both;}
#sitefooter{clear:left;width:100%;color:#000;text-align:center;padding:10px 0 30px 0;}
#sitefooter a{color:#000;}
.innertube{margin:3px;}


.wrapper{padding: 5px;}
fieldset{padding:0px; border:0px;}
.legend{padding:3px; background-color:#EEE; border-bottom:1px solid #AAA; color:#000; font-size:1.2em; font-weight:bold;}


.mj_navbar {

color:#000;
background-color:#69C;
padding-top:0px;
text-align:center;
width:700px;
margin:auto;
margin-top:10px;
clear:both;
text-align:center;
}

.mj_navbar a {
color:#000;
display:inline;
font-family:arial;
font-size:1.2em;
font-weight:bold;
margin:1px;
padding:4px 1%;
text-decoration:none;
border:1px solid #000;
background-color:#EEE;
}
.mj_navbar a:hover {
background-color:#F33;
color:#000000;
}

#main_table {margin:5px; border-spacing:15px;}
#main_table td {text-align:center; height:170px; width:33%; border:1px solid #000; background-color:#EEE;}
#main_table a {padding:70px 5px 70px 5px; font-size:1.5em; color:#000;}
#main_table td:hover {background-color:#F33; color:#000;}
#main_table a:hover {color:#000;}
.highlight {background-color:#F33;}
#site_content {margin-left: 10%; margin-right:10%;color:#000; background-color:#FFF; border:1px solid #000; padding:20px;}
#new_update td {padding:6px; border-bottom:1px dotted #EEE;}


#comment_body{padding:3px; margin-left:120px; white-space:normal;}
.comment {margin-top:4px;}
.comment table {width:100%; border:1px solid #666; background-color:#EEE; border-spacing:0px; padding:0px;}
.comment_title { overflow:hidden; height:15px;padding:3px;}
.comment_photo {width:50px; padding-top:px; vertical-align:top; text-align:center; }
.comment_photo img {margin:4px; border:1px solid #666;}
.comment_text {padding:5px 5px 0px 5px; overflow:hidden; border:2px dotted #000; border-width:1px 0px 0px 1px; background-color:#FFF}
.comment_reply {clear:both; text-align:right; width:100%;}
#comment_group {padding:5px; width:490px; float:left;}
.control_button {background-color:#EEE; padding:1px; color:#333; font-size:1em; border:1px solid #666; margin:2px; cursor:pointer;}
.control_button:hover {color:#FFF; background-color:#005C92; }
.control {padding:2px; line-height:2em; border:1px solid #000; background-color:#FFF;}



.gfblock_topmenu { color:#000; font-size: 10px; font-family: arial, serif; }
.gfblock_topmsg { color:#000; font-size: 10px; font-family: arial, serif; }
td.gfblock_text1  { color:#000; background-color: #E0E0E0; font-size: 12px; font-family: arial, serif; }
td.gfblock_text2 { color:#000; background-color: #F6F6F0; font-size: 12px; font-family: arial, serif; }
td.row1	{ background-color: #FFF; font-family: Verdana; font-size: 13px; color: #494957;  }     
td.row2	{ background-color: #EEE; font-family: Verdana; font-size: 12px; color: #494957;  }
td.row3	{ background-color: #DDD; font-family: Verdana; font-size: 12px; color: #494957;  }
td.gfblock_text1  { color:#000; background-color: #E0E0E0; font-size: 12px; font-family: arial, serif; }
td.gfblock_text2 { color:#000; background-color: #F6F6F0; font-size: 12px; font-family: arial, serif; }
td.row1mouse	{ background-color: #6699CC; font-family: Verdana; font-size: 13px; color: #494957  } 
td.row1mouseover{ background-color: #E7EFFA; font-family: Verdana; font-size: 13px; color: #494957  }
td.row1mouseout { background-color: #6699CC; font-family: Verdana; font-size: 13px; color: #494957  }
td.toprow	{ background-color: #4377B1; font-family: Verdana; font-size: 9px; color: #B0C6DA; font-weight: bold  }
td.navbar	{ background-color: #4377B1; font-family: Verdana; font-size: 9px; color: #FFF; font-weight: bold  }
table.row1	{ background-color: #e7effa; font-family: Verdana; font-size: 9px; color: #B0C6DA; font-weight: bold  }
table.row2	{ background-color: #6699CC; font-family: Verdana; font-size: 9px; color: #B0C6DA; font-weight: bold  }
td.topicsubject { color:#000; font-size: 10px; font-family: verdana, arial, sans-serif; }

.quotebox   { color:#000;  background-color: #F0F0F0; font-family: Verdana; font-size: 9px; border:1px dashed #666; }
.centerblockheading { color:#FFF; background-color:#4D83B3; text-align: center; font-size: 14px; font-family: verdana, arial, sans-serif; }
.centerblocktext1  { color:#000; background-color: #E0E0E0; font-size: 12px; font-family: arial, serif; }
.centerblocktext2 { color:#000; background-color: #F6F6F0; font-size: 12px; font-family: arial, serif; }
.alert { color: #3B3B3B; font-weight: bold; font-size: 12px; line-height: 14px; font-family: Verdana, Helvetica, Arial sans-serif; }
.highlight {color: red;}
.settingsheading { color:#FFF; background-color:#4D83B3; font-size: 16px; font-family: verdana, arial, sans-serif; }
.settingstitle	{ color: #033;  font-size: 12px; line-height: 14px; font-family: Verdana, Helvetica, Arial sans-serif; cursor: pointer; }
.settingshelp	{ color: #033;  font-size: 9px; line-height: 14px; font-family: Verdana, Helvetica, Arial sans-serif; background-color: #DCECFC; cursor: pointer; }

.leftcolumntext      { color: #033;  font-size: 9px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; }
.largetitle          { color:#000; font-size: 14px; font-family: verdana, arial, sans-serif; }
.topicoutline		 { background-color: #9A9DA8; }
.replypagination	 { color: #033;  font-size: 9px; line-height: 12px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; }
.topicpagination	 { color: #033;  font-size: 9px; line-height: 12px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #FFF }
.topicpagination:link { color: #033;  font-size: 9px; line-height: 12px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #DCECFC; text-decoration: none }
.topicpagination:visited { color: #033;  font-size: 9px; line-height: 12px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #DCECFC; text-decoration: none }
.topicpagination:hover { color: #033;  font-size: 9px; line-height: 12px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #DCECFC; text-decoration: underline }

.forummenus			{ color: #033;  font-size: 12px; line-height: 14px; font-family: Verdana, Helvetica, Arial sans-serif; background-color: #DCECFC; cursor: pointer; }
.forummenusout		{ color: #033;  font-size: 12px; line-height: 14px; font-family: Verdana, Helvetica, Arial sans-serif; background-color: #d7d8dc; cursor: pointer; }
.forumtext			{ color: #033;  font-size: 12px; line-height: 14px; font-family: Verdana, Helvetica, Arial sans-serif; }

.popularcolumns		{ color: #033; font-weight: bold; font-size: 9px; font-family: Geneva, Arial, Verdana, Helvetica, sans-serif; background-color: #c4c6cc; }
.populardate			{ color: #033;  font-size: 9px; font-family: Geneva, Arial, Verdana, Helvetica, sans-serif; background-color: #DCECFC; }
.postordercolumn		{ color: #033;  font-size: 12px; line-height: 14px; font-family: Verdana, Helvetica, Arial sans-serif; background-color: #c4c6cc; }

.lastpostscol1		{ color: #033;  font-size: 9px; line-height: 12px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #DCECFC; }
.lastpostscol2		{ color: #033;  font-size: 9px; line-height: 12px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #c4c6cc; }


.notifyviewcolumn		{ color: #033;  font-size: 9px; font-family: Geneva, Arial, Verdana, Helvetica, sans-serif; background-color: #DCECFC; }
.notifybyname			{ color: #033;  font-size: 9px; line-height: 12px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #c4c6cc; }

.storypost1			{ color: #033;  font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #FFF; }
.storypost2			{ color: #033;  font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #EEE; }

.postnewreply1		{ color: #033;  font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #DCECFC; }
.postnewreply2		{ color: #033;  font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #CCDCEC; }
.postleftcolumn		{ color: #033; font-weight: bold; font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #c4c6cc; }
.postrightcolumn		{ color: #033;  font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #d7d8dc; }

.storypostdate1		{ color: #033;  font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; }
.storypostdate2		{ color: #033;  font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; }

.quotestory			{ color: #000;  font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; margin: 4px; padding: 4px; background-color: #FFF; border-style: solid; border-width: 1px; border-color: #9A9DA8; }
.quotestory2			{ color: #033;  font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; margin: 4px; padding: 4px; background-color: #9A9DA8; border-style: solid; border-width: 1px; border-color: #9A9DA8; }

.authorname1			{ color: #033; font-weight: bold; font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #FFF; }
.authorname2			{ color: #033; font-weight: bold; font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #EEE; }

.authorsignature1		{ color: #033;  font-style: italic; font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; }
.authorsignature2		{ color: #033;  font-style: italic; font-size: 10px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; }

.topicdescribecolumn	{ color: #033;  font-size: 9px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #DCECFC; cursor: pointer; }
.topicdescribecolumnout	{ color: #033;  font-size: 9px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #d7d8dc; cursor: pointer; }
.numoftopicscolumn		{ color: #033;  font-size: 9px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #c4c6cc; }
.numofpostscolumn		{ color: #033;  font-size: 9px; line-height: 14px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #DCECFC; }
.lastpostbycolumn		{ color: #033;  font-size: 9px; line-height: 12px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #c4c6cc; }

.categorycolumns		{ color: #033; font-weight: bold; font-size: 9px; font-family: Geneva, Arial, Verdana, Helvetica, sans-serif; background-color: #c4c6cc; }
.categorytitle       	{ color: #033; font-weight: bold; font-size: 9px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #9A9DA8; }
.categorytitlebg		{ color: #033; font-weight: bold; font-size: 9px; font-family: Geneva, Verdana, Helvetica, Arial sans-serif; background-color: #DCECFC; }

.imsections			{ color: #033; font-weight: bold; font-size: 9px; font-family: Geneva, Arial, Verdana, Helvetica, sans-serif; background-color: #c4c6cc; }
.imevencolumn			{ color: #033;  font-size: 9px; font-family: Geneva, Arial, Verdana, Helvetica, sans-serif; background-color: #DCECFC; }
.immessage			{ color: #033;  font-size: 9px; font-family: Geneva, Arial, Verdana, Helvetica, sans-serif; background-color: #DCECFC; }
.imoddcolumn			{ color: #033;  font-size: 9px; font-family: Geneva, Arial, Verdana, Helvetica, sans-serif; background-color: #c4c6cc; }

.footerbg				{ background-color: #FFF; padding:5px;}
.footeroutline		{ background-color: #9A9DA8; }
.footertitle			{ color: #033; font-weight: bold; font-size: 12px; line-height: 14px; font-family: Verdana, Helvetica, Arial sans-serif; background-color: #DCECFC }


/* New Design CSS - 2009-07-09 - SWH */

div.section_head {
	border-bottom:1px solid #A65026;
	color:#A65026;
	font-size:11pt;
	font-weight:bold;
	margin-bottom:5px;
}

div.section {
	font-size: 11px;
	margin-bottom:10px;
}

div.menu-on {
	background-color:#EEE;
	display:inline;
	padding:5px;
	margin:0px;
}

div.menu-off {
	display:inline;
	padding:5px;
}
