/*

Theme Name: Stephen
Theme URI: http://stephenwoicik.com
Description: 
Version: 3.0

*/

/* body
--------------------------------------------------*/
body {}
* {margin:0; padding:0;}
code {font:120% "Courier New", "Lucida Console", Arial;}
@font-face {font-family: Josefin Sans Std Light; src: url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);}

#index_main {background-image: url('images/stephen.png'); background-position:top center; background-repeat:no-repeat;}
#index_main h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:150px; color:#FFF; background:#000; padding:10px 20px 10px 20px; margin-left:50px; margin-top:40px; display:inline-block; font-style:italic;}
.title {float:left;}
.simple {width:100%; font-family:Arial, Helvetica, sans-serif; text-align:right; position:relative; display:block; float:right; padding-right:10px; font-size:36px; margin-top:-60px;}

#index_blog {font:62.5%/1.6em arial, verdana, geneva, sans-serif; margin:0; max-width:1700px; background-image:url('images/garage.jpg'); background-position:bottom center; background-repeat:no-repeat; background-attachment:fixed; background-color:#111;}

/* header
--------------------------------------------------*/
#header {border-top:30px solid #fff;}
#header .description {float:right; color:#333; margin:45px 0 0;}
#header h1 {border-bottom:3px solid #EFF8FB; margin:15px 0 0; padding:25px 25px 40px 0;}
#wrapper {width:760px; margin:0 auto;}

/* header h1 (blogtitle)
--------------------------------------------------*/
#header h1 {font-family:"Lucida Grande", "Lucida Sans Unicode", "Times New Roman", Times, serif; font-size:3.8em; font-weight:400; color:#333; letter-spacing:-1px; margin:20px 0;}
#header h1 a {text-decoration:none; color:#333;}

/* navigation
--------------------------------------------------*/
#nav {text-align:left; list-style:none; font-size:20px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; width:180px; overflow:hidden; position:fixed; margin-left:520px; }
#nav li {line-height:35px; padding:0px 4px 0px 4px; margin: 0px 0px 5px 0px; border:1px solid #000; overflow:hidden; background:#000; border-bottom-right-radius:6px;}
#nav a {color:#FFF; text-decoration:none;}
#nav a:hover {color:#3CF;}

.clear {clear:both;}

/* content
--------------------------------------------------*/
#content {padding:50px 20px 10px 20px; width:500px; margin:0 auto;}
#content_page {padding:50px 20px 10px 20px; width:500px; margin:0 auto;}

/* blockquote + links
--------------------------------------------------*/
blockquote {background:#eaeaea; border:1px solid #ccc; margin:10px 0; padding:5px 15px; font-size:inherit;}
.blockquote p {font-size:18px;}
a:hover {color:#3CF; text-decoration:none;}
a.more {display:block; text-align:right; color:#2F460D; text-decoration:none; margin:10px 0 0;}
a.more:hover {text-decoration:none;}

/* metadata under post
--------------------------------------------------*/
div.post {margin:0 0 20px 0; padding:10px; background:#eaeaea;}
div.post p {line-height:20px; font-size:120%; word-spacing:1px; margin:15px 0; color:#000; text-align:justify;}
div.post a {text-decoration:none; color:#999; /*color:#00AEEF*/}
div.post a:hover {color:#3CF;}
div.post h2 {font-family: 'Josefin Sans Std Light', arial, serif; font-size:2.8em; font-weight:700; border-bottom:1px solid #999; line-height:30px; padding:5px 0; text-align:left; color:#000; font-size:28px; line-height: 1em;}
div.post h2 a {text-decoration:none; border:none; color:#000;}
div.post h2 a:hover {text-decoration:none; border:none; color:#333;}
div.post img {background:none; max-width:480px; border:none;}

.post h1 {font:3em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS; color:#222; margin:10px 0;}
.post h3 {font:2em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS; color:#222; margin:10px 0;}
.post h4 {font:1.8em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS; color:#222; margin:10px 0;}
.post h5 {font:1.6em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS; color:#222; margin:10px 0;}

.post ul,ol {font-size:120%; margin:10px 10px 10px 25px;}

div.post img {background:none; max-width:480px}
.post .info p {font-size:1.2em; color:#CCC; padding:2px 3px 3px 3px; margin: 0px 0;}
.post .info a {color:#999;}
.post .info a:hover {color:#3CF;}
.date {margin: 0 0 15px 0;}
.post small {margin-top:25px;}

div.category-quote h2 {font-family: 'Josefin Sans Std Light', arial, serif; font-size:2.8em; font-weight:700; line-height:30px; padding:10px 0px 0px 0px; text-align:left; color:#000; font-size:28px; line-height: 1em; border:none;}
div.category-quote {/*border:2px solid #111;*/}
div.category-quote .info {display:none;}
div.category-quote p {/*text-align:right;*/ padding:0px; margin-bottom:0px;}


/* metadata sidebar ('about this post')
--------------------------------------------------*/
p.news {background:/*#eaeaea*/ #f0f0f0; color:#333; font-size:120%; border:1px solid #f0f0f0; margin:0px 0 28px; padding:10px; line-height:22px; border-bottom-left-radius:6px;}
.twitter {background-image:url('images/twitter-2.png'); padding-left:33px; background-repeat:no-repeat; font-size:12px;}
.twitter a {color:#3CF;}
.twitter a:hover {}
p.pagetitle {background:/*#eaeaea*/ #f0f0f0; color:#333; font-size:120%; border:1px solid #f0f0f0; margin:0px; padding:10px; line-height:22px; border-bottom-left-radius:6px;}
.moretext {padding-top:10px;}

/* sidebar
--------------------------------------------------*/
#sidebar {width:200px; margin-left:-220px; margin-top:0px; overflow:hidden; position:fixed;}
#sidebar ul {list-style:none;}
#sidebar ul li {background: #f0f0f0; color:#333; font-size:120%; border:1px solid #f0f0f0; margin:0px 0 15px; padding:10px; line-height:22px; border-bottom-left-radius:6px; 	-moz-border-radius-bottomleft:6px;}
#sidebar h2 {color:#000; font-size:20px; padding-bottom:5px;}
#search {margin-top:250px; position:fixed; right:7px;}
#searchform input{border-right:none;}
#sidebar input {width:98px; background:#fff; color:#444; border:1px solid #333; font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS; padding:3px; border-right:none;}
#sidebar input:focus {background:#fff; border:1px solid #eee;}

/* some input
--------------------------------------------------*/
input {border:1px solid #CCC; font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS; padding:3px;}
input:hover {/* border:1px solid #262626; */}
input:focus {/* border:1px solid #262626; */ color:#333;}
#sidebarsubmit {color:#FFF; background:#3CF; border:#3CF 1px solid; float:right; padding-left:2px; padding-right:2px;}
#searchsubmin input {width:50px;}
#sidebarsubmit:hover {color:#000;}

/* comments
--------------------------------------------------*/
#comments_all {background:#eaeaea; padding:10px;}
#comments_all ol {list-style:none;}
#comments {font-size:1.0em;}
.comment_name {padding-bottom:0px; font-size:14px; font-weight:bold; margin:0px;}
.comment_text {margin:0 0 10px 0; padding-right:10px; background:#eaeaea;}
.comment_text p {line-height:18px; word-spacing:1px; margin:15px 0;}
ol.commentlist li {margin: 0 0 15px 0; border-bottom:1px dotted #999;}
#commentlist {}
#commentlist li {margin-bottom:1.5em; padding-bottom:1em;}
#commentform {width:350px; text-align:left; margin:0 0 15px 0;}
#commentform textarea {background:#f8f7f6; border:1px solid #d6d3d3; width:480px; font: 13px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;}
#commentform #email,#commentform #author,#commentform #url {font-size:1.1em; background:#f8f7f6; border:1px solid #d6d3d3; width:350px;}
#commentform input {margin-bottom:3px;}

/* wp stuff
--------------------------------------------------*/
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left; padding:0px 10px 10px 0px; }
.alignright {float:right; padding:0px 0px 10px 10px;}
.navigation {text-align:center; font-size:120%;}
.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding:4px 0 0 0; margin:10px;}
.wp-caption img {border:0 none; margin:0; padding:0;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; text-align:center;}
#header h1 a:hover,#footer a:hover {text-decoration:none; color:#333; background:#EFF8FB;}
#content2 li {border-bottom:1px solid #EFF8FB; padding:10px;}
a,#sidebar li a,#footer a {color:#999; text-decoration:none;}
.gallery {margin: 0 auto;}
.gallery .gallery-item {float: left; margin-top: 0; text-align: center;}
.gallery img {border: 2px solid #cfcfcf;}
.gallery .gallery-caption {color: #888; font-size: 12px; margin: 0 0 12px;}
.gallery dl {margin: 0;}
.gallery img {border: 10px solid #f1f1f1;}
.gallery br+br {display: none;}
.attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto;}

/* footer
--------------------------------------------------*/
#footer {color:#333; margin:0px; text-align:center; padding:10px;}
#footer p {color:#999; font-size:10px; line-height:12px; padding:0px; margin:0px;}

/* Misc 
--------------------------------------------------*/
.view {text-align:right;}
.bigtxt {z-index:-1000; filter:alpha(opacity=80); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; margin-top:30px; position:fixed;}
.bigtxt h1 {font-family:Arial, Helvetica, sans-serif; font-size:260px; color:#000;}
q {font-size:20px; line-height:28px; font-weight:normal;}