/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	DESCRIPTION: Dark Gray w/ Green Skin			 
				
	CONTENTS:
	0. FONTS
	
	1. RESET
	
	2. ELEMENT STYLES
		2.1 BODY
		2.2 FONTS
		2.3 HEADINGS
		2.4 OTHER ELEMENTS		
		
	3. LAYOUT STYLES
        3.1 LAYOUT
		3.2 NETWORK
        3.3 BANNER
		3.4 BODY
		3.5 FOOTER
		3.6 ADS
		3.7 ACCOUNT

    4. COMPONENT STYLES
		4.1 FORM
		4.2 LABEL VALUE LIST
		4.3 MESSAGE BOX
		4.4 POST
		4.5 PAGER
		4.6 HOVER LIST		
		4.7 ROTATOR WIDGET
		4.8 DIALOG WIDGET
		4.9 TAB WIDGET        
        4.10 COMBOBOX WIDGET 
        4.11 CHECKBOX WIDGET
		4.12 INLINE LIST
		4.13 CATEGORY LIST
        4.14 TERMS
        4.15 RECAPTCHA
        4.16 VALIDATION
        4.17 DATA TABLE 
        4.18 MISC
				
    5. PAGE STYLES
        5.1 HOME            
        5.2 LOCATION
		5.3 SEARCH
        5.4 POWER SEARCH
		5.5 POST DETAILS
		5.6 POST EDITOR
		5.7 POST MESSAGE
		5.8 CREATE ACCOUNT
		5.9 ACCOUNT HOME
		5.10 POST HISTORY
		5.11 FAVORITES
		5.12 SEARCH ALERTS
		5.13 CONTESTS
		5.14 FAQS
					
    6. FORMATTING STYLES					
		6.1 SIZING
		6.2 DISPLAY	
		6.3 BUTTONS
		6.4 CLEAR FIX


	NOTES:
	normal-text:  	12px, 1em - lineheight 18px, 1.5em
	small-text:  	11px, .92em - lineheight 18px, 1.6364em
	xsmall-text:	10px, .833em - lineheight 18px, 1.8em
-----------------------------------------------------------------
-------------------------------------------------------------- */

/*==============================================================================================
  0. FONTS
================================================================================================*/

@font-face {
    font-family: 'ArmataRegular';
    src: url('http://www.bitlist.com/content/fonts/Armata-Regular-webfont.eot');
    src: url('http://www.bitlist.com/content/fonts/Armata-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.bitlist.com/content/fonts/Armata-Regular-webfont.woff') format('woff'),
         url('http://www.bitlist.com/content/fonts/Armata-Regular-webfont.ttf') format('truetype'),
         url('http://www.bitlist.com/content/fonts/Armata-Regular-webfont.svg#ArmataRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*==============================================================================================
  2. ELEMENT STYLES
================================================================================================*/

    body { 
        background-color: #202020;
    }
    h1 {
        color: #A3CF1A; 
        font-family: ArmataRegular, Arial, Sans-Serif;
        text-transform: none;  
    }
    h2, h3, h4, .h2, .h3, .h4 {
        color: #A3CF1A;        
        font-family: ArmataRegular, Arial, Sans-Serif;
        text-transform: none;  
    }
    
    /* override h1-h4 */
    h1, .h1 {    
        font-size: 1.75em;
        line-height: .8571em;
        margin-top: .8571em;
        margin-bottom: .8571em; 
    }
    h2, .h2 {
        font-size: 1.5em;
        line-height: 1em;
        margin-top: 1em;
        margin-bottom: 1em;
    }
    h3, .h3 {
        font-size: 1.25em;
        line-height: 1.2em;
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }
    /* 15 px = 15 / 12 = 1.25em | 18/15 = 1.2em */
    h4, .h4 {
        font-size: 1.25em;
        line-height: 1.2em;
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }

    input[type=text],
    input[type=password],
    select,
    textarea {    
        border: 1px solid #808080;
        background-color: #f0f0f0;
        border-radius: 4px;
    }
    a, 
    a:visited,
    a:focus,
    a:active,
    .a {    
        color: #EEEEEE;    
    }
    a:hover,
    .a:hover {    
        color: #A3CF1A;
    }
    .a {
        cursor: pointer;
    }
    

/*==============================================================================================
  3. LAYOUT STYLES
================================================================================================*/

/* 3.2 NETWORK
-------------------------------------- */
    .layout-network {    
        color: #F0F0F0;
        background: #363636;          
    }
    .network-content a,
    .network-content a:visited {
        color: #F0F0F0;
    }
    .network-content a:hover,
    .network-content a:focus {
        color: #A3CF1A;
    }  
    .currency-picker .hoverarea .body {
        box-shadow: 0 0 0;
    }
    .currency-picker .hoverarea .body a,
    .currency-picker .hoverarea .body a:visited {        
        color: #EEEEEE;        
    }
    .currency-picker .hoverarea .body a:hover {
        color: #A3CF1A;
    }
    
    
/* 3.3 BANNER
-------------------------------------- */    
    .layout-banner {                 
        background: #666666;
        background: -moz-linear-gradient(top,  #666666 0%, #404040 4%, #404040 99%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(4%,#404040), color-stop(99%,#404040));
        background: -webkit-linear-gradient(top,  #666666 0%,#404040 4%,#404040 99%);
        background: -o-linear-gradient(top,  #666666 0%,#404040 4%,#404040 99%);
        background: -ms-linear-gradient(top,  #666666 0%,#404040 4%,#404040 99%);
        background: linear-gradient(to bottom,  #666666 0%,#404040 4%,#404040 99%);
        border-bottom: 3px solid #A3CF1A;     
    }
    .banner-content a,
    .banner-content a:visited {
        color: #e0e0e0;
        transition: all 0.2s linear;                           
    }
    .banner-content h4 { 
        text-shadow: 1px 1px #707070;
    }
    .banner-content a:hover,
    .banner-content a:focus {    
        color: #A3CF1A;
    }
    .banner-nav-menu .menu-option {
        background-image: url(../images/nav-bar.png);    
        background-repeat: no-repeat;   
        background-position: -8px 18px;        
    }
    .site-logo { 
        background-image: url(../images/logo.png);
        background-position: 0 10px;
        background-repeat: no-repeat;        
    }
    

/* 3.4 BODY
-------------------------------------- */        
    .layout-body {
        color: #d0d0d0;
        background-color: #333333;  
        background-image: url(../images/body-bg.png);
        background-repeat: repeat-x;
        border-bottom: 1px solid #A3CF1A;
    }
    .breadcrumbs {
        color: #A3CF1A;
        border-bottom: 1px solid #505050;        
    }
    

/* 3.4 FOOTER
-------------------------------------- */       
    .layout-footer {
        color: #DDDDDD;
        border-bottom: 0;
        background: #202020;
    }
    .footer-content .title {
        color: #FFFFFF;
    }
    .footer-content a,
    .footer-content a:visited {
        color: #F0F0F0;
    }
    .footer-content a:hover,
    .footer-content a:focus {
        color: #A3CF1A;
    } 
    

/* 3.6 ADS
------------------------------------------- */
    .header-ads {
        background-color: #000000;        
    }
    .header-ads .ad {
        background-color: #000000;
    }
    .sidebar-ads .ad {
        background-color: #363636;
    }
    

/*==============================================================================================
  4. COMPONENT STYLES
================================================================================================*/

/* 4.1 FORM
------------------------------------------- */
    .buttons {
        border-top: 1px solid #808080;
    }


/* 4.3 MESSAGE BOX
------------------------------------------- */
    .message,
    .message-float {
        border-bottom: 1px solid #505050;
        background-color: #FFFFFF;
    } 
    .message-content {
        color: #000000;
    }
    .message.success {
        color: #000000;
        background-color: #CBEE61;
    }
    .message.warning {
        color: #000000;
        background-color: #FFFFCC;    
    }
    .message.error {
        color: #000000;
        background-color: #FFCCCC;
    }
    .message.action {
        color: #000000;
        background-color: #A2B0C2;
    }


/* 4.4 POST 
-------------------------------------------- */
    .post {
        border-bottom: 1px solid #505050;
        
    }
    .post .blurb,
    .post .location {
        color :#C0C0C0;
    }
    .post .seller.dealer {
        background-image: url('../images/dealer.png');
        background-repeat: no-repeat;
        background-position: 0 0;
    }

/* 4.5 PAGER
-------------------------------------------- */
    .pager .page,
    .pager .prev,
    .pager .next {
             
    }       
    .pager .page {    
        border: 1px solid #505050;
        background: rgb(240,240,240);
        background: -moz-linear-gradient(top,  rgba(240,240,240,1) 0%, rgba(224,224,224,1) 65%, rgba(192,192,192,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(65%,rgba(224,224,224,1)), color-stop(100%,rgba(192,192,192,1)));
        background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(224,224,224,1) 65%,rgba(192,192,192,1) 100%);
        background: -o-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(224,224,224,1) 65%,rgba(192,192,192,1) 100%);
        background: -ms-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(224,224,224,1) 65%,rgba(192,192,192,1) 100%);
        background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(224,224,224,1) 65%,rgba(192,192,192,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#c0c0c0',GradientType=0 );        
    }
    .pager .page.selected,
    .pager .page:hover {
        border: 1px solid #505050;
        background: #c9c9c9;
        background: -moz-linear-gradient(top,  #c9c9c9 0%, #919191 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#919191));
        background: -webkit-linear-gradient(top,  #c9c9c9 0%,#919191 100%);
        background: -o-linear-gradient(top,  #c9c9c9 0%,#919191 100%);
        background: -ms-linear-gradient(top,  #c9c9c9 0%,#919191 100%);
        background: linear-gradient(to bottom,  #c9c9c9 0%,#919191 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#919191',GradientType=0 );
    }
    .pager .prev,
    .pager .next {
        border: 1px solid #505050;
        background: #a3cf1a;
    }
    .pager .page a {
        color: #333333;        
    }
    .pager .prev a,
    .pager .next a {
        color: #000000;        
    }
    
    
/* 4.6 HOVER AREA
-------------------------------------------- */
    .hoverarea .body {
        background-color: #505050;  
        border: 1px solid #303030;   
        box-shadow: 1px 1px 1px #2A2A2A; 
    }
    

/* 4.7 ROTATOR WIDGET
-------------------------------------------- */
    .rotator .rotator-button {
        background: #aaa;    
        border: 1px solid #aaa;        
    }
    .rotator .rotator-button.selected {
        background: #777;
        border: 1px solid #777;
    }


/* 4.8 DIALOG WIDGET
-------------------------------------------- */
    .ui-widget-overlay {
        background: #a0a0a0; 
    }
    .ui-dialog {
        background-color: #e6e6e6;
    }
    .ui-dialog-titlebar {
        border-bottom: 1px solid #d6d6d6;
    }
    .ui-dialog-content {
        background-color: #f6f6f6;
    }
    .ui-dialog-buttonpane {
        border-top: 1px solid #d6d6d6;
    }
    .ui-dialog a, .ui-dialog a:visited {
        color: #999999;
    }
    .ui-dialog a:hover {
         color: #A3CF1A;
    }
    .ui-dialog input,
    .ui-dialog select,
    .ui-dialog textarea {
        background-color: #ffffff;
    }

/* 4.9 TAB WIDGET
-------------------------------------------- */
    .ui-tabs-nav {
        background-color: #505050;  
        border-top: 1px solid #202020;
        border-bottom: 1px solid #202020;
        color: #000000;
    }
    .ui-tabs-selected {
        background-color: #A3CF1A !important;        
    }
    .ui-tabs-selected a,
    .ui-tabs-selected a:hover,
    .ui-tabs-selected a:visited {
        color: #000000 !important
    }

/* 4.13 CATEGORY LIST
-------------------------------------------- */
    .category-list {        
        width: 200px;
    }    

/* 4.16 VALIDATION
-------------------------------------------- */
    .input-validation-error {
        background-color: #fddddd;
    }
    .field-validation-error {
        color: #ff0000;
    }
    .validation-summary-errors {
        color: #202020;
        border-top: 1px solid #f94e4e;
        border-bottom: 1px solid #f94e4e;
        background-color: #fddddd;
    }
    

/* 4.17 DATA TABLE
-------------------------------------------- */
    .data {
        border-bottom: 1px solid #505050;
        border-right: 1px solid #505050;
        color: #ffffff;
    }
    .data thead tr {
        background-color: #565656;
    }
    .data th,
    .data td {
        border-top: 1px solid #505050;
        border-left: 1px solid #505050;
    }
    .data tbody tr:nth-child(odd) {
        background-color: #505050;
    }
    .data tbody tr:nth-child(even) {
        background-color: #5c5c5c;
    }
    

/* 4.18 MISC
------------------------------------------- */
    .backgroundtext {
        color: #b0b0b0;
    }
    .loading {
        background-image: url(../images/ajax-loader.gif);
        background-repeat: no-repeat;        
        background-position: 0;
    }
    .hr2 {    
        border-bottom: 1px solid #505050;
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }


/*==============================================================================================
  5. PAGE STYLES
================================================================================================*/

/* 5.1 HOME PAGE
------------------------------------------- */
    .home-widgets {        
    }    
    .home-widgets .category-list {
        width: 182px;        
    }

/* 5.2 LOCATION PAGE 
----------------------------------------- */
    .location-widgets {
    }
    
/* 5.3 SEARCH
----------------------------------------- */    
    .filter-section-title {
        color: #A3CF1A;
    }
    .listings-area {
        color: #F0F0F0;
    }
    
/* 5.5 POST DETAILS
------------------------------------------- */
    .post-details .info .price {
        color: #A3CF1A;
    }    
    

/* 5.6 POST EDITOR
------------------------------------------- */
    .terms-fail {
        color: #ff3333;
    }
    .post-editor-nav .selected {
        color: #000000;
        background-color: #A3CF1A;
    }
    .post-editor-nav ul,
    .post-editor-nav ol {       
        border-top: 1px solid #202020;
        border-bottom: 1px solid #202020;
        background-color: #505050; 
    }
    .post-editor-nav .selected a {
        color: #000000;
    }
    
    .post-editor .category-list {
        width: 200px;
    }       
    .post-editor .fields-container {
        border-top: 1px solid #808080;   
    }     


/* 5.9 ACCOUNT HOME
------------------------------------------- */
    .account-section {
        border-top-color: #505050;
    }
    
/* 5.10 POST HISTORY
---------------------------------------- */
    .post-history td, th {
        border-bottom: 1px solid #505050;    
    }     

/* 5.14 FAQS
------------------------------------------- */
    .faqs .q a {
        color: #333333;
    }
    .faqs .faq-section-title a {
        color: #A3CF1A;
    }


/*==============================================================================================
  6. FORMATTING STYLES
================================================================================================*/

/* 6.2 DISPLAY STYLES
------------------------------------- */    
    a.subnav-link {  
    }

/* 6.3 BUTTONS
------------------------------------- */    
    button,
    input[type=button],
    input[type=submit],
    .ui-button {
        color: #555;
        border: 1px outset #c0c0c0;
        background: rgb(224,224,224);
        background: -moz-linear-gradient(top,  rgba(224,224,224,1) 0%, rgba(192,192,192,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(192,192,192,1)));
        background: -webkit-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(192,192,192,1) 100%);
        background: -o-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(192,192,192,1) 100%);
        background: -ms-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(192,192,192,1) 100%);
        background: linear-gradient(to bottom,  rgba(224,224,224,1) 0%,rgba(192,192,192,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c0c0c0',GradientType=0 );
        text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    }      
    button:hover,  
    input[type=button]:hover,
    input[type=submit]:hover,
    .ui-button:hover {
        color: #333;
    }    
    button:disabled,
    input[type=button]:disabled,
    input[type=submit]:disabled,
    .ui-button:disabled
    {
        color: #999;
        background: rgb(240,240,240);
        background: -moz-linear-gradient(top,  rgba(240,240,240,1) 0%, rgba(208,208,208,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(208,208,208,1)));
        background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%);
        background: -o-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%);
        background: -ms-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%);
        background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d0d0d0',GradientType=0 );
    }