@charset "UTF-8";

/* reset.css ---------------------------------------------------------------------------------- */

*{ outline:none;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


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

body{
    margin:0;
    background-color:#000000;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}
div#header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:30px;
    padding:5px 0;
    background-color:#404040;
}
div#footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:140px; 
    background-image:url(footer-bckgrnd.png);
    background-repeat:repeat-x; 
}
@media screen{
    body>div#header{
        position:fixed;
    }
    body>div#footer{
        position:fixed;
    }
}
* html body{
    overflow:hidden;
} 
* html div#content{
    height:100%;
    overflow:auto;
}
.container{
    width:1020px;
    margin:0 auto;
}

/* links ---------------------------------------------------------------------------------- */

a:link,
a:visited {
    color: #ddd;
    text-decoration: none;
}
a:hover,
a:active {
    text-decoration: underline;
}



/* Header ---------------------------------------------------------------------------------- */

#header {
    text-transform:uppercase;
    font-size:11px;
    color: #999;
}
#header .container {
    position: relative;
}
#header #title, 
#header #category,
#header #metadata,
#header #entry-navigation{
    height:30px;
}
#header #category {
    float:left;
    width:300px;
}
#header #category a {
    color:#fff;
}

#header #title{
    float:left;
    width:500px;  
    text-transform:none;
}
#header #title h1 {
    font-weight:bold;
}
#header #title #info { text-transform:capitalize;}


#header .info .award span {
    text-transform: uppercase;
}


#header #metadata{
    position: absolute;
    top: 15px;
    right: 50px;
}
/*#header #metadata ul{ margin-top:15px;}*/
#header #metadata li{
    padding-left: 10px;
}
#tags,
#details {
    background: url(list-arrow_03.gif) no-repeat;
    color: #999;
    padding-left: 15px;
}
#header #metadata li#vote-link a {
    background: none;
}


#header #entry-navigation{
    float:right;
    width:5%;
}

#entry-navigation ul {
    float: right;
}
#entry-navigation li {
    width: 16px;
    height: 16px;
    text-indent: -999em;
    background: url(arrow-previous.gif);
}
#entry-navigation li.next {
    background-image: url(arrow-next.gif);
    margin-left: 5px;
}
#entry-navigation li a {
    width: 16px;
    height: 16px;
    float: left;
}




#header ul{
    list-style:none;
}
#entry-navigation ul li {
    float: left;
}
#metadata ul li {
    float: right;
}

#details-container,
#tags-container,
#tips-container{
    position: absolute;
    top:36px;
    right:0;
    width:300px;
    background-color:#333333;
/*    -moz-border-radius:5px;*/
    opacity:.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    padding:10px;
    display:none;
    color:#CCCCCC;
/*    border:1px solid #CCCCCC;*/
    text-transform: uppercase;
}

.close {
    display: none;
}

#details-container .arrow,
#tags-container .arrow{
    background: transparent url(modal-arrow.png) no-repeat;
    width: 18px;
    height: 14px;
    position: absolute;
    top: -14px;
    right: 10px;
}
#details-container .arrow {
    right: 70px;
}
#details-container ul li {
    float: none;
}


#tips-container {
	bottom:42px;
	font-size:12px;
	height:auto;
	left:0;
	opacity:0.95;
	text-transform:none;
	z-index:10;
}

#tips-container .arrow {
	background: transparent url(modal-arrow-down.png) no-repeat; 
	bottom: -14px; 
	left:5px; 
	width: 18px;
    height: 14px;
    position: absolute; 
}

#tags-container {
/*    display: block;*/
}


#tags-container .title{ text-transform:uppercase; font-weight:bold;}
#tags-container p { margin-bottom:5px;}

/* Content ---------------------------------------------------------------------------------- */

#content{
    color:#FFFFFF;
    padding:40px 0 140px 0;
}

#content .container {
    text-align:center;
    padding:10px 0;
}

.entry-detail #content .container div {
    margin-bottom: 50px;
}
.entry-detail #content .container div img{
    border:3px solid #666666;
    margin-bottom:20px;
}


.voting-totals #content .entry {
    margin-bottom: 5px;
}
#content .metadata-container{ 
    margin: 5px;
}
#content .metadata {
    background-color: #3b3b3b;
	color:#999999;
	text-align: left;
	font-size:11px; 
	width:100%;
}
#content .metadata h2 {
	text-transform: uppercase;   
	font-weight: bold;
}
#content .metadata .info{ width:90%; float:left; }

#content .vote {
	width:10%;
	float:right;
	text-align:right;
}


/* Footer ---------------------------------------------------------------------------------- */

#footer .container {
    width:1020px;
    height:140px;position: relative;
}
#footer #gallery-title a{
    z-index: 1;
    overflow:hidden;
    width: 314px;
    height: 0;
    padding-top: 140px;position:absolute;
    top: 0;
    left: 335px;
    background: url(award.png) top left no-repeat;
}


#footer a {
    text-decoration: none; 
}

#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-category {
    position: absolute;
    top: 25px;
    left: 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: -.25px;
    z-index: 2;
}
#nav-gold {
    left: 0;
}
#nav-silver {
    left: 86px;
}
#nav-merit {
    left: 184px;
}
#nav-student {
    left: 278px;
}
#nav-members_choice {
    left: 657px;
}
#nav-spots {
    left: 799px;
}
#nav-creature_feature {
    left: auto;
    right: 0;
}


#footer .subnav {
    white-space: nowrap;
    display: none;
    position: absolute;
    top: -32px;
    left: -10px;
    background: #e7e8e9;
    z-index: 3;
}
.no-js #footer .subnav {
    display: block;
} 

#footer .subnav li {
    display: inline;
	padding: 0px 5px;
	cursor: pointer;
}

#footer .subnav li a{
	color: #717173;
	font-size:13px; 
	cursor: pointer;
}

#utility-nav {
    position: absolute;
    bottom: 8px;
    left: 0;
    font-size: 12px;
    text-transform: uppercase;
}

/* display inline is not sufficient, floating left is needed... */
#utility-nav li {
    display: inline;
	float:left;
    padding-right: 15px;
}
#utility-nav a {
    color: #fff; 
}


#aux {
    height: 32px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    right: 0;
}
#sign-in,
#widget-sign-in widget,
#signin-widget-content,
#loggedin_greeting,
#loggedin_greeting li,
#loggedin_greeting_else,
#loggedin_greeting_else li {
    display: inline;
}
#sign-in {
    float: right;
    width: 355px;
    margin-right: 60px;
    padding-top: 5px;
    text-align: right;
    color: #ddd;
}
#username { color:#DDDDDD;}
#username a {
    color: #fff;
}
#loggedin_greeting li,
#loggedin_greeting_else li {
    padding-left: 15px;
}
#spd-home {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 0;
    padding-top: 31px;
    width: 45px;
    overflow:hidden;
    background: url(logo_spd_small_off.jpg) top left no-repeat;
    }

#spd-home:hover {
    background-image: url(logo_spd_small_on.jpg);
}





/* utilities ---------------------------------------------------------------------------------- */

.clearfix:after,
.container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix,
.container {display:block;}
.clear {clear:both;}



/* entry  ---------------------------------------------------------------------------------- */
#content .entry {
    margin-bottom: 50px;
    margin:0 auto 50px;
    overflow:hidden;
    border: 2px solid #3b3b3b;
    background-color: #3b3b3b;
}
.no-js #content .entry {
    border: none;
    background-color: transparent;
}

#content .entry img{}





/* entry  ---------------------------------------------------------------------------------- */
#tag-cloud{ }
#tag-cloud ul{ width:100%; list-style:none; text-align: center; }
#tag-cloud ul li{ font-size:16px; float:left; margin:5px 20px 5px 0; height:45px; }
#tag-cloud ul li a{ float:left; height:45px; line-height:45px; vertical-align:text-bottom;}

#tag-cloud .rank-1{ font-size: 240%;}
#tag-cloud .rank-2{ font-size: 200%;}
#tag-cloud .rank-3{ font-size: 160%;}
#tag-cloud .rank-4{ font-size: 120%;}
#tag-cloud .rank-5{ font-size: 80%;}



/* subnav hover class */
.pretty-hover { display:block !important;}




#footer ul#main-nav { }
#footer ul#main-nav li { height:23px; }
#footer ul#main-nav li a{ 
    background-repeat:no-repeat;
    display:block;
    height:0;
    overflow:hidden;
    padding-top:23px;
    text-indent:-999em;
}

#footer ul#main-nav li#nav-gold a{ background-image: url(main-nav-gold.png); width:53px; }
#footer ul#main-nav li#nav-silver a{ background-image: url(main-nav-silver.png); width: 63px; }
#footer ul#main-nav li#nav-merit a{ background-image: url(main-nav-merit.png); width: 63px; }
#footer ul#main-nav li#nav-student a{ background-image: url(main-nav-student.png); width: 76px; }
#footer ul#main-nav li#nav-members_choice a{ background-image: url(main-nav-members.png); width: 138px;}
#footer ul#main-nav li#nav-creature_feature a{ background-image: url(main-nav-creature.png); width: 157px; }
#footer ul#main-nav li#nav-spots a{ background-image: url(main-nav-spots.png); width:57px; }


#footer .subnav { color: #717173; background-color: transparent; display:none; background-position: top right; height:22px;}
#footer .subnav ul{
    background-attachment:scroll;
    background-image:url(subnav-right.png);
    background-position:right center;
    background-repeat:no-repeat;
    float:left;
    height:22px;
    padding-right:25px;    
}
#footer .subnav ul li{ float: left; background-color:#E7E8E9; padding:5px;}
#footer .subnav ul li a{ 
    background-image: none !important;
    height:23px !important;
    width: auto !important;
    text-indent:0 !important; 
    padding-top:0 !important;   
}

#footer #subnav-gold{ width:640px; left:-150px;}
#footer #subnav-silver{ width:510px; left:-130px;}
#footer #subnav-merit{ width:520px; left:-230px;}
#footer #subnav-spots{ width:350px; left:-60px;}
#footer #subnav-student{ width:355px; }

#footer .subnav span.left-corner{ height:22px; width:25px; background-repeat: no-repeat;  float:left; background-image: url(subnav-left.png); } 
 



#signin-widget-content{ color: #999999;}