@import url("/css/reset.css");

body {
	border: none;
	font-family: Arial, Verdana, sans;
	color: #333;
	text-align: center;
	}
	
#container {
	margin: 0 auto 0 auto;
	width: 770px;
	text-align: left;
	}	
	
#title {
	padding: 1em 0 0 0;
	margin: 0 0 2em 0;
	}	
	
#title h1 {
	font-size: 30px;
color: #f95100;
font-weight: normal;
width: 500px;
float: left;
letter-spacing: -1px;
	}	
	
#title h1 a:link,
#title h1 a:active,
#title h1 a:visited {
color: #000;
font-weight: normal;
}

#title h1 a:hover {
color: #f95100;
}

#title span.subtitle {
font-size: 13px;
color: #000;
float: right;
width: 220px;
display: block;
padding: 1em 0 0 0;
font-style: italic;
text-align: right;
} 

#nav
{
margin: 0 0 2em 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #333;
font-size: 16px;
text-align: left;
}

#nav ul, #nav ul li
{
display: inline;
list-style-type: none;
text-align: left;
margin: 0;
}

#nav a:link, #nav a:visited
{
line-height: 1em;
font-weight: normal;
margin: 0 30px 0 0;
text-decoration: none;
color: #333;
}

#info #nav a:link#n-info, #info #nav a:visited#n-info,
#home #nav a:link#n-home, #home #nav a:visited#n-home,
#text #nav a:link#n-text, #text #nav a:visited#n-text,
#contact #nav a:link#n-contact, #contact #nav a:visited#n-contact,
#nav a:hover
{
border-bottom: 4px solid #333;
padding-bottom: 2px;
background: transparent;
color: #f95100;
}

#nav a:hover { color: #f95100; }
	
#content {
	width: 520px;
	float: left;
	font-size: 13px;
	line-height: 1.5em;
	}
	
#content h2 {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase; 
	margin: 0 0 2px 0;
	}
	
#content h3 {
	font-size: 25px;
	font-weight: normal;
	text-transform: capitalize;
	margin: 0 0 0.5em 0;
color: #415976;
line-height: 1.1em;
	}

#content h4 {
font-size: 19px;
	font-weight: normal;
	text-transform: capitalize;
color: #415976;
/* letter-spacing: 1px; */
/* background: url(/images/border.gif) left bottom repeat-x; */
line-height: 1.3em;
}

#content h4#comment {
font-size: 16px;
	font-weight: normal;
	text-transform: capitalize;
	margin: 0 0 2em 0;
color: #415976;
border: none;
background: none;
}
	
#column h4 {
font-size: 14px;
	font-weight: normal;
	text-transform: capitalize;
	
	margin: 0 0 0.5em 0;
color: #415976;
}

p {
	
	margin: 0 0 1.5em 0;
	}	
	
p.meta {
	font-size: 10px;
	text-transform: uppercase;
	}		
	
div.download {
padding: 1em;
margin: 0 0 1em 0;
background: #e8e8e8;
border: 1px dotted #415976;
font-size: 17px;
}

div.prev-next {
padding: 1em;
margin: 0 0 1em 0;
text-align: center;
border: 1px dotted #d8d8d8;
}

div.prev-next p {
padding: 0;
margin: 0;
}

#column {
	width: 220px;
	
	
	float: right;
	font-size: 11px;
	}
	
#footer {
	clear: both;
	padding: 0 0 2em 0;
	
height: 45px;
background: url(/textpattern/txp_img/txp_slug105x45.gif) center top no-repeat;
	}	
	
a:link, a:visited {
	color: #5e97e4;
	font-weight: normal;
	text-decoration: none;
	}		

a:hover, a:visited:hover {
	color: #f95100;
	font-weight: normal;
	text-decoration: none;
	}
	
a:active {
	color: #5e97e4;
	font-weight: normal;
	text-decoration: none;
	}					

strong {
font-weight: bold;
color: #415976;
}

em {
font-style: italic;
}

hr {
color: #d8d8d8;
background: #d8d8d8;
border: none;
margin: 0 0 1.5em 0;
height: 3px;
}

pre {margin: 1.5em 0; background: #d8d8d8; border: 1px dashed #333; padding: 1.5em; overflow: auto; }
pre code    {  white-space: pre; }
pre, code, tt { 
	font-size: 1em;
	font-family: "Courier New", Courier, "Lucida Console", monospace; 
	line-height: 1.5; 
	} 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

ul, ol {
margin: 0 0 1em 3em;
}

ul {
list-style: circle;
}

#column ul {
list-style: none;
margin: 0;
}

#column ul li {
margin: 0 0 0.5em 0;
}

ol {
list-style: decimal;
}

li {

margin: 0 0 1em 0;
}

span.caps {
letter-spacing: 1px;
font-size: 0.9em;
}

img.sideimage {
display: block;
border: 1px solid #333;

margin: 0 0 1em 0;
}

div.hide {
display: none;
}

p.action-message {
color: #f95100;
text-align: center;

margin: 2em 0 2em 0;
}

div.comment {

margin: 0 0 1em 0;
padding: 0 0 1em 0;
background: url(/images/border.gif) left bottom repeat-x;
}

p.comment-meta, p.comment-caveat {
font-size: 11px;
color: #415976;
}

ul.archive-list {
list-style: none;

margin: 0 0 1em 3em;
}

ul.archive-list li {

margin: 0 0 0.5em 0;
} 

/*
Comment Styles */

#comment-form {

margin: 2em 0 2em 0;
}

#comment-form input.comment_name_input,
#comment-form input.comment_email_input,
#comment-form input.comment_web_input {
width: 250px;
padding: 3px;
font-family: Arial, Verdana, sans;
font-size: 11px;
color: #333;
line-height: 1.4em;
border: 1px solid #415976;
}

#comment-form textarea.txpCommentInputMessage {
width: 300px;
height: 15em;
padding: 3px;
font-family: Arial, Verdana, sans;
font-size: 11px;
color: #333;
line-height: 1.4em;
border: 1px solid #415976;
}

#comment-form label {
font-size: 11px;
color: #415976;
}

#comment-form input.button {
padding: 3px;
font-family: Arial, Verdana, sans;
font-size: 11px;
color: #333;
line-height: 1.4em;
border: 1px solid #415976;
background: #fff;
}

#comment-form input.button:hover {
color: #f95100;
cursor: pointer;
}

.clear {
	height: 1%
	}
	
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.contact-form input, .contact-form textarea { border: 1px solid #b8b8b8; padding: 5px; color: #333; }