html { font-size: 100%; /* IE hack */ }
body {margin:0px; background: #000; color: #222; font-family: 'Droid Sans', Arial; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }
/* Style Kit v7.0 */
div {display: inline-block;}
div {display: block;}
a, embed, object {outline: none;}
form, fieldset, dl, dt, dd {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}
p {margin: 0 0 15px 0; padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
input, textarea, select {font-family: inherit; font-size: inherit;}
input:focus, textarea:focus {outline:none;}
dl {display: block; }
dt {display: block; float: left; width: 45%; margin-bottom: 5px;}
dd {display: block; float: right; width: 45%; margin-bottom: 5px;}
big {font-size: 1.1em;}
small {font-size: 0.9em;}
.clearer {clear: both; height: 1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
.clearfix{clear:both;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.txtright {text-align: right;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}
/* Colours */
.red {color:#9d0707;}
/* Links */
a {color: #9d0707; text-decoration: none;}
a:hover {text-decoration: underline;}
/* Headings */
h1 {display: block; margin: 0; padding: 0;}
h1 span {font-size: 30px; font-weight: bold; color: #9d0707; text-transform: uppercase; padding-right: 10px;}
h1 span.grey {color: #6e6e6e; padding-right: 0;}
h2 {display: block; color: #9d0707; text-transform: uppercase; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 4px 0 2px 0; border-bottom: 1px solid #7d7e7d; }
h2 a {color: #9d0707 !important; text-decoration: none;}
h2 a:hover {text-decoration: none;}
h2.mask {padding: 4px 0 2px 40px; background:url(../images/icon_logo.gif) 0 0 no-repeat; height: 20px;}
h3 {font-size: 18px; font-weight: bold; margin-bottom: 3px; line-height: normal;}
h4 {display:block; font-size:12px; line-height:18px; font-weight:normal; margin:0 0 10px 0; padding:4px 0; border-bottom:1px solid #7d7e7d;}
/* Lists */
#baselist, #baselist li {display: inline-block;}
#baselist {display: block; float: left; width: 100%; padding: 0; margin: 0; list-style: none; font-size: 11px; text-transform: uppercase; font-weight: bold;}
#baselist li {display: block; float: left; width: 15%; padding: 0 1% 0 0; margin: 0 0 10px 0;}
#baselist a {color: #333; text-decoration: none; }
#baselist a:hover {color: #9d0707; text-decoration: none; }
ul.newslist, ul.newslist li {display: inline-block;}
ul.newslist {display: block; margin: 0; padding: 0 0 0 30px; list-style: none;}
ul.newslist li {display: block; margin: 0 0 20px 0; padding: 0; }
ul.newslist .newsimg {display: inline; float: left; width: 132px; height: 132px; background:url(../images/news_thb_bg.png) no-repeat; padding: 11px; }
ul.newslist .newsimg img {display: block; width: 130px; height: 130px; border: 1px solid #FFF; }
ul.newslist .newsimg:hover img {border: 1px solid #dedede;}
ul.newslist .persimg {display: inline; float: left; width: 132px; height: 172px;}
ul.newslist .persimg img {display: block; width: 130px; height: 170px; border: 1px solid #FFF; }
ul.newslist .persimg:hover img {border: 1px solid #dedede;}
ul.newslist div.newstxt {margin-left:172px; padding-top:10px;}
.newsheading {margin:0 0 10px 0px; padding:0px; width:100%;}
.newsheading tbody, ul.newslist div.newstxt .newsheading tr {width:100%;}
.newsheading td {vertical-align:bottom;}
.newsheading .date {color: #666; font-size: 11px; text-transform:uppercase; width:80px; padding-left:10px; text-align:right;}
ul.newslist h3 {font-size: 18px; font-weight: bold; margin-bottom: 3px; line-height: normal;}
ul.newslist h3 a {color: #222; text-decoration: none;}
ul.newslist h3 a:hover {color: #9d0707; text-decoration: none; }
#artlist ul, #artlist li {display: inline-block;}
#artlist ul {display: block; float: left; width: 100%; padding: 0; margin: 0 0 10px 0; list-style: none;}
#artlist li {display: block; float: left; width: 162px; height: 162px; padding: 14px; background: url(../images/artist_thb_bg.png) no-repeat; margin: 0 25px 25px 0;}
#artlist li a {display: block; float: left; width: 162px; height: 162px; border: 1px solid #FFF;}
#artlist li a:hover { border: 1px solid #dedede;}
#artlist li img {display: block; float: left; width: 162px; height: 162px; }
#artlist li span {display: block; float: left; width: 162px; height: 162px; }
#artlist li a {position: relative;}
#artlist li span {position: absolute; bottom: 0; left: 0; display: none; height: 20px; background: url(../images/artist_thb_link_bg.png) 0 0 no-repeat; }
#artlist a:hover span {display: block; }
#artindex ul, #artindex li {display: inline-block;}
#artindex {display: block; padding: 0; margin: 20px 0 20px 0; list-style: none;}
#artindex li {display: block; padding: 0; margin: 0; }
#artindex div.indlab {float: left; font-size: 37px; font-weight: bold; display: block; width: 40px; line-height: normal; margin-top:-6px;}
#artindex a.back-to-top {float:right; display:inline;}
/* Perspectives Section */
#perspective-artlist ul, #perspective-artlist li {display: inline-block;}
#perspective-artlist ul {display: block; float: left; width: 100%; padding: 0; margin: 0 0 10px 0; list-style: none;}
#perspective-artlist li {display: block; float: left; width: 184px; height: 162px; padding: 14px 3px 14px 3px; background: url(../images/artist_thb_bg.png) no-repeat; margin: 0 25px 40px 0; text-align:center}
/* #perspective-artlist li a {display: block; float: left; width: 162px; height: 162px; border: 1px solid #FFF;}*/
#perspective-artlist li a {display: block; width: 184px; height: 162px; font-weight:bold; color:#000; text-align:center} }
/* #perspective-artlist li a:hover { border: 1px solid #dedede;}*/
#perspective-artlist li a:hover { text-decoration:underline !important; color: #9D0707;}
#perspective-artlist li img:hover { border: 1px solid #dedede;}
#perspective-artlist li img {display: block; float: left; width: 162px; height: 162px; margin-bottom:15px;border: 1px solid #fff; margin-left:12px; margin-right:12px; }
#perspective-artlist li span {display: block; float: left; width: 162px; height: 162px; }
#perspective-artlist li a {text-align:center}
#perspective-artlist li span {position: absolute; bottom: 0; left: 0; display: none; height: 20px; background: url(../images/artist_thb_link_bg.png) 0 0 no-repeat; }
#perspective-artlist a:hover span {display: block; }
#perspective-artlist ul {
margin-top:20px;
margin-left:-3px;
}
#perspectives-image-wrapper {
display: inline;
float: left;
width: 520px;
}
#perspectives-content-wrapper {
display: inline;
float: left;
padding: 14px 0 0 0;
width: 380px;
}
#perspectives_portrait {
margin-left:50px;
}
#perspectives_portrait ul, #perspectives_portrait li {display: inline-block;}
#perspectives_portrait_image {display: block; width: 330px; height: 467px; padding: 8px 11px 19px 8px; background: url(/wp-content/themes/drawingbook/images/perspective_portrait_bg.png) no-repeat; margin: 0 0 10px 0; list-style: none;}
#perspectives_portrait_image a {display: block; width: 328px; height: 465px; border: 1px solid #FFF; position:relative;}
#perspectives_portrait_image a:hover { border: 1px solid #dedede;}
#perspectives_portrait_image img {display: block; width: 328px; height: 465px; }
#perspectives_portrait_image span {position: absolute; bottom: 0; left: 0; display: none; height: 33px; background:#9d0707 url(/wp-content/themes/drawingbook/images/get-a-better-look-icon.png) 9px center no-repeat; position:absolute; line-height:33px; color:#ffffff; padding-left:35px; z-index:1; width:293px; font-size:13px;}
#perspectives_portrait_image a.perspective-fancybox:hover span {display: block; }
#perspectives_landscape {
margin-left:0px;
}
#perspectives_landscape ul, #perspectives_landscape li {display: inline-block;}
#perspectives_landscape_image {display: block; width: 488px; height: 387px; padding:8px 13px 13px 8px; background: url(/wp-content/themes/drawingbook/images/perspective_landscape_bg.png) no-repeat; margin: 0 0 10px 0; list-style: none;}
#perspectives_landscape_image a {display: block; width: 465px; height: 366px; border: 1px solid #FFF; position:relative;}
#perspectives_landscape_image a:hover { border: 1px solid #dedede;}
#perspectives_landscape_image img {display: block; width: 465px; height: 328px; }
#perspectives_landscape_image span {position: absolute; bottom: 0; left: 0; display: none; height: 34px; background:#9d0707 url(/wp-content/themes/drawingbook/images/get-a-better-look-icon.png) 9px center no-repeat; position:absolute; line-height:34px; color:#ffffff; padding-left:35px; z-index:1; width:430px; font-size:13px; border-top:4px solid #FFFFFF; }
#perspectives_landscape_image a.perspective-fancybox span {display:block;}
.perspective_lightbox {position:relative;}
#perspective_portrait_lightbox {width:556px; height:827px;}
#perspective_landscape_lightbox {width:787px; height:596px;}
#perspective_lightbox_image {display:block;}
#perspective_portrait_lightbox #perspective_lightbox_image {width:556px; height:787px;}
#perspective_landscape_lightbox #perspective_lightbox_image {width:787px; height:556px;}
#perspective_lightbox_nav {height:22px; padding-top:18px; text-align:center;}
#perspective_lightbox_nav a {display: -moz-inline-stack; display: inline-block; zoom: 1; vertical-align:top; background:url(/wp-content/themes/drawingbook/images/perspective_lightbox_nav_sprite.png) no-repeat -10px -25px; width:10px; height:10px; margin-right:8px; cursor:pointer;}
#perspective_lightbox_nav a.current, #perspective_lightbox_nav a:hover {background-position:0px -25px;}
#perspective_lightbox_hotspot {position:absolute; z-index:1; top:0; left:0;}
#perspective_portrait_lightbox #perspective_lightbox_hotspot {width:556px; height:787px;}
#perspective_landscape_lightbox #perspective_lightbox_hotspot {width:787px; height:556px;}
#perspective_lightbox_hotspot a {position:absolute; display:block; width:auto; height:auto; border:1px solid #000000; cursor:pointer;}
#perspective_lightbox_hotspot a:hover {text-decoration:none;}
#perspective_lightbox_hotspot a span {display:block; width:auto; height:auto; border:4px solid #ffffff;}
#perspective_lightbox_hotspot a span span {display:block; min-width:100px; min-height:100px; border:1px solid #000000; background:url(/wp-content/themes/drawingbook/images/perspective_magnify_icon.png) no-repeat right bottom; position:relative;}
#perspective_lightbox_hotspot a:hover span span {border:1px solid #000000;}
#perspective_lightbox_hotspot a span span span {display:none; position:absolute; top:-1px; left:-1px; color:#000000; background:#FFFFFF; text-transform:uppercase; border-right:1px solid #000000; border-bottom:1px solid #000000; height:19px; line-height:19px; font-size:11px; width:90px; text-align:center; font-weight:bold; min-width:0px; min-height:0px;}
#perspective_lightbox_hotspot a:hover span span span {display:block; border-right:1px solid #000000; border-bottom:1px solid #000000; border-top:0px; border-left:0px;}
#perspective_lightbox_forward, #perspective_lightbox_backward {background:url(/wp-content/themes/drawingbook/images/perspective_lightbox_nav_sprite.png) no-repeat; width:26px; height:25px; display:block; position:absolute; cursor:pointer;}
#perspective_lightbox_forward {background-position:-26px 0px;}
#perspective_lightbox_backward {background-position:0px 0px;}
#perspective_portrait_lightbox #perspective_lightbox_forward, #perspective_portrait_lightbox #perspective_lightbox_backward {top:388px;}
#perspective_landscape_lightbox #perspective_lightbox_forward, #perspective_landscape_lightbox #perspective_lightbox_backward {top:267px;}
#perspective_portrait_lightbox #perspective_lightbox_forward {left:576px;}
#perspective_landscape_lightbox #perspective_lightbox_forward {left:807px;}
#perspective_lightbox_backward {left:-46px;}
#perspective_lightbox_detail {display: block; position:absolute; border:1px solid #000000; width:546px; height:546px; z-index:2; cursor:pointer;}
#perspective_lightbox_detail:hover {text-decoration:none;}
#perspective_portrait_lightbox #perspective_lightbox_detail {left:5px; top:120px;}
#perspective_landscape_lightbox #perspective_lightbox_detail {left:120px; top:5px;}
#perspective_lightbox_detail .perspective_lightbox_detail_outer {width:538px; height:538px; border:4px solid #ffffff; display:block; position:relative; background:#ffffff;}
#perspective_lightbox_detail img {width:536px; height:536px; border:1px solid #000000; display:block; background-color:#ffffff;}
#perspective_lightbox_detail .perspective_lightbox_detail_close {display:block; position:absolute; text-transform:uppercase; color:#ffffff; border:2px solid #ffffff; background:#000000; height:19px; line-height:19px; font-size:11px; width:95px; text-align:center; left:5px; top:4px; font-weight:bold;}
#perspective_lightbox_detail:hover .perspective_lightbox_detail_close {color:#000000; border:2px solid #000000; background:#ffffff;}
ul.indart, ul.indart li {display: inline-block;}
ul.indart {display: block; float: left; padding: 30px 0 0 0; margin: 14px 0 0 0; list-style: none; border-top: 1px solid #222; width: 910px; overflow: hidden;}
ul.indart li {display: block; float: left !important; padding: 0 30px 0 0 !important; margin: 0 0 30px 0 !important; width: 420px !important; height: 192px !important; }
ul.indart a.indimg {display: block; float: left; width: 162px; height: 162px; padding: 14px; background: url(../images/artist_thb_bg.png) no-repeat; }
ul.indart a.indimg img {display: block; float: left; width: 162px; height: 162px; border: 1px solid #FFF;}
ul.indart a.indimg:hover img { border: 1px solid #dedede;}
ul.indart div.indtxt {margin-left: 205px; padding-top: 5px;}
ul.indart div.indtxt h3 {font-size: 18px; font-weight: bold; margin-bottom: 5px; line-height: normal;}
ul.indart div.indtxt h3 a {color: #222; text-decoration: none;}
ul.indart div.indtxt h3 a:hover {color: #9d0707; text-decoration: none; }
#catindex, #catindex li {display: inline-block;}
#catindex {display: block; float: left; padding:0; margin: 0; list-style: none; }
#catindex li {display: block; padding: 0 !important; margin: 0 0 15px 0; font-size: 18px; font-weight: bold; line-height: normal;}
#catindex a {color: #222; text-decoration: none;}
#catindex li.current_page_item a, #catindex a:hover {color: #9d0707; text-decoration: none;}
#catarts, #catarts li {display: inline-block;}
#catarts {display: block; float: right; padding: 0; margin: 0; list-style: none; width: 690px; }
#catarts li {display: block; padding: 0; margin: 0 0 30px 0; }
#catarts h3 {font-size: 18px; font-weight: bold; margin: 0 0 5px 5px; display: block; line-height: normal;}
#catarts h3 a {color: #222; text-decoration: none;}
#catarts h3 a:hover {color: #9d0707; text-decoration: none; }
#catarts a.butt-next {display: block; float: right; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #9d0707; text-deocration: none; background: url(../images/butt_next.gif) 100% 0 no-repeat; padding: 5px 30px 0 0; height: 20px; margin-right: 5px;}
#catarts a.butt-next:hover {color: #222; text-decoration: none !important;}
#catarts ul {display: block; padding: 0; margin: 0; list-style: none;}
#catarts ul li {display: block; float: left; width: 162px; height: 162px; padding: 0 10px 0 0; margin: 0;}
#catarts ul li a {display: block; width: 134px; height: 134px; background:url(../images/cat_thb_bg.png) no-repeat; padding: 14px; }
#catarts ul li img {display: block; width: 132px; height: 132px; border: 1px solid #FFF; }
#catarts ul li a:hover img {border: 1px solid #dedede;}
#catlist, #catlist li {display: inline-block;}
#catlist {display: block; float: left; padding: 0; margin: 0; list-style: none; width: 100%; }
#catlist li {display: block; float: left; width: 450px; height: 162px; padding: 0 20px 0 0; margin: 0 0 20px 0;overflow: hidden;}
#catlist li a.cat-thb {display: block; float: left; width: 134px; height: 134px; background:url(../images/cat_thb_bg.png) no-repeat; padding: 14px; }
#catlist li img {display: block; width: 132px; height: 132px; border: 1px solid #FFF; }
#catlist li a.cat-thb:hover img {border: 1px solid #dedede;}
#catlist div.cat-txt {margin-left: 172px;}
#catlist h3 {font-size: 24px; font-weight: bold; margin: 5px 0 10px 0; display: block; line-height: normal;}
#catlist h3 a {color: #222; text-decoration: none;}
#catlist h3 a:hover {color: #9d0707; text-decoration: none; }
#catlist p {margin: 0 0 10px;}
/* Tables */
/* Forms */
/* Superstructure */
#shield {width: 1015px; margin: 0 auto; padding:0 50px; background:url(../images/bg.jpg) 50% 0 no-repeat; position:relative;}
#header {position: relative; height: 185px; width: 1015px; overflow: hidden;}
#main-modular #header {height:150px; padding-bottom:30px; position:relative;}
#main {background:url(../images/bg_tile.jpg) repeat-y; min-height: 630px; height: auto !important; height: 630px;}
#content {background:url(../images/bg_page_white.jpg) no-repeat; min-height: 430px; height: auto !important; height: 430px;}
#footer {height: 65px; background: url(../images/bg_footer.jpg) no-repeat; font-size: 12px; color: #ababab; }
#page {padding: 0 30px 30px 30px; font-size: 12px; line-height: 18px; overflow:hidden;}
#homepage {padding: 0 15px 30px 15px; font-size: 12px; line-height: 18px;}
/* Modular Template Superstructure */
#main-modular {background:url(../images/bg_tile.jpg) repeat-y; top:15px; position:relative;}
#main-modular-top {background:url(../images/bg_page_modular.jpg) no-repeat; min-height: 578px; _height: 578px;}
#main-modular-top #content {background:none;}
#main-modular-top #content.content-w-masthead {background:url(../images/bg_page_white.jpg) no-repeat; margin-top:-18px;}
.page-sidenav{float: left; display:inline; width: 200px; padding:0px 19px 80px 0px; border-right: 1px solid #222; min-height:480px; margin-right:10px;}
.page-sidenav-right{float: left; display:inline; width: 200px; padding:0px 0px 80px 19px; border-left: 1px solid #222; min-height:480px; margin-left:10px;}
.page-content{float: left; display:inline; width: 710px;}
.page-perspective .page-content {width:610px;}
/* Infrastructure */
#header #logo {position: absolute; top: 0; left: 15px; display: block; width: 230px; height: 180px; text-indent: -9999px; overflow: hidden; background: url(../images/logo.png) no-repeat; z-index: 99;}
#header #logo-eyes {position: absolute; top: 0; left: 15px; display: block; width: 230px; height: 180px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; z-index: 1;}
#main-modular #header #logo, #main-modular #header #logo-eyes {height:150px; left:760px; top:1px;}
#masthead-modular {display:block; position:absolute; bottom:128px; left:31px; color:#ffffff; width:740px; height:40px;}
#masthead-modular h1 {display:block; position:absolute; left:0px; bottom:0px; font-size:30px; line-height:30px; text-transform:uppercase; vertical-align:bottom; font-weight:bold;}
#masthead-modular h1 a {color:#FFFFFF;}
.masthead-modular-back {display:inline; position:absolute; left:215px; bottom:0px; background: url(../images/perspective_masthead_icon.png) no-repeat right center; font-size:13px; line-height:13px; padding:6px 34px 6px 0; color:#FFFFFF; text-transform:uppercase;}
.masthead-modular-textbox {display:block; position:absolute; left:195px; bottom:2px; font-size:13px;}
#header #auxnav ul{margin: 0; padding: 0;}
#header #auxnav, #header #auxnav li {display: inline-block;}
#header #auxnav {position: absolute; top: 32px; right: 280px; display: block; float: right; padding: 0; margin: 0; list-style: none;}
#header #auxnav li {display: block; float: right; padding: 0 0 0 9px; margin: 0 0 0 9px; background: url(../images/header_div.gif) 0 50% no-repeat; color: #FFF; text-transform: uppercase; font-size: 12px;}
#header #auxnav a {color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 12px;}
#header #auxnav a:hover {color: #000; text-decoration: none; }
#header #searcher {position: absolute; top: 22px; right: 25px; display: block; width: 245px;}
#header #searcher #s {position: absolute; top: 5px; left: 0; display: block; width: 200px; font-size: 14px; padding: 2px; font-family: 'Droid Sans'; color: #000;}
#header #searcher #sbutt {position: absolute; top: 0; right: 0; display: block; width: 34px; height: 33px; background: url(../images/header_butt_go.gif) no-repeat; text-indent: -9999px; overflow: hidden; border: none; cursor: pointer;}
#header #nav ul{margin: 0; padding: 0; position:relative;}
#header #nav, #header #nav li {display: inline-block;}
#header #nav {position: absolute; top: 95px; right: 25px; display: block; float: right; padding: 0; margin: 0; list-style: none; }
#header #nav li {display: block; float: right; padding: 3px 0 8px 14px; margin: 0 0 0 14px; color: #000; font-size: 10px; border-left: 1px solid #000;}
#header #nav a { color: #000; text-decoration: none; text-transform: uppercase; font-size: 24px; font-weight: bold;}
#header #nav li.current_page_item a, #header #nav li.current-page-ancestor a, #header #nav a:hover {color: #9d0707; text-decoration: none; }
#header #alphindex, #header #alphindex li {display: inline-block;}
#header #alphindex {position: absolute !important; top: 42px; right: 0; display: block; float: left; width: 700px !important; padding: 20px 0 0 0 !important; margin: 0 !important; list-style: none; background:url(../images/subnav_bg.png) 0 0 no-repeat; }
#header #alphindex li {display: inline; float: left; padding: 0 !important; margin: 0 0 0 10px !important; font-size: 17px; font-weight: bold; color: #929191; text-transform:uppercase; border:none !important;}
#header #alphindex a {color: #000 !important; text-decoration: none; font-size: 17px !important; font-weight: bold; text-transform:uppercase;}
#header #alphindex li.current_page_item a, #header #alphindex a:hover {color: #9d0707 !important; text-decoration: none; }
#header #shopnav {position: absolute; top: 42px; right: 0; display: block; float: left; width: 700px !important; padding: 20px 0 0 0 !important; margin: 0 !important; background:url(../images/subnav_shop_bg.png) 0 0 no-repeat; }
#header #shoplist {display:inline-block; list-style:none; margin:0px; padding:0px; height:auto; position:absolute !important; top:20px; left:0px;}
#header #shoplist li {display: inline; float: left; padding: 0 !important; margin: 0 0px 0 10px !important; font-size: 17px; font-weight: bold; color: #929191; text-transform:uppercase; border:none !important;}
#header #shoplist li.first {margin:0 !important;}
#header #shoplist a {color: #000 !important; text-decoration: none; font-size: 17px !important; font-weight: bold; text-transform:uppercase;}
#header #shoplist li.current a, #header #shoplist a:hover {color: #9d0707 !important; text-decoration: none; }
#masthead {background:url(../images/bg_mh_bot.png) 0 100% no-repeat;}
#masthead #mh-main { background:url(../images/bg_mh_top.jpg) 100% 0 no-repeat; color: #FFF; font-size: 13px; padding: 25px 25px 60px 25px;}
#backbutt {display: block; float: right; margin: 5px 10px 0 0; color: #FFF; text-transform:uppercase; padding: 6px 35px 0 0; background:url(../images/butt_back_blk.gif) 100% 0 no-repeat; text-decoration: none; font-weight: bold; height: 20px;}
#backbutt:hover {color: #9d0707; text-decoration: none; }
#footer ul, #footer li {display: inline-block;}
#footer ul {display: block; float: right; padding: 20px 3px 0 0; margin: 0; list-style: none;}
#footer li {display: block; float: right; padding: 0 0 0 7px; margin: 0 0 0 7px; background: url(../images/footer_div.gif) 0 50% no-repeat;}
#footer a {color: #ababab; text-decoration: none; }
#footer a:hover {color: #FFF; }
/* Artist */
#artlist {padding-left: 55px;}
#artlist p span {font-size: 15px; padding-right: 20px; background:url(../images/icon_mag_wht.gif) 100% 50% no-repeat; }
/* #perspective-artlist {padding-left: 55px;}*/
#perspective-artlist p span {font-size: 15px; padding-right: 20px; background:url(../images/icon_mag_wht.gif) 100% 50% no-repeat; }
/* Home */
div.homain {width: 474px; padding-top: 10px; overflow: hidden;}
div.homain a.homain-img {display: block; width: 474px; height: 411px; overflow: hidden; margin-bottom: 5px;}
div.homain a.homain-lnk {display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #9d0707; text-deocration: none; background: url(../images/butt_next_blk.gif) 100% 0 no-repeat; padding: 7px 30px 0 0; height: 18px;}
div.homain a.homain-lnk:hover {text-decoration: none;}
div.homain a.homain-lnk span {color: #FFF; padding-right: 5px;}
div.homain a.homain-lnk:hover span {text-decoration: underline;}
#sidebar {width: 325px; float: right; overflow: hidden; margin-bottom: 20px;}
#newsfeed {width: 650px; float: left; overflow: hidden; margin-bottom: 20px;}
/* Title Bars */
div.title-wipe-red {height: 43px; padding: 3px 3px 3px 6px; background:url(../images/title_bg_red.png) no-repeat; color: #FFF; }
div.title-wipe-blk {height: 43px; padding: 3px 3px 3px 6px; background:url(../images/title_bg_blk.png) no-repeat; color: #FFF; }
a.title-lnk {display: block; float: right; font-size: 10px; text-transform: uppercase; color: #FFF; background: url(../images/butt_next_blk.gif) 100% 0 no-repeat; padding: 3px 30px 0 0; height: 22px;}
a.title-lnk:hover { text-decoration: underline;}
a.rss {background: url(../images/butt_rss.gif) 100% 0 no-repeat !important; }
h3.title-txt {color: #FFF; text-align: left; font-weight: bold; text-transform:uppercase; font-size: 13px; line-height: 22px;}
h3.title-txt a, h3.title-txt a:hover {color: #FFF; text-decoration: none;}
div.mainpanel {width: 651px; margin-bottom: 15px; background: url(../images/mainpanel_top.png) 0 0 no-repeat;}
div.mp-outer {background: url(../images/mainpanel_bot.png) 0 100% no-repeat; padding: 11px 0;}
div.mp-inner {background: url(../images/mainpanel_bg.png) 0 0 repeat-y; padding: 0 11px; min-height: 150px; height: auto !important; height: 150px;}
div.sidepanel {width: 325px; margin-bottom: 15px; background: url(../images/sidepanel_top.png) 0 0 no-repeat;}
div.sp-outer {background: url(../images/sidepanel_bot.png) 0 100% no-repeat; padding: 11px 0;}
div.sp-inner {background: url(../images/sidepanel_bg.png) 0 0 repeat-y; padding: 0 11px; min-height: 150px; height: auto !important; height: 150px;}
div.p-main {padding: 0 6px;}
div.p-main .newslist {padding-left:0px;}
/* Personal */
h1#personal {font-size: 45px; font-weight: bold; margin-bottom: 15px; width: 400px; text-transform: uppercase; float: left; text-align: right;}
#prsnl-txt {width: 540px; float: right; line-height: 18px; margin-bottom: 15px; }
#prsnl-hint {border-top: 1px solid #363636; padding: 20px 0 15px 0; font-size: 14px;}
#prsnl-hint span {display: block; float: left; height: 16px; padding-right: 25px; background:url(../images/icon_mag_personal.gif) 100% 50% no-repeat; }
#prsnl-view {width:966px; display:block; margin:0px 0px 15px 0px; overflow:hidden; position:relative; height:356px;}
#prsnl-list, #prsnl-list li {display: inline-block;}
#prsnl-list {width:10000px; padding: 0; margin: 0; list-style: none; position:absolute; top:0px; left:0px; height:356px; display:inline; color:#ffffff;}
#prsnl-list li {display: block; float: left; width: 316px; height: 355px; overflow: hidden; margin-right: 6px; font-size: 13px; font-weight: bold; text-transform:uppercase; border-bottom: 1px solid #363636;}
#prsnl-list a {display: block; width: 316px; color: #FFF;}
#prsnl-list a:hover {text-decoration: none; color: #9d0707;}
#prsnl-list img {display: block; width: 316px; height: 327px; margin-bottom: 5px;}
#prsnl-nav {display:block; padding:0px 0px 15px 0px; height:26px;}
#prsnl-prev {float: left; display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; text-decoration: none; background: url(../images/butt_back_blk.gif) 0 0 no-repeat; padding: 7px 0 0 30px; height: 18px; margin-bottom: 0px; }
#prsnl-next {float: right; display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; text-decoration: none; background: url(../images/butt_next_blk.gif) 100% 0 no-repeat; padding: 7px 30px 0 0; height: 18px; margin-bottom: 0px; }
#prsnl-prev:hover, #prsnl-next:hover {color: #9d0707; text-decoration: none !important; }
/* Perspective */
#mh-perspective-left {float:left; width:446px; padding-top:50px; color:#ffffff; font-size:20px; line-height:24px; padding-left:20px;}
#mh-perspective-left .page-perspective-btn {background: url(../images/butt_next_blk.gif) 100% center no-repeat; color:#ffffff;}
#mh-perspective-right {float:right; width:420px; padding-right:20px;}
#mh-perspective-right img {display:block;}
#page.page-perspective {padding-left:45px;}
#content .page-perspective h2, #content .perspectives-artist-index h2 {font-size:30px; color:#000000; padding: 0px; margin:0 0 3px; border:0; line-height:normal;}
#content .page-perspective h2.mask, #content .perspective-artist-index h2.mask {color: #9D0707; font-size:16px; padding: 4px 0 2px 40px; margin: 0 0 10px; border-bottom: 1px solid #7D7E7D;}
.page-perspective-btn {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #000000; text-decoration: none; background: url(../images/butt_next.gif) 100% center no-repeat; padding: 3px 30px 4px 0; height: 30px; margin-bottom: 0px; line-height:30px;}
.page-perspective-head {margin-bottom:20px;}
.page-perspective-head h2 {border:0; font-size:30px; color:#000000; padding:0; margin:0; width:365px; float:left; line-height:30px;}
.page-perspective-head span {margin-left:370px; padding-top:12px; display:block;}
.page-perspective-head span span {border-top:1px solid #000000; margin-left:0px; padding-top:0px;}
.page-perspective-thumblist {padding:0px; margin:0px -92px 0px -6px; list-style:none;}
.page-perspective-thumblist li {float:left; width:260px; margin-right:86px;}
.perspective-list-image {width:228px; height:228px; display:block; background: url(../images/perspective_thumb_bg.png) no-repeat 0 0; padding:16px;}
.perspective-list-image img {display:block; width:226px; height:226px; border:1px solid #ffffff;}
.page-perspective-thumblist p {text-align:center; text-transform:uppercase; font-weight:bold;}
/* Campaign Monitor login form */
div.subscribepanel {line-height:1.2em;}
div.subscribepanel h3 {color:#9d0707; text-transform:uppercase;}
div.subscribepanel p {color:#333333; margin:0px 0px 10px;}
div.subscribepanel form {width:90%;}
div.subscribepanel label {display:block; margin-bottom:10px; font-weight:bold;}
div.subscribepanel .mandatory {font-size:10px; font-weight:normal; color:#9d0707;}
div.subscribepanel label input {display:block; width:97%;}
div.subscribepanel .submit {color:#9d0707; font-size:14px; text-transform:uppercase; display:block; font-weight:bold; line-height:25px; overflow:visible; border:none 0px; padding:0px 26px 0px 0px; background:transparent url(../images/news_submit.png) no-repeat right center; height:25px; float:right; cursor:pointer;}
div.subscribepanel .submit:hover, div.subscribepanel .submit:focus {text-decoration:underline;}
div.subscribepanel .submit input {display:inline-block; width:26px; height:25px; margin:7px 0px -7px 0px;}
div.subscribepanel .subscribepanel-socialicons{}
div.subscribepanel .subscribepanel-socialicons a {width:121px; padding:8px 10px 0 69px; min-height:47px; _height:47px; text-transform:uppercase; font-size:15px; line-height:19px; text-decoration:none; background:url(../images/subscribe_social_icons.png) no-repeat; display:block; margin:0 0 20px; font-weight:bold;}
div.subscribepanel .subscribepanel-socialicons .twitter-icon {background-position:-59px 0;}
div.subscribepanel .subscribepanel-socialicons .facebook-icon {background-position:0 -55px;}
/* Contact */
#googleMapBG {display:inline; float:left; width:481px; height:470px; background:url(../images/googlemap_bg.png) no-repeat; padding:13px 12px 11px 12px; margin:0px 14px;}
#googleMap {width:481px; height:470px;}
#contact {display:inline; float:left; width:380px; padding:14px 0px 0px 22px}
#contact h3 {font-size:24px; text-transform:uppercase;}
#contact .half {display:inline; float:left; width:47%;}
#contact .left {float:left;}
#contact .right {float:right;}
#contact .half input {width:98%}
#contact .half-wrapper {margin-bottom:10px;}
#contact .full {display:block; width:100%;}
#contact .full textarea {width:100%;}
/* page navigation */
.navigation{
overflow: hidden; color:#9d0707; font-size:14px; text-transform:uppercase; font-weight:bold; line-height:18px;
}
#nav-top{ margin-bottom:10px;}
.nav-previous{float: left;}
.nav-previous a {padding-left:30px; background:url(../images/news_submit_left.png) no-repeat center left; height:25px; display:block; line-height:25px;}
.nav-next{float: right;}
.nav-next a {padding-right:30px; background:url(../images/news_submit.png) no-repeat center right; height:25px; display:block; line-height:25px;}
/* Home page */
#homepage .newsimg {background:none; padding:0px;}
#homepage .newsimg img {width:130px; height:130px;}
#homepage .newstxt {margin-left:145px; padding-right:10px;}
/* About page */
.about-page-content {padding:0px 22px;}
.about-img {display:inline; float:left; margin:-6px 10px 7px -6px;}
/* Shop page */
#mast-checkout {display: block; float: right; margin: 5px 10px 0 0; color: #FFF; padding: 6px 35px 0 0; text-decoration: none; height: 20px;}
#mast-checkout a {color:#FFFFFF; text-decoration:underline; font-weight:bold;}
#mast-checkout a:hover, {text-decoration:none;}
#audioCommentary {
margin-top:20px; margin-bottom:20px
}
#audioCommentary #player {
width:83px; float:left;
}
#audioCommentary #audioText {
font-size:12px; line-height:13px;
}
#audioCommentary #audioText p {
text-transform:uppercase;
}
#commentsWidget {
border-top: 1px solid #222222; padding-top:20px; padding-bottom:8px
}
#commentsWidget blockquote {
margin:0px;
}
.commentsWidgetQuotee {
margin-bottom:20px;
font-weight:bold;
}
#submitTestimonial {
display: block;
border-top: 1px solid #222222;
padding-top:20px;
padding-bottom:20px;
margin-top:20px;
}
#perspectives_portrait #submitTestimonial { width:350px;}
#perspectives_landscape #submitTestimonial { width:480px;}
#submitTestimonial a {
text-decoration:none;
font-weight:bold;
color:#000;
background: url(/wp-content/themes/drawingbook/images/email_icon.png) no-repeat right center;
padding:7px 34px 7px 0px;
text-transform:uppercase;
}
#submitTestimonial a:hover {
text-decoration:underline;
color:#9D0707;
}
#submitTestimonial h2 {
border:none; margin-bottom:0; padding:0px;
}