 /* 
 version: 7.0
 author: Hoc Poeng
 email: hoc@ningin.com
 website: www.ningin.com
 */
 
@import url(ads.css);
@import url(pages.css);

* { margin: 0;padding: 0;}
.clear { clear: both; }
.invisible {display:none;}

body { font-size: 12px; /* Resets 1em to 10px */ font-family: Arial, Helvetica, sans-serif; color: #000;}
h1, h2, h3, h4, h5, big{ font-family: arial; margin: 0; padding: 0; font-weight: bold; }
h2 { font-size: 14px; } 
h3{ font-size: 26px; }
h4{ font-size: 12px; }
a img {text-decoration:none; border: none;}
a:hover {color:#ff0000;text-decoration:underline;}

h3.divider { padding: 5px 10px; font-size: 42px; color: #fff; margin-bottom: 10px; line-height: 45px; }
	h3 div a { color: #fff; }
	h3 div a:hover { color: #fff; }
h2.divider { text-transform: uppercase; padding: 5px 10px; margin-bottom: 10px; }

.floatLeft {display:block;float:left;}
.floatRight {display:block;float:right;}
.center { text-align: center; margin:0pt auto; } 
.right {text-align:right;}
.block {display:block;}
.inline {display:inline;vertical-align:top;}

.tenPixsBottom { margin-bottom: 10px; }
.tenPixsTop { margin-top: 10px; }
.tenPixsRight {margin-right:10px;}
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.sidePad10 {padding: 0px 10px;}
.sidePad3 {padding:0px 3px;}
.sidePad5 { padding: 0px 5px; }
.marginLeft { margin-left: 5px; }
.marginRight { margin-Right: 5px; }

.white { color: #fff; }
.black { color: #000; }
.grey { color: #999; }
.bggrey { background: #999; }
.red { color: #ff0000; font-weight: bold; }
.facebook_blue { background: #a9c8ec; }
.highlight { color: #10a500; font-weight: bold; }
tr.alt, .tableRowTwo, .alt { background:#eeeeee none repeat scroll 0%; }
.bold { font-weight: bold; }

.big {font-size:1.5em;}
small, .smallFont, .small {font-size: 11px;}
.big, .medium, .small { background:#FFFFFF none repeat scroll 0%;border:1px solid #b9b9b9;color:#000;padding:3px;}
#secColWrap .big, #secColWrap .medium, #secColWrap .small { border:1px solid #b9b9b9; }
.big:focus, .medium:focus { border:2px solid #b9b9b9; }
#secColWrap .big:focus, #secColWrap .medium:focus, #secColWrap .small:focus { border:2px solid #b9b9b9; }

.successStatus { border: 1px dotted #005e20; background-color: #a3d39c; font-weight: bold; padding: 5px; margin: 10px; }
.warning { border: 1px dotted #f26522; background-color: #fbaf5d; padding: 7px; margin: 10px; }

.img, img { vertical-align: middle; }

.preload { height: 0; overflow: hidden; } 

.advertisement { margin: 0 auto; text-align: center; margin: 10px 0; }

.submit, .button, .button1, .button3, .buttons { background: #000 url(http://mixrmedia.com/themes/global_images/bgButton.png) center repeat-x; color: #fff; border:1px solid #343434; font-weight:bold; padding: 1px 3px; font-family: arial; font-size: 12px; text-transform: capitalize; }
.submit:hover, .button:hover, .button1:hover, .button3:hover, .buttonsHover { background: #000 url(http://mixrmedia.com/themes/global_images/bgButtonHover.png) left repeat-x; }

div#buttonOption { width: 350px; margin: 0px auto; padding: 10px 0px; }
#TB_ajaxContent p.buttonOption { float: left; padding: 0px; }
	#TB_ajaxContent p.buttonOption a { background:#fff url(http://mixrmedia.com/themes/global_images/bgLightGrey2.png) repeat-x scroll center bottom; border:1px solid #b9b9b9; float:left; font-size:10px; height:18px; margin:0 3px 3px 0; padding:2px 0 0; text-align:center; text-transform:uppercase; width:110px; }
	#TB_ajaxContent p.buttonOption a img { vertical-align: top; }
	#TB_ajaxContent p.buttonOption a:hover { background:#fff url(http://mixrmedia.com/themes/global_images/bgLightGrey.png) repeat-x scroll center top; text-decoration: none; color:#FF0000; }

.hiddenFields { display: none; }
.noHover { background: none; }

fieldset { border:none; margin:10px 0pt; padding:10px;}

/* Lists */

.ulBlank ul li { list-style: none; margin-bottom:5px; margin-left: 5px; }
.ulNone ul li { list-style: none; margin: 0px 0px 5px 20px; padding: 3px; float: left; width: 145px; height: 120px; text-align: center; }
.ulNumber ul li{ margin: 0px 0px 5px 20px; list-style: decimal; padding: 3px; }
.ulArrow ul li { margin: 0px 0px 5px 15px; list-style: url(http://mixrmedia.com/themes/global_images/bulletArrow-red.gif); padding: 3px; }
.ulCheck ul li { margin: 3px 0px 5px 30px; list-style: url(http://mixrmedia.com/themes/global_images/accept.png); }

#ulBloggers ul li { float: left; width: 130px; list-style: none; padding: 5px; font-size: 11px; }
	#ulBloggers li img { float: left; margin-right: 5px; }
	#ulBloggers li div { float: left; padding: 0px; width: 90px; height: 45px; margin: 0px; }

#ulForum ul li { list-style: none; padding: 5px; border-bottom: 1px solid #c2c2c2; }
	#ulForum li img { float: left; margin-right: 5px; }
	#ulForum li div { float: left; padding: 0px; width: 250px; margin: 0px; }
		#ulForum li div img { float: none; margin-right: 0px; }
		
#ulMustReadList ul li { list-style: none; padding: 2px; border-bottom: 1px dotted #c2c2c2; }

#ulTopUsers { width: 315px; }
#ulTopUsers h2 { background: #b9b9b9; padding: 3px 5px; color: #fff; }
#ulTopUsers ul li { list-style: none; padding: 5px; border-bottom: 1px solid #c2c2c2; }
	#ulTopUsers li div#rank { float: left; width: 20px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 10px; }
	#ulTopUsers li img { float: left; margin: 0px 5px; }
	#ulTopUsers li div { float: left; padding: 0px; width: 240px; margin: 0px; }
		#ulTopUsers li div img { float: none; margin-right: 0px; }
	
#ulVideos ul li { margin-bottom: 10px; padding: 0px 5px 5px 5px; list-style: none; border-bottom: 1px solid #c2c2c2; }
	#ulVideos li img { float: left; width: 100px; height: 67px; margin-right: 10px; }
	#ulVideos li div { float: left; width: 180px; margin: 0px; }
		
#ulBlog ul li { list-style: none; padding: 10px; border-bottom: 1px solid #c2c2c2; }
	#ulBlog li img { float: left; margin-right: 10px; border: 1px solid #c2c2c2; padding: 5px; }
	#ulBlog li div { float: left; width: 515px; }
	#ulBlog li div h2 { padding: 0px 0px 5px 0px; }
	#ulBlog li div p { color: #555555; }
	#ulBlog li div p.meta { color: #000; padding: 5px 0px 0px 0px; }
	#ulBlog li div p img { border: 0px; padding: 0px; float: none; margin: 0px; }
		
#ulSocialNews ul { list-style: none; }
	#ulSocialNews ul li { margin-right: 10px; width: 155px; height: 190px; text-align: center; float: left; }
		#ulSocialNews ul li h4 { font-size: 11px; margin-bottom: 3px; }
		#ulSocialNews ul li img { margin: 0px 0px 5px 0px; }
		#ulSocialNews ul li div { font-size: 11px; }
	#ulSocialNews #nav { text-align:center; }
		#ulSocialNews #nav a { margin-left: 10px; padding: 3px 5px; font-weight: bold; border: 1px solid #c2c2c2; }

#ulAjax ul { margin: 10px 0px 0px 30px; }	
	#ulAjax ul li { list-style: decimal; padding: 5px; border-bottom: 1px solid #b9b9b9; font-size: 18px; font-weight: bold; color: #c2c2c2; }
	#ulAjax ul li div { font-size: 12px; color: #000; font-weight: normal; margin: 0px; padding: 0px; }
	
#ulSearch ul { }
	#ulSearch ul li { list-style: none; padding: 10px; border-bottom: 1px solid #cccccc; color: #444444; }
	#ulSearch ul li:hover { background: #fff7d0; }
		#ulSearch ul li p { font-size: 12px; font-weight: normal; color: #000; }
		#ulSearch ul li div div#body { font-size: 12px; font-weight: normal; color: #666666; }
		#ulSearch ul li div#img { border: 1px solid #cccccc; padding: 5px; background: #fff; }

#blogPostList ul li { list-style: none; padding: 5px 0px; border-bottom: 1px solid #b9b9b9; }
	
#forumReplies ul li { list-style: none; font-size: 11px; margin-bottom: 3px; }
	#forumReplies ul li img { float: left; margin-right: 5px; }
	#forumReplies ul li div { float: left; border: 1px solid #b9b9b9; width: 230px; border:1px solid #CCCCCC; padding: 1px 5px; position:relative; }
	
.ulFeaturedStories ul li { border-bottom:1px solid #B9B9B9; list-style-image:none; list-style-position:outside; list-style-type:none; padding:10px 5px; }
#priColWrap #storyDetailPhoto div img { padding: 0px 5px 5px 0px; }

.ulNewsstreamPopular ul li { border-bottom:1px solid #B9B9B9; list-style-image:none; list-style-position:outside; list-style-type:none; padding:10px 5px; }
	.ulNewsstreamPopular ul li img.thumb { border:1px solid #C2C2C2; float:left; margin-right:10px; padding:5px; }
	.ulNewsstreamPopular ul li .title { font-size: 14px; font-weight: bold; }
	.ulNewsstreamPopular ul li .desc { margin-bottom: 10px; }

/* Navigation, Menus, Etc */

#navigation { padding: 0; margin: 0; list-style: none; line-height: 1; }
#navigation .navClear { clear: both; }
#navigation ul, #navigation #grid { background: transparent; padding: 0; margin: 0; list-style: none; line-height: 1; }
	#navigation a { color: #fff; padding: 10px 15px; margin: 0px; font-size: 14px; font-weight: bold; text-align: center; display: block; }
	#navigation a:hover { background: #FFFFFF url(http://mixrmedia.com/themes/global_images/bgLightGrey2.png) repeat-x bottom; border: 1px solid #b9b9b9; border-width: 0px 1px; color:#343434; text-decoration:none; }
	#navigation a.current { background: #FFFFFF url(http://mixrmedia.com/themes/global_images/bgLightGrey.png) repeat-x top; border: 1px solid #b9b9b9; border-width: 0px 1px; color:#343434; }
	/* width needed or else Opera goes nuts */
	#navigation li { float: left; width: 10em; }
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
	#navigation li ul { position: absolute; background: #fff url(http://mixrmedia.com/themes/global_images/bgLightGrey.png) repeat-x top; left: -999em; width: 10em; z-index: 9999; }
	#navigation li ul li a, #navigation li ul ul a { font-size: 11px; font-weight: normal; color: #000; border-width: 1px 0px; border-top: 1px solid #efefef; }
	#navigation li ul li a:hover, #navigation li ul ul a:hover { border-width: 1px 0px; }
	/* third-and-above-level lists */
	#navigation li ul ul { margin: -1em 0 0 10em; }
	#navigation li:hover ul ul, #navigation li.sfhover ul ul { left: -999em; }
	/* lists nested under hovered list items */
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul { left: auto; }
	#contentWrap { clear: left; }

	#navigation #grid { background: #fff url(http://mixrmedia.com/themes/global_images/bgLightGrey.png) repeat-x top; clear:left; left:-999em; width:300px; padding: 10px; }
	#navigation #grid h4 { margin-bottom: 10px; padding: 5px 10px; background: #000; color: #fff; }
	#navigation #grid a { font-size: 11px; padding: 5px 3px; color: #000; border: 0px; width: 134px; font-weight: normal; }
	#navigation #grid #gridColOne { float:left; width:300px; }
	#navigation #grid #gridColOne div { float:left; width:140px; }
	#navigation #grid #gridColTwo { float:left; width:140px; }

#subNavigation { float: none; margin: 0px auto; background: #fff url(http://mixrmedia.com/themes/global_images/bgLightGrey.png) repeat-x top; border-bottom: 1px solid #cccccc; overflow: visible; padding: 5px; font-size: 11px; }
	#subNavigation a { border: 0px; margin: 0px; color: #343434; padding: 5px; }
	#subNavigation a.selected { background:#000000 none repeat scroll 0%;color:#FFFFFF; }
	#subNavigation a:hover { color: #ff0000; background: transparent; border-width: 0px; }
	
#menu { background: #fff url(http://mixrmedia.com/themes/global_images/bgLightGrey.png) repeat-x top;  border: 1px solid #b9b9b9; padding: 10px; }
	#menu a { border: 1px solid transparent; border-width: 0px 1px; margin: 0px 1px; color: #343434; font-size: 12px; font-weight: bold;font-weight:bold; padding: 10px; }
	#menu a img { vertical-align: bottom; }
	#menu a.selected { background:#000000 none repeat scroll 0%; color:#FFFFFF; }
	#menu a:hover { text-decoration: none; border: 1px solid #b9b9b9; border-width: 0px 1px 0px 1px; color: #343434; background: #fff url(http://mixrmedia.com/themes/global_images/bgLightGrey2.png) repeat-x bottom; text-decoration: none; text-decoration: none; } 
#menuColWrap { }
	#menuColWrap #searchWrap { float: right; }
	#menuColWrap #browse { padding: 5px; }
		#menuColWrap #browse a { color: #000; line-height: 20px; padding: 0px 5px; }
		#menuColWrap #browse a:hover { color: #ff0000; } 
		
#ajaxMenu { text-align: center; font-size: 11px; font-weight: bold; }
	#ajaxMenu a { padding: 3px 5px; text-decoration: none;}
	#ajaxMenu a:hover { padding: 3px 5px; background: #c2c2c2; color: #fff; text-decoration: none; }

/* Header */

#superWrap { margin: 0px auto; overflow: visible; width: 1000px; background: #fff; }

#header { margin: 0px auto; overflow: visible; }

#mixrWrap { color: #fff; font-size: 10px; height: 24px; }
#mixr { margin: 0px auto; width: 1000px; }
	#mixrHead { float: left;  padding: 0px; font-weight: bold; color: #fff; text-transform: uppercase; } 
	#mixr p a {color:#fff; }
	#mixr p a:hover {color: #ff0000;}
	#mixr p { float: left; padding: 5px; color: #fff; }
		
	#blogNetwork { float: right; padding: 5px; }
	#blogNetwork a { color: #ff0000; }
	#blogNetwork a:hover { color: #fff; }

#mainLogo { background: transparent; width: 1000px; margin: 0px auto; color: #fff; }
	#mainLogo a.home { float: left; margin: 3px 0px 0px 5px; display: block; width: 280px; height: 65px; }
	#mainLogo p.description { float: left; text-indent: -9999px; }

#logWrap { float: right; width: 310px; margin: 5px 15px 0px 0px; }

	#logWrap #register { padding: 3px 5px; margin: 0px auto; text-align: center; }
		#logWrap #register a { width: 280px; font-weight: bold; font-size: 14px; text-transform: uppercase; }
		#logWrap #register a:hover { color: #ff0000; }
		
	#logWrap #logForm { padding: 5px; margin: 0px auto; }
		#logWrap #logForm .input { width: 125px; height: 14px; font-size: 11px; font-family: arial; }
		
	#logWrap #login { padding: 0px; margin: 0px auto; }
		#logWrap #login #nav { padding: 3px 5px; font-size: 10px; text-align: right; border: 0px; }
			#logWrap #login #nav a:hover { color: #ff0000; }
		
		#logWrap #login #user { padding: 3px 5px; }
			#logWrap #login #user a { font-size: 11px; }
			#logWrap #login #user #id { float: left; width: 180px; }
			#logWrap #login #user #msg { float: right; width: 110px; }

/* ContentWrap */

#search { background: #eeeeee url(http://mixrmedia.com/themes/global_images/bgSearch.png) repeat-x bottom; }	
	
#searchSimple { background:#fff url(http://mixrmedia.com/themes/global_images/bgLightGrey2.png) repeat-x bottom; padding: 10px; border: 1px solid #c2c2c2; }
	#searchSimple .input { border: 1px solid #cccccc; font-family: arial; font-size: 11px; width: 235px; padding: 3px; }
		
#newsletter { background:#fff url(http://mixrmedia.com/themes/global_images/bgLightGrey2.png) repeat-x bottom; padding: 10px; border: 1px solid #c2c2c2; }
	#newsletter .input { border: 1px solid #cccccc; font-family: arial; font-size: 11px; width: 235px; padding: 3px; }
		
#msgWrap { margin: 0px 20px 20px 20px; padding: 10px; text-align: center; color: #000; font-weight: bolder; font-size: 12px; background: #fff url(http://mixrmedia.com/themes/global_images/bgLightGrey2.png) repeat-x bottom; border: 1px solid #c2c2c2; }
#msgWrap .close { height: 15px;width: 15px;padding: 0 10px;border: none; }

div#showResponse { padding: 5px; background: #fff1c7; border: 1px solid #e3c97c; text-align: center; }
div#showResponse p.response_heading { padding: 0px 0px 5px 0px; font-weight: bold; }
div#showResponse p { padding: 0px; }
div#showResponse ul { margin: 0px 0px 0px 15px; list-style: url(http://mixrmedia.com/themes/global_images/bulletArrow-red.gif); }

#contentWrap { margin: 0px auto; width: 1000px; padding: 5px 0px 0px 0px; background: #fff; overflow: visible; }
.oneCol, #oneCol { width: 980px; clear: both; }
.oneCol, #oneCol, #priColWrap, #secColWrap { overflow: visible; }

#leaderAd div { margin: 0 auto; text-align: center; }

#priColWrap { float: left; }

#secColWrap, #treColWrap { float: right; overflow: visible; padding: 0px 10px 0px 0px; }
	#secColWrap div, #treColWrap div { margin: 10px 0px 20px 0px; }
 
.paginateBorder { font-size: 12px; padding: 20px 0px; text-align:center; color: #b9b9b9; }
	.paginate { }
	.paginateStat, .paginate span, .paginate b, .paginate a:link, .paginate a:visited { font-weight: bold; border: 1px solid #b9b9b9; padding: 3px 5px; }
	.paginate a:hover { color: #fff; border: 1px solid #222222; text-decoration: none; background-color: #000;}
	
	#results #search { margin: 10px 0px; padding: 10px; background: #dddddd; border: 1px solid #b9b9b9; font-size: 14px; font-weight: bold; }
	#results .tableHead { font-size: 12px; font-weight: bold; text-align: center; } 
	#results td { padding: 3px; } 
		
	#feedSite { margin: 20px 0px 10px 0px; } 
		#feedSite div { float: left; width:230px; margin: 0px 10px; text-align: center; height: 200px; }
		#feedSite ul li { text-align: left; font-size: 12px; margin: 5px 0px; padding: 5px 0px 0px 20px; list-style: none; } 
			.firstCol { padding: 10px 0px; border: 5px solid #fff; border-width: 5px 0px; }
			.secCol { padding: 10px 0px; border: 5px solid #000; border-width: 5px 0px; }
			
	.pageRss { }
		.pageRss div ul { width: 300px; margin-bottom: 5px; }
		.pageRss div ul h4 { margin: 5px 0px; text-transform: uppercase; margin: }
		.pageRss div ul { border-bottom: 1px solid #b9b9b9; }
		.pageRss div ul li { margin-left: 25px; width: 272px; }
		.pageRss div ul li img { text-align: right; }

/* Footer */
			
#subFooter { background: #eaeaea url() repeat-x top; color: #000; margin: 0px auto; padding: 10px; }
	#subFooter div { float: left; margin-right: 10px; width: 480px; }

#footer { text-align: center; margin: 0px auto; }
	#footer #rowOne { padding: 10px; }
	#footer #rowTwo { padding: 8px; text-align: left; }
		#footer #rowTwo #footLinks { float: left; text-align: center; }
		#footer #rowTwo #mixrNetwork { float: right; width: 250px; }
		#footer #rowTwo #mixrNetwork select { font-size: 11px; font-family: arial; }
		
/* community */

#addyourwebsite { }
#addyourwebsite #head { background: #e0ecf7; margin: 10px; padding: 10px; text-align: center; }

/* blog */

.defaultBold { font-weight: bold; }
.defaultCenter { text-align: center; } 
.defaultRight { text-align: right; }

.aboutBloggers div { text-align: justify; margin-bottom: 10px; }
	.aboutBloggers div h3 { border-bottom: 1px solid #b9b9b9; margin-bottom: 10px; }
.aboutBloggers div#priCol { float: left; width: 100px; margin-right: 10px; border: none; }
	.aboutBloggers div#priCol img { margin-bottom: 5px; vertical-align: top; }
.aboutBloggers div#secCol { float: left; width: 530px; padding: 0px 10px 10px 10px; border: none; }
	.aboutBloggers div#secCol h4 { margin-bottom: 5px; border-bottom: 1px dotted #494949; }
	.aboutBloggers div#secCol p { margin-bottom: 10px; }
	
#bloggerList span { font-size: 12px; font-weight: bold; } 
#bloggerList img { margin-left: 1px; }
#bloggerList a { font-size: 10px; }
#bloggerList p { margin-bottom: 3px; }

.sizeOne a { font-size: 10px; color: #666666; }
.sizeTwo a { color: #666666; font-size: 10px; }
.sizeThree a { font-size: 11px; color: #666666; }
.sizeFour a { font-size: 14px; color: #000; font-weight: bold; }
.sizeFive a { font-weight: bold; font-size: 18px; }
.sizeOne a:hover, .sizeTwo a:hover, .sizeThree a:hover { color: #ff0000; }

#commentSection { margin: 10px 0px;  }	
	#commentSection #comment { width: 400px; margin: 10px auto; background: #eeeeee; border: 1px solid #c2c2c2; }	
		#commentSection #comment.chighlight-blogger { background:#A9D3E4 url(http://mixrmedia.com/themes/global_images/bgCommentBlogger.png) repeat-x top; border: 1px solid #9ed0de; }
		#commentSection #comment.chighlight-author { background:#FFE390 url(http://mixrmedia.com/themes/global_images/bgCommentAuthor.png) repeat-x top; border: 1px solid #e9e883; }
		#commentSection #comment.chighlight-friend { background:#d6e5bd url(http://mixrmedia.com/themes/global_images/bgCommentFriend.png) repeat-x top; border: 1px solid #c6df81; }
		#commentSection #comment.chighlight-admin { background:#D9C8EA url(http://mixrmedia.com/themes/global_images/bgCommentAdmin.png) repeat-x top; border: 1px solid #ce98d8; }
	#commentSection #comment #head { padding: 5px; }
		#commentSection #comment #head div.floatLeft { width: 100px; margin-right: 10px; }
			#commentSection #comment #head div.floatLeft img { vertical-align: bottom; margin-right: 10px; border: 1px solid #000; }
		#commentSection #comment #head div.floatRight { width: 280px; }
			#commentSection #comment #head div.floatRight div { float: left; width: 140px; }
	#commentSection #comment #body { background: #fff; padding: 10px; }
		#commentSection #comment #body p { margin-bottom: 10px; }
		#commentSection #comment #body blockquote, blockquote { margin: 10px; padding: 5px; color: #666666; border: 1px solid #b9b9b9; background: #eeeeee url(http://mixrmedia.com/themes/global_images/quoteBig.png) no-repeat top left; }
		#commentSection #comment #body .quote_author { font-weight: bold; color: #666666; }
		#commentSection #comment #body .submitComment {border:medium none;}
	#commentSection #comment #foot { padding: 5px; font-size: 11px; }
		#commentSection #comment #foot a { margin-left: 3px; }
				
	#comment_form { margin-top: 10px; padding: 10px; }
		#comment_form h2 { padding: 5px; }
		#comment_form div { padding: 5px; }
			#comment_form div textarea { width: 385px; margin-bottom: 5px; }
			
.greenCommentScore { color: #39b54a; font-weight: bold; }
.redCommentScore { color: #790000; font-weight: bold; }					
			
	#secColWrap #activity { font-size: 11px; }
		#secColWrap #activity #actWrap { margin: 3px 0px; padding: 5px; }
		#secColWrap #activity #actWrap.alt { background: #dddddd; }
		#secColWrap #activity #actWrap img { vertical-align: top; margin-right: 5px; }
		#secColWrap #activity #actWrap span { color: #666666; font-size: 10px; }
		#secColWrap #activity #actWrap #actCommentText { margin: 10px 40px; padding: 10px; color: #000; background: #cfdce3; border: 1px solid #92bbd2; }

/* wiki */

/* forum */

/* socialnews */

.admin { font-size: 12px; }
.admin h3 { border-bottom: 1px solid #b9b9b9; margin-bottom: 10px; }
.admin #subNavigation { margin-bottom: 10px; padding: 10px; }
.autoSubmitItem div table { padding: 5px 0px; border-bottom: 1px solid #b9b9b9; }
#autoItem .autoItem p { padding: 5px 0px; }
span.formHint { color:#666666;font-size:0.8em;font-weight:normal;text-transform:none; }

#starBlue, #starOrange, #starGreen, #starLavender, #starBurgundy {height:31px;margin:0pt auto 5px;padding:0pt;width:33px;}
#starMiniBlue, #starMiniOrange, #starMiniGreen, #starMiniLavender, #starMiniBurgundy {display:block;height:9px;margin:0pt auto;padding:0pt;text-align:center;width:10px;}		
#starValue {display:block;float:left;padding:0pt;text-align:center;width:35px;}
	#starValue.single { width: 80px; padding: 0px 0px 5px 0px; }	
#starMediumBlue, #starMediumOrange, #starMediumGreen, #starMediumLavender, #starMediumBurgundy, div#starMedium { margin:0pt 5px 0pt 0pt;padding:0pt; }

/* gallery */

/* storyboard */

#articleBody { font-size: 11px; }
	#articleBody table td { padding: 3px 10px; }
	#articleBody ul {margin: 10px 0px 10px 50px;}
	#articleBody li {padding: 3px;}
	#articlePriCol {float: left; margin-right: 10px; font-weight: bold;}
	#articleSecCol {float: left; font-weight: bold;}
	
	
/*
REACTIONS
*/
.heartWrap { width: 130px; float: left; }
.heart, .broken { float: left; margin: 0 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.heart { background-color: #F4E9DD; border: 1px solid #f49ac1; }
.heartScore { padding: 3px; font-size: 85%; background-color: #efd7bd; }
.heartGraphic, .brokenGraphic { width: 40px; height: 40px; }
.heartGraphic { background: url(http://static.mixrmedia.com/themes/global_images/neutralheart.png) no-repeat left top transparent; margin: 3px; }
.heartGraphic.selected { background: url(http://static.mixrmedia.com/themes/global_images/plusheart.png) no-repeat left top transparent; }
.broken { background-color: #ebebeb; border: 1px solid #acacac; }
.brokenGraphic { background: url(http://static.mixrmedia.com/themes/global_images/neutralbroken.png) no-repeat left top transparent; margin: 3px; }
.brokenGraphic.selected { background: url(http://static.mixrmedia.com/themes/global_images/plusbroken.png) no-repeat left top transparent; }
.brokenScore { padding: 3px; font-size: 85%; background-color: #e1e1e1; }

.reactionWrap { width: 400px; float: left; }
.reaction a { color: #000; }
.reaction .reactSelected a { color: #ff0000; }
.reaction { width: 45px; margin: 0 4px; background-color: #e2dda0; border: 1px solid #cfc876; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; text-align: center; }
.reaction .option { font-weight: bolder; font-size: 110%;  text-align: center; padding: 3px 0; }
.reaction .count { padding: 3px; text-align: center; font-size: 85%; background-color: #faf7d9; }
.reaction.voted a { color: #ff0000; }	