/*    
Theme Name: Circustricks 
Theme URI: http://leysaulnier.com 
Description: The Circus at World's End 
Author: Ley Saulnier 
Author URI: http://leysaulnier.com
Version: v1 
*/

* { margin: 0; padding: 0; }
	
body { 
	background: #000 url(images/back.png) repeat-x scroll center top;
	color: #bbb;
	font: 10pt Arial, Helvetica, sans serif; 
	line-height: 1.3em;
	margin: 0;
	padding: 0;	}

b, i { color: #ddd;	} 
 
a, a:visited, a:active { 
	color: #9B30FF; 
	cursor: default; 
	text-decoration: none; } 
 
a:hover { color: #7FFF00; cursor: default; }

a img { border:none; }

aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
  
.alignleft { float: left; margin-right: 5px; margin-bottom: 5px; }
.alignright { float: right; margin-left: 5px; margin-bottom: 5px; }

blockquote { 
	background: #000 url(images/tinystripe.png) repeat scroll center top;
	border: 2px solid #222;
	margin: 0 10px 10px 10px;
	padding: 10px; }
	
ul, li { margin-left: 1em; list-style-type: square; padding-bottom: 10px; }
.quotes { margin-left: 1em; list-style-type: square; padding-bottom: 2px; }


/* >>> CONTAINERS AND THINGS OF SUCH IMPORTANCE */

#wrap {
	margin: 0 auto;
	position: relative;
			height: 100%;
			width: 838px; }

#header {
	height: 320px;
	margin: 0 auto;
	padding: 0;
	width: 838px; }
	
	#menu {
		font: 14pt Arial, Helvetica, sans serif;
		height: 50px;
		padding: 0;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		top: 23px;
		width: 838px; }
		
	#menu ul li, .page_item {
		display: inline;
		list-style-type: none;
		margin: 0;
		padding-right: 15px;
		padding-left: 15px; }

	
	#layout {
		height: 100px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 130px;
		width: 838px; }

#main {
	clear: both;
	margin: 0 auto;
	padding-right: 10px;
	padding-left: 10px;
	width: 800px; }
	
#content {
	float: right;
	padding: 0;
	width: 510px; }
	
#sidebar {
	float: left;
	padding: 0;
	padding-right: 30px;
	text-align: right;
	width: 260px; }
	
#footer {
	background-color: #000;
	color: #777;
	font: 8pt Arial, Helvetica, sans serif;
	line-height: 9pt;
	text-align: center; }

#disclaimer {
	color: #999;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	padding-top: 20px;
	width: 800px; }



/* >>> SIDEBAR & BLOGROLL THINGS */

#container { padding: 0; width: 258px; }

.intro { color: #fff; font-size: 10pt; line-height: 11pt; text-align: left; margin-bottom: 20px; }

#sidebar p { padding: 0px; padding-top: 5px; padding-bottom: 10px; }
	
#sidebar ul, #sidebar ul li, #sidebar ul ul { margin: 0; padding: 0; list-style-type: none; }

#sidebar h2 {
  color: #999;
  font: 10pt Arial, Helvetica, sans serif;
  font-weight: bold;
  line-height: 10pt;
  text-transform: uppercase; }

div.linkstitle {
	display: block;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	}

select {
	background-color: #333;
	border: 1px solid #9B30FF;
	color: #fff;
	margin-top: 3px;
	margin-bottom: 15px;
	}

ul#xoxo { margin-top: 10px; padding-top: 10px; }
	
.blogroll { font-size: 9pt; }



/* >>> POST AND OTHER MUCHNESS */

#content p { padding: 0px; padding-bottom: 10px; }
		
.date {
	color: #888;
	font-size: 10pt;   
	line-height: 12pt;
	padding-bottom: 12pt;
	text-transform: uppercase; }
		
.tags {
	border-top: 2px solid #222;
	font-size: 8pt;
	margin-top: 15px;
	text-transform: uppercase; }

.more-link {
	color: #fff;
	float: right;
	text-align: right;
	text-transform:uppercase; }

.postimg {
	background:url(images/tinystripe.png) repeat top center; 
	border: 1px solid #222;
	margin: 0px 5px 5px 5px;
	padding: 20px; }

.postimg2 {
	background:url(images/tinystripe.png) repeat top center; 
	border: 1px solid #222;
	margin: 0px;
	margin-bottom: 5px;
	padding: 10px; }
		
.floatleft {
	background-color: #9B30FF;
	border: 4px solid #222;
	float: left;
	margin: 0px;
	margin-right: 10px;
	padding: 1px; }
		
.floatright {
	background-color: #9B30FF;
	border: 4px solid #222;
	float: right;
	margin: 0px;
	margin-left: 10px;
	padding: 1px; }

.violet { border: 1px solid #9B30FF; }

textarea#comment { width: 500px; padding: 5px; }

.note {
	color: #eee;
	font-size: 8pt;
	line-height: 10pt; }

.subtext {
	color: #fff;
	font-size: 9pt;
	font-style: italic;
	line-height: 9pt;
	margin: 0;
	padding: 0;
	position: relative;
	top: -10px;
	text-align: center; }

h1, h2, h3 {
	font-family: Arial, Helvetica, sans serif;
	color: #7FFF00;
	font-weight: bold;
	text-transform: uppercase; }
	
h1 { font-size: 16pt; line-height: 22pt; }
h2 { color: #999; font-size: 12pt; line-height: 18pt; }
h3 { font-size: 11pt; line-height: 14pt; }

.h2comments { padding-top: 20px; padding-bottom: 10px; }

hr {
	  color: #222;
	  background-color: #222;
	  height: 1px;
	  border: 0px;
	  margin-bottom: 15px; }

p.separator { margin: 15px 0px 15px 0px; }
p.sepshort { margin: 5px 0px 5px 0px; }