/*
Theme Name: Sarchasm 	
Theme URI: http://www.jtkconsulting.com/sarchasm/
Description: Creative Commons Licensed WordPress Theme
Version: 1
Author: JTk - http://www.jtkconsulting.com
*/




html, body { height: 100%; }

body {
	background-image:url(images/back.png); 
	background-color: #485C5A; 
	color: #FFFFFF;
	text-align: center;
	font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	padding:0px;
}


* {
	padding:0;
	margin:0;
}



#container {
	background: #FFF url(images/repeater.png) repeat;
	min-height: 100%;
	_height: 100%;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	position: relative;

}
#blog_title {
	font-size: 32pt;
	font-style: italic;
}
#title_photo {
	width: 100px;
	height: 75px;
	vertical-align: top;
}

/* Header */
h1#header {
	margin: 0;
	height: 159px;
	background: url(images/header.png) 0 no-repeat;
	text-indent: -1234em;
}
#header a {
	position: absolute;
	left: 107px;
	top: 2px;
	height: 26px;
	width: 23px;
	text-decoration: none;
}
#header em {
	display: none;
}



#wrapper {
	width: 510px;
	float: left;
	position: relative;
	margin-top: 15px;
}


#content {
	padding: 0 10px 200px 50px;
}

#sidebar {


	color: #485C5A;
	margin: 10px 15px 0 0px;
	position: relative;
	width: 215px;
	 float: right;
	margin-bottom: 200px;



}

#sidebar_text {

width: 189px;
_margin-left: 9px;
}





hr.clear {
	clear: both;
	height: 65px;
	visibility: hidden;
}





h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	color: #4D4631;
	font-weight: bold;
}

hr.clearing {
	height: 1px;
	visibility: hidden;
	clear:both;
	width: 50px;
	margin: 0;
}


p, 
pre, 
blockquote, 
form, 
label, 
dl, 
fieldset, 
address {
	margin: 10px 0;
}


fieldset {
	padding:10px;
}
h1 {
	font-size: 16px
}
h2 {
	font-size: 15px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 13px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 11px;
}



small {

color: #485C5A;

}

.postmetadata {

padding-bottom: 25px;

}



.entry {

font-size: 12px;
padding-top: 5px;

}



.smaller {

font-size: 10px;
padding-right: 5px;

}

ul, 
ol {

margin: 5px 0 20px 0px;
list-style-type: none;

}


li, 
dd, 
blockquote {
	margin-left: 7px;
	list-style-type: none;

}

li#categories h2{
	padding: 0;
	color:	#A31E39;
	font-size: 12px;
	font-weight: bold;
}

li#archives h2{
	padding: 0;
	color:	#A31E39;
	font-size: 12px;
	font-weight: bold;
}

li#meta h2{
	padding: 0;
	color:	#A31E39;
	font-size: 12px;
	font-weight: bold;
}

li#search h2{
	padding: 0;
	color:	#A31E39;
	font-size: 12px;
	font-weight: bold;
}


li#linkcat-1 h2{

		padding: 0;
	color:	#A31E39;
	font-size: 12px;
	font-weight: bold;

}

li#linkcat-2 h2{

		padding: 0;
	color:	#A31E39;
	font-size: 12px;
	font-weight: bold;

}

li#linkcat-3 h2{

		padding: 0;
	color:	#A31E39;
	font-size: 12px;
	font-weight: bold;

}


li#pagenav h2{
	padding: 0;
	color:	#43566B;
	font-size: 12px;
	font-weight: bold;
}


.post h2 {

		margin: 0 0 2px 0;
}


.post h2 a {
	color: #D6E4E1;
	text-decoration: none;
}

.post h2 a:visited {
	color: #D6E4E1;
	text-decoration: none;

}

.post h2 a:hover {
	color: #A31E39;
}


.commentmetadata {
color: #6F4219;
}



input {
 color: #3C3C24;
 border: none; 
 background-color: #BFCFCC;
 vertical-align: middle;
 border: 1px solid #485C5A; 

}

#searchform .buttons {
  border: 1px solid #485C5A; 
 background-color: #8C9C9A;
 color: #D6E4E1;
 font-size: 10px;
}


textarea {
 background-color: #BFCFCC;
 color: #3C3C24;
 border: 1px solid #485C5A;
 font-size: 11px;
}

#submit {
 color: #D6E4E1;
 font-size: 12px;
  border: 1px solid #485C5A; 
 background-color: #8C9C9A;
}



.button {

margin-top: 7px;
margin-left: 97px;

}


#sidebar a {
	color: #485C5A;
	text-decoration: none;
}

#sidebar a:visited {
	color: #485C5A;
	text-decoration: none;

}

#sidebar a:hover {
	color: #B7334E;
}


a:link {
color: #A31E39;
text-decoration: none;
}

a:visited {
	color: #A31E39;
	text-decoration: none;

}
a:hover, a:active {
	color: #485C5A;
	text-decoration: none;
}



#blog_name {
	position: absolute;
	left: 65px;
	top: 35px;
	color: #D6E4E1;
	margin: 0;
	padding: 0;
	font-weight:bold;
	font-size: 28px;
	letter-spacing: 0px;
	word-spacing: 0px;
}



#blog_name a {
	color: #D6E4E1;
	text-decoration: none;
}

#blog_name a:visited {
	color: #D6E4E1;
	text-decoration: none;

}

#blog_name a:hover {
	color: #FFFFFF;
}


#blog_slogan {
	position: absolute;
	left: 170px;
	top: 75px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-weight:bold;
	font-size: 13px;
	letter-spacing: .2px;
	word-spacing: .4px;


}

#blog_link {
	position: absolute;
	left: 60px;
	top: 115px;
	color: #CC9F71;
	margin: 0;
	padding: 0;
	font-weight:bold;
	font-size: 14px;
	letter-spacing: -0.2px;
	word-spacing: -0.4px;


}




.graybox {
border: 2px dotted #BFCFCC;
background-color: #9DB2B1;
margin: 1em 2em;
padding: 0 1em;
}

 .commentlist{
      position: relative;
 }

#menu_two {
	position: absolute;
	left: 50px;
	top: 130px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	Font-weight: bold;
	text-transform: lowercase;
	word-spacing: -.5px;
	letter-spacing: -.2px;
	font-size: 12px;
}

#menu_two a {
	color: #FFFFFF;
			text-decoration: none;

}

#menu_two a:hover {
	color: #D6E4E1;
			text-decoration: none;

}

#menu_two ul {
	list-style: none;
	padding: 0;
	margin: 0 0 5px;
	display: inline;
}

#menu_two li {
	padding: 0 13px 0 4px;
	margin: 0;
	display: inline;
}

#menu_two li a {
	color: #FFFFFF;
			text-decoration: none;

}

#menu_two li a:hover {
	color: #D6E4E1;
			text-decoration: none;

}

#footer {
	position: absolute;
	background: url(images/footer.png) 0 no-repeat;
	left: 0;
	bottom: 0;
	width: 796px;
	height: 267px;
	color: #D6E4E1;
	margin: 0;
	word-spacing: 5px;
}

#footer a {
	color: #9DB2B1;
	text-decoration: none;
}
#footer a:hover {
	color: #ffffff;
}

#footer_text {

	padding: 22px 0 0 60px;
	position: absolute;


}

#footer_author {

	left: 60px;
	width: 600px;
	top: 80px;
	position: absolute;



}

#footer_author_title {

	font-weight: bold;
	color: #BFCFCC;
	font-size: 12px;

}


blockquote {
border: 2px dotted #BFCFCC;
background-color: #9DB2B1;
margin: 1em 2em;
padding: 0 1em;
}



#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

	#wp-calendar a:hover {
	text-decoration: none;
	background-color: #485C5A;
	color: #D6E4E1;
	}

#wp-calendar caption {
	color: #A31E39;
	text-align: left;
	font-weight: bold;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	text-align: left;

	}

	#wp-calendar td {
color: #BFCFCC;
font-weight: bold;
font-size:12px;
letter-spacing: 2px;
padding: 2px 1px 0 1px;
text-align: center;
}


#prev a, #next a {

	display: none;

}




#search_header {

font-weight: bold;
color: #A31E39;

}

#quotes_header {

font-weight: bold;
color: #A31E39;

}


#quotes_header {

font-weight: bold;
color: #A31E39;

}

#quotes_body {

width: 170px;
font-size: 11px;


}

/* ***** BORROWED FROM DEFAULT THEME ***** */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */

/***** Twitter-for-Wordpress Plugin *****/
/* ul.twitter: the main ul (if list is activated)                 */
ul.twitter {
   padding: 2px;
   }
/* li.twitter-item: the ul items (if list is activated)           */
li.twitter-item {
    list-style: square;
    text-align: left;
}
/* p.twitter-message: each one of the paragraphs (if msgs > 1)    */
/* .twitter-timestamp: the timestamp span class                   */
.twitter-timestamp {
    font-style: italic;
}
/* a.twitter-link: the tweet link class                           */
a.twitter-link {
    color: #9C8184;
}
/* a.twitter-user: the @username reply link class                 */
a.twitter-user {
    color: #AF7AFF;
}
/* div.twitter-title: my own custom title for the feed column     */
div.twitter-title {
    text-align: center;
    font-style: italic;
    font-weight: bolder;
}