/* -------------------------------------------------------------- 

	  T R I C K  O R  B L O G
	  
	Author:  Nikki Purcell

	Email:   nikkiblade68@yahoo.com


-------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #6d2300 url(images/background_body.jpg) repeat-x scroll left top;
}
p {
	color: #aa836f;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
}
a {
	color: #FF6600;
	text-decoration: none;
}
a:active, a:focus{outline: 0;}

a:visited {
	color: #FF6600;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h2 {
	color: #0AB111;
	margin: 0px 0px 2px;
	padding-bottom: 3px;
	font: normal 28px Verdana, Helvetica, Arial, sans-serif;
}
h2 a, h2 a:visited {
	color: #FF6600;
	text-decoration: none;
	font: 30px Myriad Pro,'Trebuchet MS',Tahoma,Arial,Sans-serif;
}
h2 a:hover {
	color: #FFF;
	text-decoration: none;
}
h5 {
	color: #FF6600;
	margin: 0px 0px 2px;
	padding-bottom: 3px;
	font: normal 28px Verdana, Helvetica, Arial, sans-serif;
}
.post li, .postpage li, .post-single li {
	list-style: disc outside;
	color: #3C0;
	margin-left: 40px;
}

.post li p, .postpage li p, .post-single li p {
	color: #0C0;
}
#logo h2, #logo h3 {
	display: none;
}
#leftCol h4 {
	color: #CCC;
	font-size: 11px;
	padding-bottom: 10px;
}
#container {
	width: 900px;
	position: relative;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	overflow-x: hidden;
	overflow-y: hidden;

}
#header {
	height: 275px;
}
#logo {
	width: 900px;
	height: 239px;
	margin:  0px auto;
	background: transparent url(images/header.png) no-repeat top;
}
#navBar {
	width: 900px;
	margin:  0px auto;
	height: 36px;

}
#links {
	width: 540px;
	float: left;
	height: 36px;
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	
}
.submit {
	font:normal 12px Verdana, Helvetica, Arial, sans-serif; 
	color: #000;
	height:35px;
	width:119px;
	background:url(http://trickorblog.com/wp-content/themes/tricktheme/images/button.png) no-repeat 0px 0px;
	border:none;
	cursor:pointer;
	left: -25px;
	position: relative;
}

#search {
	width: 325px;
	height: 36px;
	display: inline;
	float: left;
	padding: 0px 0px 0px 10px;
	color: #000;
}

#searchsubmit {
	height: 34px;
	width: 119px;
	background:url(http://trickorblog.com/wp-content/themes/tricktheme/images/button.png) no-repeat 0px 0px;
	border:none;
	cursor:pointer;
	font:normal 12px Verdana, Helvetica, Arial, sans-serif; 
	left: -20px;
	position: relative;
}
.searchbar {
	color: #FFF;
	background: #000;
	font-size: 12px;
	width: 160px;
	border: 1px solid #093;
}
#nosearch {
	text-align: center;
	padding-top: 80px;
}
#pageBody {
	width: 900px;
	background: transparent url(images/pageBodybg.jpg) repeat-y scroll 0% 0%;
}
#leftCol {
	float: left;
	width: 538px;
	overflow: hidden;
	display: inline;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	margin-left: 0px;
}
#leftCol h1 {
	color: #FF6600;
	font: 28px 'Trebuchet MS',Tahoma,Arial,Sans-serif;
}
#leftCol h3 {
	color: #FF6600;
	font: 28px 'Trebuchet MS',Tahoma,Arial,Sans-serif;
	padding-bottom: 10px;
}

.clear {
width: 100%;
height: 1px;
margin: 0 0 -1px;
clear: both;
}

/* -------------------------------------------------------------- 

	  BLOG POST CSS
	  
-------------------------------------------------------------- */
.post, .postpage, .post-single, .post-comment, #nosearch  {
	clear:both;
	background: #401b02;
	padding-top: 10px;
	padding-bottom: 90px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #5e2804;
	border-right-color: #000000;
	border-left-color: #000000;	
}
.sidebar-results {
	clear:both;
	background: #401b02;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #5e2804;
	border-right-color: #000000;
	border-left-color: #000000;	
}

.post-combox {
	width: 60px;
	height: 49px;
	float:right;
	padding-right: 0px;
	display: inline;
}
.post-comtitle {
	font-size: 10px;
	text-transform: lowercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	padding-top: 12px;
	margin-left: -3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.post-comnumber {
	font-size: 35px;
	color: #d4d4d4;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.post-title {
	float: left;
	width: 430px;
	display: inline;
}

.post h2 {
	color: #33FF00;
}

.entry {
	clear: both;
	padding: 0px 0px 10px;
}
.entry img {
	margin-bottom: 10px;
	border: 4px solid #6d2300;
}
.post img {
	border: 4px solid #6d2300;
	margin-bottom: 10px;
}
.post-category {
	display: inline;
	float: left;
	padding-right: 20px;
	width: 125px;
}
.post-tags {
	display: inline;
	float: left;
	padding-right: 20px;
	width: 300px;
}
.post-social {
	display: inline;
	float: left;
}
.post-picture {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}
.post-calendar {
	float: left;
	padding-right: 20px;
	display: inline;
}
.post-comments {
	background: url(images/mini-calendar.gif) no-repeat left center;
	padding-left: 18px;
	float: right;
	font-size: 95%;
	color: #999999;
	display: inline;
}
.post-content {
	clear: both;
	padding-top: 10px;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #0CAA12;
}

.previous-entries {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.jpg) no-repeat left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
}
.next-entries {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.jpg) no-repeat right center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
}
.small {
	font-size: 11px;
}
.highlight {
	color: #aa836f;
}
/* -------------------------------------------------------------- 

	  SIDEBAR CSS
	  
-------------------------------------------------------------- */
#rightCol {
	float: left;
	display: inline;
	position: relative;
	padding-top: 20px;
	padding-right: 20px;	
}
#sidebar {
	width: 248px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color:#401b02;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #5e2804;
	border-right-color: #000000;
	border-left-color: #000000;
	padding: 25px;
}
#sidebar h3 {
	color: #0C9F0E;
	border-bottom: 1px solid #6d2300;
	margin: 0px 0px 8px;
	padding-bottom: 10px;
	font-family: arial,verdana,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	
}
img.rss {
	padding-top: 10px;	
	display:inline;
	float:left;
	padding-right: 10px;
}
.rssinfo{
	font-size: 11px;	
}
.rsslink{
	float: left;
	display:inline;
	padding-top: 18px;
	font-size: 11px;	
}
#tag_list {
	padding-bottom: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#tagcloud{
	padding-left: 5px;
	padding-bottom: 30px;

}
.ul-cat {
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.ul-cat li{
	margin: 0px 0px 8px;
	padding: 0px 0px 8px;
	list-style: disc inside;
	font-size: 11px;
	color: #aa836f;
	border-bottom: 1px solid #6d2300;
}
.ul-cat li a, .ul-cat li a:visited{
	color: #aa836f;
	text-decoration: none;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
}
.ul-cat li a:hover{
	color: #FF6600;
	text-decoration: none;
}
.ul-archives {
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.ul-archives li{
	margin: 0px 0px 8px;
	padding: 0px 0px 8px;
	list-style: disc inside;
	color: #aa836f;
	font-size: 11px;
	border-bottom: 1px solid #6d2300;	
}
.ul-archives li a, .ul-archives li a:visited{
	color: #aa836f;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
}
.ul-archives li a:hover{
	color: #FF6600;
	text-decoration: none;
}


/* -------------------------------------------------------------- 

	  COMMENTS CSS
	  
-------------------------------------------------------------- */
#comments {
	background: url(images/comment.png) no-repeat left top;
	padding-left: 70px;
	padding-bottom: 10px;
	border-top: 1px dotted #6d2300;
	padding-top: 10px;
	margin-top: 10px;
}
form#commentform {
	padding-top: 5px;
}
form#commentform p {
	text-align: justify;
	padding-top: 5px;
	padding-bottom: 5px;
}
.commentbar {
	border: 1px solid #6d2300;
	color: #FFF;
	background: #000;
}
.commentarea {
	border: 1px solid #6d2300;
	color: #FFF;
	background: #000;
	width: 486px;
	font: 12px Verdana, Helvetica, Arial, sans-serif;
}
#comments p{
	padding-top: 0px;
}

#comments h4 {
	font-size: 11px;
	margin-top: -5px;	
}

/* -------------------------------------------------------------- 

	  FOOTER CSS
	  
-------------------------------------------------------------- */
#footer {
	height: 152px;
	background-color: 000;
	background-image: url(images/bg-footer-repeat.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
}
#footer-inside {
	height: 122px;
	width: 900px;
	position: relative;
	margin: 0pt auto;
	padding-top: 30px;
	background: transparent;
	text-align: center;
}
#footer img {
	border-style: none;
}
#footlinks {
	display: inline;
	top: -15px;
	position: relative;
	width: 900px;
	float: left;
}
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#D6A208;
	font-size: 11px;
}
#footer ul {
	display: inline;
	padding-left: 20px;
}
#footer ul li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 15px;
}
#copyright {
	float: left;
	display: inline;
	width: 900px;
}
#copyright p {
	text-align: center;
}


/* -------------------------------------------------------------- 

	  RESET CSS
	  
-------------------------------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* -------------------------------------------------------------- 

	  GENERIC LAYOUT CSS FROM WORDPRESS
	  
-------------------------------------------------------------- */


/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* -------------------------------------------------------------- 

	  WORDPRESS PLUGIN SPECIFIC LAYOUTS
	  
-------------------------------------------------------------- */

/* Highslide CSS */
a.highslide{
	padding-right: 10px;
}