/************************************************
* 
*  File     :  frontend/assets/css/main.css 
*  Version  :  1.0 
*  Medium   :  Screen 
*  Author   :  Transmitter Studios 2009
* 
************************************************/

/* Global */ 

* { 
        margin: 0; 
        padding: 0; 
} 

html {
        background: #f6f6f6 url(/frontend/assets/img/bg_html.jpg) repeat-x;
} 

body { 
        cursor: default;
        background: url(/frontend/assets/img/bg_body.jpg) no-repeat 50% 0;
        font: 12px verdana, arial, sans-serif;
        color: #1f1f1f;
        padding: 0 0 85px 0; 
        font-weight:normal;
        line-height:16px;
}

a {
        color: #1b85b9;
}

a:hover {
        color: #464646 !important;
}

a:focus, a:active {
        outline: 0;
}
 
 
 #pagination a,  #pagination span {
        margin:5px;
}
    
/* image replacement */ 
    
h1 {
        display: block; 
        overflow: hidden; 
        text-indent: -1000em; 
} 


/* // image replacement */ 


/* headings ---------------------------------------------------------------------------------- */ 

h1 { 
        position: absolute; 
        cursor: pointer;
        width: 296px;
        height: 97px;
        background: url(/frontend/assets/img/bg_h1.png);
        top: 15px;
}

h2 {
        font-size: 1.7em;
        line-height: 1.2em;
        color: #75871f;
        font-weight: normal;
        text-transform: uppercase;
}

h3 {
        font-size: 1.6em;
        font-weight: normal;
        margin-bottom: .3em;
        color: #0f0f0f;            
        text-transform: uppercase;

}

h4 {
        font-size: 1em;
        margin-bottom: .3em;
        font-weight: normal;
        text-transform: uppercase;
        color: #000000;
} 

h6 {

        color: #1b85b9;
        text-align: justify;
        font-size: 1.2em;
        font-weight: normal;
        line-height: 1.4em;
        text-transform: uppercase;
        

}

i {
        font-size: 13px;
        font-weight: normal;
        font-style:italic;
        color: #ccc;
}

/* // headings */
/* // Global */

/* Page layout --------------------------------------------------------------------------------- */

#container {
        width: 950px;
        height: 953px;
        margin: 0 auto;
        position: relative;
}
    
#header {
        position: relative;
        height: 90px;
        margin: 0 0 45px 0;
}
	

/* footer */
    
#footer {
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(/frontend/assets/img/bg_footer.png) no-repeat;
        height: 52px;
        padding-left: 160px;
}

#footer p {
        padding-top: 29px;
        font: 11px tahoma, sans-serif;
        color: #777;
}

#footer p a {
        text-decoration: none;
}
    
    
    /* // footer */
    
/* // Page layout */

/* Content */
        
#content p {
        padding-bottom: 1em;
    }
    
/* Main content areas for content pages other than gallery */

#copy, #list, #blogview, #bloglist {
        padding: 0 10px 5px 5px;
        width: 640px;
        /*height: 360px;*/
        float: left;
        clear:right;
        margin:0;
}

#copy {
        min-height:360px;
}

/* Gallery Elements ---------------------------------------------------------------------------- */

#gallery {
        width: 100% !important; /* wider than #content div */
}

#galleryname { /* Client doesn't want this displayed */
        height: 0px;
        visibility: hidden;
}

#gallerycurrent {
        height: 385px;
        margin-bottom: 5px;
}

#video, #media {
        padding-bottom: 5px;
        width: 640px;
        height: 360px;
        float: left;
}

#videotitle, #mediatitle {
        margin-left: 650px;
        width: 300px;
        font-size:1.4em !important;
}

#videodesc, #mediadesc {
        margin-left: 650px;
        width: 295px;
}

#videodesc ul, #mediadesc ul {
        list-style: none;        
        float: left;
        width: 300px;
}

#description li {
        padding-right: 5px;
        float: left;
        clear: left;
}
/* End Gallery Elements */

    
/* // Content */

/* Navs & lists */
    /* primary nav ----------------------------------------------------------------------------- */
    
     	#worknav {
            margin:0;
            margin-left: 650px;
            width: 300px;
            
      	}
    
        #nav {
            width: 600px;
            position: absolute;
            height: 25px;
            bottom: 0;
            right: 0;
            list-style: none;
            }
        
        #nav li,
        #nav li a {
            height: 25px;
            line-height: 25px;
            float: left;
            }
        
        #nav li a {
            color: #000000;
            text-decoration: none;
            padding: 0 20px 0 0;
            }
        
        #nav li a:hover,
        #nav li a.current {
            color: #1b85b9;
            text-decoration: underline;
            }
            
        #sortmenu {
            margin-left: 650px;
            width: 300px;
            float: left;
      	}
    /* // primary nav */
    
    /* thumbnails */
        #thumbs {
            list-style: none;
            margin-right: -10px;
 			width: 640px;
  			float: left;
  			margin-right: 10px;
        }
        
        #thumbs li {
            float: left;
            width: 85px;
            height: 60px;
            margin-right: 5px;
            margin-bottom: 7px;
            }
        
        #thumbs li a {
            width: 85px;
            height: 60px;
            overflow: hidden;
            display: block;
            }
        
        #thumbs li a img {
            border: 0;
            display: block;
            }
        
        #thumbs li a:hover {
            border:1px solid #ccc;
            }
        
        #thumbs li a.loading {
            background: #000 url(/frontend/assets/img/loader.gif) no-repeat 50% 50%;
            }
        
        #thumbs li a.loading img {
            opacity: .2;
            }
        
        #thumbs li a.current img {
            opacity: 1;
            }
            
            ul#thumbs li.hide {
            opacity: .6 !important;
            }
    /* // thumbnails */
    
    /* categories-------------------------------------------------------------------------- */
    
        #cat {
            list-style: none;
            margin-bottom: 1em;
            }
        
        #cat li a {
            font-size: 20px;
            line-height: 1.2em;            
            color: #464646;
            text-decoration: none;
            text-transform: uppercase;
            }
        
        #cat li a span.current {
            color: #1b85b9;
            }
            
            #cat li a span:hover {
            color: #1b85b9;
            }
            
    /* // categories */
    
    /* sort options */
        #sort {
            list-style: none;
            }
        
        #sort li a {
            text-decoration: none;
            }
        
        #sort li a.current {
            color: #1b85b9;
            }
    /* // sort options */
/* // Navs & lists */

/* Misc */
    /* tooltip */

#tooltip {
	    border: 1px solid #BFBFBF;
	    float: left;
	    font-size: 12px;
	    max-width: 180px;
	    padding: .5em;
	    position: absolute;
}

.rounded {
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
}

    /* // tooltip  */
    
/* // Misc */

/* Form styles --------------------------------------------------------------------------------- */
    
    form fieldset {
        border: 0;
        width: 100%;
        margin-bottom:25px;
	    }

    form fieldset legend {
	    position: relative;
	    left: -1em;
	    font-size: 1.2em;
	    padding-right: 10px;
            color: #ccc;
            text-transform:uppercase;
	    }

    form fieldset ol {
	    list-style: none;
	    padding: 15px 0 15px 15px;
width: 100%;
	    }

    form fieldset ol li {
	    padding: 2px 0;
	    position: relative;
	    }

    form fieldset ol li label {
	    float: left;
	    width: 110px;
	    text-align: right;
	    padding-right: 5px;
	    }

    form fieldset input,
    form fieldset textarea {
	    border: 1px solid #444;
	    background: #ffffff;
	    padding: 3px;
	    font: 12px arial, verdana, tahoma, sans-serif;
	    color: #000000;
	    -moz-border-radius: 2px;
	    -webkit-border-radius: 2px;
	    width: 390px;
	    }

    form fieldset input:focus,
    form fieldset textarea:focus {
	    border-color: #777;
	    color: #000000;
	    }

    form fieldset button {
	    border: 1px solid #59666F;
	    background: #59666F;
	    padding: 5px 15px;
	    font: 13px georgia, arial, sans-serif;
	    color: #B5C5CF;
	    margin: 0 0 15px 130px;
	    -moz-border-radius: 2px;
	    -webkit-border-radius: 2px;
	    cursor: pointer;
	    float: left;
	    margin-right: 5px;
	    }

    form fieldset button:hover {
	    border-color: #8B979F;
	    color: #fff;
	    }
	    
address {
	    font-style:normal !important;
        padding-left:130px;
}

    /* validation */
    
p#message {
        position:;
        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 */
    
/* // Form styles  --------------------------------------------------------------------------- */

table#ratecard {
        text-align:left;
        color:#0f0f0f;
}

table#ratecard tbody tr th {
        text-align:left;
        text-transform:uppercase;
}

table#ratecard tbody tr td {
        padding:5px 25px 0 0;
}

table#ratecard tr {
        padding:5px;border:1px solid #ccc;

}

table#ratecard tr:hover {
        color:#1b85b9;cursor:pointer;
}

table#ratecard tr:hover th {
        color:#e0e0e0;cursor:default;
}

/* blog styles ------------------------------------------------------------------------------ */

#bloglist ul {
        list-style-type:none;
        min-height:100px;
}

#bloglist ul li img, #blogview img  {
        float:left;
        clear:both;
/*      width:640px;
        height:120px; */
        margin:0 0 20px 0;
        border:1px solid #111;
}

#bloglist a.title {
        display:block;
        clear:left;
        text-transform:uppercase;
        color: #1b85b9;
        font-size:14px;
}

#bloglist span {
        display:inline;
}

.date, .author {
        font-size:11px;
        color:#666;
}

#blogview div#text {
        border-bottom:1px solid #111;
        padding-bottom:20px;
}

#blogview p.desc {
        margin:5px 0;
}

#content div p {
        padding-right:5px;
}

#twitter {
        margin-top:25px;

}
#twitter ul {
        list-style-type:none;
        margin-left:10px;
}

#homeCopy, #quotes {
        display: block;
        clear: both;
        width: 620px;
        margin: 0 0 7px;
        padding: 10px 7px 0 7px;
}

#quotes blockquote {
        margin-top:0;
        padding-top:0;
        color:#656565;
}