/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: "Trebuchet MS",Trebuchet, Arial, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 872px;
}
#header {
 color: #000;
 width: 850px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 10px 0px 5px 0px;
 background: #fff;
}
#leftcolumn { 
 color: #000;
 border: 1px solid #ccc;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 618px;
 float: left;
 background: #fff;
}
#rightcolumn { 
 float: right;
 color: #000;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 200px;
 display: inline;
 background: #fff;
 position: relative;
}

h1 {
font-size: 250%; 
margin: 0; 
padding: 15px; 
text-align:center;
}

h2 {
font-size: 200%; 
margin: 0; 
padding: 5px; 
text-align:left;
}

h3 {
font-size: 150%; 
margin: 0; 
padding: 5px; 
text-align: left;
}

#description {
  margin:0 5px 5px;
  padding:0 5px 5px;
  max-width:900px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  text-align:center;
  }

#leftcolumn IMG {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0px;
    }

#rightcolumn IMG {
    display: block;
    margin-left: 10px;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0px;
    }
 
p {
padding: 5px;
}
p.small-caps-title{
  margin: 0px 5px 0px 5px;
  padding: 0px 5px 0px 5px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  text-align:left;
  }

p.separator{
padding: 0px 10px 5px 10px;
border-top:1px dotted #ccc;
}

p.newer-older{
text-align:center;
}

#wrapper a:link {text-decoration: none; color:#3040d7}
#wrapper a:visited {text-decoration: none; color:#b30101}
#wrapper a:hover {text-decoration: underline;}
a.no-underline:hover {text-decoration: none; color: #fff;}

#rightcolumn ul {
	margin: 0px 5px;
	padding: 5px;
	border-bottom:1px dotted #ccc;
	}
li { 
	list-style-type:none;
	padding-left: 20px;
	text-indent: -20px;
	}