/*
Theme Name: Punk Pie - Aurifi Launch
Theme Author: Jono Alderson
Media(s): Screen, All
===========================================
*/

/* Global Reset
=================================== */
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, table, caption, 
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, q:before, blockquote:after, q:after { content: '' }
:focus, :hover { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0 }
img { display: block }
body { font-size: 62.5% }

/* Site Structure
=================================== */
body { text-align: center; background: url(img/wood-new.jpg) }
#wrapper { position: relative; text-align: left; width: 850px; background: url(img/sides.png) 0 400px repeat-y; margin: 0 auto; font: 1.4em/1.5 Arial,Helvetica,sans-serif }
#header { background: url(img/header-torn.jpg) no-repeat; height: 400px; margin: 0 0 0 27px }
.headerInner { background: url(img/logoside-new.png) no-repeat top right; height: 400px; position: relative }
a#logo { display: block; height: 220px; width: 240px; text-indent: -9999em; position: absolute; bottom: 0; right: 60px }
a#link, a#link2 { display: block; position: absolute; height: 160px; width: 160px; top: 20px; right: 230px; text-indent: -9999em }
a#link2 { width: 100px; height: 30px; bottom: 20px; left: 90px; top: auto }

#container { background: url(img/cap.jpg) no-repeat; padding-top: 50px; margin: 0 60px }
#content { background: #FFF url(img/containerside.gif) repeat-y top right; padding-top: 14px; position: relative }

.post { padding: 0 35px 10px 25px; position: relative }
.home .post { padding-bottom: 20px }

.entry-content { margin: 0 0 10px; border-bottom: 1px solid #C4BBAA; padding-bottom: 20px }
p.author { color: #888888; font-size: 80% }

.caticon { position: absolute; top: 0; right: 32px; width: 49px; height: 48px }

.entry-content img { margin: 0 0 12px 0 }
.entry-content .alignright { float: right; position: relative; display: inline; margin-left: 20px }
.entry-content .alignleft { float: left; position: relative; display: inline; margin-right: 20px }

.ngg-galleryoverview { margin-bottom: 20px !important }
.ngg-gallery-thumbnail { margin-right: 0 !important }

#nav-below { border-bottom: 1px solid #C4BBAA; position: relative; padding-bottom: 6px; margin-bottom: 12px }
#nav-below h3 { margin: 0 }	
.nav-previous { position: absolute; top: -2px; left: 126px }
.nav-next { position: absolute; top: -2px; right: 0 }

.more { position: absolute; bottom: 28px; right: 36px; font-size: 90% }

.wp-pagenavi { position: absolute; bottom: -22px; left: 22px }

/* Footer
=================================== */
#footer { clear: both; background: url(img/footer.jpg) no-repeat; height: 203px; margin-left: 60px; color: #C4BBAA; font-size: 85% }
.footerInner { padding: 92px 0 0 40px }
.footcopy { font-size: 90%; margin-top: 1em }
#footer .url { color: #C4BBAA; text-decoration: none }

/* Typography
=================================== */
h1,h2,h3,h4,h5,h6 { font-size: 1.6em; color: #2B2522; font-size: 1.65em; line-height: 1.2 }	
h1, h2, h3 { text-transform: capitalize }
h3, h4 { color: #C4BBAA; font-size: 1.2em; margin-bottom: 1em }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #2B2522; text-decoration: none }
p, #content ul { margin-bottom: 1em }
ul { padding-left: 18px; list-style: disc }
.page ol { list-style: decimal; padding-left: 18px; margin-left: 6px }
.page ol li, .page #content ul li { margin-bottom: 4px }

a { color: #12ADEE }
a:focus, a:hover { color: #114477 }

/* Tools
=================================== */
.discreet, hr, .home h1, #logo img { position: absolute; top: -9999em; left: -9999em; display: none }
.clear { clear: both; }
div.clear { font-size: 1px; height: 1px; overflow: hidden }

/* Comments
======================= */
#comments { clear: left; padding-top: 18px }
#comments-list { margin-bottom: 12px }
#comments-list ol { list-style: none }
#comments-list li { position: relative; background: url(img/pixel.gif) repeat-y 76px 0; margin: 12px }
#comments-list div.avatar { float: left; position: relative; display: inline; margin-right: 12px }
.commentWrap { padding-left: 12px; margin-left: 76px }
.comment-author { color: #666; margin-bottom: 6px }
.unapproved { font-style: italic }
.gdthumbtext { padding-left: 8px }

/* PageNavi
=================================== */
.wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF }
.wp-pagenavi a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF }
.wp-pagenavi a:hover { border: 1px solid #000000; color: #000000; background-color: #FFFFFF }
.wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; 	background-color: #FFFFFF }
.wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #000000; background-color: #FFFFFF }
.wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000000; color: #000000; background-color: #FFFFFF }
.wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #000000; background-color: #FFFFFF }

/* Sociable
=================================== */
div.sociable { margin: 16px 0 }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em }
.sociable span { display: block }
.sociable ul { display: inline; margin: 0 !important; padding: 0 !important }
.sociable ul li { background: none; display: inline !important; list-style-type: none; padding: 1px; float: left; margin: 0 3px 0 0 }
.sociable ul li:before { content: ""; }
.sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0 }
.sociable-hovers { opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80) }
.sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }