/*
Theme Name: Automaton 2010
Description: Automaton's WordPress Theme.
Version: 1.3 edited 3/7/10
Author: Brenton Woo
*/

body { margin-left: auto; margin-right: auto; margin-top: 0px; padding:0; background: #ffffff;}

#header	              { padding: 0; border: 0; background:#FFFFFF; }
img.center            { display: block; margin-left: auto; margin-right: auto; }

#wrap                 { padding:0; margin-left:0 auto; margin-right:0 auto;}
#content              { width: 800px; padding:0; margin:0 auto; background:#ffffff; border:0;}

#content-page              { }

/* 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:0px; 
	padding-left:0px;
	padding-right:14px;
	padding-bottom:4px;
        font-family:arial, sans-serif;
	}
	
.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;
	}


.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 0px 0px 0px;
	_margin:7px 7px 0px 0px;
	padding-bottom: 10px;
	background:#FFFFFF;
	border:none;
	font: 11px Arial, sans-serif;
	color:#000000;
	line-height:16px;
        height: 400px;
	}

.sidebarrightlong{
	float:right;
	width:250px;
	margin:0px 0px 0px 0px;
	_margin:7px 7px 0px 0px;
	padding-bottom: 10px;
	background:#FFFFFF;
	border:none;
	font: 11px Arial, sans-serif;
	color:#000000;
	line-height:16px;
	}

.sidebarleft{
	float:left;
	width:250px;
	margin:0px 0px 0px 0px;
	_margin:7px 7px 0px 0px;
	padding-bottom: 10px;
	background:#FFFFFF;
	border:none;
	font: 11px Arial, sans-serif;
	color:#000000;
	line-height:16px;
        height: 400px;
	}

.sidebarleftlong{
	float:left;
	width:250px;
	margin:0px 0px 0px 0px;
	_margin:7px 7px 0px 0px;
	padding-bottom: 10px;
	background:#FFFFFF;
	border:none;
	font: 11px Arial, sans-serif;
	color:#000000;
	line-height:16px;
	}


.box{
	float:left;
	width:545px;
	margin:0px 5px 0px 0px;
	background:#FFFFFF;
	border:0;
	padding:10px 0px 10px 0px;
	font: 10pt Arial, sans-serif;
	color:#000000;
	line-height:12px;
	}
	
.imgHeader{ 	
	margin:17px 7px 0px 14px;
	}	
	
/* NAVIGATION  */


/* DYNAMIC CONTENT GALLERY */

#dcg {
	height:400px;
        width:820px;
	overflow:auto;
	margin:0px;
	padding:0px 0px 0px 0px;
        background: none;
	}

/* Blog */

#blog {
	background: #FFFFFF;
	width:545px;
	height: 400px;
	overflow: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	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:30px;
  }
.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.2em;
  }
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 0px;
  border:0px;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* SIDEBAR */

.sidebar {
  margin: 0px;
  overflow: hidden;
  }
  
.sidebartext {
  margin: 0px;
  font: Arial, sans-serif;
  }


/* Linkage */
#content-page a {
	font-weight : bold; 
	text-decoration : none;
	color: #000000;
	}
	
#content-page a:hover {
	color: #000000;
	background: #FFFFFF; 
	text-decoration : none;
	}


/* FOOTER */

.footercontent {
	float:left;
	width: 800px; /* adjust for quote bar width */
	height: 20px;
	margin:0px 0px 0px 0px;
	background:#000000;
	border:0;
	font: 12px/16px Arial, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	padding: 5px 0px 0px 10px;
	}


/* MISC */
.clear                { clear:both; visibility:hidden; height:0; }
.hide                 { display:none; }
