/*
Theme Name: Hanne Pulli
Theme URI: http://www.hannepulli.com
Description: Hanne Pulli 2010 style.
Version: 1.0
Author: Aleksi Manninen Design
Author URI: http://aleksimanninen.com/
Tags: two columns

	Hanne Pulli v1.0

*/

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; }
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
img, div, a, h1 { behavior: url(/wp-content/themes/hannepulli/iepngfix.htc) }

body { background: #000; color: #fff; background-repeat: no-repeat; background-position: top center; text-align: center }
#p1, body.home { background-image: url(pics/home.jpg) }
#p4 { background-image: url(pics/gigs.jpg) }
#p17 {background-image: url(pics/discography.jpg)}
#p20 {background-image: url(pics/biography.jpg)}
#p23 {background-image: url(pics/gallery.jpg)}
#p24 {background-image: url(pics/contact.jpg)}
#p27, .blog, .single {background-image: url(pics/news.jpg)}
.error404 { background-image: url(pics/error404.jpg) }

#hannepulli { position:absolute; top:22px; left:-60px;width: 271px; height:195px; background: url(pics/hannepulli.png) top left no-repeat; text-indent: -9999px; z-index: 40 }
#hannepulli:hover { background:url(pics/hannepulli_hover.png)  }

.newsdate { font-size: 9px; color: #734e4b; font-family: georgia, serif; text-transform:uppercase; }

#page { margin: 0 auto; text-align:left; width:1000px; position:relative }

#navi { position:absolute; top: 220px; left: 0; width: 150px;}
#navi ul li { font-family: georgia, serif; font-size:11px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 3px }
#navi ul li a:link, #navi ul li a:visited { height:30px; line-height:30px; background: url(pics/navibtn.png) top left no-repeat; display:block; padding-left: 10px; text-decoration: none; color: #fff;} 
#navi ul li a:hover { background: url(pics/navibtn_hover.png) top left no-repeat; color: #999 }
#navi .current_page_item a:link, #navi .current_page_item a:visited { background: url(pics/navibtn_current.png) top left no-repeat; color:#000; cursor:default }

.othersites { margin: 34px 0 0 10px; font-family:georgia, serif; font-size: 11px; color: #666 }
.othersites span { font-weight:bold }
.othersites a:link, .othersites a:visited { color: #888; }
.othersites a:hover { color: #fff }

#upcoming { }
#upcoming #events-list { width:260px; height:190px; background: url(pics/frontbox.png) top left no-repeat; float:left; font-size: 12px; }
#upcoming #recent-posts-2 {width:240px; height:190px; background: url(pics/frontbox.png) top left no-repeat; float:left; font-size: 12px; }
.frontgig {}
#upcoming li h2 { padding: 15px 15px 20px 15px; color: #f90 }
#upcoming li ul li { padding: 0 10px 10px 15px }
#upcoming li ul li ul li { padding:0 }

/* disable front page gigs? */
#upcoming #events-list { display:none; }
#upcoming li h2 { font-family: helvetica, arial, sans-serif; font-size: 30px; font-weight: bold; letter-spacing:-0.05em; text-transform:lowercase;  padding: 15px 15px 0 0px;}
#upcoming li ul li { padding: 0 0 10px 0 }
#upcoming #recent-posts-2 { width:500px; height:auto; background:none;float:left; font-size: 12px; }

#myspacelink a:link, #myspacelink a:visited { clear:both; display: block; height: 60px; line-height:60px; padding: 0 30px 0 0; text-align:right; background:url(pics/myspaceback.png) top left no-repeat }
#balbexlink { text-align:center; margin-top: 20px;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#balbexlink a:hover { filter:alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity: 0.4; opacity: 0.4; }

body.home .pageheader { display:none }
body.home strong { font-family: Georgia, serif; font-size: 24px; font-weight:normal; line-height:28px }

#content { float:right; width:500px; margin-top: 220px; font-family: "lucida grande", arial, sans-serif; }
#content div, #content table, #content p { font-size:12px; line-height: 17px }
#content h2 {  font-family: helvetica, arial, sans-serif; font-size: 20px; font-weight: bold; letter-spacing:-0.05em; text-transform:lowercase;line-height: 26px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#content h2, p { margin: 0px 0 12px 0 }
#content .newsdate { display:block; margin-bottom:0px }
h1.pageheader { position:absolute; display:block; top: 125px; left: 500px;font-family: helvetica, arial, sans-serif; font-size: 40px; font-weight: bold; letter-spacing:-0.05em; text-transform:lowercase; color:#fff;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#content a:link, #content a:visited { color: #fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#content a:hover { color: #fff;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
small { font-size:10px }

.post { margin-bottom:40px; }

.attribution span { font-size: 9px }

table.gigs, table.gigs tr, table.gigs td { border: none !important; }
.dbem_events_list { float:left; border-bottom: 1px dotted #394b4f; width:500px; margin-bottom: 14px}
.dbem_events_list div { float:left; padding: 7px 0 }
.dbem_events_list li { clear:both; border-top: 1px dotted #394b4f; }
.dbem_events_list .date { width: 100px} 
.dbem_events_list .time { width:60px }
.dbem_events_list .venue { width:200px }
.dbem_events_list .town { width:140px }
.dbem-no-events { line-height:30px; }
.pastgigs ul .time { display:none }
.pastgigs *, .pastgigs *:hover { text-decoration:none; cursor:default; color:#999 !important; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }
.pastgigs li { border-top: none; }
.pastgigs ul { border-bottom:none }
.pastgigs .dbem_events_list div { float:left; padding: 2px 0 }

#messagebox { }
#messagebox .clear { display:block; width:500px;height:40px }
#contact-form label { clear:both; width:500px }

.post-17 img { margin-top:30px; border: 15px solid #0d131c }