/* reset */

html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, 
p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead 
{ margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }

img { margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead 
{ margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }

table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset { margin: 0; padding: 0; border:0; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a caption, em, strong, strike  
{ font-family: Arial, Helveticam sans-serif;
  font-size:100%;
  font-weight: normal;
  font-style: normal;
  line-height: 100%;
  text-indent: 0;
  text-decoration: none;
  text-align: left;
  color: #fff; }

ol, ul 		{ display: list-item; }

/* global */

html {  }
body { color: #fff;  background-color: #000000; background-image: url('../images/asphalt.jpg');  }
img  { max-width: 100%; }


/* headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #fff; }

h1 			{ font-size:24px; }
h2 			{ font-size:20px; }
h3 			{ font-size:16px; }
h4 			{ font-size:14px; }
h5 			{ font-size:14px; }
h6 			{ font-size:14px; }

/* text element */

p			{ color:#fff; font-size:12px; line-height:150% }
p .left 	{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 	{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a		
a:link   	{color: #FFFF00;}
a:visited   {color: #FFFF00;}
a:hover  	{color: #0000FF;}
a:active 	{color: #0000FF;}



a:link img     {border-color: #FFFF00;}
a:visited img  {border-color: #FFFF00;}
a:hover img    {border-color: #0000FF;}
a:active img   {border-color: #0000FF;}

blockquote 	   { color:#fff; font-size:12px; }

strong		   { font-weight: bold; }
em			   { font-style: italic; }


/* containers */

#wrapper			{ width:900px; margin:0px auto; overflow:hidden; margin-top:25px; 
                     margin-bottom:25px; background-color:#1a1a1a; padding:10px; border-radius: 5px; }
		
#top 				{ height:150px; width:100%; background-image: url('../images/site-banner1.gif'); 
 					margin-bottom: 10px; border-radius: 5px; }

#sitelogo			{ float:left; margin-left:20px; margin-top: 18px }

#sitelogo img		{ border:1px solid #fff }

#social-media		{ float:right; margin:50px 50px 5px 0px; }
#social-media p 	{ color:#FFFFFF }
#social-media img 	{ padding:5px 5px 0 0; }
#social-media ul    { list-style: none; }                  
#social-media ul li { display:inline;  } 

#navigation 		    { background-color:#000; height:50px; width:99.4%; 
                          overflow:hidden; padding:2px; border-radius: 5px; }

#navigation	p		    { text-align:center; font-size:16px; font-weight: bold; clear:both; } 					
				 
#navigation	a:link   	{color: #FFFF00}
#navigation	a:visited   {color: #FFFF00}
#navigation	a:hover  	{color: #0000FF}
#navigation	a:active 	{color: #0000FF}

#leftcolumn				{ width:300px; float:left; }

#compbox				{ width:300px; background-color: #000; height: 125px;
						margin-top: 10px; text-align:center; padding:5px; border-radius: 5px;}
						
#compbox p				{ text-align:center; }
						
#compbox h2				{ font-size:12px; color:#fff; }

#compbox	a:link      {color: #FFFF00}
#compbox	a:visited   {color: #FFFF00}
#compbox	a:hover  	{color: #0000FF}
#compbox	a:active    {color: #0000FF}


#newsblog 			    { width:300px; height: 180px; background-color: #000;
						margin-top: 10px; padding:5px; border-radius: 5px; }
						
#newsblog  h2	    	{ font-size:12px; color:#fff;  }						
						
#newsblog  img 	    	{ border: 2px solid #fff; display: block; margin: 0 auto;} 

#diary					{ width:300px; background-color: #000; margin-top: 10px; 
						text-align:center; padding:5px; border-radius: 5px; }

#diary	h2				{ text-align:left; font-size:12px; color:#fff;  }

#diary p 				{ font-size:12px; color:#fff; padding: 0px 5px; }

#diary	a:link   	    {color: #FFFF00}
#diary	a:visited       {color: #FFFF00}
#diary	a:hover  	    {color: #0000FF}
#diary	a:active    	{color: #0000FF}


#content				{ float: right; width:570px; height:240px; background-color: #000; 
						margin-top: 10px; padding:5px; border-radius: 5px; clear:right; }
						
#content h2				{ font-size:12px; color:#fff; }

#content p 				{ font-size:12px; color:#fff; }

#content ul				{  text-align: center; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; }

#content ul li 			{ display: inline-block; margin:0 auto; float: none; padding:1px; }

#content a:link   		{color: #FFFF00}
#content a:visited  	{color: #FFFF00}
#content a:hover  		{color: #0000FF}
#content a:active 		{color: #0000FF}

#content img			{ border:1px solid }

#affiliates				{ float: right; width:570px; background-color: #000; margin-top: 10px; 
						text-align:center; padding:5px; border-radius: 5px; height: 66px; }

#affiliates	h2			{ text-align:left; font-size:12px; color:#fff;  }