html { height: 100; margin-bottom: 1px; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
/* Do not remove the following section, these rules are required for forms */
.comment-replies {
margin-left: 30px;
}
.form-element.form-hide, .form-important {
display: none;
}
.form-element.form-type-checkbox label,
.form-element.form-type-radio label {
display: inline;
}
.form-float-left {
float: left;
}
.form-element.form-float-left {
padding-right: 10px;
}
/* This section works with the wt.hero function in site-local.js. Values set to % need to be set. Caption and control rules should be removed if not in use. */
div#imageFadeContainer {
position: relative;
width: 895px;
height: 324px;
overflow: hidden;
}
div#imageFadeContainer img {
position: absolute;
top: 0px;
left: 0px;
}
div#imageFadeContainer div#hero-foreground {
}
div#imageFadeContainer div#hero-caption {
}
div#imageFadeContainer div#hero-controls {
}
div#imageFadeContainer div#hero-controls ul {
display:none;
}
div#imageFadeContainer div#hero-controls ul li {
}
div#imageFadeContainer div#hero-controls ul li a {
}
div#imageFadeContainer div#hero-controls ul li a#hero-previous {
}
div#imageFadeContainer div#hero-controls ul li a#hero-pause {
}
div#imageFadeContainer div#hero-controls ul li a#hero-play {
}
div#imageFadeContainer div#hero-controls ul li a#hero-next {
}
/* Global styles */
.clear {
clear: both;
}
form .clear {
clear: none;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
img.left {
float: left;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
img.right {
float: right;
}
/* -----------------------
Custom CSS
-----------------------*/
html {
background:#656E6B url('/images/Loose-Cannon_background_plain.gif') repeat-y top center;
}
body{
background:transparent url('/images/Loose-Cannon_background.jpg') top center;
height:auto;
font-family:'Arial';
line-height:130%;
color:#575857;
padding:0; margin:0;
}
a{ color:#67ada5; text-decoration:none; }
a:hover{ color:#508b84;}
h2,h3{text-transform:uppercase; font-family:'Trebuchet MS'; margin:0 0 5px 0; letter-spacing:.06em;}
h3{
color:#67ada5;
font-size:105%;
}
h2{
color:#863131;
font-size:123.1%;
}
h5 {
text-transform:uppercase;
letter-spacing:.06em;
}
p{
margin:0 0 12px 0;
}
#bdi{
width:850px;
margin:0 50px;
}
#hdi{position:relative; height:460px;}
#logo {
position:absolute;
top:36px; left:0px;
}
#nav {
position:absolute;
top:100px; left:309px;
z-index:80;
}
#nav ul{ margin:0; padding:0;
background:url(/images/menu.jpg) scroll no-repeat top left;
width:612px;
height:28px;
}
#nav li{
float:left;
margin:0px 0 0 0;
list-style:none;
}
#nav a{
overflow:hidden;
display:block;
text-indent:-9999px;
height:28px;
background:url('/images/menu.jpg') no-repeat 0px 0px;
}
#nav a:hover{
background-position:0 -28px;
}
#nav .nav-home{
}
#nav .nav-home a{
width:53px;
}
#nav .nav-home a:hover{
background-position:0 -28px;
}
#nav .nav-art-gallery{
}
#nav .nav-art-gallery a{
background-position:-53px 0px;
width:113px;
}
#nav .nav-art-gallery a:hover{
background-position:-53px -28px;
}
#nav .nav-about{
}
#nav .nav-about a{
background-position:-166px 0px;
width:71px;
}
#nav .nav-about a:hover{
background-position:-166px -28px;
}
#nav .nav-the-studio{
}
#nav .nav-the-studio a{
background-position:-237px 0px;
width:114px;
}
#nav .nav-the-studio a:hover{
background-position:-237px -28px;
}
#nav .nav-current-projects{
}
#nav .nav-current-projects a{
background-position:-351px 0px;
width:66px;
}
#nav .nav-current-projects a:hover{
background-position:-351px -28px;
}
#nav .nav-events{
}
#nav .nav-merchandise a{
background-position:-416px 0px;
width:123px;
}
#nav .nav-merchandise a:hover{
background-position:-416px -28px;
}
#nav .nav-contact{
}
#nav .nav-contact a{
background-position:-539px 0px;
width:70px;
}
#nav .nav-contact a:hover{
background-position:-539px -28px;
}
/* #nav a:hover, #nav .selected a, #nav .ancestor a{background-position:0px -16px !important;}*/
#hero{
position:absolute;
top:123px; left:30px;
z-index:1000;
}
#left p, #right p, #sidebar p, .side-item{ font-size:85%; }
.aside_image{
display:block;
margin:0 -5px 0 -6px;
}
#sidebar{
padding:15px 0 0 0;
width:185px;
}
#sidebar ul.sidebar {
margin:0;
}
#sidebar ul.sidebar li.sidebar-block {
list-style:none;
}
.current-projects #sidebar{
position:absolute;
top:0; left:24px;
width:185px; height:688px;
padding:13px 22px;
background:url('/images/sidebar_bg2.png') no-repeat;
}
.sidebar #project-archive{ margin-top:40px; }
.side-item{
margin-bottom:12px;
}
.side-item img{
display:block;
float:left;
margin:4px 5px 0 0;
}
.article, #articles .last{
width:auto;
padding:0 0 20px 0;
background:url('/images/proj_split2.png') bottom left no-repeat;
margin:0 0 15px 0;
}
#articles .last{ padding:0; background:none; }
.article h2{ margin:0; }
.article tt{ font-family:Arial; font-size:10px; margin:0 0 8px 0; display:block;}
.article p{ font-size:93%;}
#bd{
position:relative;
/* background:url('/images/sidebar_bg2.png') no-repeat 30px 0px;*/
}
.current-projects #bd{ padding:10px 0 0 0; background:none; }
#ft{
font-size:86%;
width:850px;
margin:40px 50px 0 50px;
padding:4px 0;
border-top:1px #575757 solid;
clear:both;
}
/* =============
Galleries
=============== */
.image-gallery ul {
margin:0;
}
.image-gallery ul li {
width:70px;
height:70px;
list-style:none;
overflow:hidden;
margin-bottom:10px;
margin-right:10px;
float:left;
border:3px solid white;
}
.image-gallery ul li a {
display:block;
}
/* =============
Generic Form Settings
=============== */
form .form-type-text input, form textarea {
width:460px;
border:1px solid #a1999b;
padding:3px;
}
form label {
display:block;
}
form textarea {
height:10em;
}
form .form-element {
margin-bottom:10px;
}
form legend {
font-weight:bold;
}
form .first_name input {
width:10em;
}
form .middle_name input {
width:10em;
}
form .last_name input {
width:10em;
}
form .city input {
width:23em;
}
form .state input {
width:3em;
}
form .zip input {
width:6em;
}
/* =============
About the Studio Settings
=============== */
.form-about-the-studio .style_event .other_description {
display:none;
}
body #overlay { z-index: 1001; }
body #lightbox { z-index: 1002; }