/************************************************
* 
*  File     :  css/main.css
*  Medium   :  Screen  
*  Author   :  Adam Leon, Transmitter Studios 2009
* 
************************************************/

@import url(/frontend/assets/css/news.css);
@import url(/frontend/assets/css/gallery.css);
@import url(/frontend/assets/css/lightbox.css);


/* global */

html {
        margin: 0;
        padding: 0;
        font: 76%/1.3em courier, sans-serif;
        background: #e0e0e0 url(../img/siteBg2.jpg) no-repeat top center scroll;
        color: #666;
        cursor: default;
}

body {
        font-size: 0.95em;
        margin: 0;
        padding: 0;
}

h1, h2, h3, h4, h5, h6 {
        margin: 0 0 1em 0;
        font-weight: bold;
}


a img {
        border: 0;
}

/* default link styles */

a {
        color: #333;
        text-decoration: underline;
}

a:hover {
        color: #000;
}

#pagination a,  #pagination span {
        margin:5px;
}


/* global classes ---------------------------------------------------------------------------- */


#outer {
        width: 920px;
        margin: auto;
}


/* header--------------------------------------------------------------------------------- */

#header {
        width: 866px;
        margin: auto;
        z-index:10;
        position:relative;
}

div#movingStamp {
        Position:absolute;
        top:30px;
        left:200px;
        height:140px;
        width:390px;
        background:transparent url(../img/movingstamp.png) no-repeat top left scroll;
        z-index:9;
}

#header h1 {
        width:395px;
        height:146px;
        text-align: left;
        text-indent: -9999px;
        background: transparent url(../img/archivetattoo.jpg) no-repeat left top;
        z-index: 1;
        position: relative;
}

#header .misc {
        margin: 2px 0 0;
        padding: 5px 0 0;
        text-align: right;
}

#header .misc a {
        color: maroon;
        text-decoration: underline;
}

#header .misc a.first {
        padding: 0 8px 0 0;
        margin: 0 8px 0 0;
}

#header .misc a:hover {
        color: #000 !important;
        text-decoration: underline;
}

/* nav  ---------------------------------------------------------------------------- */


#nav {
        margin: 15px 25px;
        text-align: left;
        font-size: 1.1em;
        z-index: 10;
        position: relative;
}

#nav ul * {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        color: #444;
        text-decoration: none;
}

#nav li {
        padding: 0 10px 0 0;
}

#nav a {
        margin: 0 10px 0 0;
}

#nav ul {
        display: inline;
}


#nav ul li a:hover {
        color: #be0000;
        cursor:pointer;
}

ul#main {
        padding:0;
}

/* LAYOUT  --------------------------------------------------------------------------------- */


#content {
        min-height:460px;
        display:block;
        margin:0 0 10px 0;
        height:auto;
        text-align:center;
}

#contactForm, #newsList, #newsItem, #copy, #gallery {
        text-align:left;
        display:block;
        margin:0 150px;
        padding:25px 0;
        width:600px;
        min-height:520px;
        float:left;
}

#contactForm {
        min-height:250px;
}

#hours, #contactIntro {
        display:block;
        margin:0 150px 150px 150px;
        padding:25px 0;
        width:600px;
        float:left;
}

#contactIntro {
        margin:0 150px;

}

#gallery {
        margin:0 20px;
        width:750px;
        padding:25px 0 25px 75px;

}

/* MAILING LIST FORM  ---------------------------------------------------------------------------- */

#listForm {
        float:right;
}

#listForm #submit {
        border: 1px solid #ccc;
        margin:2px 0;
        padding: 2px;
        text-transform: uppercase;
        font-weight: bold;
        overflow: visible;
        font-family:courier, sans-serif;
}

#listForm #submit:hover {
        cursor:pointer;
}

/* footer  ---------------------------------------------------------------------------- */

#footer {
        display:block;
        clear:both;
        margin:0;
        padding:0;
        width:100%;
        height:135px;
        font-size:10px;
        text-align:center;
        background: #e0e0e0 url(../img/footerBg.jpg) no-repeat bottom center scroll;

}

#footer .inner {
        float:right;
        margin-right:13%;
        padding:25px 0 0 0;
        width:866px;
        background: transparent url(../img/fleur.jpg) no-repeat top right scroll;
        height;auto;
        

}

#footer p, #footer ul {
        margin: 10px 110px;
        padding: 0;
        text-align: right;
        color: #666;
        font-size: 1.1em;
}


#footer #menu li {
        display: inline;
        margin-right:0px;
        padding:0 5px 0 0;
        border-right:1px solid #444;
        color: #666;
}

#footer #menu li.last {
        border:0;
}

#footer #menu li a:link, #footer #menu li a:visited, #footer #menu li a:hover,#footer #menu li a:active {
        color: #444 !important;
        text-decoration: none;
}

#footer #menu li a:hover {
        color: #000 !important;
        text-decoration: underline;
}


    
/* // Form styles------------------------------------------------------------------------------- */
/* default */



#content form fieldset {
        position:relative;
        border: 0;
}

#content form fieldset legend {
        font-size: 1.2em;
        color: #555;
}

#content form fieldset ol {
        list-style: none;
        padding: 1em 0;
}

#content form fieldset ol li {
        padding: 4px 0;
}

#content form fieldset ol li label {
        float: left;
        width: 10em;
        padding-right: .5em;
        text-align: right;
        line-height: 2.4em;
}

#content form fieldset input,
#content form fieldset textarea,
#content form fieldset button {
        padding: 4px;
        color: #555;
}

#content form fieldset textarea {
        overflow: auto;
}

#content form fieldset button {
        width: auto;
        padding: 4px 15px;
        cursor: pointer;
        margin-left: 10.5em;
}
    /* // default */

/* validation ----------------------------------------------------------------------------- */

#message {
		display: none;
		line-height: 1.1em;
		padding-top: 1px;
}

#message .success {
		color: #90CF8E;
}

#message .error {
		color: #CF8E91;
}

form fieldset .astrix {
		color: #4F1414;
		font-weight: bold;
		padding-left: 5px;
}

#contactForm form .validation {
            
		display: none;
		width: 100px;
		position:absolute;
		top:4px;
		left:305px;
		margin:0;		
		color: #fff;
		background: maroon;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		padding: 2px 5px;
		font: 10px arial, sans-serif;
		font-weight:bold;
		text-transform: uppercase;
}

li.invalid input {
		border: 1px solid #CF8E91 !important;
}

li.invalid {
        position:relative;
}

/* // validation */

/* faq --------------------------------------------------------------------------------------- */
        
dl.faq dt {
        font-weight:bold;
        }

dl.faq dd {
        color:#666;
        }
         
/* faq ----------------------------------------------------------------------------------------- */