/* Collide! Media */
/* Style sheet for standard browsers */

body
{
    background: #333;
    margin: 1px 0px;
    color: #1C1C1C;
    font-family: Helvetica, Arial;
}

a, a:visited, a:hover
{
    color: #888;
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
    color: #AAA;
}

#wrapper
{
    margin: 0px auto;
    padding: 1px;
    width: 785px;
    background: #FFF;
}

#header
{
    margin: 60px auto 20px;
    text-align: center;
    background: #FFF;
}

#login
{
    float: right;
    margin: 5px;
    text-align: center;
    font: 12px Helvetica;
}

#menu
{
    margin: 0px auto;
    padding: 18px 0px;
    width: 730px;
    background: #FFF url('images/menu_bar.png') no-repeat;
    vertical-align: middle;
    text-align: center;
    font: bold 14px Helvetica, Arial;

}

#menu a, #menu a:visited, #menu a:hover
{
    margin: 0px 8px;
    color: #FFF;
    text-decoration: none;
    padding: 10px;
}

#menu a:hover
{
    color: #FFED05;
}

#content
{
    margin: 5px auto;
    width: 665px;
    background: #FFF;
    min-height: 350px;
}

#leftpane
{
    float: left;
    margin: 0px 5px;
    width: 240px;
    background: #FFF;
    margin: 0px 5px;
}

#rightpane
{
    float: right;
    postion: relative;
    width: 395px;
    margin: 0px 5px;
    background: #FFF;
}

#footer
{
    clear: both;
    margin: 5px auto 50px auto;
    padding-top: 2px;
    width: 660px;
    border-top: 2px solid #D8D8D8;
    font: italic 10px Helvetica, Arial;
    color: #989898;
}

.blogentry
{
    float: left;
    margin: 0px 5px;
    width: 440px;
    background: #FFF;
    margin: 0px 5px;
    padding-bottom: 20px;

}

img.blogphoto, img.blogphoto:hover
{
    border: 0px;
    cursor: pointer;
    margin: 10px 0px;
}

img.blogphoto:hover
{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#blognav
{
    float: right;
    postion: relative;
    width: 175px;
    margin: 0px 5px;
    background: #FFF;
    padding-top: 20px;

}


.greydient
{
    width: 245px;
    margin: 20px 0px 14px;
    padding: 10px 0px;
    background: #D5D5D5;
    background: -webkit-gradient(linear, left, right, from(#D5D5D5), to(#B2B2B2));
    background: -moz-linear-gradient(left, #D5D5D5, #B2B2B2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D5D5D5', endColorstr='#B2B2B2', GradientType=1);
    text-align:center;
    vertical-align: middle;
    font: bold 16px Helvetica, Arial;
    color: #FFF;
}

.greydient a, .greydient a.visited, .greydient a:hover
{
    text-decoration: none;
    color: #FFF;
}

greydient a:hover
{
    color: #FFED05;
}

#quotebox
{
    width: 245px;
    height: 98px; 
    padding: 5px 0px;
    background: #FFF45A url('images/br_triangle.png') no-repeat bottom right;
}

.quote
{
    font: bold 12px Helvetica;
    //text-transform: uppercase;
    margin: 10px;
}

.attribution
{
    font: italic 9px Helvetica, Arial;
    margin: 5px;
}

.headline
{
    font: bold 18px Helvetica, Arial;
    margin-bottom: 10px;
}

hr
{
    height: 1px;
    border-collapse: collapse;
    border: 0px;
    background-color: #1C1C1C;
    color: #1C1C1C;
    margin: 2px 0px;
}

.copy
{
    font: 12px/17px Georgia;
}

div.featuredWrapper
{
    position: relative;
}

div.featured
{
    width: 392px;
    height: 233px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #D8D8D8;
}

div.fgallery
{
    float: left;
    width: 392px;
    margin: 245px 10px 10px 0px;
}

img.fgallery
{
    float: left;
    border: 0px;
    margin: 4px 8px 4px 0px;
}

img.fgallery:hover
{
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

#socialmedia
{
    margin: 4px 4px 4px 0px;
    width: 60px;
    height: 50px;
    float: left;
    text-align: center;
}

#socialmedia img
{
    margin: 25px 0px;
    padding: 0px;
    border: 0px;
}
table.biotable
{
    margin: 0px 0px 10px 0px;
    height: 130px;
    background: #1C1C1C;
    border: 0px;
    border-collapse: collapse;
}

.biotable img
{
    width: 100px;
    height: 140px;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

td.biopane
{
    vertical-align: middle;
    padding: 8px;
    font: 12px/17px Georgia;
    color: #FFF;
}


.bioname
{
    font: 13px Helvetica, Arial;
    white-space: nowrap;
    margin-bottom: 5px;
    color: #FFF;
}

table
{
    margin: 20px auto;
    border: 1px solid #888;
    border-collapse: collapse;
    background: #E5E5E5;
    color: #1C1C1C;
    font: 14px Helvetica, Arial;
}

td.header
{
    background: #1C1C1C;
    background: -webkit-gradient(linear, top, bottom, from(#4D4D4D), to(#1C1C1C));
    background: -moz-linear-gradient(top, #4D4D4D, #1C1C1C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D4D4D', endColorstr='#1C1C1C', GradientType=0);
    color: #FFF;
    padding: 4px;
    text-align:center;
    text-transform: uppercase;
    font: bold 16px Helvetica, Arial;
}

td.label
{
    font-weight: bold;
    padding: 8px 4px;
    vertical-align: top;
    text-align: right;
    //white-space: nowrap;
}

td.info
{
    padding: 4px;
    text-align: left;
    vertical-align: middle;
}

td.submit
{
    text-align: center;
    padding: 4px;
}


table.black
{
    margin: 20px auto;
    border: 10px solid #1C1C1C;
    background: #1C1C1C;
    border-collapse: collapse;
    color: #FFED05;
    text-transform: uppercase;
    font: bold 14px Helvetica, Arial;

}

td.black_label
{
    padding: 8px;
    vertical-align: middle;
    text-align: right;
    //white-space: nowrap;
}

td.black_info
{
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

td.black_submit
{
    text-align: right;
    padding: 8px;
}

input
{
    border: 1px solid #888;
    font: 14px Helvetica;
    padding: 2px;
    background: #FFF;
    color: #1C1C1C;
}

input.button
{
    border: 1px solid #555;
    margin: 2px 0px;
    padding: 2px 6px;
    background: #1C1C1C;
    background: -webkit-gradient(linear, top, bottom, from(#4D4D4D), to(#1C1C1C));
    background: -moz-linear-gradient(top, #4D4D4D, #1C1C1C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D4D4D', endColorstr='#1C1C1C', GradientType=0);
    color: #FFED05;
    text-transform: uppercase;
    font: bold 14px Helvetica, Arial;
    cursor: pointer;
}

textarea
{
    border: 1px solid #888;
    padding: 2px;
    font: 14px Helvetica;
    color: #1C1C1C;
    overflow: auto;
}

/* NOTICE FORMATS */

.notice, .notice_error, .notice_warning {
    width: 550px;
    padding: 10px; 
    margin: 10px;
    font: 16px Georgia;
    color: #FFF;
}

.notice {
	background: #208034; 
	border: 1px solid  #1C1C1C;
}

.notice a, .notice_error a, .notice_warning a, .notice_misc a{
    text-decoration: underline;
    color: #DDD;
}

.notice_error {
	background: #C44340; 
	border: 1px solid  #1C1C1C;
}

.notice_warning {
	background: #dc6400;
	border: 1px solid  #1C1C1C;
}