/* 
	Theme Name: Life of Justin
	Theme URL: http://www.lifeofjustin.com
	Description: Life of Justin Theme.
	Author: ZoopMedia
	Author URI: http://www.zoopmedia.com
	Version: 3.0
	
*/

@import url(http://fonts.googleapis.com/css?family=Cantarell:regular,italic,bold,bolditalic);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular,bold);

body {
background : #111;
width : 980px;
color : #111111;
font-size : 14px;
font-family: Cantarell, georgia,"Helvetica Neue", helvetica,Arial,"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;	
margin : 0 auto 0;
padding : 0;
}
#wrap {
background : url(http://www.lifeofjustin.com/wp-content/uploads/2010/02/new_back.png) repeat;
width : 980px;
margin : 0 auto 0;
padding : 0;
position : relative;
}
a, a:visited {
color : #f46506;
text-decoration : none;
}
a:hover {
color : #f46506;
text-decoration : underline;
}
a img {
border : none;
}
a:focus, a:hover, a:active {
outline : none;
}

#header {
width : 960px;
height : 90px;
color : #ffffff;
font-size : 0.9em;
margin : 0 0 0 10px;
padding : 0 0 0 0;
overflow : hidden;
}
.headerleft {
width : 524px;
float : left;
}
.headerleft a img {
border : none;
margin : 0;
padding : 15px 0 0 10px;
}
.headerright {
width : 436px;
float : right;
font-size : 16px;
font-family: Cantarell, georgia,"Helvetica Neue", helvetica,Arial,"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;	
color : #ffffff;
font-weight : bold;
text-transform : lowercase;
}

.headerright ul {
list-style : none;
margin : 0;
padding : 0;
}
.headerright li {
float: right;
list-style : none;
margin : 0px 0px 0px 18px;
}

.headerright li a {
color : #fff;
text-decoration : none;
display: block;
margin: 0 0px 0 0;
padding: 15px 0px 0px 0px;
}

.headerright li a:hover {
color : #fff;
text-decoration : none;
border-bottom: 2px solid #02a1dc !important;
}

#headerimage {
width : 582px;
height : 211px;
padding : 0 0 0 10px;
float: left;
}

#booksection {
background: #ff6600 url('images/bookbg.png') no-repeat;
width : 378px;
height : 211px;
margin : 0px 10px 0px 0px;
padding : 0;
float: right;
}

#headerbookfloat img {
position: absolute;
top: -245px;
left: 535px;
	}

#headerbook {
width : 210px;
float: right;
margin : 0;
padding : 0;
position: absolute;
top: -54px;
left: 750px;
}

#headerbook p {
color: #ffffff;
font-size: 17px;
margin: 0px;
padding: 0px;
font-weight: bold;
text-transform: uppercase;
font-family: Cantarell, georgia,"Helvetica Neue", helvetica,Arial,"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;	
}

#headerbook p a {
color: #fff;
padding: 6px 12px 6px 12px;
background: #02a1dc;
font-weight: bold;
text-decoration: none;
border: 1px solid #333;
}

#headerbook p a:hover {
color: #333;
padding: 6px 12px 6px 12px;
background: #b8e7f9;
font-weight: bold;
text-decoration: none;
}

#content {
width : 955px;
margin : 0 auto 0;
padding : 10px 0 0 5px;
line-height : 1.6em;
}
#content h1 {
color : #18130e;
font-size : 45px;
font-weight : bold;
line-height : 50px;
font-family: 'Yanone Kaffeesatz',gill sans,"Helvetica Neue", "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
margin : 0 0 9px 0;
padding : 7px 0 6px 0;
}
#content h1 a, #content h1 a:visited {
color : #18130e;
text-decoration: none;
}
#content h1 a:hover {
color : #ff6600;
text-decoration : none;
}
#content h2 {
	color: #333333;
	font-size: 34px;
	font-weight: bold;
font-family: 'Yanone Kaffeesatz',gill sans,"Helvetica Neue", "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	padding: 1px 0px 0px 0px;
	}
#content h3 {
color : #222222;
font-size : 26px;
font-family: 'Yanone Kaffeesatz',gill sans,"Helvetica Neue", "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
padding : 0 0 4px 0;
margin: 12px 0px 5px 0px;
line-height: 32px;
}
#content h4 {
font-size : 15px;
color : #111111;
font-weight : bold;
margin : 0 0 6px 0;
padding : 10px 0 0 0;
}
#content h6 {
font-size : 13px;
text-align : right;
margin : -6px 0 0 0;
padding : 0 0 9px 0;
font-weight : normal;
}
#content img.wp-smiley {
float : none;
border : none;
margin : 0;
padding : 0;
}
#content img.wp-wink {
float : none;
border : none;
margin : 0;
padding : 0;
}
#contentleft {
float : left;
width : 600px;
margin : 0;
padding : 0 0 20px 0;
}
#contentleft img {
border : 0;
}
blockquote {
margin : 5px 25px 7px 25px;
padding : 14px 40px 5px 52px;
border-width : 0;
border-style : solid;
border-color : #cfcfcf;
background-color : #ffffff;
background-image : url(http://www.lifeofjustin.com/wp-content/themes/lifeofjustin2/images/blockquote.png);
background-repeat : no-repeat;
background-position : left top;
}
#content blockquote p {
margin : 0;
padding : 0 0 15px 0;
}
#content a, a:visited {
color : #f46506;
text-decoration : underline;
}
#content a:hover {
color : #f46506;
text-decoration : none;
}
.postarea {
background : #ffffff;
float : left;
width : 590px;
margin : 0 0 10px 10px;
padding : 2px 3px 5px 7px;
}
.postarea p {
margin : 0;
padding : 0 0 13px 0;
}
.postarea ul {
list-style-type : none;
margin : 0;
padding : 0 0 0 5px;
}
.postarea ul li {
list-style-type : circle;
padding : 0 0 8px 3px;
margin : 0 0 0 25px;
}
.postarea ul ul {
list-style-type : circle;
margin : 0;
padding : 0 0 10px 20px;
}
.postarea ol {
margin : 0;
padding : 0 0 15px 0;
}
.postarea ol li {
margin : 0 0 0 20px;
padding : 0;
}

.archive {
float : left;
width : 275px;
margin : 0;
padding : 0 0 20px 0;
}
.comments {
background : #ffffff;
float : left;
width : 590px;
margin : 0 0 10px 0;
padding : 10px;
}
#contentwide {
float : left;
width : 940px;
margin : 0;
padding : 0 0 10px 0;
}
.postareawide {
background : #ffffff url(images/fullwidthtop.png) no-repeat top;
float : left;
width : 920px;
margin : 0;
padding : 10px;
border : 1px solid #dddddd;
}
.postareawide p {
margin : 0;
padding : 0 0 15px 0;
}
.postareawide ul {
list-style-type : square;
margin : 0;
padding : 0 0 15px 0;
}
.postareawide ul li {
list-style-type : square;
margin : 0 0 0 20px;
padding : 0;
}
.postareawide ul ul {
list-style-type : square;
margin : 0;
padding : 0 0 0 0;
}
.postareawide ol {
margin : 0;
padding : 0 0 15px 0;
}
.postareawide ol li {
margin : 0 0 0 20px;
padding : 0;
}
.breadcrumbwide {
float : left;
width : 920px;
font-size : 11px;
margin : 0 0 20px 0;
padding : 0 0 3px 0;
border-bottom : 1px solid #dddddd;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
padding : 0;
}
img.alignnone {
padding : 0;
margin : 0 0 0 0;
display : inline;
}
img.alignright {
padding : 0;
margin : 0 0 10px 10px;
display : inline;
}
img.alignleft {
padding : 0;
margin : 0 10px 10px 0;
display : inline;
}
.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
}
.alignright {
float : right;
margin : 0 0 10px 10px;
}
.alignleft {
float : left;
margin : 0 10px 10px 0;
}
.wp-caption {
border-top : 1px solid #dddddd;
border-left : 1px solid #dddddd;
border-bottom : 1px solid #dddddd;
border-right : 1px solid #dddddd;
text-align : center;
background-color : #ebebeb;
padding : 6px 0 5px 0;
margin: 0px auto 15px auto;
width: 580px;
}
.wp-caption img {
margin : 0 0 4px 0;
padding : 0;
border : 0;
}
.wp-caption p.wp-caption-text {
margin : 0;
padding : 4px 0 4px 0;
font-size : 10px;
font-weight : normal;
line-height : 14px;
}
#sidebar {
float : right;
width : 320px;
font-size : 13px;
margin : 0;
padding : 0 0 10px 0;
display : inline;
}
#sidebar h2 {
color : #fff;
background: #02a1dc;
font-weight : normal;
font-size : 18px;
margin : 0px 0 5px 0px;
padding : 5px 0 3px 9px;
text-transform: uppercase;
}

#sidebar p {
margin : 0;
padding : 0 0 0 5px;
}
#sidebar ul {
list-style-type : none;
margin : 0 0 0 0;
padding : 0;
}
#sidebar a, a:visited {
color : #f46506;
text-decoration : underline;
}
#sidebar a:hover {
color : #f46506;
text-decoration : none;
}
#sidebar ul li {
list-style-type : none;
margin : 0 0 5px 0;
padding : 0;
}
#sidebar ul ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#sidebar ul li li {
list-style-type : circle;
padding : 0 0 5px 3px;
margin : 0 0 0 10px;
}
#sidebar ul li ul li {
list-style-type : circle;
padding : 0 0 5px 3px;
margin : 0 0 0 15px;
}

.topics {
float : right;
width : 315px;
font-size : 13px;
margin : 0 0px 5px 0px;
padding : 3px 0px 5px 0px;
}

.topics h2 {
color : #fff;
background: #02a1dc !important;
}

.topics ul li a, .topics ul li a:visited {
list-style-type : none;
margin : 0 0px 5px 0px;
padding : 3px 0px 3px 8px;
display: block;
font-weight: normal;
font-size: 13px;
font-weight: normal;
color: #333 !important;
text-decoration: none !important;
background: #EEEDED;
}

.topics ul li a:hover {
background: #b8e7f9;
display: block;
margin : 0 0px 5px 0;
padding : 3px 0px 3px 8px;
}

.widgetarea {
float : right;
width : 315px;
font-size : 15px;
margin : 0 0px 10px 0;
padding : 3px 0px 5px 0px;
}
.widgetarea a img {
margin : 4px;
padding : 4px;
border : 1px solid #dddddd;
}

.widgetarea a:hover img {
margin : 4px;
padding : 4px;
background: #b8e7f9;
border : 1px solid #dddddd;
}

#footer {
width : 960px;
height : 30px;
margin : 0 10px 0 10px;
padding : 0;
text-align : left;
}
#footer p {
color : #ffffff;
float : left;
font-size : 11px;
margin : 0;
padding : 9px 0 0 15px;
}
#footer a, #footer a:visited {
color : #ffffff;
text-decoration : underline;
}
#footer a:hover {
color : #ffffff;
text-decoration : none;
}
#footer .woolink {
float : right;
margin : 0 15px 0 0;
font-weight : normal;
}
#footer .woolink img {
vertical-align : middle;
}
#searchform {
margin : 0 0 0 0;
padding : 0 0 0 0;
overflow : hidden;
display : inline;
}
#searchbox {
background : #eeeeee !important ;
width : 220px;
color : #202020;
font-size : 12px;
color : black;
margin : 0;
padding : 4px 0 3px 5px;
border-top : 1px solid #dddddd;
border-right : 1px solid #666666;
border-left : 1px solid #dddddd;
border-bottom : 1px solid #666666;
display : inline;
}

#subscribe {
margin : 0;
padding : 5px 0 0 0;
overflow : hidden;
}
#subbox {
background : #eeeeee !important ;
width : 250px;
color : #202020;
font-size : 12px;
font-weight : normal;
margin : 5px 0 0 0;
padding : 3px 0 3px 5px;
border-top : 1px solid #666666;
border-right : 1px solid #dddddd;
border-left : 1px solid #666666;
border-bottom : 1px solid #dddddd;
display : inline;
}
#subbutton {
background : #555555 url(images/topnav.png);
color : #ffffff;
font-size : 11px;
margin : 0 0 0 7px;
padding : 3px 3px 2px 3px;
font-weight : bold;
border-top : 1px solid #dddddd;
border-right : 1px solid #666666;
border-left : 1px solid #dddddd;
border-bottom : 1px solid #666666;
}
#author, #email, #url {
background : #eeeeee !important ;
width : 250px;
color : #202020;
font-size : 12px;
font-weight : normal;
margin : 5px 0 0 0;
padding : 3px 0 3px 5px;
border-top : 1px solid #666666;
border-right : 1px solid #dddddd;
border-left : 1px solid #666666;
border-bottom : 1px solid #dddddd;
display : inline;
}
#submit {
background : #171006;
color : #ffffff;
font-size : 11px;
margin : 0;
padding : 3px 3px 2px 3px;
font-weight : bold;
border-top : 1px solid #dddddd;
border-right : 1px solid #666666;
border-left : 1px solid #dddddd;
border-bottom : 1px solid #666666;
}
#comment {
background : #eeeeee;
width : 460px;
color : #202020;
font-size : 12px;
font-weight : normal;
margin : 5px 0 0 0;
padding : 3px 0 3px 5px;
border-top : 1px solid #666666;
border-right : 1px solid #dddddd;
border-left : 1px solid #666666;
border-bottom : 1px solid #dddddd;
display : inline;
}
.commentlist li {
font-weight : bold;
}
.commentlist li .avatar {
background : #ffffff;
float : left;
padding : 0 6px 5px 2px;
}
.commentlist cite, .commentlist cite a {
padding : 7px 0 4px 0;
font-weight : bold;
font-style : normal;
font-size : 16px;
text-decoration: none !important;
}
.commentlist a:hover {
text-decoration: underline !important;
}
.commentlist p {
font-weight : normal;
text-transform : none;
}
.commentmetadata {
font-weight : normal;
}
.commentmetadata a {
font-weight : normal;
text-decoration: none !important;
}
.commentmetadata a:hover {
font-weight : normal;
text-decoration: underline !important;
}
#commentform input {
width : 170px;
padding : 2px;
margin : 5px 5px 1px 0;
}
#commentform {
margin : 5px 10px 0 0;
}
#commentform textarea {
width : 100%;
padding : 0;
}
#respond:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#commentform p {
margin : 5px 0 5px 0;
}
#commentform #submit {
margin : 0;
padding : 7px;
font-size : 14px;
float : left;
}
.alt {
margin : 0;
padding : 10px;
}
.commentlist {
margin : 0;
padding : 8px 0 0 0;
}
.commentlist ol {
margin : 0;
padding : 10px;
}
.commentlist li {
margin : 15px 0 10px;
padding : 10px 5px 10px 10px;
list-style : none;
}
.commentlist li ul li {
margin-right : -5px;
margin-left : 10px;
}
.commentlist p {
margin : 10px 5px 10px 0;
padding : 0;
}
.children {
margin : 0;
padding : 0;
}
.nocomments {
text-align : center;
margin : 0;
padding : 0;
}
.commentmetadata {
font-size : 11px;
margin : 0;
display : block;
}
.navigation {
display : block;
margin-top : 10px;
padding-bottom : 50px!important;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
.thread-alt {
background : #ffffff;
margin : 0;
}
.thread-even {
margin : 0;
padding : 0;
}
.depth-1 {
margin : 0;
padding : 0;
}
.even, .alt {
margin : 0;
padding : 0;
}
.the_date {
display : block;
text-align : center;
float : right;
padding : 0;
background : url(http://www.lifeofjustin.com/wp-content/themes/lifeofjustin2/images/date.gif) no-repeat;
width : 70px;
height : 70px;
}
.date_m {
display : block;
font-size : 0.8em;
margin : 0;
padding : 0;
font-weight : bold;
text-align : center;
}
.date_d {
display : block;
font-size : 1.7em;
margin : 0;
padding : 0.6em 0 0.2em 0;
text-align : center;
}
.says {
display : none;
}
#flashcontent {
height : 100%;
}
#photogallery {
height : 100%;
margin : 0;
padding : 0;
background-color : #000000;
color : #ffffff;
}
#friendfeed {
border : 0 !important ;
}
.widget {
border : 0 !important ;
}
.feed {
border : 0 !important ;
}
.body {
border : 0 !important ;
}
.logo {
border : 0 !important ;
}
.readmore {
margin : 2px 10px 25px 0;
float : left;
display : block;
}
.readmore p {
color : #ffffff;
font-size : 16px;
font-weight : bold;
text-decoration : underline;
}
.readmore a, .readmore a:link, .readmore a:visited {
padding : 4px 10px 4px 10px;
font-size : 16px;
background: #eee;
font-weight : bold;
display: block;
text-decoration : none !important ;
border: 1px solid #ddd;
}
.readmore a:hover {
padding : 4px 10px 4px 10px;
text-decoration : none !important ;
display: block;
background: #b8e7f9;
border: 1px solid #ddd;
}

#reclinks {
margin-right : 0;
padding: 2px 12px 7px 12px;
}

#reclinks h4 {
font-size: 27px;
padding: 2px 10px 8px 4px;
font-family: 'Yanone Kaffeesatz',gill sans,"Helvetica Neue", "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

#reclinks ul {
list-style-type : none;
margin: 0px;
padding: 0px;
}
#reclinks ul li {
font-size : 13px;
font-family: Verdana,Cantarell, georgia,"Helvetica Neue", helvetica,Arial,"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
font-weight: normal;
line-height : 15px;
margin : 10px 0 0 0px;
list-style-type : none;
}
#reclinks ul a, a:visited {
text-decoration : underline;
color: #f46506;
font-weight: bold;
}
#reclinks ul a:hover {
text-decoration : none;
color: #f46506!important;
}

.photo {
float : right;
}
.photo img {
float : right;
padding : 6px;
}
.right {
float : left;
width : 155px;
font-size : 12px;
font-weight : bold;
padding-left: 5px!important;
}
.left {
float : left;
width : 155px;
font-size : 12px;
font-weight : bold;
}
.poppost {
font-size : 12px;
font-weight : bold;
}
.archiveright {
float : left;
width : 250px;
}
.archiveleft {
float : left;
width : 250px;
}

.datehome {
width : 590px;
float : left;
margin : 0 0 20px 0;
border-bottom : 1px solid #dddddd;
padding : 0 0 20px 0;
}

div.wpcf7 {
margin : 0;
padding : 0;
}
div.wpcf7-response-output {
margin : 2em 0.5em 1em;
padding : 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
border : 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border : 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border : 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border : 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
position : relative;
}
span.wpcf7-not-valid-tip {
position : absolute;
top : 20%;
left : 20%;
z-index : 100;
background : #fff;
border : 1px solid #ff0000;
font-size : 10pt;
width : 280px;
padding : 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
color : #f00;
font-size : 10pt;
display : block;
}
span.wpcf7-list-item {
margin-left : 0.5em;
}
.wpcf7-display-none {
display : none;
}
img.ajax-loader {
border : none;
vertical-align : middle;
}

#SearchButton {
text-transform: uppercase;
color: #222;
background: #b8e7f9;
border: 0px;
width:60px;
padding: 4px 0 4px 0;
}

#current
{
background-color: #336699;
}

.postnavigation {
}
.postnavigation a {
padding: 6px 7px 6px 7px;
font-weight: bold;
color: #ff6600 !important;
font-size: 22px;
text-decoration: none !important;
}
.postnavigation a:hover {
background: #fad0b3;
text-decoration: none !important;
}

.thecube {
float : right;
width : 315px;
font-size : 12px;
margin : 0 0px 5px 0;
padding : 4px 0px 18px 0px;
}

.thehits {
float : right;
width : 315px;
font-size : 13px;
margin : 0 0px 5px 0;
padding : 3px 0px 5px 0px;
}

.thehits h2 {
color : #fffff;
background: #02a1dc !important;
}

.thehits ul li a, .thehits ul li a:visited  {
list-style-type : none;
margin : 0 0 0px 0;
padding : 4px 0 4px 5px;
color: #333 !important;
font-weight: normal;
display: block;
text-decoration: none !important;
background: #EEEDED;
}

.thehits ul li a:hover {
background: #b8e7f9;
display: block;
margin : 0 0 0px 0;
padding : 4px 0 4px 5px;
}


.subboxnew {
float : right;
width : 315px;
font-size : 13px;
margin : 0 0px 5px 0;
padding : 3px 0px 5px 0px;
}

.subboxnew h2 {
color : #fffff;
background: #02a1dc !important;
}

.newsubscribe {padding: 3px 0 5px 0;}
.newsubscribe ul {margin: 0 0 0 18px!important;}
.newsubscribe li {float: left;padding-right: 17px!important;}

.newsubscribe li img {height: 32px; width: 32px;margin: 0 0px 0 0px;vertical-align:middle;}

.widbox {border: 1px solid #ddd;margin: 3px 13px 15px 9px;}
.widbox h3 {font-weight: normal;text-transform: uppercase;font-size: 18px!important;margin: 0px!important; padding: 3px 10px 3px 10px!important; background: #ddd;color: #fff;}
.insidebox {padding: 6px 15px 2px 13px;}