/* main.css - Author: Jason - Site: DIYskate.com */

* { padding:0; margin:0; }

body {
 background: #f4f4f4 url(img/layout/background.gif) top center repeat-y;
 font-size: 13px;
 font-family: Arial,Helvetica,sans-serif;
 }

#wrapper {
 background: #ffffff;
 border: 0px solid #ccc;
 margin: auto;
 width: 790px;
 }

#header {
 background: #ffffff;
 color: #333;
 width: 741px;
 float: left;
 padding: 10px;
 border: 0px solid #ccc;
 height: 150px;
 margin: 0px 0px 0px 0px;
 }
 
 #leftcolumn {
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 10px 10px;
 height: auto;
 width: 145px;
 float: left;
 }
 
#rightcolumn {
 background: #ffffff;
 float: right;
 color: #333;
 border-left: 1px solid #f0f0f0;
 line-height: 1.6em;
 text-align: left;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 height: auto;
 width: 603px; 
 display: inline;
 }
          
#footer {
 font-size: 0.9em;
 width: 770px;
 clear: both; 
 text-align: center;
 color: #666666;
 border-top: 4px solid #f0f0f0;
 background: #ffffff; 
 margin: 10px 10px 20px 10px; 
 padding: 10px 0px 20px 0px; 
 } 

/* begin navigation css */

#navmenu {
 clear: left;
 float: left;
 width: 145px;
 margin: 0 0 10px 0;
 padding: 0;
 font-size: 0.9em;
 }
 
#navmenu ul {
 list-style: none;
 width: 145px;
 margin: 0 0 20px 0;
 padding: 0;
 font-size: 1.1em;
 }
 
#navmenu li {
 margin-bottom: 4px;
 }
  
#navmenu li a {
 background: #f4f4f4;
 font-weight: bold;
 height: 20px;
 text-decoration: none;
 color: #505050;
 display: block;
 padding: 6px 0 0 10px;
 border-left: 4px solid #cccccc;
 }
 
#navmenu li a:hover {
 background: #eaeaea;
 color: #286ea0;
 border-left: 4px solid #286ea0;
 }

/* end navigation css */

/* begin paragraph css */

p {
 padding: 5px 0px 5px 0px;
 }
     
p.indent {
 padding: 5px 0px 5px 20px;
 }
     
p.special {
 font-size: 1.3em;
 font-family: Arial,Helvetica,sans-serif;
 text-decoration: none;
 color: #000000;
 padding: 5px 0px 5px 10px;
 }
 
p.title {
 font-size: 1.3em;
 font-family: Arial,Helvetica,sans-serif;
 text-decoration: none;
 color: #000000;
 }
 
p.top {
 padding: 0px 0px 0px 0px;
 font-weight: bold; 
 display: none;
 }

/* end paragraph css */

/* begin heading css */

h1 {
 display: none;
 }
  
h2 {
 font-size: 1.3em;
 margin: 0px 0px 10px 15px;
 }
   
h3 {
 font-size: 1.3em;
 margin: 10px 0px 10px 10px;
 }
   
h4 {
 font-size: 1.0em;
 margin: 0px 0px 5px 0px;
 }
   
h6 {
 font-size: 1.1em;
 margin: 10px 0px 10px 20px;
 }

/* end heading css */

/* begin anchor css */

a {
 text-decoration: none;
 color: #286ea0;
 }
   
a:hover {
 text-decoration: underline;
 color: #286ea0;
 }
  
a img {
 border:0;
 }

/* end anchor css */

/* begin image css */

img.one {
 background: #cccccc;
 padding: 1px;
 text-align: center;
 display: inline;
 border: 0px solid #ffffff;
 }
      
img.two {
 background: #cccccc;
 padding: 1px;
 text-align: center;
 display: inline; 
 border: 4px solid #f0f0f0; 
 }
 
 img.three {
 background: #cccccc;
 padding: 1px;
 text-align: center;
 display: inline; 
 border: 3px solid #706C63; 
 }
 
img.four {
 background: #cccccc;
 padding: 1px;
 text-align: center;
 float: left;
 display: inline; 
 border: 0px solid #ffffff; 
 margin: 10px 15px 0px 0px;
 }
 
/* end image css */

/* begin horizontal rule css */

hr.line {
 border: 2px dotted #1A57A2;
 margin: 15px 0px 10px 0px;
 } 
   
hr.border {
 border: 2px dotted #1A57A2;
 margin: 0px 30px 0px 30px;
 }

/* end horizontal rule css */

/* begin location css */

.center {
 text-align: center;
 display: block;
 }
   
.left {	
 margin: 10px 10px 5px 0;
 float: left; 
 }
    
.right {
 margin: 10px 0 5px 10px;
 float: right; 
 }
 
/* end location css */

.greybox {
 background-color: #f4f4f4;
 clear: left;
 margin: 20px 0 10px 0;
 padding: 10px;
 width: 125px; 
 color: #505050; 
 line-height: 1.3em;
 }
 
table.color {
 background-color: #f4f4f4;
 }

.info { 
 background-color: #ffffff; 
 margin: 0px 0px 5px 10px;
 padding: 0px 2px 0px 10px;
 width: 200px;
 line-height: 1.3em;
 float: right; 
 border-left: 1px solid #f0f0f0;
 }

.bold {
 font-weight: bold; 
 }