body {
    font-family: arial;
   background-color: #000;
    color: #FFF;
}

#wrapper {
    background-color: #222;
 outline: 1px outset #888;
}
button
{
   padding: 5px 10px
}

a, a:visited
{
	color:white;
	text-decoration: underline;
}
a:hover
{color:red;}
/*  All Titles have 10px margin - which have to be explicitly removed if needed */
.section-title
{
	font-size: 14px;
	
	margin: 0;
	padding: 5px;
	clear: both;
}

#col-2 .section-title,
#col-3 .section-title
{
   margin: 0 0 0 1px;
}

/*  All Titles have 10px margin - which have to be explicitly removed if needed */
.title {
    margin: 0;
  padding:0;
}

.title a {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size: 16px;
font-weight: normal;
    color: white;
    text-decoration: none;
}

.recent-news-posts,
.recent-blog-posts
{
	padding: 10px;
}


*/
/* NEWS ARTICLE SKIN */



.article-news-dashboard .title {
	margin: 0;
	font-weight: bold;
	font-size: 17px;  
	border-bottom: 0 none;    padding: 0;
}
.article-news-dashboard time{
 	font-size: 12px;
	color: #888;
	line-height: 1.5;
	display:block;
}
.article-news-dashboard p{
 	font-size: 15px;
	line-height: 1.3;
}

.article-news-dashboard .title a {
	display: block;
	font-weight:bold;
	line-height: 1.5;

	text-decoration: none;
	margin-bottom: 5px;
	font-family: arial;
}



.article-news-dashboard footer
{
	border-top: 1px dotted #444;
	background-color: #111;  text-indent: 10px;
}
.article-news-dashboard footer:hover
{
	background-color: #444;
}


/* BLOG ARTICLE SKIN */
.article-blog-dashboard .title a {
    text-decoration: none;
    color: #fff;
    font-family: georgia;
}

h2.recent-blog-posts {
    font-family: georgia;
    font-size: 16px;
    line-height: 1.5;
}

h2.recent-blog-posts a {
    display: block;
}

.article-blog-dashboard  p {
    font-family: georgia;
    font-size: 15px;
    line-height: 1.3;
	color: #ccc
}

.article-blog-dashboard .title,
.article-blog-dashboard .category {
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font-size: 14px;
    font-family: georgia;
    color: #fff;
    border: 0 none;
}

.article-blog-dashboard .category {
    text-transform: uppercase;
    font-size: 10px;
}

.article-blog-dashboard .byline {
	font-size: 12px;
	color: #888;
	font-style: italic;
	line-height: 1.5;
	display:block;
}

.article-blog-dashboard .read-post {
   	color: #fff;
	line-height:2;
}


article:hover h2.title a
{

	color: #888;
}



/* POPULAR & SPONSONR */

#haveyoursay {
    clear: left;
    border: 4px solid #000;
    padding: 3px;
    margin: 10px;
    text-align: center;
    display: block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px

}

#haveyoursay a {
    line-height: 2;
    font-size: 14px;
    font-weight: bold;
    color: #fff
}

.sponsor a {
    color: #fff;
    line-height: 2;
}

.sponsor a:hover, #haveyoursay a:hover {
    color: yellow;
}

#popular, #sponsor1 {
    clear: left;
    border: 10px solid #000;
    padding: 3px;
    margin: 10px;
    text-align: center;
    display: block;
}

#popular {
    margin-top: 0;
}

#popular article {
    position: relative;
    padding: 0;
    margin: 0;
    clear: both;
    border-top: 1px dotted #444;
    display: block;
	height: 75px;margin-bottom: 3px;
}
#popular h2 {
	font-size: 18px;
	line-height: 2;
	color: #fff;
	background-color: black;
}

#popular h3 {
	margin: 0;
	padding: 0;
	text-align: left;
	height:75px;
}

#popular .story-image
{
	height:		75px;
	width:		75px;
	line-height:	75px;
	float:			left;
	overflow: 		hidden;
	margin-right: 	5px;
}
#popular .story-image img
{
	vertical-align: middle;
	max-width: 75px;
}
#popular .site-link
{
	float: left;
	 
	width: 185px;
	padding-top: 20px;
	position: relative;
 
    height: 30px;
    padding-bottom: 15px;
    padding-top: 25px;
   
}

#popular .site-link .site-label
{
	position: absolute;
	top: 4px;
	left: 2px;
}







#sponsor1 {
    margin-bottom: 0;
    border-bottom: 0;
}

#sponsor1 h2 {
     font-variant: small-caps;
    font-size: 12px;
    font-weight: bold;
    margin: 5px;

}



/*   Categoric skins

colors:
8f0007 5d0005
005a53  003a36
923f00  5f2900
0b7700   074e00
 */


.mma #most-discussed,
.mma #popular,
.mma #sponsor1,
.mma #news-sources,
.mma #popular h2,
.mma #most-discussed h2,
.mma #haveyoursay,
.mma #scuttlebutt,
.mma #sponsor2,
.mma #scuttlebutt h2,
.mma #layout-sources {
    border-color: #8F0007;
}

.mma #most-discussed h2,
.mma #popular h2,
.mma #scuttlebutt h2,
.mma  .navigation,
.mma .related-category-article {
    background-color: #8F0007;
}

.mma #haveyoursay a,
.article-blog-dashboard .mma .category,
.mma h1 {
    color:  #8F0007;
}

.article-blog-dashboard .mma .title a,
.recent-blog-posts.mma a,
.recent-news-posts.mma a,
.mma h1 .category {
   color:  red
}

.mma  .navigation .selected {
    background-color:  red
}

.navigation li a.mma:hover {
    background-color: #118511
}


.article-blog-dashboard .mma .title a:hover,
.recent-blog-posts.mma a:hover,
.recent-news-posts.mma a:hover,
.mma #most-discussed a:hover,
.mma #popular a:hover,
.mma #layout-sources a:hover {
    color:  #118511
}

/*
    SKIN 2 - BJJ
*/
.grappling #most-discussed,
.grappling #popular,
.grappling #sponsor1,
.grappling #news-sources,
.grappling #most-discussed h2,
.grappling #popular h2,
.grappling #haveyoursay,
.grappling #scuttlebutt,
.grappling #sponsor2,
.grappling #scuttlebutt h2,
.grappling #layout-sources {
    border-color: #ff7400;
}

.grappling #most-discussed h2,
.grappling #popular h2,
.grappling #scuttlebutt h2,
.grappling .navigation,
.grappling .related-category-article {
    background-color: #ff7400;
}

.grappling #haveyoursay a,
.article-blog-dashboard .grappling .category,
.grappling h1 {
    color: #ff7400;
}

.article-blog-dashboard .grappling .title a,
.recent-blog-posts.grappling a,
.recent-news-posts.grappling a,
.grappling h1 .category {
    color: #bf7130;
}

.grappling .navigation .selected {
    background-color: #bf7130;
}

.navigation li a.grappling:hover {
    background-color: #1d7373;
}

.article-blog-dashboard .grappling .title a:hover,
.recent-blog-posts.grappling a:hover,
.recent-news-posts.grappling a:hover,
.grappling #layout-sources a:hover,
.grappling #popular a:hover,
.grappling #most-discussed a:hover
{
    color: #1d7373;
}

/*  Boxing Skin */

.navigation.boxing, .navigation.boxing {
    background-color: #00cc00;
}

.boxing #most-discussed,
.boxing #popular,
.boxing #sponsor1,
.boxing #news-sources,
.boxing #most-discussed h2,
.boxing #popular h2,
.boxing #haveyoursay,
.boxing #scuttlebutt,
.boxing #sponsor2,
.boxing #scuttlebutt h2,
.boxing #layout-sources {
    border-color: #00cc00;
}

.boxing #most-discussed h2,
.boxing #popular h2,
.boxing #most-discussed h2,
.boxing #scuttlebutt h2,
.boxing .navigation,
.boxing .related-category-article {
    background-color: #00cc00;
}

.boxing #haveyoursay a,
.article-blog-dashboard .boxing .category,
.boxing h1 {
    color: #00cc00;
}

.article-blog-dashboard .boxing .title a,
.recent-blog-posts.boxing a,
.recent-news-posts.boxing a,
.boxing h1 .category {
    color: #269926;
}

.boxing .navigation .selected {
    background-color: #269926;
}

.navigation li a.boxing:hover {
    background-color: #bf2f2f
}

.article-blog-dashboard .boxing .title a:hover,
.recent-blog-posts.boxing a:hover,
.recent-news-posts.boxing a:hover,
.boxing #layout-sources a:hover,
.boxing #popular a:hover,
.boxing #most-discussed a:hover {
    color: #bf2f2f
}

.navigation.kickboxing {
    background-color: #009999;
}

.kickboxing #most-discussed,
.kickboxing #popular,
.kickboxing #sponsor1,
.kickboxing #news-sources,
.kickboxing #most-discussed h2,
.kickboxing #popular h2,
.kickboxing #haveyoursay,
.kickboxing #scuttlebutt,
.kickboxing #sponsor2,
.kickboxing  #scuttlebutt h2,
.kickboxing #layout-sources {
    border-color: #009999;
}

.kickboxing #most-discussed h2,
.kickboxing #popular h2,
.kickboxing .navigation,
.kickboxing #scuttlebutt h2,
.kickboxing .related-category-article {
    background-color: #009999;
}

.kickboxing #haveyoursay a,
.article-blog-dashboard .kickboxing .category,
.kickboxing h1 {
    color: #009999;
}

.article-blog-dashboard .kickboxing .title a,
.recent-blog-posts.kickboxing a,
.recent-news-posts.kickboxing a:hover,
.kickboxing h1 .category {
    color: #1d7373;
}

.kickboxing .navigation .selected {
    background-color: #1d7373;
}

.navigation li a.kickboxing:hover {
    background-color: #c07130
}

.article-blog-dashboard .kickboxing .title a:hover,
.recent-blog-posts.kickboxing a:hover,
.recent-news-posts.kickboxing a:hover,
.kickboxing #layout-sources a:hover,
.kickboxing #popular a:hover,
.kickboxing #most-discussed a:hover {
    color: c07130
}

/* navigation Skin */

.navigation {
    background-color: #000;
}

.navigation .selected
.navigation.selected {
    background-color: #555;
}

.navigation li a {
    padding: 0 10px;
	color: white;
}

.navigation li a:hover, .navigation li a:hover {
    background-color: #888;
    text-decoration: underline;
color:white;
}

/*main nav styles*/
.navigation {
	
	
}
.navigation .nav-xtra
{
	background-color: #222;
	overflow: hidden;
	clear: both;
}
.navigation .nav-xtra li
{
border: none
}
.navigation .nav-xtra a
{
	text-decoration: underline;
}


.navigation li {
    border-right: 1px solid #111;
}

#layout-sources {
    font-family: georgia;
    text-align: left;
}

#layout-sources h2 {
    font-family: georgia;
    font-size: 14px;
    margin: 5px 10px;
    padding: 0;
}

#layout-sources a {
    color: #fff;
}

#layout-sources a:hover {
    color: #888;
}
#dashboard {
    border-color: #222;
    background-color: #111;
}

#dashboard a {
    text-decoration: none;
}

#dashboard a .text {

    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 2;

}

#dashboard a:hover .text {
    text-decoration: underline;
    color: red
}

#dashboard  .image {
    border: 5px solid #222;
    background-color: #000;
}

#dashboard  a img {

    -khtml-opacity: .50;
    -moz-opacity: .50;
    -ms-filter:  alpha(opacity=50) ;
    filter: alpha(opacity = 50);
    opacity: .50;
    cursor: pointer;
}

#dashboard  a:hover img {
    opacity: 1;
    -webkit-transition: opacity 1s linear;
    -moz-transition-property: opacity;
    -moz-transition-duration: 1s;
}

/*

	Comment Header

*/
#comment-page-title {
text-align: center;

}

#comment-page-title span {
    font-size: 16px;
    display: inline;

    line-height: 2;
    font-weight: bold;
   font-family:impact;
text-transform:uppercase;
font-variant: small-caps;
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
}

/*

	comment article header

*/



.main div span.adv {
    display: block;
    border: 1px solid #fff;
    margin: 20px 0;

    text-align: center;
    clear: left;
}

/*

comment page

*/
#header-related-bar {
    background-color: #111;
}



.comment-page  .article-section-title {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 1.5;
    margin: 10px 5px 5px 10px;
    text-align: left;

}

/*

advertising

*/
.article-aside-text-advert
{
	margin:  50px 0;
	width: 610px;
	clear:left;
text-align: center;
	float:left;
}



.main div
{

	font-size: 16px;
	line-height: 1.6;
}
.main object,.main embed
{
	display:inline-block;
	width: 560px !important;

}
.main footer
{
	display:block;
	clear:left;
}
.main footer  h2
{
	font-weight: bold;
	font-size: 12px;
	text-transform:uppercase;
	clear:left;
	float:left;
	margin: 10px 0;
	width:610px;
    text-indent:10px;
}
.main footer  h2 .category, .main footer  h2 .comments
{
	 
	font-size: 12px;

}
.main footer .related-title
{
	background-color:#111;
	height: 95px;
	line-height:1.5;
	padding: 10px 0;font-weight: normal;
}
.main footer .related-title a
{color:#fff;}
.main footer .related-title a:hover
{color:red;}

.main footer .related-title span.image {
	 margin: 0 10px;
	float: left;
	vertical-align:middle;
	background-color:#222;
	width:75px;
	height:75px;
}

#more-related-articles li
{


}

#more-related-articles li a
{
	line-height: 1.5;
	color:#fff;
	text-decoration:none;
}

#more-related-articles li a:hover
{
	color: red;
	text-decoration: underline;
}


/*rating toolbar*/

.main footer .rating-toolbar
{clear:left;}