/*
Theme Name: SupaFly
Theme URI: http://www.jemaverick.com
Description: SupaFly 1.0 by Jé Maverick
Version: 1.0
Author: Jé Maverick
*/
/* GLOBALS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote,q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
hr {display: none;}
table {border-collapse: collapse; border-spacing: 0;}
body {background: #ffffff; font-family: Arial, Georgia, Verdana, Helvetica, sans-serif; color: #000000; font-size: 14px; word-wrap: break-word; line-height: 1.1em;}
img {border: 0;}
/* LINKS */
a:active, a:visited {text-decoration: underline;}
a:link, a:hover {text-decoration: none;}
#menubar a:link, a:active {color: #ffffff;}
#menubar a:visited {color: #4a361c;}
#menubar a:hover {color: #4a361c;}
h1 a:link, a:active {color: #4a361c;}
h1 a:visited, a:hover {color: #eaa45e; text-decoration: none;}
.postmeta a:link, a:active {color: #4a361c;}
.postmeta a:visited, a:hover {color: #eaa45e;}
.postcontent a:link, a:active {color: #4a361c;}
.postcontent a:visited, a:hover {color: #eaa45e; text-decoration: none;}
.postcats a:link, a:active {color: #4a361c;}
.postcats a:visited, a:hover {color: #eaa45e;}
.more a:link, a:active {color: #4a361c;}
.more a:hover, a:visited {color: #eaa45e;}
.postbox_drop a:link, a:active {color: #ffffff;}
.postbox_drop a:hover, a:visited {color: #4a361c;}
.pop a:link, a:hover {color: #ffffff;}
.pop a:visited, a:active {color: #4a361c;}
.blogroll a:link, a:hover {color: #ffffff;}
.blogroll a:visited, a:active {color: #4a361c;}
.rss a:link, a:hover {color: #ffffff;}
.rss a:visited, a:active {color: #4a361c;}
.what a:link, a:hover {color: #ffffff;}
.what a:visited, a:active {color: #4a361c;}
.nav a:link, a:active {color: #ffffff;}
.nav a:visited, a:hover {color: #4a361c;}
.footlist1 a:link, a:active {color: #ffffff;}
.footlist1 a:visited, a:hover {color: #ffffff;}
.footlist2 a:link, a:active {color: #ffffff;}
.footlist2 a:visited, a:hover {color: #ffffff;}
.footlist3 a:link, a:active {color: #ffffff;}
.footlist3 a:visited, a:hover {color: #ffffff;}
.footlist4 a:link, a:active {color: #ffffff;}
.footlist4 a:visited, a:hover {color: #ffffff;}
#infobar a:link, a:hover {color: #ffffff;}
#infobar a:active, a:visited {color: #4a361c;}
a img {text-decoration: none;}
/*OVERALL CONTAINER */
#snug {width: 100%; margin: 0; padding: 0; background: #ffffff;}
/* NETWORK BAR */
#networkbar {width: 100%; height: 30px; margin: 0; padding: 0; border-bottom: 1px solid #ffffff; background: #000000;}
.netnav {float: left; width: 250px; height: 29px; margin-left: 20px; padding: 0;}
.netnav img {border: 0; margin-top: 2px;}
.search {float: right; width: 250px; height: 30px; margin-right: 20px; padding: 0; line-height: 30px;}
.search form fieldset {border: 0; padding-top:0px; padding-right:3px; height: 26px; margin-top: 1px; margin-bottom: 1px;}
.search .gofish {width:26px; height: 26px; vertical-align: middle; margin: 2px 2px;}
.search input.field {width: 150px; height: 20px; padding: 0; border: solid 1px #eaa45e; background:#ffffff; font-size:10pt; color:#000000; margin: 0; vertical-align: middle;}
/* HEADER */
#header {width: 100%; height: 230px; margin: 0; padding: 0; border-bottom: 1px solid #ffffff; background: url(images/headbg.png) repeat-x;}
.logo {width: 970px; height: 230px; margin: 0 auto; padding: 0;}
/* MENU BAR */
#menubar {width: 100%; height: 30px; margin: 0; padding: 0; border-bottom: 1px solid #000000; background: #eaa45e; font-size: 10pt; color: #ffffff;}
.lanyard {width: 970px; height: 30px; margin: 0 auto; padding: 0; position: relative;}
.crumbs {width: 450px; height: 30px; margin: 0; padding: 0; position: absolute; vertical-align: middle; line-height: 30px;}
.crumbs ul {display: inline;}
.crumbs ul li {margin-left: 0; padding-left: 15px; border: none; display: inline; background: url(images/crumb.png) no-repeat 0 70%;}
.crumbs ul li.location {display: inline; padding: 0; margin-right: 5px; background: none;}
.menu {height: 30px; width: 520px; margin-top: 0; margin-left: 451px; padding: 0; position: absolute; vertical-align: middle; line-height: 30px; text-align: right;}
/* CONTENT*/
#placeholder {width: 970px; margin: 0 auto; padding: 0; overflow: hidden; position: relative; background: url(images/bg.gif) repeat-y center;}
.poem {line-height: 1.2em; font-family: Arial, Georgia, Verdana, Helvetica, sans-serif;}
.poem cite {display: block; width: 50%; text-align: right;}
.stanza {margin-bottom: 1.715em;}
.stanza div {position: relative; padding-left: 3.429em;}
.firstletter {display:block; float:left; margin: -1.83em 0.5em 0 0.56em; height : 5.5em; color:#4a361c;}
.firstletter span {font-size: 540%; line-height: 1.63em;}
.firstletter + span {margin-left: 0.5em;}
/* SINGLE POST */
#post {width: 670px; margin: 0; padding: 10px 0; float: left; font-family: Arial, Georgia, Verdana, Helvetica, sans-serif;}
.posttitle {width: 640px; margin: 0 auto; border-top: 3px double #000000; border-bottom: 3px double #000000; font-weight: bold; font-size: 2.5em; letter-spacing:-0.04em; line-height: 1.05em; text-align:center; background: #fbf7d1; padding-bottom: 4px; color: #4a361c;}
.postmeta {width: 450px; padding: 2px 0px; height: 20px; line-height: 18px; margin: 10px auto; vertical-align: middle; font-size: 8pt; background: #fbf7d1; border: 1px solid #f5d6a3; text-align: center;}
.postmeta img {vertical-align:middle; margin-right: 0.4em;}
.posthead {width: 640px; height: 180px; margin: 10px auto; border: 1px solid #dddddd; padding: 0;}
.postcontent {width: 650px; margin: 10px auto;}
.postcontent h2 {color: #4a361c;}
.postcontent ul li {font-size: 10pt; color: #000000; background: url(images/bullet.png) no-repeat left 3px; padding: 0px 0px 0px 14px; margin: 0px 0px 5px 0px;}
.google {width: 470px; height: 64px; margin: 10px auto;}
.postcats {width: 640px; margin: 10px auto; padding: 2px 0; height: 20px; line-height: 18px; vertical-align: middle; font-size: 8pt; background: #fbf7d1; border: 1px solid #f5d6a3; text-align: center;}
.postcats img {border: 0; vertical-align: middle; margin-right: 0.4em;}
/* INDEX POST */
.postbox {width: 650px; margin: 10px auto; border: 1px solid #f5d6a3; background: #ffffe7; display: block; overflow: hidden;}
.postbox h1 {font-weight: bold; margin-top: 0px; margin-bottom: 0px; font-size: 2.5em; letter-spacing: -0.04em; line-height: 1.05em; text-align: left; padding-bottom: 3px;}
.postbox_pic {width: 200px; height: 200px; margin: 20px 20px; border: 1px solid #f5d6a3; float: left; overflow: hidden;}
.excerpt {float: left; margin-top: 20px; text-align: left; border: none; width: 390px; text-align: justify; font-size: 10pt;}
.excerpt .postmeta {width: 390px; margin-top: 5px; padding: 2px 0px; height: 20px; float: left; line-height: 18px;}
.more {float: right; font-style: italic; margin: 10px 10px;}
.postbox_drop {width: 650px; height: 30px; line-height: 30px; vertical-align: middle; font-size: 10pt; color: #4a361c; background: #eaa45e; border: 0; padding: 0px 0px 0px 10px; margin: 0 auto; float: left;}
.postbox_drop img {border: 0; vertical-align: middle; margin-right: 0.1em;}
/* SIDEBAR */
#sidebar {width: 300px; padding: 0; color: #000000; margin: 0 0 0 670px; position: relative;}
.subscribe {width: 270px; height: 190px; padding: 5px 5px 5px 5px; margin: 10px auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff;}
.subcontent {width: 260px; margin-left: 5px; margin-top: 5px; height: 180px;}
.what {width: 140px; height: 27px; background-image: url(images/sub_tab_02.png); font-size:10pt; font-weight: bold;}
.rss {width: 140px; height: 58px; background-image: url(images/sub_tab_04.png); font-size: 10pt !important; font-weight: bold;}
.frustrating {font-size:10pt !important; font-weight: bold; vertical-align: baseline; padding-top: 20px;}
.feedform {width: 260px; height: 55px; background-image: url(images/sub_tab_05.png);}
.blogroll {width: 290px; margin-left: 20px; margin-top: 10px; font-size: 10pt;}
.blogroll li {background: url(images/listbul.png) no-repeat left 3px; padding-left: 14px; margin-top: 2px; line-height: 1.1em; vertical-align: middle;}
.ads {border: 0px; margin: 10px; text-align: center; padding: 10px 10px 10px 10px;}
.ads img {padding: 0 0 5px 0;}
.ad250 {width: 250px; height: 250px; margin: 10px 25px;}
.donate {width: 270px; height: 95px; margin: 10px auto; padding: 5px 5px 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff;}
.donate .donate2 {width: 260px; height: 85px; margin: 5px auto; border: 1px solid black; padding: 0; background: url(images/donatebg.png) no-repeat; font-weight: bold; vertical-align: middle;}
.paypal {width: 90px; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 8px; background: transparent;}
.pop {width: 290px; min-height: 110px; max-height: 200px; margin: 10px 20px 10px 20px; font-size: 10pt;}
.pop ul {float: left; width: 240px; margin: 0px 3px; padding: 0;}
.pop ul li {background: url(images/lilstar3.png) no-repeat left 3px; padding: 0 0 0 14px; margin: 2px 0 5px 0; vertical-align: middle;}
.googfrendz {margin: 20px auto 20px auto; width: 280px;}
.fbfanz {margin: 20px auto 0px auto; width: 280px;}
.networkd {margin: 0px auto 20px auto; width: 280px;}
.mblvisitors {margin: 20px auto 20px auto; width: 280px;}
.bcvisitors {margin: 20px auto 20px auto; width: 280px;}
/* NAVBAR */
#navbar {float: left; width: 100%; height: 30px; margin: 0; padding: 0; border-top: 1px solid #000000; border-bottom: 1px solid #ffffff; background: #eaa45e;}
.nav {width: 970px; margin: 0 auto; line-height: 30px; vertical-align: middle; text-align: center; color: #ffffff;}
.navimg {vertical-align: middle; margin-right: 0.4em;}
/* FOOTER */
#footer {float: left; width: 100%; margin:0; padding: 0; border-bottom: 1px solid #000000; background: #4a361c;}
.botad {height: 90px; width: 728px; margin: 20px auto;}
.socials {height: 91px; width: 970px; margin: 0 auto;}
.socialite {height: 30px; width: 970px; margin: 0 auto;}
.socialite2 {height: 30px; width: 970px; margin: 10px auto 10px auto;}
.foothead {width: 970px; height: 21px; margin: 10px auto; position: relative; border: 0; padding: 0;}
.foothead1 {width: 242px; height: 21px; margin: 5px 0 0 0; padding: 5px; background: transparent; position: absolute;}
.foothead2 {width: 242px; height: 21px; margin: 5px 0 0 243px; padding: 5px; background: transparent; position: absolute;}
.foothead3 {width: 242px; height: 21px; margin: 5px 0 0 485px; padding: 5px; background: transparent; position: absolute;}
.foothead4 {width: 241px; height: 21px; margin: 5px 0 0 732px; padding: 5px; background: transparent; position: absolute;}
.titlehead {height: 21px; margin: 10px 15px; padding: 0; position: relative;}
.smalltitle {height: 21px; margin: 0 0 0 27px; color: #ffffff; font-weight: bold; font-size: 1.2em; position: absolute; line-height: 21px; vertical-align: middle; text-align: center;}
.icon {height: 21px; width: 21px; margin: 0 0 0 0px; position: absolute; vertical-align: middle;}
.foothold {width: 970px; height: 550px; margin: 20px auto 30px auto; position: relative;}
.foothold ul {float: left; width: 240px; margin-left: 2px; list-style: none;}
.footlist1 ul li {font-size: 10pt; color: #000000; background: url(images/listbul.png) no-repeat left 3px; padding: 0px 0px 0px 14px; margin: 0px 0px 5px 0px;}
.footlist2 ul li {font-size: 10pt; color: #000000; background: url(images/listbul.png) no-repeat left 3px; padding: 0px 0px 0px 14px; margin: 0px 0px 5px 0px;}
.footlist3 ul li {font-size: 10pt; color: #000000; background: url(images/listbul.png) no-repeat left 3px; padding: 0px 0px 0px 14px; margin: 0px 0px 5px 0px;}
.footlist1 {width: 242px; height: 440px; margin: 5px 0 0 0; padding:5px 0 0 0; background: transparent; position: absolute;}
.footlist2 {width: 242px; height: 440px; margin: 5px 0 0 243px; padding: 0; background: transparent; position: absolute;}
.footlist3 {width: 242px; height: 440px; margin: 5px 0 0 485px; padding: 0; background: transparent; position: absolute;}
.footlist3 ul li {background: url(images/lilstar3.png) no-repeat left 3px;}
.footlist4 {width: 241px; height: 440px; margin: 5px 0 0 732px; padding: 0; background: transparent; position: absolute;}
#twitter_div {height: 110px; width: 239px; margin: 0 1px 10px 1px; background: #eaa45e; border: 1px solid #fbf7d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;}
#twitter_update_list {list-style: none; width: 230px; padding: 15px 5px 5px 5px;}
.posts {color: #ffffff; text-shadow: #000 0 1px 1px; font-weight: bold; margin-top: 0px; font-style: italic; letter-spacing:-0.06em; font-size: 14pt; line-height:1.2em}
.chats {color: #ffffff; text-shadow: #000 0 1px 1px; font-weight: bold; margin-top: 0px; font-style: italic; letter-spacing:-0.06em; font-size: 14pt; line-height:1.2em}
.subs {color: #ffffff; text-shadow: #000 0 1px 1px; font-weight: bold; margin-top: 0px; font-style: italic; letter-spacing:-0.06em; font-size: 14pt; line-height:1.2em}
.twits {color: #ffffff; text-shadow: #000 0 1px 1px; font-weight: bold; margin-top: 0px; font-style: italic; letter-spacing:-0.06em; font-size: 14pt; line-height:1.2em}
/* INFOBAR */
#infobar {float: left; width: 100%; height: 30px; margin: 0; padding: 0; background: #000000; border-top: 1px solid #ffffff; color: #ffffff; vertical-align: middle; line-height: 30px; text-align: center;}
#infobar img {border: 0; margin-left: 0.4em; vertical-align: middle;}
/* IMAGES */
.postimg {border: none; width: 350px; margin: 5px auto;}
.oops {margin:20px auto; width: 358px;}
.disclosure {width: 270px; margin: 20px auto;}