/*
Theme Name: Typical
Description: Justinleavitt.com V8
Version: 1.0
Designer: Justin Leavitt

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/



/*-----------------------------
GLOBAL CODES
-----------------------------------------------------------------*/

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. 
Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }

.alignleft { float:left }

.alignright { float:right }

.clearfix {
	display:block;
}


* {
  margin:0;
  padding:0;
  outline:none;
}


body {
	margin:0 0 20px 0;
	padding:0;
	font-size:75%; /* Resets 1em to 10px */
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,Tahoma,sans-serif;
	color:#333;
	background:#edf1fa url('images/gradient.gif') repeat-x;
	
}


h2 {
	margin:0;
	font-weight:normal;
	font-size:12px;
	line-height:1.5em;
	/*text-transform: uppercase;*/
}


h3 {
	margin-bottom:12px;
	font-size:20px;
	font-weight:normal;
}


p {
	padding:0;
	margin:0;
}


a {
	font-weight:normal;
	text-decoration: none;
	color:#425CAA;
}


/*-----------------------------
STRUCTURE
--------------------------------*/
#page {
	width:900px;
	height:auto;
	padding-left:100px;
	text-align:left;
}


#header {
	width:600px;
	height:62px;
	margin-bottom:40px;
	padding:0;
	margin-bottom:100px;
	/*background: #fff url('images/header.gif') no-repeat;*/
}


#logo {
	float:left;
	width:181px;
	height:123px;
	margin-left:-20px;
	background:url('images/logo.png') no-repeat;
}


#tweet {
	padding-top:30px;
	padding-bottom:100px;
	font-size:14px;
	font-size:12px;
	color:#333;
}


#tweet img {
	border:none;
}


#site-title {
	width:335px;
	height:76px;
	margin-left:159px;
	padding-bottom:7px;
	background:url('images/web-title.png') no-repeat;
}


.status {
	display:block;
	width:400px;
	margin-left:159px;
	font-size:14px;
	color:#5e6979;
}


#content {
	float:left;
	width:600px;
	padding: 0;
	margin:0;
	line-height:1.3em;
	position:relative;
}

.h1 {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1em;
	text-transform:uppercase;
  font-size: 40px;
	margin: 0;
	display:block;
	width:550px;
	padding:0;
	margin-bottom:-20px;
}

.h2 {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1em;
  font-size: 28px;
	margin: 0;
	display:block;
	width:550px;
	padding:0;
	margin-bottom:-20px;
}

.date {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1em;
  font-size: 26px;
	margin: 0;
}


#sidebar {
	float:right;
	position:relative;
	width:300px;
	line-height:1.5em;
}


hr {
	display: block;
	}

/*-----------------------------
	SINGLE POSTS
---------------------------------*/
.single {}


.line {
	border-top:1px solid #ccc;
	border-bottom:1px solid #999;
}


.single h2, .page h2 {
	font-size:18px;
	margin:0;
}


.single-entry {
	height:auto;
	padding: 30px 45px 0 30px;
	font-size:14px;
	line-height:1.6em;
	background: url('images/single-bg.png') repeat-y;
}

.single .single-entry p:first-child {
	font-weight:bold;
	font-size: 14px;
}

	
.single-entry p {
	padding-bottom:15px;
}


.single-title {
	width:600px;
	height:131px;
	padding:30px 0 0 30px;
	margin:0;
	background:url('images/single-title-bg.png') no-repeat;
}


.single-entry-bottom {
	width:600px;
	height:18px;
	background:url('images/single-bottom.png') no-repeat;
	clear:both;
}


.single-date {
	padding-bottom:50px;
	font-size:22px;
	font-weight:bold;
}


#left {
	float:left;
	width:250px;
	height:auto;
}


#right {
	float:right;
	width:250px;
	height:auto;
}


.postmetadata {
	clear:both;
}

blockquote {
	margin-bottom:15px;
	padding:15px;
	font-weight:normal;
	border-left:1px solid #fff;
}


.single ul, .page ul{
	padding-bottom:10px;
	padding-left:15px;
	list-style-image: url(/wp-content/themes/typical/images/bullet.gif);
}

/*-----------------------------
	COMMENTS
---------------------------------*/

#panel {
	display:none;
}

.comments{
	clear:both;
	margin-left:10px;
}


#comments-header {
	height:41px;
	margin-top:10px;
}


.comments h3 {
	margin: 0;
	padding-top:10px;
	font-size: 20px;
}


.says{display:none;}


.alt {
	margin:0;
	padding:10px;
}


.commentlist {
	padding:0;
	font-size:11px;
}
	

.commentlist ol {
	margin:0;
	padding:0;
}


.commentlist li {
	float:left;
	width:525px;
	margin:10px 0;
	padding:15px 20px 0 20px;
	list-style-type: none;
	background:#dee2ee;
	border-top:1px solid #ccc;
	border-bottom:1px solid #f3f4f8;
	border-left:1px solid #ccc;
	border-right:1px solid #f3f4f8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	
	
.comment-text {
	float:left;
	width: 540px;
	height: 100%;
	padding: 0 0 0 30px;
	font-size: 95%;
}


.commentlist p {
	padding-bottom: 15px;
	line-height:1.6em;
}


.children {padding: 0;}


#commentform p {}


.nocomments {
	margin: 0;
	padding: 0;
	text-align: center;
}

	
.author {
	float:left;
	width: 104px;
	height: 100%;
	padding-left: 35px;
	/*margin-top: -35px;*/
	line-height: 1.5em;
}


.commentmetadata {
	padding-bottom:5px;
}

	
.commentmetadata p {
	padding:0 0 10px 0;
}


.comment-author {
	font-size:18px;
	font-style:normal;
	padding-bottom:5px;
}


.comment-author p {
	padding:0;
}


.comment-author a {
	background:none;
}


#respond {
		clear:both; 
		padding-top:20px;
}


#form {
	width:400px;
	padding-top:30px;
}


#form textarea {
	padding:5px 5px;
}

#form input {}


input {
	/*background:url(/wp-content/themes/typical/images/form-grad.gif);*/
	padding:3px 5px;
	border:1px solid #ddd;
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


textarea {
	border:1px solid #ddd;
	/*background:url(/wp-content/themes/typical/images/form-grad.gif) repeat-x;*/
	background-color: #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


form p {position:relative}

label  { 
	position:absolute; 
	top:0; 
	left:0;
	padding-left:6px;
	font-size:12px;
}


#form #submit {
	border:1px solid #fff;
}


/*-----------------------------
	SIDEBAR
---------------------------------*/

#sidebar li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
}

#sidebar p {
	padding-bottom:15px;
}

#searchsubmit {
	background-image:url(images/button_small.png);
	background-repeat:no-repeat;
	border-width:0;
	color:#444444;
	cursor:pointer;
	font-size:13px;
	height:24px;
	margin-left:6px;
	margin-top:3px;
	padding:2px;
	width:58px;
}

.screen-reader-text {
	display:none;
}


/*-----------------------------
	FOOTER
---------------------------------*/

#footer {
	bottom:0;
	background:url(images/footer_bg.png);
	height:72px;
	display:block;
	height:50px;
	left:0;
	position:fixed;
	width:100%;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	z-index:999990;
}

#subfooter {
	color:#A5ADC7;
	font-size:12px;
	text-shadow:0 1px #FEFFFE;
	clear:both;
	height: 30px;
	width:600px;
	margin: 0 0 100px 0;
	padding: 15px 0 0 0;
}

#subfooter a {
	background:none;
	font-weight:bold;
}


#fcontainer {
	/*margin: 0 auto;*/
	height: 50px;
	width: 830px;
	padding: 5px 0 0 80px;
	text-align: left;
}

#fcontent {
/*margin-left:-10px;*/
overflow:visible;
}

#footer-logo {
	float:left;
	height:35px;
	padding-top:5px;
	width:190px;
}

#footer-logo img {
	border:none;
}


#footernav {
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	margin:0;
	padding-top: 15px;
}


#footernav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#footernav li {
	/*background: url('images/triangle.gif') no-repeat top right;*/
	height: 20px;
	float: left;
}

#footernav li a {
	color:#333;
}

#footernav li a:hover {
	color:#fff;
}

#home {
	width: 56px;

}

#home:hover {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #333;
	width: 56px;
}

#journal {
	color:#333;
	width: 65px;
}

#journal:hover {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color:#fff;
	background: #333;
	color:#fff;
}

#work {
	color:#333;
	width: 55px;
}

#work:hover {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #333;
	color:#fff;
}

#contact {
	width: 70px;
	margin-right: 2px;
}

#contact:hover {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #333;
	color:#fff;
}

#about {
	width: 64px;
}

#about:hover {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #333;
	color:#fff;
}

#footernav li span {
	padding-left:10px;
}
/*
#footernav li.first a {
padding:5px 10px 5px 0;
background:none;
text-transform: uppercase;
}*/

#subnav {
	float:right;
}

#copyright {
	float:left;
}

/* Dropdown */
#cssdropdown, #cssdropdown ul {
	float: right; 
	padding-top: 10px;
	list-style: none; 
}

#cssdropdown li.headlink { 
	width: 115px;
	height:24px; 
	float: left; 
	text-align: left; 
/*padding:5px 3px 5px 10px;*/
	text-transform: uppercase;
	background: #000 url('images/subscribe.gif') no-repeat;
}

#cssdropdown li.headlink span { 
visibility:hidden;
}
	
#cssdropdown li.headlink a { 
	background:none;
}

#cssdropdown li.headlink ul { 
	width:115px;
	font-size:10px;
	display: none; 
	border-top: 1px black solid; 
	text-align: left; 
	bottom:40px;
	position:absolute;
	background: #000; 
}
	
#cssdropdown li.headlink:hover ul { 
	display: block; 
}
	
#cssdropdown li.headlink ul li a { 
	padding: 5px; 
	height: 17px; 
	display: block; 
}

#cssdropdown li.headlink ul li a:hover { 
	background-color: #333; 
}
	
#cssdropdown a { 
	color: #fff; 
} 

#cssdropdown ul li a:hover { 
	text-decoration: none; 
}

/* ARCHIVE
-----------------------------------*/
.navigation {
	padding-top:20px;
	clear:both;
}
.title {
	clear:both;
	/*float: left;*/
	padding: 0 20px 0 0;
	font-size:18px;
}

#archive-content {
	clear:both;
}

.archive-title {
	clear:both;
	height:18px;
	margin: 0;
	background: url('images/single-top.png') no-repeat;
}
	
.post {
/*	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:11px;
	-moz-border-radius-bottomright:11px;
	-moz-border-radius-topleft:11px;
	-moz-border-radius-topright:11px;
	-moz-box-shadow:0 4px 18px #C8C8C8;
	background:#fff;*/
	line-height:1.8em;
}

.archive-entry {
	clear:both;
	background: url('images/single-bg.png') repeat-y;
	padding: 0 25px;
	overflow:hidden;
}
.archive-bottom {
	height:18px;
	clear:both;
	background: url('images/single-bottom.png') repeat-y;
	z-index:-1;
}
.post.first {}
	
#archive-h2 {
	font-size: 14px;
}

#archive h2 a {
	color:#fff;
	background: none;
}
	
.excerpt {
	clear:both;
	/*float: left;*/
	padding: 0 9px 5px 0;
	font-size:12px; 
}

.postdate {
	clear:both;
	font-size: 13px;
	margin: 0 0 8px;
}
		
.commentcount {
	float:left;
}

.archive-more {
	float:right;
	margin-bottom:-30px;
	padding:0;
	/*width:46px;
		height:46px;*/
		/*background: url('images/more.png') no-repeat;*/
		/*display:block;*/
		/*padding: 50px 0 0 20px;*/
	  z-index:999990;
			position: relative;
			right:19px;
			bottom:50px;
}

.archive-more img {
	border:none;
}

/* LIFESTREAM
-----------------------------------*/
#lifestream {
	width: 600px;
	height: 100%;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,Tahoma,sans-serif;
	font-size:20px;
	line-height:1.5em;
	color:#5C6168;
}

#lifestream h1 {
	display:block;
	font-weight: normal;
	float:left; 
	text-transform: uppercase;
	width:283px;
	height:31px;
	font-size: 15px;
	padding:11px 0 0 18px;
	color:#fff;
	
}

.lf-title {
	width:283px;
	height:31px;
	padding:20px 0 0 20px;
}

.lifeitem {
	width:283px;
	height:260px;
	margin:0 12px 12px 0;
	background: url('images/lifeitem_back.png') no-repeat;
	float: left;
	padding:0;
	overflow: hidden;
}

.lf-blog a {
	font-size:20px;
	font-weight:normal;
	text-decoration: none;
}

.lifeitem-twitter {
	display:none;
}

.lifeitem p {
	font-size:16px;
	padding: 0 18px 0 18px;
}

.lf_pic {
	display:none;
/*	width:266px;
	height:137px;
	padding-left:4px;
	margin-bottom:20px;*/
}

.lf_date{
/*	color:#fff;
	padding:11px 0 0 0;*/
	padding:0 0 0 20px;
}

.spacer {
	height:50px;
}