/*
 * YUI RESET
 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.7.0
 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*
 * YUI FONT
 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.7.0
 */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
 * YUI BASE
 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.7.0
 */
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

/* BODY */

body
{
    color: #999;
    background: #2d0102 url(/projectstatic/images/bgBodyJWR.jpg) no-repeat top;
    /*background: #d7d7d7 url(/projectstatic/images/bgBodyJWR.jpg) no-repeat top;*/
    /*_background-repeat: repeat-y; */ /* IE6 Hack */
    background-attachment: fixed;
    text-align: center;
    font-family: helvetica, arial, verdana, sans-serif;
    padding: 0 8px 8px 8px;
    margin: 0;
}

/* APP */
#main
{
    background: ##2d0102;
    text-align: left;
    margin: 0 auto;
    width: 974px;
}

/* LOGO */
#header
{
    background: transparent url(/projectstatic/images/bgLogoJWR.gif) no-repeat 0 -25px;
    border-bottom: 2px solid #959595;
    width: 100%;
    height: 128px;
    overflow: hidden;
    margin-bottom: 25px;
}

#header *
{
    display: none;
}

/* CONTENT */
#content
{
    width: 100%;
    overflow: hidden;
}

/* MENUMAIN */
#menuMain
{
    /* 234px */
    float: left;
    width: 210px;
    overflow: hidden;
}

#menuMain ul
{
    list-style: none none outside;
    padding: 0;
    margin: 0;
}

#menuMain #level0
{
    display: none;
}

#menuMain li {
    list-style: none none outside;
}

#menuMain #level1 li.open
{
    display: none;
}

#menuMain #level1 li
{
    line-height: normal;
    padding: 0;
    margin: 0 0 0.6em 0;
}

#menuMain #level2 li
{
    line-height: normal;
    padding: 0;
    margin: 0 0 0.6em 0;
}

#menuMain #level3
{
    margin-top: 0.3em;
}

#menuMain #level3 li
{
    line-height: 1.5em;
    padding-left: 0.8em;
    margin: 0 0 0 1.0em;
    padding: 0;
}

#menuMain #level4
{
    margin-top: 0;
}

#menuMain #level4 li
{
    margin: 0 0 0 1.2em;
}

#menuMain a:link, #menuMain a:visited
{
    color: #969696;
    text-decoration: none;
}

#menuMain a:hover, #menuMain a:active
{
    color: #aaa;
    text-decoration: none;
}

#menuMain #level3 a:link, #menuMain #level3 a:visited
{
    color: #878787;
    text-decoration: none;
}

#menuMain #level3 a:hover, #menuMain #level3 a:active
{
    color: #aaa;
    text-decoration: none;
}

#menuMain #level3 a.active:link, #menuMain #level3 a.active:visited, #menuMain #level3 a.active:hover, #menuMain #level3 a.active:active
{
    color: #fff;
    text-decoration: none;
}

#menuMain #level4 a:link, #menuMain #level4 a:visited
{
    color: #6f6f6f;
    text-decoration: none;
}

#menuMain #level4 a:hover, #menuMain #level4 a:active
{
    color: #aaa;
    text-decoration: none;
}

#menuMain #level4 a.active:link, #menuMain #level4 a.active:visited, #menuMain #level4 a.active:hover, #menuMain #level4 a.active:active
{
    color: #fff;
    text-decoration: none;
}

#menuMain a.active:link, #menuMain a.active:visited, #menuMain a.active:hover, #menuMain a.active:active
{
    color: #ccc;
    text-decoration: none;
}

/* CHANGETOOTHERPROJECT */
#changeToOtherProject
{
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-top: 45px; /* was 45px */
    background: transparent none;
}

#changeToOtherProject span
{
    display: none;
}

#changeToOtherProject a:link, #changeToOtherProject a:visited, #changeToOtherProject a:hover, #changeToOtherProject a:active, #changeToOtherProject a.active:link, #changeToOtherProject a.active:visited, #changeToOtherProject a.active:hover, #changeToOtherProject a.active:active
{
    display: block;
    background: transparent url(/projectstatic/images/changeToOtherProjectJW.png) no-repeat 0 0;
    width: 70px;
    height: 70px;
}

/* CONTENTMAIN */

#contentMain
{
    float: left;
    margin: 0 34px 0 35px;
    width: 494px;
    overflow: hidden;
}

/* SIDEBAR */            
#sidebar
{
    float: right;
    color: #0daec1;
    color: #999;
    width: 187px;
    margin-top: 4px;
}

#sidebar a:link, #sidebar a:visited
{
    color: #0daec1;
    text-decoration: underline;
}

#sidebar a:hover
{
    color: #27D1E5;
    text-decoration: underline;
}

#sidebar a:active
{
    color: #0daec1;
    text-decoration: none;
}

/* RELATED CONTENT */

#contentRelated
{
    margin-bottom: 1.5em;
}

/* GLOBAL CONTENT */

#contentGlobal
{
    margin-bottom: 1.5em;
}


/* FOOTER */
#footer
{
    clear: both;
    border-top: 2px solid #969696;
    margin: 50px 0 0 0;
    padding: 50px 0 50px 248px;
    overflow: hidden;
}

/* ==========================================================
 * content styles
 * ========================================================== */


/* BLOCK ELEMENTS */

blockquote
{
    margin-bottom: 0.8em;
}

cite
{
    margin-bottom: 0.8em;
}

code
{
    margin-bottom: 0.8em;
}

p
{
    margin-bottom: 0.8em;
}

pre
{
    margin-bottom: 0.8em;
}

samp
{
    margin-bottom: 0.8em;
}

tt
{
    margin-bottom: 0.8em;
}


/* INLINE ELEMENTS */

abbr {}

acronym {}

big {}

del
{}

em
{}

i
{}

q
{}

small
{
    font-size: 0.9em;
}

strike
{}

strong
{}

sub
{
    font-size: 0.8em;
}

sup
{
    font-size: 0.8em;
}


/* HEADERS */

h1
{ 
    clear: both;
    font-size: 22px;
    font-weight: normal;
    margin: 1.2em 0;
}

h2
{
    clear: both;
    font-size: 19px;
    font-weight: normal;
    margin: 2em 0 1.2em 0;
}

h3
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0.8em;
}

h4, h5, h6
{
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0.8em;
}


/* TABLES */
table
{
    width: 360px;
    clear:both;
}

caption
{}

thead
{}

tbody
{}

tfoot
{}

th
{
}

col
{}

colgroup
{}

tr
{}

td
{
    vertical-align:top;
    padding: 2px;
}


/* LISTS */

dl
{
    clear:both;
    list-style-position:outside;
    margin-left:2em;
    margin-bottom: 1em;
}

dd
{}

dt
{}

ol
{
    clear:both;
    list-style-position: outside;
    margin-left: 2em;
    margin-bottom: 1em;
}

ul
{
    clear:both;
    list-style-position: outside;
    margin-left: 2em;
    margin-bottom: 1em;
}

li
{
    line-height: 1.7em;
}

/* YOUTUBE */

.youtube {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0; /* Do not set any padding here! Exact width required to render player-dimensions */
}

.youtube.large                        { width: 465px; height: 377px; margin-left: 0; }
.youtube.medium, .youtube.mediumright { width: 222px; height: 180px; }
.youtube.small, .youtube.smallright   { width: 145px; height: 117px; }
.youtube.sidebar                      { width: 186px; height: 151px; }

/* IMAGES */

/*
.large:  width: 465px;
.medium: width: 222px;
.small:  width: 145px;
 */

a img
{
    border-style: none;
}

span.image.large, span.image.medium, span.image.mediumright, span.image.small, span.image.smallright, span.image.sidebar {
    margin-bottom: 2em;
}

span.image.large
{
    display: block;
    width: 465px;
}

img.large
{
    width: 465px;
}

span.image.medium, span.image.mediumright
{
    display: block;
    float: left;
    width: 222px;
    margin-right: 10px;
}

span.image.mediumright
{
    float: right;
    margin-left: 10px;
}

img.medium, img.mediumright
{
    width: 222px;
}

span.image.small, span.image.smallright, .youtube.small, .youtube.smallright
{
    display: block;
    float: left;
    width: 145px;
    margin-right: 10px;
}

span.image.smallright
{
    float: right;
    margin-left: 10px;
}

img.small, img.smallright
{
    width: 145px;
}

span.image.sidebar
{
    display: block;
    clear: both;
    width: 186px;
}

img.sidebar
{
    width: 186px;
}


span.image .description
{
    display: block;
    clear: both;
    color: #a6a6a6;
}

span.image.original
{
    margin: 0;
}

span.gallery a {
    display: block;
    background-color: #000;
    float: left;
    width: 145px;
    height: 145px;
    overflow: hidden;
    margin: 0 10px 10px 0;
    text-align: center;
}

span.gallery img {
    position: relative;
    left: -27px;
}

/* MP3PLAYER*/

.mp3player {
    display: block;
    margin: 1em 0;
}

.mp3player * {
    line-height: 19px;
    vertical-align: super;
}

.mp3player object {
    line-height: normal;
    vertical-align: bottom;
    margin-right: 1em;
}


/* LINKS */ 

a:link, a:visited
{
    color: #999;
    text-decoration: underline;
}

a:hover, a:active
{
    color: #0daec1;
}

a.active:link, a.active:visited, a.active:hover, a.active:active
{
}

/* FORM */

textarea, select
{
    font-family: helvetica, arial, verdana, sans-serif;
}

.nevow-form .field, .nevow-form .fieldCheckbox
{
    display: block;
    clear: both;
    float: left;
    margin-bottom: 0.8em;
    width: 100%;
}

.nevow-form label
{
    display: block;
    clear: both;
    float: left;
    text-align: left;
    margin-right: 2%;
    width: 18%;
    overflow: hidden;
}

.nevow-form div.inputs
{
    display: block;
    float: right;
    text-align: left;
    width: 80%;  
    overflow: hidden;
}

.nevow-form .fieldCheckbox label
{
    display: block;
    clear: none;
    float: right;
    text-align: left;
    margin-right: 0;
    width: 80%;
    overflow: hidden;
}

.nevow-form .fieldCheckbox div.inputs
{
    display: block;
    clear: both;
    float: left;
    text-align: right;
    margin-right: 2%;
    width: 18%;  
    overflow: hidden;
}

.nevow-form .description, .nevow-form .message
{
    clear: both;
    margin-left: 20%;
    width: 80%;
}

.nevow-form input, .nevow-form textarea, .nevow-form select
{
    width: 100%;
}

.nevow-form .small
{
    width: 10%;
}

.nevow-form input[type=checkbox], .nevow-form input[type=radio]
{
    width: auto;
}

.nevow-form div.actions
{
    clear: both;
    margin-left: 20%;
    text-align: right;
    width: 80%;
}

.nevow-form .actions input
{
    width: auto;
}

.nevow-form .fieldCheckbox.newsletter
{
    margin-top: 1.6em;
}

/* SHOP */

#productList
{
    width: 100%;
    margin-bottom: 2.7em;
}

#productList td
{
    vertical-align: middle;
    padding: 0.3em 0.3em 0.3em 0;
    border-bottom: 1px solid #000;
}

#productList td.title
{
    width: 70%;
    font-weight: bold;
}

#productList td.amount
{
    width: 7%;
}

#productList td.label
{
    width: 5%;
    padding-left: 0.3em;
}

#productList td input
{
    text-align: center;
    width: 70%;
}


/* GALLERY */
.galleryOverview
{
    list-style: none outside;
    margin: 0.7em 0;
}

.galleryOverview li
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0 0 6px 6px;
    border: 1px solid #000;
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.galleryOverview li a
{
    display: block; 
    text-align: center;
    background-color: #444;
    width: 150px;
    height: 150px;
}

#gallery
{
    width: 100%;
    overflow: hidden;
    background-color: transparent;
}

.galleryNavigation
{
    float: left;
    background-color: transparent;
    padding-bottom: 0.3em;
    width: 100%;
}

.galleryPreviousPicture
{
    clear: both;
    float: left;
    width: 50px;
    height: 50px;
    text-align: left;
}

.galleryNextPicture
{
    float: right;
    text-align: right;
    width: 50px;
    height: 50px;
}

.galleryPicture
{
    clear: both;
    background-color: #181818;
    text-align: center;
    padding: 0 0 0 0;
}

.galleryPicture .description
{
    background-color: #232323;
    text-align: center;
    padding: 0.1em 0.1em 0 0.1em;
}

.galleryPicture .description, .galleryPicture .description *
{
    color: #a3a3a3;
}



/* MISC */
br
{
    display: block;
    width: 1px;
    height: 1px;
}




/* TYPOGRAPHY */

h1 {
    color: #ccc;
    font-size: 167%;
}

h2 {
    color: #cc3300;
    font-size: 146.5%;
}

h3, h5 {
    color: #ffe500;
    font-size: 123.1%;
    font-weight: bold;
    margin: 2em 0 1em 0;
}

h4 {
    color: #e57f00;
    font-size: 100%;
    margin: 0;
}

h5
{
    margin: 0;
}

h6
{
    color: #ccc;
    font-size: 100%;
    font-weight: bold;
    margin: 2em 0 0 0;
}

#main {
    font-size: 100%;
    font-family: helvetica, XXarial, verdana, sans-serif;
}

#menuMain #level1, #menuMain #level2
{
    font-size: 146.5%;
}

#menuMain #level3 *
{
    font-size: 93%;
    font-weight: bold;
}


#sidebar{
    font-size: 13px;
}


small, sub, sup
{
    font-size: 0.8em;
}