/*

Theme Name: Pop Life 56

Theme URI: 

Description: 

Version: 1.0

Author: Scott Bernadot

Author URI: alohathemes.com



 Reset & Common */

html,body,p,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,th,td,pre,strong,font,b,fieldset,legend,ul,ol,li,form,label,input,textarea,select,option,iframe {

border:0;

font:normal 12px arial,sans-serif;

text-align:left;

margin:0;

padding:0;

}



table {

width:100%;

}



table,thead,tbody,tfoot,tr,th,td {

border-collapse:collapse;

vertical-align:top;

}



ul,ol {

list-style:none;

}



a {

color:#8E9E9D;

text-decoration:none;

}



strong {

font-weight:700;

}



img {

border:1px solid #061B2C;

}



:focus {

outline:0;

}



.clr {

clear:both;

}



body {

background:#000 url(images/bg.jpg) 53% top no-repeat fixed;

text-align:left;

margin-top:10px;

}



/* Main Structure */

.main {

width:960px;

background:url(images/bgMain.png) left top no-repeat;

margin:0 auto;

}



.mainsub {

width:960px;

background:url(images/bgMainsub.png) left top no-repeat;

margin:0 auto;

}



/* Top Logo, Main Navigation, Search, RSS */

#top {

width:960px;

position:relative;

}



#show {

width:926px;

height:326px;

clear:both;

position:relative;

top:10px;

bottom:40px;

left:16px;

}



#top a#logo {

float:left;

width:340px;

height:80px;

position:relative;

z-index:50;

background:url(images/logo.png) left top no-repeat;

overflow:hidden;

margin-top:0px;

margin-left:20px;

}



#top #header_ad {

float:right;

width:304px;

height:60px;

position:absolute;

z-index:151;

margin-left:470px;

_margin-left:-180px;

#margin-left:-180px;

}



#top ul#mainNav {

float:left;

position:relative;

left:20px;

z-index:6;

width:600px;

height:25px;

line-height:24px;

margin-top:5px;

padding:0;

}



#top ul#mainNav li a {

float:left;

color:#fff;

text-transform:uppercase;

font:normal 13px tahoma, arial, sans-serif;

}



#mainNav li a span {

display:block;

line-height:10px;

background-color:transparent;

background-image:url(images/catbg.png);

background-repeat:no-repeat;



background-position:right top;

padding:50px 30px 10px 10px;

}



#mainNav li a:hover span {

background:#186DB8;

background-color:transparent;

background-image:url(images/catbg-hover.png);

background-position:right top;

background-repeat:no-repeat;

}



#top #pageNav {

float:left;

color:#fff;

width:600px;

height:24px;

line-height:24px;

margin-left:20px;

position:relative;

top:10px;

}



#top ul#pageNav li a {

float:left;

color:#f1f1f1;

text-transform:uppercase;

font:normal 11px arial, sans-serif;

background:#186DB8;

border:1px solid #1B8CDF;

padding:5px;

}



#top ul#pageNav li a:hover {

background:#061B2C;

}



#top #pageNav a {

color:#fff;

}



#top ul#mainNav li,#top ul#pageNav li {

float:left;

display:inline;

margin:0 10px 0 0;

}





#top form#mainSearch {

float:right;

margin:-10px 0 0;

*margin:10px 0 0;

padding:0;

}



#top form#mainSearch label {

font:bold 13px arial, sans-serif;

text-transform:uppercase;

color:#fff;

}



#top form#mainSearch input {

width:170px;

border:3px solid #333;

height:16px;

vertical-align:middle;

background:#061B2C;

color:#ccc;

margin:0 5px;

padding:2px;

}



#top a.rss {

float:right;

clear:both;

background:url(images/rss.png) left top no-repeat;

width:36px;

height:36px;

text-indent:-9999px;

display:inline;

margin:-15px 15px 0 0;

*margin:5px 15px 0;

}



/* Show - Featured Post Image, Audio Player */

#show .featuredPost {

float:left;

width:500px;

}



#show .aPlayer {

float:right;

width:411px;

text-align:right;

padding-left:10px;

}



/*  ----------  Body - Contents, Blog Posts, Sidebar ----------  */

#body #content {

float:left;

display:inline;

width:600px;

margin:34px 0 0 11px;

}



#body #sidebar {

float:right;

display:inline;

width:321px;

margin:15px 18px 0 0;

}



/*  ----------  Sidebar ----------  */

#sidebar ul {

text-align:left;

}



#sidebar,#sidebar li,#sidebar li a {

color:#fff;

line-height:20px;

}



#sidebar li.sidebarLi {

width:321px;

padding:8px 0 0;

}



#sidebar .sidebarLiContent {

background:#061B2C;

width:291px;

margin-top:20px;

padding:20px 15px 0;

}



#sidebar .sidebarLiContent li {

background:#1571BB;

border-top:1px dotted #f1f1f1;

padding-left:5px;

margin-bottom: 1px;

}



#sidebar .sidebarLiContent li:hover {

background:#061B2C;

border-bottom:1px dotted #D585EC;

padding-left:5px;

display:block;

}



#sidebar .sidebarLiBot {

background:#061B2C;

height:25px;

}



.adSpacebot {

height:25px;

background:#061B2C;

}



#sidebar form {

background:#061B2C;

text-align:left;

padding:0 0 8px 15px;

}



#sidebar input[type="text"] {

height:22px;

border:1px #333 solid;

width:167px;

font-size:12px;

background:#061B2C url(images/feedburner.png) no-repeat;

padding-left:33px;

color:#ccc;

padding-top:8px;

}



#sidebar input[type="submit"] {

height:26px;

background:#fff;

border:3px #061B2C solid;

position:absolute;

margin-left:7px;

width:55px;

}



#bannersSquare {

text-align:center;

margin:auto;

}



.ad300x250 {

text-align:center;

margin:10px auto;

}



/* flickr Box */

.flickr {

text-align:center;

height:auto;

background:#061B2C;

color:#606;

list-style-type:none;

margin:0;

padding:0;

}



.flickr img {

border:2px solid #333;

padding:2px;

}



.taghead {

font-size:16px;

font-weight:700;

color:#fff;

}



/* Post Block */

#content .postMain {

background:#176FB9;

width:600px;

padding:9px 0 0;

}



#content .post {

background:#061B2C;

width:570px;

color:#f1f1f1;

float:left;

padding:15px;

}



#content .post h2 a {

text-transform:uppercase;

color:#061B2C;

font:bold 24px/30px arial, sans-serif;

letter-spacing:-1px;

}



#content .post h3 {

font-size:10px;

color:#1571BB;

text-align:left;

padding:10px 0;

}



#content .post .postMeta {

background-color:#061B2C;

border-top:1px solid #1571BB;

border-bottom:1px solid #1571BB;

margin-bottom:5px;

color:#fff;

text-align:left;

clear:both;

padding:5px 2px 5px 8px;

}



#content .postMain .post .postMeta {

background-color:#061B2C;

border-top:1px solid #1571BB;

border-bottom:1px solid #1571BB;

margin-bottom:5px;

color:#fff;

text-align:left;

margin-top:10px;

float:left;

width:550px;

padding:5px 2px 5px 8px;

}



#content .post .postMeta a {

color:#C00020;

text-align:left;

font:12px/18px #fff;

}



#content .post p {

line-height:18px;

clear:left;

text-align:left;

padding:0 0 10px;

}



#content .postFoot {

height:19px;

text-align:left;

}



/* Footer */

#footOut {

background:url(images/fooTop.png) left top no-repeat;

clear:both;

width:960px;

padding:10px 0 0;

}



#footOut #footIn {

background:#061B2C;

}



#footIn #foot {

background:url(images/fooBot.png) left bottom no-repeat;

color:#fff;

width:960px;

}



#foot .block {

text-align:left;

float:left;

width:288px;

margin:0;

padding:10px 15px;

}



#foot .last {

margin-right:0;

}



#foot ul {

margin-bottom:20px;

}



/* Single Post Page */

.single #body {

min-height:500px;

}



/* Comments */

.commentsMain {

padding:0 0 20px;

}



.commentsMain h3#comments,.commentsMain #respond h3 {

font:bold 18px arial, sans-serif;

color:#fff;

padding:20px 0 10px;

}



.commentsMain .commWrap {

background:url(images/postTop.png) left top no-repeat;

width:600px;

padding:9px 0 0;

}



.commentsMain ol.commentlist {

background:#fff;

padding:15px;

}



.commentsMain ol.commentlist li {

border:1px solid #ccc;

margin:0 0 5px;

padding:5px;

}



.commentsMain ol.commentlist li li {

margin:10px;

}



.commentsMain .commFoot {

height:19px;

}



.commentsMain form#commentform p {

padding:0 0 10px;

}



.commentsMain form#commentform p input,.commentsMain form#commentform p textarea {

border:1px solid #ccc;

padding:5px;

}



.commentsMain form#commentform p input#submit {

cursor:pointer;

background:#333;

font-weight:700;

color:#fff;

}



/* Begin Images */

p img {

border:1px solid #ccc;

max-width:100%;

padding:0;

}



#buynow a img {border: none;}



img.centered {

display:block;

margin-left:auto;

margin-right:auto;

}



img.alignright {

display:inline;

margin:0 0 2px 7px;

padding:4px;

}



img.alignleft {

display:inline;

margin:0 7px 0 0;

padding:4px;

}



.alignright {

float:right;

}



.alignleft {

float:left;

}


.navigation a{background:#061B2C; color:#fff; padding:10px;}

