/*
Theme Name: Pop Life
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 #000;
}

:focus {
outline:0;
}

.clr {
clear:both;
}

body {
background:#999792 url(images/bg.jpg) 53% top no-repeat fixed;
text-align:left;
margin-top:10px;
}

@font-face {
      font-family: "Agnes";
      src: url("Agnes-Regular.ttf");
    }

/* 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;
height:142px;
}
#top a { display:block; margin-left:20px;}
#show {
width:926px;
height:326px;
clear:both;
position:relative;
top:10px;
bottom:40px;
left:16px;
}

#top a#logo {
float:left;
width:360px;
height:80px;
position:relative;
z-index:50;
background:url(images/logo.png) left top no-repeat;
overflow:hidden;
margin-top:-10px;
margin-left:0;
}

#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 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:repeat-x;
background-attachment:scroll;
background-position:left top;
padding:50px 30px 10px 10px;
}

#mainNav li a:hover span {
background:#FF61A4;
background-image:none;
color:#fff;
}

#top #dropmenu {
color:#403F3E;
height:24px;
line-height:24px;
margin-left:0;
margin:0;
padding:0;
width:100%;
z-index:300;
position:relative;
top:22px;
}

#dropmenu li {position:relative;display:block;float:left; margin-right:5px;}
#dropmenu li a {display:block;float:left;height:10px;line-height:10px;padding: 5px 10px; border:1px solid #666; color:#fff; background-color:#333;}
#dropmenu li a:hover { background-color:#403f3e;} 
/*sub navigation*/
#dropmenu ul {position:absolute;top: 22px;left:20px; padding:0 10px; width:120px; background-color:#403f3e; display:none;} /*the top:30px command must be the same height as your parent LI so the dropdown displays below the main navigation*/
#dropmenu ul a, #dropmenu ul li {float:none; border:none; background-color:#403f3e; padding:0;}
#dropmenu ul li { border-bottom:1px solid #333;padding:5px 0 10px 0; margin:0;}
#dropmenu li:hover ul {display:block;}
#dropmenu ul li:hover a{ color:#666;}
#dropmenu li.current_page_item a { background-color:#1b1b1b;}
#dropmenu ul a { text-align:left;}

#top form#mainSearch {
float:right;
margin:-3px 0px 0 0;
padding:0;
}

#top form#mainSearch label {
	display:none;
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:#000;
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:-9px 15px 0 0;
*margin:15px 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:left;
display:inline;
width:200px;
margin:-60px 0 0 18px;
}

/*  ----------  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:none;
width:260px;
margin-top:20px;
padding:20px 15px 0;
}

#sidebar .sidebarLiContent li {
background:#2F3332;
border-top:1px dotted #777;
padding-left:5px;
}

#sidebar .sidebarLiContent li:hover {
background:#212121;
border-top:1px dotted #777;
padding-left:5px;
display:block
}

#sidebar .sidebarLiBot {

height:25px;
}

.adSpacebot {
height:25px;
background:#000;
}

#sidebar form {
background:#000;
text-align:left;
padding:0 0 8px 15px;
}

#sidebar input[type="text"] {
height:22px;
border:1px #333 solid;
width:167px;
font-size:12px;
background:#000 url(images/feedburner.png) no-repeat;
padding-left:33px;
color:#ccc;
padding-top:8px;
}

#sidebar input[type="submit"] {
height:26px;
background:#fff;
border:3px #000 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:#000;
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:#fff;
width:600px;
padding:6px 0 0;
}

#content .post {
background:#fff;
width:570px;
color:#454545;
float:left;
padding:15px;
}

#content .post h2 a {
text-transform:uppercase;
color:#000;
font:bold 24px/30px arial, sans-serif;
letter-spacing:-1px;
}

#content .post h3 {
font-size:10px;
color:#333;
text-align:left;
padding:10px 0;
}

#content .post .postMeta {
background-color:#000;
border-top:1px solid #8A8782;
border-bottom:1px solid #8A8782;
margin-bottom:5px;
color:#fff;
text-align:left;
clear:both;
padding:5px 2px 5px 8px;
}

#content .postMain .post .postMeta {
background-color:#000;
border-top:1px solid #8A8782;
border-bottom:1px solid #8A8782;
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:#cf1502;
text-align:left;
font:12px/18px #fff;
}

#content .post p {
line-height:18px;
clear:left;
text-align:left;
padding:0 0 10px;
}

#content .postFoot {
background:url(images/postBot.png) left top no-repeat;
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:#000;
}

#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 {
background:url(images/postBot.png) left top no-repeat;
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;
}

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;
}

.lof-container { z-index:0;}

#dropmenu li.page-item-143 ul {width:245px;}
#dropmenu ul.children li.current_page_item a {background-color:#403F3E;}
#dropmenu li.page-item-969 ul {width:155px;}
#top ul.children a {
    margin-left: 3px;
}

ul.bymusic{margin:0px; padding:0px;}
ul.bymusic li{display:block; float:left; width:150px; list-style:none; background:url(http://www.sylviabrooks.net/wp-content/themes/poplife76/images);}

@font-face {
	font-family: Agnes;
	  src: url('Agnes-Regular.eot?iefix') format('embedded-opentype'),
		   url('Agnes-Regular.ttf')  format('truetype');
}
.mtil {font-family:'Agnes'; font-size:18px; color:#D71313;}
table.tbox {}
table.tbox tr td{padding:2px 10px; vertical-align:middle;}
#content .post table.tbox tr td p{padding:0px;}


