/*
Title: Silver Sounds Main Pages. (Standard Version)
Based on '8 Column Grid' visual (FreeHand). 
Width: 940 px.
*/


/*
Body and Container
*/

*
{ 
margin: 0;
padding: 0;
}

body
{
margin: 0 20px;
text-align: center;
font-family: 'Humanist777BT-LightB', 'Humanist 777', Humanist, 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-Serif;
font-size: 15px;
line-height: 1.6;
color: #484848;
background: #FFF;	
}


/*
Container
*/

#container
{
width: 940px;
margin: 0 auto;
text-align: left;
}

#container h1
{
color: #333;
font-size: 24px;
line-height: 2;
font-weight: 100;
}


/*
Accessible
*/

#accessible
{
padding: 10px 0 0 0;
text-align: right;
font-size: 12px;
color: #333;
}


/*
Brand
*/

#brand
{
margin: 40px 0;
height: 112px;
}

#brand h1
{
text-indent: -9999px;
display: block;
width: 435px;
height: 112px;
background: url("/assets/silver_sounds_brand.png") no-repeat 0 0;
}

#brand h2
{
text-indent: -9999px;
}


/*
Content
*/

#content
{
width: 700px;
float: left;
margin: 0 0 40px 0;
}


/*
Intro.
*/

#intro
{
margin: 0 0 20px 0;
color: #666;
font-size: 18px;
line-height: 1.4;
}


#inner
{
margin: 0 0 20px 0;
}

.introsmall
{
font-size: 15px;
line-height: 1.6;
}


/*
Left Column
*/

#left
{
width: 340px;
float: left;
margin: 0 20px 0 0;
}

#left h2
{
margin: 20px 0 0 0;
}


/*
Right Column
*/

#right
{
width: 340px;
float: right;
}

#right h2
{
margin: 20px 0 0 0;
}


/*
Left Box
*/

#leftbox
{
float: left;
width: 318px;
min-height: 100px;
margin: 20px 0 0 0;
padding: 10px;
border: 1px solid #CCC;
background: #C8C7C7 url("/assets/item_box_background.gif") repeat-x 0 0;
}

#leftbox h2
{
font-size: 18px;
margin: 10px 0;
}

#leftbox h3
{
line-height: 1.4;
}

#leftbox p
{
line-height: 1.4;
}


/*
Right Box
*/

#rightbox
{
float: right;
width: 318px;
min-height: 100px;
margin: 20px 0 0 0;
padding: 10px;
border: 1px solid #CCC;
background: #C8C7C7 url("/assets/item_box_background.gif") repeat-x 0 0;
}

#rightbox h2
{
font-size: 18px;
margin: 10px 0;
}

#rightbox h3
{
line-height: 1.4;
}

#rightbox p
{
line-height: 1.4;
}


/*
Sidebar
*/

#sidebar
{
width: 210px;
min-height: 240px;
float: right;
background: #C8C7C7 url("/assets/sidebar_background.gif") repeat-x 0 0;
border: 1px solid #CCC;
font-size: 15px;
}

#sidebar ul
{
list-style-type: none;
}

#sidebar li
{
margin: 10px 10px 18px 10px;
line-height: 1.4;
padding: 0 0 2px 0;
border-bottom: 1px solid #999;
}


/*
Footer
*/

#footer
{
clear: both;
padding: 20px 0 30px 0;
}

#footer p
{
border-top: 1px solid #999;
padding: 10px 0 0 0;
color: #666;
font-size: 12px;
line-height: 0.8;
}

#footer img
{
margin: 10px 20px 0 0;
border: 0;
}


/*
Typography
*/

h1
{
font-size: 18px;
color: #333;
}

h2
{
font-size: 18px;
color: #333;
font-weight: normal;
line-height: 0.5;
margin: 10px 0 0 0;
}

h3
{
font-size: 15px;
color: #444;
font-weight: normal;
margin: 10px 0 0 0;
}

p
{
margin: 0 0 10px 0;
}


/*
Links
*/

a
{
text-decoration: none;
}

a:link
{
color: #669;
}

a:visited
{
color: #669;
}

a:hover, a:active
{
color: #000020;
}

#content a:hover img
{
background-color: #AEAEAE;
border: 1px solid #666;
}


/*
Images
*/

#container img /* This fixes the image zoomer js problem. */
{
border: 1px solid #CCC;
padding: 4px;
}

.gallerybig
{
margin: 0 0 20px 0;
}

.gallery
{
margin: 0 0 12px 0;
}

.galleryleft
{
margin: 0 16px 12px 0;
}

#footer img /* Removes borders, etc. on the footer. */
{
border: none;
padding: 0;
}

.floatleft
{
float: left;
margin-right: 10px;
background: #FFF;
}


/*
Images
*/

.soundlink
{
padding: 10px;
height: auto;
background: url("/assets/soundlink_background.png") repeat-x 0 0;
border: 1px solid #CCC;
overflow: hidden;
}

.number
{
font-size: 21px;
}

.object
{
margin: 10px 0 0 0;
}