/*
Theme Name: Statictype 3
Theme URI: http://statictype.com/
Description: Statictype v1
Version: 3.0
Author: Patrick Behrend
Author URI: http://statictype.com/
*/


/* ------------>>> GLOBAL <<<-----------*/
* {
	margin: 0;
	padding: 0;
}
*::-moz-selection {
	background-color: #90C738;
	color: #FFFFFF;
}
hr {
	clear: both;
	color: #CCCCCC;
	height: 1px;
}
a img {
	border: none;
}
/* ------------->>> BODY <<<------------*/
body { 
	background: #F7F7F7 url("_images/bg-blog.png") top right no-repeat;
	color: #777777;
	font-family: "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
	font-size: 75%;
	margin: 0;
	padding: 0;
}

#blip {
	float: left;
	margin: 0;
	padding: 0;
	width: 90px;
}


/* ------------>>> CONTENT <<<----------*/
#content .arti {
	border-bottom: 1px solid #dedede;
	margin: 0 0 10px 0;
	padding: 0px 0 10px 0;
}
#content .arti p {
	color: #777777;
	font: normal 1.25em "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
	line-height: 160%;
	margin: 0;
	padding: 5px 0 5px 0px;
	text-align: left;
	width: 550px;
}
#content .arti ol.LaDate {
	float: left;
	font: normal 0.75em "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
	line-height: 160%;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 5px 0px;
	text-align: left;
	width: 50px;
}
#content .arti img {
	border: 5px solid black;
	margin: 10px 0;
	width: 540px;
}
#content .arti span.superstrong {
	color: #000;
	font: bold 4.25em "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
	line-height: 100%;
	margin: 0;
	padding: 5px 0 5px 0px;
	text-align: left;
	width: 550px;
}
#content .arti blockquote p {
	color: #616165;
	font: italic 1.25em "Georgia", "Helvetica Neue", Sans-Serif;
	line-height: 1.8em;
	margin: 0 50px 0 50px;
	padding: 10px 20px;
	width: 460px;
}

.perm {
	font: normal 1em "Georgia", "Times New Roman", sans-serif;
}
.perm strong a {
	color: #F7F7F7;
}
.perm strong a:hover {
	color: #666666;
}
#info {
/*	background: url("images/navigate.jpg") top left no-repeat;*/
	float: left;
	margin: 0 0 0 715px;
	padding: 44px 0 0 0;
	position: absolute;
}
#info p {
	color: #777777;
	font: normal "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
	padding: 0px 0 20px 0;
	text-decoration: none;
}
#info a {
	border-left: 0px solid #CCCCCC;
	color: #666666;
	font: 0.75em normal "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
	line-height: 160%;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
#info a:hover {
	border-left: 0px solid #1380B9;
	color: #1380B9;
	border-bottom: 0px solid #CCCCCC;
}

#content {
	margin: 0px 0 0 125px;
	padding: 30px 0 0 0;
	width: 550px;
}
#content h2 {
	font: 1.5em "Georgia", "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
/*	text-shadow: black 1px 1px 1px; */
}
#content h2 a { color: #000000; text-decoration : none; } 
#content h2 a:hover { border: solid 0px #000000; color: #666666; text-decoration: none; } 
#content h2 a.headComments,
#content h2 a:active.headComments,
#content h2 a:visited.headComments { color: #CCCCCC; text-decoration: none; }
#content h2 a:hover.headComments { border: solid 0px #000000; color: #666666; text-decoration: none; }



#content ul.short {
	font: normal 0.75em 'Arial', Sans-Serif;
	line-height: 180%;
	list-style-type: none;
	margin: 40px 50px 40px 50px;
}
#content p a, #content ul.short a, #side ol li a, 
#content p a:visited, #content ul.short a:visited, #side ol li a:visited,
#content p a:active, #content ul.short a:active, #side ol li a:active {
	color: #1380B9;
	font: normal 'Arial', 'Georgia', Sans-Serif;
	text-decoration: none;
}
#content p a:hover, #content ul.short a:hover, #side ol li a:hover {
	border-bottom: 1px solid #CCCCCC;
}

/*#content blockquote p {
	margin: 0 0 0 50px;
	width: 450px;
}*/
#content blockquote p {
	color: #616165;
	font-family: 'Arial', 'Tahoma', Sans-Serif;
	font-style: italic;
	line-height: 1.8em;
	margin: 0 50px 0 50px;
	padding: 10px 20px;
	width: 460px;
}


#side {
	float: left;
	margin: 0 0 0 695px;
	padding: 30px 0 0 0;
	position: absolute;
	width: 195px;
}
#side h3 {
	font: bold 0.75em 'Arial', Sans-Serif;
	line-height: 160%;
	padding: 5px 0 0px 0;
}
#side ol {
	font: normal 0.75em 'Arial', Sans-Serif;
	list-style-type: none;
}
#side ol li {
	line-height: 160%;
}

/* ------------>>> FOOTEr <<<----------*/
#content p#footer {
	color: #999999;
	font-size: 0.625em;
	line-height: 180%;
	margin: 30px 0px 30px 0px;
	padding: 10px 0px 10px 0px;
	width: 550px;
}
#content p#footer a,
#content p#footer a:visited,
#content p#footer a:active {
	color: #666666;
	text-decoration: none;
	text-transform: none;
}
#content p#footer a:hover {
	text-decoration: none;
}
pre code {
	background: url("images/bg-screen.png") 0 0 repeat;
	border-left: 3px solid #dddddd;
	border-top: 1px dashed #cecece;
	border-bottom: 1px dashed #cecece;
	border-right: 1px dashed #cecece;
	color: #444444;
	display: block; 
	font: 12px 'Monaco', 'Courier New', Courier, monospace;
	padding: 24px;
	padding: 6px 10px 6px 10px;
	margin: 0 50px;
}
code {
	background: none;
	border: none;
	color: #444444;
	display: inline;
	font: 12px 'Monaco', 'Courier New', Courier, monospace;
	padding: 2px;
}
/**code {
	font: 1em 'Monaco', 'Courier New', Courier, monospace;
	padding: 24px;
}
code { padding: 1px; } 
pre code { 
	background: url("images/bg-screen.png") 0 0 repeat;
	display: block; 
	font: 1.5em 'Monaco', 'Courier New', Courier, monospace;
	overflow: auto;
	padding: 6px 10px 6px 10px;
}
**/
/* ------------>>> HEADERS <<<----------*/
h1 {
	background: #000000;
	color: #FFFFFF;
	font-family: normal 'Verdana', 'Tahoma', 'Arial', Sans-Serif;
	font-size: 1.25em;
	height: 30px;
	padding: 5px;
}
/*h3 {
	background: url("boxtop.jpg") no-repeat;
	color: #FFFFFF;
	font-family: bold 'Verdana', 'Tahoma', 'Arial', Sans-Serif;
	font-size: 14px;
	height: 26px;
	margin: 20px 50px 0 50px;
	padding: 8px 0 0px 10px;
	width: 500px;
}*/



/* ---------->>> SOME LISTING <<<--------*/
ul#list { list-style-type: disc; margin: 0 50px; padding: 10px 0; }
#content ul#list li { font: normal 0.75em 'Tahoma', Sans; line-height: 140%; }
#content ul#list li ul { list-style-type: none; padding: 10px; }
#content ul#list li ul li { font: italic 12px 'Tahoma', Sans; line-height: 140%; }
#content ul#list li ul li ul { list-style-type: none; padding: 10px; }
#content ul#list li ul li ul li { background: url("images/right.gif") left no-repeat; color: #FF0000; font: bold 12px 'Tahoma', Sans; line-height: 140%; padding: 0 0 0 18px; }

ol#list { list-style-type: lower-roman; margin: 0 50px; padding: 10px 0; }
#content ol#list li { font: normal 0.75em 'Tahoma', Sans; line-height: 1.8em; }
#content ol#list li ol { list-style-type: none; padding: 10px; }
#content ol#list li ol li {  font: italic 12px 'Tahoma', Sans; line-height: 140%; }
#content ol#list li ol li ol {list-style-type: none; padding: 10px;}
#content ol#list li ol li ol li {background: url("images/right.gif") left no-repeat; color: #FF0000; font: bold 12px 'Tahoma', Sans; line-height: 140%; padding: 0 0 0 18px; }



.navigation {
	color: #9d9c9c;
	font: normal .9em "Georgia", "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
}
.navigation a {
	color: #9d9c9c;
	text-decoration: none;
}
.navigation a:hover {
	color: #cc3300;
}
.alignleft { float: left; }
.alignright { float: right; }

/**/
h3.cHead {
	color: #999;
	font: normal 1.5em "Georgia", "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
	margin: 15px 0 15px 0px;
	padding: 0px;
	text-transform: uppercase;
	width: 550px;
}
h3.cHead a { color: #999999; text-decoration : none; } 
h3.cHead a:hover { color: #cc3300; text-decoration: none; } 
h3.cHead a em {
	font-size: 1.125em;
	font-style: italic;
}
.commentWrap {
	margin: 0;
	padding: 0;
}
.commentWrap .response {
	margin: 20px 0 20px 0;
}
.commentWrap .response p {
	color: #777777;
	display: inline;
	font: normal 1.25em "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
	line-height: 140%;
	margin: 0;
	padding: 5px 0px;
	text-align: left;
}
.commentWrap .response p a, .commentWrap .response p a:active{
	color: #1380B9;
	font: normal 1em "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
}

.commentWrap .response p a:hover {
	border-bottom: 1px solid #CCCCCC;
}
.commentWrap .response p.wait {
	color: #cc3300;
	display: block;
	font: italic 1em "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
	line-height: 140%;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Comment Author */
h4 {
	display: inline;
	font: normal 1.25em "Georgia", "Times New roman", Sans-Serif;
	margin: 20px 2px 0px 0;
}
h4 a { color: #444444; text-decoration : none;} 
h4 a:hover { color: #cc3300; text-decoration: none; } 

/* Comment Form */
.allowed {
	font: normal 0.75em "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
}
#commentform {
	border-bottom: solid 1px #DEDEDE;
	margin: 0;
	padding: 0 0 20px 0;
}
#commentary h3 {
	margin-bottom: 0;
}
#commentform textarea {
	color: #444444;
	width: 550px;
	height: 10em;
	margin: 5px 0px 5px 0px;
	background: #ffffff;
	border: 1px solid #c3c3c3;
	border-top-color: #7c7c7c;
	border-bottom-color: #ddd;
}
#commentform table {
	width: 550px;
	margin: 0 0px 0.5em 0px;
}
#commentform td {
	width: 30%;
	padding-right: 2%;
}
#commentform table td.last-child {
	width: 10%;
	padding-right: 0;
}
#commentform table em {
	color: #939288;
	font-style: normal;
}
#commentform table label {
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-size: 0.75em;
	display: block;
	height: 2em;
	line-height: 2em;
	clear: both;
}
#commentform table input {
	color: #444444;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #c3c3c3;
	border-top-color: #7c7c7c;
	border-bottom-color: #ddd;
}
#commentform table input#submit {
	color: #FFFFFF;
	cursor: pointer;
	width: 100%;
	background: #CC3300;
	border: 1px solid #ffffff;
}
#commentform table input#submit:hover {
	color: #FFFFFF;
	cursor: pointer;
	background: #000000;
}

#commentform input, #commentform textarea {
	font: 1em "Courier New", "Arial", sans-serif;
}
#commentform input#submit {
	font: 1em "Georgia", "Courier New", "Arial", sans-serif;
}

#loggedin {
	margin: .5em 0;
}