/*
Theme Name: Fragment
Theme URI: http://fragment-art.com
Description: Theme for Fragment.
Version: 1.0
Author: Jamie Bayliss & Zack Goehner
*/

a {
	color: #5a3e24;
	text-decoration: none;
}

a img {
	border: none;
}

a:visited {
	color: #cb2222;
}

a:hover {
	color: #333333;
}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #8f7a58;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-style: normal;
	font-weight: bold;
}

.post h3 {
font-size: 18px;
margin-bottom: 8px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-weight: normal;
border-bottom: 1px dashed #5a3e24;
padding-bottom: 2px;
}

ol#comments li p {
	font-size: 100%;
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: double 3px #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta, .meta a {
	color: #5c4e31;
	font-weight: normal;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
}

.meta {
	padding-top: 2px;
	border-top: 1px dashed #a6926e;
	margin-top: 8px;
	text-align: center;
	}
	
.meta a:hover {
	color: #373124;
	text-decoration: underline;
	}

.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #F4EEE1;
	border: 1px dashed #877051;
	padding: 2px;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

body {
	background-color: #809995;
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:950px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:184px; 
 width:100%;
} 
 
#twocols{
 width:100%; 
 float:right; 
 position:relative; 
 background: url('images/bg_twocols.gif') left repeat-y; 
  }
 
#rightcol{
 width:291px; 
 float:right; 
 position:relative; 
 background: url('images/bg_rightcol.jpg') no-repeat top;
 height: 557px;
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
text-align: left;
line-height: 17px;
font-size: 14px;
font-weight: bold;
 }
 
#rightcol_content {
width: 187px;
height: 310px;
margin: 155px 66px 92px 38px;
}
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:659px;
 background: url('images/bg_content.jpg') top no-repeat;
min-height: 557px;
 }

#content {
width: 366px;
margin: 45px 57px 0 236px;
}

.post_content, .post_content p {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #222;
text-align: left;
line-height: 20px;
font-size: 12px;
}
 
#footer{
 height:114px; 
 clear:both;
 background: url('images/bg_footer.jpg') no-repeat;
 }
 
#footer_content {
width: 428px;
height: 62px;
margin: 0 325px 44px 197px;
text-align: center;
overflow: hidden;
line-height: 62px;
vertical-align: middle;
font-family: "Courier New", Courier, monospace;
font-size: 11px;
}

h2#comments, h2#postcomment {
font-family: "Courier New", Courier, monospace;
font-size: 14px;
color: #333333;
margin-top: 25px;
margin-bottom: 0;
}

ol#commentlist {
list-style: none;
margin: 0 0;
padding: 0 0;
}

ol#commentlist li {
margin-left: 0;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px dashed #A6926E;
}

ol#commentlist li p, #commentform p {
font-family: "Courier New", Courier, monospace;
font-size: 11px;
color: #333333;
line-height: 18px;
}

#rightcol_content ol,  #rightcol_content ol li ul {
margin: 0;
padding: 0;
list-style: none;
}

#rightcol_content ol li {
margin-bottom: 10px;
}

.post a {
color: #5a3e24;
}

.post_content a {
color: #5171cd;
text-decoration: none;
}

.post_content a:hover, .post a:hover {
text-decoration: underline;
}

 
 /* Float containers fix */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */