/*
Theme Name: whitetree
Theme URI: http://www.thewhitetree.com
Description: custom theme for White Tree
Version: 0.1
Author: Simon Krambousanos
Author URI: http://www.conducthq.com
Tags: dark, custom header, fixed width, two columns, widgets
*/
@font-face {
    font-family: 'QuicksandLight';
    src: url('Quicksand_Light-webfont.eot');
    src: url('Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Light-webfont.woff') format('woff'),
         url('Quicksand_Light-webfont.ttf') format('truetype'),
         url('Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandLightOblique';
    src: url('Quicksand_Light_Oblique-webfont.eot');
    src: url('Quicksand_Light_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Light_Oblique-webfont.woff') format('woff'),
         url('Quicksand_Light_Oblique-webfont.ttf') format('truetype'),
         url('Quicksand_Light_Oblique-webfont.svg#QuicksandLightOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandBook';
    src: url('Quicksand_Book-webfont.eot');
    src: url('Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Book-webfont.woff') format('woff'),
         url('Quicksand_Book-webfont.ttf') format('truetype'),
         url('Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandBookOblique';
    src: url('Quicksand_Book_Oblique-webfont.eot');
    src: url('Quicksand_Book_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Book_Oblique-webfont.woff') format('woff'),
         url('Quicksand_Book_Oblique-webfont.ttf') format('truetype'),
         url('Quicksand_Book_Oblique-webfont.svg#QuicksandBookOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandBold';
    src: url('Quicksand_Bold-webfont.eot');
    src: url('Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Bold-webfont.woff') format('woff'),
         url('Quicksand_Bold-webfont.ttf') format('truetype'),
         url('Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandBoldOblique';
    src: url('Quicksand_Bold_Oblique-webfont.eot');
    src: url('Quicksand_Bold_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Bold_Oblique-webfont.woff') format('woff'),
         url('Quicksand_Bold_Oblique-webfont.ttf') format('truetype'),
         url('Quicksand_Bold_Oblique-webfont.svg#QuicksandBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandDash';
    src: url('Quicksand_Dash-webfont.eot');
    src: url('Quicksand_Dash-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Dash-webfont.woff') format('woff'),
         url('Quicksand_Dash-webfont.ttf') format('truetype'),
         url('Quicksand_Dash-webfont.svg#QuicksandDash') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Default */
html {font-size:100.01%; }
body {font-size:75%;color:#222;font-family:"Helvetica",arial,sans-serif; background:url(images/site-bg.jpg) 50% 0 no-repeat; background-color:#000000;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;background-color:none;}
h1 {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:28px;color:#ffffff; font-weight:normal;line-height:2em;}
h2 {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:17px;color:#485860; font-weight:bold;line-height:2em;}
h3 {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:18px;color:#ffffff; font-weight:normal;line-height:2em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:.5em; font-family:"Arial", Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#333139;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {font-size:13px;color:#222222;line-height:1.5em; margin:0 0 15px 0;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#2786c2;text-decoration:none;}
a {color:#ffffff;text-decoration:none;}
blockquote p {color:#666; font-size:13px; font-weight:bold; }
blockquote {margin:10px 0 20px 0; }
strong {font-weight:bold;}
em, dfn {font-style:italic;}
#flashbox, #flashbox embed { z-index:1000; }
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
.wp-table-reloaded tr td {text-align:center;}
.wp-table-reloaded tr td.column-1,.page-id-343 .wp-table-reloaded tr td {text-align:left;}

tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.cuff-links {margin:0 auto; width:960px;}
.left {float:left;}
.right {float:right;}
.clearfix:after, #content:after{ content:"\0020";  display:block;  height:0;  clear:both;visibility:hidden; overflow:hidden}
.clearfix,  .content{display:block}
.clear{clear:both}
small {font-size:11px; font-weight:bold;}
.print-page {position:absolute; width:70px; height:50px; margin:-45px 0 0 845px;}
.print-page a {padding:10px 0 0 0;background:url(images/printer-icon.png) 0 50% no-repeat;height:30px; width:30px; padding-left:45px;color:#fff; display:block;}
.navigation {margin:40px 0 0 0; }
/*Block*/
#headmast {height:127px; background:url(images/masthead-repeat.gif) repeat-x; }
#headmast #header {background:url(images/header-bg.png) no-repeat; width:960px; height:127px; }
#logo { position: relative; top:30px; left:60px; }

#body { padding:0; }
#hero {width:960px; height:359px; background:#2a2722;padding-top:10px;}
#hero #flashbox {background:#000; width:940px; height:350px; margin:0 0 0 10px;padding:0;}
#page-links {background:#2a2722;margin:0;padding:0px 0 0 0;width:960px; height:auto;}
#underbelly {display:none; background:url(images/underbelly-repeat.gif) repeat-x #333333; width:940px; height:auto;margin:0 0 0 0px;}
#underbelly .widget .textwidget ul {margin:0 0 0 2px; padding:25px 0 0 0;}
#underbelly .widget .textwidget ul li {width:295px; float:left;text-align:center;margin-left:10px; border-right:1px solid #1b1b1b;height:40px; display:block;}

#underbelly .widget .textwidget ul li#art-icon {border:none;background:url(images/art-icon.png) 30px -5px no-repeat; }
#underbelly .widget .textwidget ul li#livemusic-icon {border:none;background:url(images/livemusic-icon.png) 70px -3px no-repeat;border-right:1px solid #1b1b1b; }
#underbelly .widget .textwidget ul li#photography-icon {border:none;background:url(images/photography-icon.png) 55px -5px no-repeat; border-right:1px solid #1b1b1b;}
#underbelly .widget .textwidget ul li#film-icon {border:none;background:url(images/film-icon.png) 90px -5px no-repeat; }
#underbelly .widget .textwidget ul li#design-icon {border:none;background:url(images/design-icon.png) 60px -3px no-repeat;border-right:1px solid #1b1b1b; }

#underbelly .widget .textwidget ul li a {text-transform: uppercase;font-family: "Times New Roman"; font-style:italic;display:block;color:#fff; font-size:1.2em; font-weight:normal; padding-left:40px; text-decoration:none; line-height:35px;}
#underbelly .widget .textwidget ul li a:hover {color:#56b9e3;}
.title-block,.content {background-color:#fff;}
.title-block h1 {color:#000; font-family:"Times New Roman"; font-style: italic;}
.blog .post {border-bottom:1px solid #ddd; margin-bottom:10px;}

.page .content-header {/*background:url(images/content-header.png) no-repeat;*/width:960px;padding:0; position:relative; z-index:-1; margin:0;}
.page .body-content {background:url(images/body-content-bg.jpg) no-repeat; background-color:#fff; padding:5px 0 30px 0;}
.page #body {/*margin-top:10px;*/}

.left-col {width:650px; margin:5px 0 20px 20px; padding:0;}
.sidebar {margin:70px 0 20px 695px; width:250px; padding:5px 0 0 0;}
.single-col {margin:0 20px 20px 20px;}

.page h1 { background-color:none; width:500px;text-transform: uppercase;}
/*.page-id-48 h1,.page-id-16 h1,.page-id-51 h1,.page-id-53 h1 {background:url(images/livemusic-icon.png) no-repeat 0 50%;padding-left:55px;}
.page-id-18 h1 {background:url(images/photography-icon.png) no-repeat 0 50%;padding-left:55px;}
.page-id-20 h1 {background:url(images/film-icon.png) no-repeat 0 50%;padding-left:55px;}
.page-id-24 h1 {background:url(images/art-icon.png) no-repeat 0 50%;padding-left:55px;}
.page-id-22 h1 {background:url(images/design-icon.png) no-repeat 0 50%;padding-left:55px;}*/

.page h2 {color:#485860;}
.page a {color:#56b9e3;}
.breadcrumb { color:#999999; margin:0 0 20px 0; border-bottom:1px solid #ddd; padding:0 0 15px 0;display:none;}
.breadcrumb span {color:#666; font-weight:bold;}

#top-nav {position:absolute; width:700px;margin:85px 0 0 260px; }
#top-nav ul {list-style:none; margin:0; padding:0; float:right; height:41px;}
#top-nav ul li { cursor:pointer; float:left; padding:0 8px; color:#fff;font-size:13px;text-transform:lowercase; height:41px;}
#top-nav ul li span {padding-left:16px;}
#top-nav ul li a {text-decoration:none; color:#56b9e3; font-weight:normal;}
#top-nav ul li a:hover,#top-nav ul li.page_item ul li a:hover {color:#fff;}
#top-nav ul li.current_page_item a,#top-nav ul li.current_page_ancestor a {color:#fff;}
#top-nav ul li.current_page_ancestor ul li a {color:#56b9e3;}
#top-nav ul li.page-item-1531 ul.children, #top-nav ul li.page-item-1522 ul.children{display:none !important;}
#top-nav ul li.page_item ul { float:none; height:auto; list-style:none; position:absolute; top:41px; background:#2f2f2f; margin:0; padding:0 0 7px 0; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; width:180px;z-index:99999;}
#top-nav ul li.page_item ul li { height:auto; margin:0; padding:5px 10px; float:none; border-top:1px solid #434141;font-size:13px; text-transform:lowercase;}
#top-nav ul li.page_item ul li a {display:block;}
#top-nav ul li.page_item ul li:hover {background:#353535;}

.body-content {min-height:300px;}
.body-content ul {margin: 10px 0 10px 25px; }
.body-content ul li{padding:2px 0 4px 23px}
.body-content ul li{background:url(images/icon_tick.png) no-repeat 0 0}

.body-content #media_content ul li {background:none; padding:0 4px 0 4px; margin:0;}
.body-content #media_content ul {margin: 9px 0 9px 7px;}
.body-content #media_content ul#tab_links li {padding:5px 10px 3px 10px; margin:2px 4px 0 0;}

.sidebar .widget, .subnav {/*background:url(images/widget-header.gif) no-repeat top left;*/ margin:0 0 10px 0;}
.widget .widget-footer {/*background:url(images/widget-footer.gif) no-repeat;*/ }
.sidebar .widget div,.sidebar .widget ul {background:none; margin:0; padding:0; color:#000;}
.sidebar .widget h3,.subnav h3 {color:#000; font-size:16px; padding:0px 0 0 10px; font-weight:bold; border-bottom:1px dotted #000; font-family:"Times New Roman"; font-style: italic;}
.sidebar .widget .textwidget p{font-size:12px; color:#000; padding:15px;}
.sidebar .widget ul {padding:0 0 10px 0;}
.sidebar .widget ul li {background:none;margin:0; padding:5px 10px; float:none; border-bottom:1px dotted #000;font-size:13px; text-transform:lowercase;}
.sidebar .widget ul li a {text-decoration:none;display:block; font-family:"Times New Roman"; font-style: italic; color:#000;}
.sidebar .widget ul li.current_page_item a {color:#000;}
.sidebar .widget ul li:hover,.sidebar .widget ul li.current_page_item {text-decoration: underline;}
.sidebar .widget ul li a:hover {text-decoration: underline;color:#000;}

.sidebar .widget ul.graphic li a:hover {color:#fff;text-decoration: underline;}

#footmast {background: #010101 url(images/footer-repeat.gif) repeat-x; margin:40px 0 0 0;width:100%;}
.social {width:150px; margin:22px 0 0 0; }
.social ul {list-style:none; padding:0; margin:0;}
.social ul li {float:left; padding:0 10px 0 0;}
.legal {margin:30px 15px 0 0; width:500px;}
.legal p {text-align:right; font-size:11px; font-weight:normal;color:#ffffff;}
.legal p a {color:#56b9e3;}


/*Wordpress base*/
.commentlist li, #commentform input, #commentform textarea{font:0.9em 'Lucida Grande',Verdana,Arial,Sans-Serif}
.commentlist li ul li{font-size:1em}
.commentlist li{font-weight:bold}
.commentlist li .avatar{float:right; border:1px solid #eee; padding:2px; background:#fff}
.commentlist cite, .commentlist cite a{font-weight:bold; font-style:normal; font-size:1.1em}
.commentlist p{font-weight:normal; line-height:1.5em; text-transform:none}
#commentform p{font-family:'Lucida Grande',Verdana,Arial,Sans-Serif}
.commentmetadata{font-weight:normal}

p img{padding:0; max-width:100%}
img.centered{display:block; margin-left:auto; margin-right:auto}
img.alignright{padding:4px; margin:0 0 2px 7px; display:inline}
img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline}
.alignright{float:right}
.alignleft{float:left}

#commentform input{width:170px; padding:2px; margin:5px 5px 1px 0}
#commentform{margin:5px 10px 0 0}
#commentform textarea{width:100%; padding:2px}
#respond:after{content:".";  display:block;  height:0;  clear:both;  visibility:hidden}
#commentform #submit{margin:0 0 5px auto; float:right}
.alt{margin:0; padding:10px}
.commentlist{padding:0; text-align:justify}
.commentlist li{margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none}
.commentlist li ul li{margin-right:-5px; margin-left:10px}
.commentlist p{margin:10px 5px 10px 0}
.children{padding:0}
#commentform p{margin:5px 0}
.nocomments{text-align:center; margin:0; padding:0}
.commentmetadata{margin:0; display:block}

#wp-calendar{empty-cells:show; margin:10px auto 0; width:155px}
#wp-calendar #next a{padding-right:10px; text-align:right}
#wp-calendar #prev a{padding-left:10px; text-align:left}
#wp-calendar a{display:block}
#wp-calendar caption{text-align:center; width:100%}
#wp-calendar td{padding:3px 0; text-align:center}
#wp-calendar td.pad:hover{background-color:#fff}

.wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

/* Media tabs */
ul#tab_links { list-style:none; color:#56b9e3; margin:0; padding:0; z-index:1; position:relative; top:1px;}
ul#tab_links li { cursor:pointer; float:left; background:#fff; border:1px solid #bbb; padding:5px 10px 3px 10px; margin:2px 4px 0 0; -moz-border-radius:3px 3px 0 0; -khtml-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;font-size:14px; }
ul#tab_links li:hover { color:#333;}
ul#tab_links li.active { border-bottom:1px solid #ddd; background:#dddddd; color:#333; }
div#tab_contents { z-index:0; clear:both; border:1px solid #bbb; background:#dddddd;}
div#images_content {}
div#videos_content {}
div.video { text-align:center; margin:10px 0 10px 0; } 

div#images_large { text-align:center; margin:2px 2px 0 2px; padding:3px; height:426px;}
ul#images_thumb { list-style:none; margin:0 0 0 2px; padding:0;}
ul#images_thumb li {margin:2px 2px 0 2px;float:left;}
ul#images_thumb li img {border:4px solid #ddd; }
ul#images_thumb li:hover img { border:#56b9e3 4px solid; }
ul#images_thumb li.active img { border:#56b9e3 4px solid; }
#images_large img {width:638px;}
ul#images_thumb li img {padding:0; margin:0;}
/* end Media tabs */

.clear{clear:both}
.seo-footer-col{float:left; width:20%; font-size:11px; margin-right:15px; color:#979797;}
.seo-footer-col-last{float:left; width:20%; font-size:11px; color:#979797;}
.seo-footer-col-last a, .seo-footer-col a{color: #e7e7e7; }
.seo-footer-col-last a:hover, .seo-footer-col a:hover{text-decoration:underline}

.seo-content{ font-size:11px; color:#979797;}

/* Edited by Matthew - 11/11/2011 */
#nav-container { position: relative; }
#nav-container .triangle-l { background: transparent url("images/ribbon.png") top left no-repeat; height: 11px; width: 16px; position: absolute; left: -16px; top: 35px; }

#nav { position: relative; float: left; background: white url("images/nav-background.png") top left repeat; width: 803px; margin-left: -17px; padding-left: 10px; text-transform: uppercase; font-size: 13px; }
#nav ul { margin: 0 auto; padding: 0; height: 35px; line-height: 35px; vertical-align: middle; }
#nav li { -moz-border-radius: 0 0 1px 0; -webkit-border-radius: 0 0 1px 0; -o-border-radius: 0 0 1px 0; -ms-border-radius: 0 0 1px 0; -khtml-border-radius: 0 0 1px 0; border-radius: 0 0 1px 0; text-shadow: rgba(0, 0, 0, 0.01) 0 1px 1px; float: left; position: relative; margin: 0; padding: 0; font-family: "Open Sans", sans-serif; letter-spacing: 1px; }
#nav li a { color: black; padding: 0 16px; }
#nav li ul:before { border-color: #eeeeee transparent; border-style: solid; border-width: 0 8px 8px; top: -8px; content: ""; display: block; left: 15px; position: absolute; width: 0; z-index: 9999; }
#nav li ul { -moz-box-shadow: black 0 0 20px; -webkit-box-shadow: black 0 0 20px; -o-box-shadow: black 0 0 20px; box-shadow: black 0 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; position: absolute; display: none; top: 48px; font-family: "Open Sans", sans-serif; background-color: #eeeeee; font-size: 11px; z-index: 9999; height: auto; line-height: 1; padding: 4px 0; }
#nav li ul li { display: block; width: auto; float: none; white-space: nowrap; }
#nav li ul li a { display: block; padding: 8px; }
#nav li ul li a:hover { background-color: #08518e; color: white; }

#search-box { float: left; background: white url("images/search-box-bg.png") top left repeat; width: 164px; text-align: right; vertical-align: middle; }
#search-box input { float: right; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-color: white; padding: 3px; margin: 4px; height: 21px; width: 120px; }

#boxes { text-align: left; margin: 35px 0 0 -56px; }
#boxes .box { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; width: 268px; height: 179px; overflow: hidden; margin: 0 0 0 64px; border: 2px solid black; background-position: center center; }
#boxes .box { *display: inline; }
#boxes .box .title { -moz-border-radius: 0 0 1px 0; -webkit-border-radius: 0 0 1px 0; -o-border-radius: 0 0 1px 0; -ms-border-radius: 0 0 1px 0; -khtml-border-radius: 0 0 1px 0; border-radius: 0 0 1px 0; overflow: hidden; text-shadow: rgba(0, 0, 0, 0.01) 0 1px 1px; background: transparent url("images/black50.png") top left repeat; font-size: 22px; font-family: "QuicksandBook", sans-serif; letter-spacing: -1px; text-align: left; padding: 5px 10px; color: white; font-weight: 100; text-transform: uppercase; }
input:-webkit-input-placeholder { font-style: italic; color: #666666; }
input:-moz-placeholder { font-style: italic; color: #666666; }