/*#############################################################
Name: Shades of Gray
Date: 2006-11-05
Description: Monochrome, lightweight and totally liquid. Comes with three different layouts.
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {text-decoration: none;}

body {
	background: #111 url(../images/bg.jpg) repeat-y center top;
	color: #BBB;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
    width: 906px;
}

p,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

blockquote {font: bold 1em sans-serif;}

code {
	background: #444;
	display: block;
	font-size: 12px;
	margin: 0 10px 12px;
	overflow: auto;
	padding: 8px 10px;
	white-space: pre;
}

images {border: none;}

ul {margin-left: 2em;}
h1 {font: normal 2.4em sans-serif;}
h2 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 13px;  
	padding-bottom: 4px;
}

/* misc */
.clearer {clear: both;}
.stripes {
	background: #333 url(../images/stripe.gif);
	height: 6px;
}
.left {float: left;}
.right {float: right;}

/* header */
.header {
	background: #111 url(../images/Logo.jpg) no-repeat;
	border-bottom: 1px solid #333;
	font: normal 2em sans-serif;
	height: 120px;
}
.header a {
	color: #888;
	display: block;
	line-height: 120px;
	text-decoration: none;
	width: 700px;
}
.header span {padding-left: 32px;}
.header a:hover {
	background: #191919;
	color: #BBB;
}

/* structure */
.container {
	border: 3px solid #444;
	border-top: none;
}

.main {
	background: #303030;
	border-bottom: 1px solid #2A2A2A;
	border-left: 1px solid #2A2A2A;
}
.main .left {width: 75%;}
.main .right {width: 25%;}

.content {
	border-left: 1px solid #444;
	border-top: 1px solid #444;
	padding: 16px;
}

/* content elements */
.content h1 {
	background: url(../images/bgh1.gif) repeat-x left bottom;
	color: #EEE;
	margin-bottom: 10px;
	padding: 6px 0 4px;
}
.content a {
	color: #999;
	text-decoration: underline;
}
.content a:hover {color: #CCC;}
.content .descr {margin-bottom: 5px;}

/* navigation */
.nav {background: #191919 url(../images/nav.gif);}
.nav a {
	background: #191919 url(../images/nav.gif);
	border-right: 1px solid #161616;
	color: #CCC;
	float: left;
	font: bold 1em Verdana,sans-serif;
	line-height: 51px;
	padding: 0 20px;
}
.nav a:hover {
	background: #191919 url(../images/nav_hover.gif);
}

/* sub-navigation */
.subnav {
	background: #2A2A2A;
	border: 1px solid #1E1E1E;
	border-top-color: #444;	
	padding: 12px;
}
.subnav h1 {padding-top: 8px;}
.subnav ul {margin: 0;}
.subnav li {
	background: url(../images/li.gif) no-repeat left bottom;
	list-style: none;
	margin: 0;
}
.subnav li a {
	color: #777;
	line-height: 2.4em;
	padding-left: 18px;
	text-decoration: none;
}
.subnav li a:hover {color: #BBB;}

/* footer */
.footer {
	background: #191919;
	border-top: 1px solid #444;
	color: #999;
    padding-top :15px;
    padding-left: 15px;
    padding-bottom: 10px;  
    
}
.footer ul {
	border-top: 1px solid #262626;
	margin: 0;
    font-size: 11px;
    font-family         : sans-serif; 
      
}
.footer li {
	border-bottom: 1px solid #262626;
	list-style: none;
    line-height: 2em;
     
    
}
.footer li a {
	display: block;
	line-height: 2em;
	width: 96%;
    color: white;
    font-weight: normal;  
}
.footer a {color: #666;}
.footer a:hover {
	color: #99FF00;
	background: #222;
}

.col3 {
	width: 100%;
}

.col3center {
    width: 100%;
}


/* bottom */
div.bottom {
	font-family: sans-serif;
    color: white;
	clear: both;
	font-size: 11px;
    background-color: #303030;
    padding-top:    8px;
    padding-left:   110px;
    padding-bottom: 8px;
}
div.bottom a {color: #888;}
                        
span.green {
    color           : #99FF00;

}       

/* Joomla Specific */ 
td.buttonheading img    
{
    border:none;
}

.buttonheading
{
   
}

.contentheading
{
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 13px;    
    background: url(../images/bgh1.gif) repeat-x left bottom;
    color: #EEE;
    margin-bottom: 10px;
    padding: 6px 0 4px;  
}

.createby, .createdate
{
    color: #99FF00; 
    font-size: 95%;
}


.ArticleHeader {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 11px;  
}

.ArticleHeader.writtenby {
    font-family: sans-serif;
    color: #99FF00; 
}

.ArticleHeader.viewshits, .ArticleHeader.viewsfavoured   {
    font-family: sans-serif;  
    color: white;
}

.ArticleUpdateDate {
    font-family: sans-serif; 
    font-size: 11px;
    color: white;
    color: #99FF00;   
}

.VoteArticle {
    font-family: sans-serif; 
    font-size: 11px;
    color: white;
    padding-top: 5px;
}

.usrcomment, .usrcomment-expand {
    font-family: sans-serif; 
    font-size: 11px;
    color: white;
}

.commentForm.contentpane {
    font-family: sans-serif; 
    font-size: 11px;
    color: white;
}

.componentheading {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 4px 0 6px;
    color: #99FF00; 
    background: url(../images/bgh1.gif) repeat-x left bottom;
}
                                                                             
.contentpaneopen
{
    font-size: 9px;
      
}

.button
{
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 11px;    
    color: black;
    padding: 1px 4px;
}

.inputbox
{
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 11px;    
    color: black;
    padding: 1px;
}

.orb{
     background: url(../images/orb2.jpg);
     height: 180px;
}
                     
/* MODULE 
--------------------------------------------------------- */
/* Module Default*/
div.module {
    font-family:  sans-serif;
    background-color: #383838 ;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    border: #404040;
    border-style: solid;
    border-width: 1px;
    font-size: 11px;
}                             

div.module h2 {
    background: url(../images/bgh1.gif) repeat-x left bottom;
    color: #99FF00;
}

div.module div {
    padding-top: 2px;
    color: white;
}


/* SEARCH MODULE 
--------------------------------------------------------- */
.resultsForm {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    border: #404040;
    border-style: solid;
    border-width: 1px;
}

#searchForm {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.labelsearchword {
    font-size: 12px;
}

.seachphrase {
    font-size: 10px;    
}

.Results_Search {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 11px;    
}

.Results_Heading {
    color: #99FF00;
}

.Results_Search a {
    color: white;
}

.ResultsContent {
    font-family: sans-serif;
    font-size: 11px;
}

.ResultsCreated {
    font-family: sans-serif; 
    color: #99FF00;
    font-size: 10px;     
}


/* Front Page MX Component Intro
--------------------------------------------------------- */
.mxcdefault_dotted {
    font-family: sans-serif;
    font-size: 11px;
    color: white;
    font-weight: normal;
}

.mxcdefault_dotted.IntroWrittenBy {
    color: #99FF00;   
}

.mxcdefault_dotted.UpdateDate {
    color: #99FF00;
    font-size: 11px; 
}


/* Front Page MX Component Full
--------------------------------------------------------- */
.mxcdefault_dotted {
    font-family: sans-serif;
    font-size: 11px;
    color: white;
    font-weight: normal;
}

.mxcdefault_dotted.IntroWrittenBy {
    color: #99FF00;   
}

.mxcdefault_dotted.UpdateDate {
    color: #99FF00;
    font-size: 11px; 
}

/* MX Component Full Comments
--------------------------------------------------------- */
.AddComment a{
    font-family: sans-serif;
    font-size: 11px;    
    background: url(../images/bgh1.gif) repeat-x left bottom;
    color: #99FF00;
}

.AddComment a:hover{
    font-family: sans-serif;
    font-size: 11px;    
    color: white;
}


                                                         

/* Categories
--------------------------------------------------------- */
.Categories.Filter {
    padding-top: 10px;
    
}

td.sectiontableheader, td.sectiontableheader a  {
    color: #99FF00;
    font-size: 11px;
    font-weight: bold;
    background-color: #505050;
    padding: 5px;   
}

td.sectiontableheader a:hover{
    color: white;
    font-size: 11px;   
}




/* JD Categories Layout
--------------------------------------------------------- */
div.DownloadCatLayout {
    padding-top: 40px;
    border-style: solid;
    border-color: #404040;
    border-width: 1px;
}
 

table.JDCategoryLayout {
    font-family:  Segoe UI;
    background-color: #383838 ;                     
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 20px;
    border: #404040;
    border-style: solid;
    border-width: 1px;
    font-size: 11px;
}

td.CategoryTitle a{	
    font-family:  sans-serif;		
    font-size: 11px;
    color: #99FF00;
}


td.CategoryDesc{
    font-family:  sans-serif;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 2px;
}

td.CategoryPic{
    text-align: center;
}

table.jd_footer {
    font-family:  sans-serif;
    background-color: #383838 ;                     
    border: #404040;
    border-style: solid;
    border-width: 1px;
    font-size: 11px;
    color: white;

}


/* JD Files Layout
--------------------------------------------------------- */
table.JDFilesView {
    padding-top: 40px;
    border-style: outset;
    border-color: #909090;
    border-width: 1px;
    font-family:  sans-serif;
    font-size: 11px;
    border-bottom: none;    
}

td.Download {
    border: none;
    text-align: right;
    color: white;
    font-family: Segoe UI;
    padding-bottom: 3px;
    padding-right: 5px;
}

div.Hot {
    position: relative
}

div.New {
    position: relative
    padding-left: 25px;
    padding-top: 1px;
}
                       

td.FilesHits, td.FilesHits1 {
    text-align: left;       
    border-style: none; 
    font-size: 11px;
    color: grey;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 5px;
    font-weight: bold;
}


td.FilesName1 {
    text-align: right;
    border-style: none;
    color: #99FF00;
    font-size: 12px;
    font-family:  Segoe UI;
    padding-top: 6px;
    padding-bottom: 4px;    
}

td.FilesNew {
    text-align: center;
    border-style: none;
}

table.JDFilesView1 {
    border-style: outset;
    border-color: #707070;
    border-width: 1px;
    font-family:  sans-serif;
    font-size: 11px;  
    background-color : #383838;
}

td.FileInfoLeft {    
    text-align: left;
}

td.FileInfo {
    text-align: center;  
}

div.FileInfo1 {
     color: white;
     font-weight: bold;                      
}

.NoFiles {
    font-family: Segoe UI;
    font-size: 11px; 
    color: white;
    text-align: center;
    padding-top: 12px;    
}

td.ArticleHeading {
    background: url(../images/bgh1.gif) repeat-x left bottom;
    color: #99FF00;
    font-family: Segoe UI;
    padding-bottom: 10px;
    font-size : 13px;
}    

.CommentLink,   .CommentLink a {
    font-size: 11px;
    text-align: right;
    font-family: Segoe UI;
    color: #99FF00; 
} 



/* Full for Commente */
/*-------------------------------------------------*/

.LineBreak {
    color: gray;
    border-width: 1px;
}

.CommentUserHeading {
    font-family         : Segoe UI;  
    color               : #99FF00;
}

.CommentHeadingAuthor, .CommentHeadingDate {
    color               : white;
    font-weight         : normal;
}

.CommentUser {
    font-family         :  sans-serif;
    background-color    : #383838 ;
    padding-top         : 5px;
    padding-left        : 10px;
    padding-right       : 5px;
    padding-bottom      : 10px;
    border              : #505050;
    border-style        : solid;
    border-width        : 1px;
    font-size           : 11px;
}

.CommentUserRating {
    color               : white;
                   
}

.CommentUserComments {
    font-family         : sans-serif;
    padding-top         : 5px;
    padding-left        : 10px;
    padding-right       : 5px;
    padding-bottom      : 10px;
    border              : #505050; 
    border-style        : solid;
    border-top          : none;
    border-width        : 1px;
    font-size           : 11px;
    color               : white;
}

.CommentUserFooter {
    font-family         : sans-serif;
    padding-top         : 5px;
    padding-left        : 10px;
    padding-right       : 5px;
    padding-bottom      : 10px;
    font-size           : 11px;
    color               : white;
    text-align          : right;
}

.CommentUserFooter a {
    color               : #99FF00;
    font-size           : 11px;
    font-family         : Segoe UI; 
}

.PagesTop {
    color               : white;
    font-size           : 11px;
    font-family         : Segoe UI;
    text-align          : right ;
}


.pagenav {
    color               : white;
    font-size           : 11px;
    font-family         : sans-serif;
    text-align          : right ;
    border-width        : 1px;
    border-style        : solid;
    border-color        : #808080;
    padding-top         : 1px;
    padding-left        : 4px;
    padding-right       : 4px;
    padding-bottom      : 1px;
}

.BottomLinks, .BottomLinks a{
    color               : #99FF00; 
    font-size           : 11px;
    font-family         : Segoe UI;
    text-align          : right ;
}


div.jErrMessage {
    color               : white;
    font-size           : 11px;
    font-family         : sans-serif;
    border-width        : 1px;
    border-style        : solid;
    border-color        : #808080;
    padding-top         : 1px;
    padding-left        : 4px;
    padding-right       : 4px;
    padding-bottom      : 1px;
}