/* LAYOUT */
body                  { margin:0px 0px 0px 0px; padding:0; background: #ffffff;}
#headerbanner                  { margin:0px 0px 0px 0px; padding:0; background: url(http://www.automatonsnowboard.com/images/background.jpg) top left no-repeat;padding:55px 0 0 110px;}
#header	{
	width: 780px;
	height: 230px;
	padding: 0;
	border: 0;
    margin:0;
	background:#FFFFFF;
	}
#wrap                 { padding:0; margin:0 auto; }
#content              { width:780px; padding:0; margin:0; background:#ffffff; border:0;}

#content-page              { overflow: hidden;}

/* TYPOGRAPHY */
h2                    { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; }
h3                    { font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:0; font-weight:bold; padding:14px 0px 0px 0px;}

h4			          { margin-bottom:0; margin-top:0; }

h5,h6              { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:0; }

p{
	padding-top:14px; 
	padding-left:0px; /*  sept 09. adjusted for text on snowboard page. originally was 14px */
	padding-right:14px;
	padding-bottom:4px;
	}
	
.columnred h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:0; font-weight:bold; padding:14px 0px 0px 14px; margin-bottom:-24px;}

.columnblue h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:0; font-weight:bold; padding:14px 0px 0px 14px; margin-bottom:-24px;}

.columnyellow h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:0; font-weight:bold; padding:14px 0px 0px 14px; margin-bottom:-24px;}

/* COLS */
.columnred {
	float:left;
	width:482px;
	margin:14px 0 0px 14px;
	_margin:7px 7px 0px 7px;
	background:#FFFFFF;
	border:0;
	font: 12px/16px Arial, sans-serif!important;
	color:#000000;
	line-height:16px;
	padding-bottom: 0px;
	}
	
.columnredright{
	float:right;
	width:241px;
	margin:14px 14px -32767px 0px;
	_margin:7px 7px -32767px 0px;
	padding-bottom: 32767px;
	background:#FF5927;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#FFFFFF;
	line-height:16px;
	}	

.columnyellow{
	float:left;
	width:241px;
	margin:14px 0 -32767px 14px;
	_margin:7px 7px -32767px 7px;
	padding-bottom: 32767px;
	background:#FDCB2C;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#000000;
	line-height:16px;
	}

.columngreen{
	float:left;
	width:241px;
	margin:14px 0 -32767px 14px;
	_margin:7px 7px -32767px 7px;
	padding-bottom: 32767px;
	background:#38A437;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#FFFFFF;
	line-height:16px;
	}

.columnblue{
	float:left;
	width:241px;
	margin:14px 0 0px 14px;
	_margin:7px 7px 0px 7px;
	padding-bottom: 0px;
	background:#009de0;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#FFFFFF;
	line-height:16px;
	overflow: hidden;
	}
	
.sidebarright{
	float:right;
	width:250px;
	margin:0px 14px -32767px 0px;
	_margin:7px 7px -32767px 0px;
	padding-bottom: 32767px;
	background:#FFFFFF;
	border:none;
	font: 11px Arial, sans-serif;
	color:#000000;
	line-height:16px;
	}

.sidebarleft{
	float:left;
	width:241px;
	margin:0px 0px -32767px 22px;
	_margin:7px 7px -32767px 0px;
	padding-bottom: 32767px;
	background:#FFFFFF;
	border:none;
	font: 11px Arial, sans-serif;
	color:#000000;
	line-height:16px;
	}


.boxright{
	float:left;
	width:499px;
	margin:0px 5px 0px -10px;
	background:#FFFFFF;
	border:0;
	padding:10px 0px 10px 0px;
	font: 10pt Arial, sans-serif;
	color:#000000;
	line-height:12px;
	}
	
.boxleft{
	float:left;
	width:480px;
	margin:0px 5px -32767px 15px;
	_margin:0px 5px -32767px 5px;
	padding-bottom: 32767px;
	background:#FFFFFF;
	border:0;
	font: 10pt Arial, sans-serif;
	color:#000000;
	line-height:12px;
	}
	
.boxyellow{
	float:left;
	width:496px;
	margin:14px 0 0px 14px;
	_margin:7px 7px 0px 7px;
	background:#FDCB2C;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#FFFFFF;
	line-height:16px;
	}
	
.halfboxyellow{
	float:left;
	width:369px;
	margin:14px 0px -32767px 14px;
	_margin:7px 7px -32767px 7px;
	padding-bottom: 32767px;
	background:#FDCB2C;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#FFFFFF;
	line-height:16px;
	}
	
.boxblue{
	float:left;
	width:496px;
	margin:14px 0 0px 14px;
	_margin:7px 7px 0px 7px;
	background:#009de0;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#FFFFFF;
	line-height:16px;
	}

.boxgreen{
	float:left;
	width:496px;
	margin:14px 0px -32767px 14px;
	_margin:7px 0px -32767px 7px;
	padding-bottom: 32767px;
	background:#38A437;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#FFFFFF;
	line-height:16px;
	}
	
.boxwhite{
	float:left;
	width:496px;
	margin:7px 0px -32767px 4px;
	_margin:7px 0px -32767px 2px;
	padding-bottom: 32767px;
	background:#FFFFFF;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#000000;
	line-height:16px;
	}
	

.fullboxblue{
	margin:14px 14px 0px 14px;
	_margin:14px 14px 0px 14px;
	background:#009de0;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#FFFFFF;
	line-height:16px;
	}	
	
.fullboxblueMusic{
	height:240px;
	margin:14px 14px 0px 14px;
	_margin:14px 14px 0px 14px;
	background:#009de0;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#FFFFFF;
	line-height:16px;
	}
	
.fullboxleftimage
{
	height:125px;
	margin:14px 14px 0px 14px;
	_margin:14px 14px 0px 14px;
	background:#FFFFFF;
	border:0;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#000000;
	line-height:16px;
	}
	
.fullboxblue p{
	margin:0;
	padding:10 0 0 0;
	}
	
.fullboxblueMusic p{
	margin:0;
	padding:10 0 0 0;
	}		
	
.imgHeader{ 	
	margin:17px 7px 0px 14px;
	}	
	
/* NAVIGATION  */

#menu{
	margin:0 14px 0px 14px;
	padding:0px 0px 0px 0px;
	min-height: 26px;
	_height: 26px;
	width: 755px; /* adjust for iphone screen */
	background:#000000; /* non-clickable background color */
	}

#menu ul {
    margin:0px;
    padding:0px;
    list-style:none;
	background:#000000;
    }

#menu li {
    float:left;
    margin:0px 0px 0px 0px;
	padding:0px;
    list-style:none;
	background:#000000;
	    }

#menu a {
    float:left;
	font: 12px/16px Arial, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
    display:block;
	padding:5px 9px 5px 9px;
	text-decoration:none;	
    }

#menu a:hover {
	background:#990000; /* non-displayed page link */
    }

#menu a.selected {
  background:#990000; /* selected link background color*/
	}

/* Blog */

#blog {
	background: #FFFFFF;
	width:482px;
	height: 400px;
	overflow: auto;
	margin: 0px 0px 0px 5px;
	padding: 10px;
	float: left;
    }
	
#blogright {
	background: #FFFFFF;
	width:471px;
	height: 400px;
	overflow: auto;
	margin: 0px 0px 0px 5px;
	padding: 10px;
	float: left;
    }
	
.date-header {
  margin:.5em 0 0em;
  font: 9px/12px Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: #999;
  }
.post {
  margin:.5em 0 0em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1em;
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 1px;
  font: 9px/12px Arial, sans-serif;
  font-size:100%;
  font-weight:bold;
  line-height:1em;
  color:#990000;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
  
.post-body {
  font: 10pt Arial, sans-serif;
  line-height: .25em; /* not working? */
  font-weight: bold;
  }
    
.post div {
  margin:0 0 0em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font: 9px/12px Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:0px 4px 0px 4px;
  border:0px;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }
	
/* COMMENTS */

#comments h4 {
  margin:1em 0;
  font: 9px/12px Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:100%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font: 9px/12px Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* SIDEBAR */

.sidebar {
  margin: 10px 0px 10px -8px;
  overflow: hidden;
  }
  
.sidebartext {
  margin: 0px;
  font: Arial, sans-serif;
  }



/* FOOTER */

.footercontent {
	float:left; 
	width:745px;/* adjust for quote bar width */
	height: 22px;
	margin:0px 0px 0px 14px;
	background:#000000;
	border:0;
	font: 12px/16px Arial, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	padding: 5px 0px 0px 10px;
	}



/* Linkage */
#content-page a {
	font-weight : normal; 
	text-decoration : underline;
	color: #000000;
	}
	
#content-page a:hover {
	color: #000000;
	background: #FFFFFF; 
	text-decoration : none;
	}


.boxwhite a {
	font-weight : normal; 
	text-decoration : underline;
	color: #FFFFFF;
	background:#000000;
	}

.boxwhite a:hover {
	color: #000000;
	background: #FFFFFF; 
	text-decoration : none;
	}

/* MISC */
.clear                { clear:both; visibility:hidden; height:0; }
.hide                 { display:none; }