/* sabretooth: server-side import: lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://assets.filemobile.com/180/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://assets.filemobile.com/180/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* end of import: lightbox */

a {text-decoration: none}

h4, h5, h6 {margin-bottom: 5px}

#header {background: #060606 /*url(http://assets.filemobile.com/180/header_bg.png) left top repeat-x */; height: 148px; border-bottom: 1px solid #0a0a0a;}
#header a {color: #999}
#header a:hover {color: #fff}

#logo {display: block; height: 128px;}

p.login-status {color: #ddd; text-align: right}
p.login-status em {color: #fff; font-style: normal;}

/* main menu */

#mainnav {height: 40px; margin: 0; text-transform: uppercase; background: #060606; /*border-top: 1px solid #0c0c0c; */}
#mainmenu {height: 40px; margin-bottom: 0;}
#mainmenu li {display: block; float: left; height: 40px; margin: 0px;}
#mainmenu li a {color: #999; padding: 10px; display: block; float: left; text-align: center; width: 100px; height: 20px;}

#mainmenu li a:hover,
#mainmenu.home a#home,
#mainmenu.genres a#genres,
#mainmenu.submit a#submit,
#mainmenu.archives a#archives,
#mainmenu.article a#archives {color: #fff; background: url(http://assets.filemobile.com/180/icons/megaphone.png) 10px center no-repeat}

#search-form {}
#search-form input {}
#search-form button {}
/* main content section */

#maincontent {padding: 30px 0; background: #1d1f22; border-bottom: 1px solid #060606; border-top: 1px solid #333; color: #ccc}
#maincontent p {color: #aaa;}
#maincontent a {color: #ddd;}
#maincontent a:hover {color: #fff}

#maincontent p a { text-decoration: underline}
#maincontent p img {vertical-align:middle;}

span.gravatar img {border: 1px solid #000}

.more-info {
    height: 2em;
    padding-top: 0.5em;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.pager-next {float: right; display: block;}
.pager-prev {float: left; display: block}

ul.file-list {list-style: none; }
ul.file-list li {margin-left: 0; padding: 5px 0 5px 24px; /*border-bottom: 1px solid #333*/}
ul.file-list li a {color: #aaa; text-decoration: none;}
ul.file-list li a:hover {color: #fff}

li.media-type-1 {}
li.media-type-2 {}
li.media-type-3 {background: url(http://assets.filemobile.com/180/icons/cassette-label.png) 3px 6px no-repeat}
li.media-type-4 {}

.download-link {background: url(http://assets.filemobile.com/180/icons/disk__arrow.png) 3px 6px no-repeat}


/* see footer for legend icons */


/* media details */

a.download-link {display: block; height: 12px; width: 80px; padding: 8px 5px 7px 30px; color: white; text-transform: uppercase;  font-size: 9px; }
a.download-link:hover {background-color: #111;}

h5.share {margin-bottom: 5px;}
ul#share {list-style: none}
ul#share li {height: 32px; width: 32px; float: left; margin-left: 2px;}
ul#share li a {font-size: 0px; display: block; height: 32px; width: 32px; }

li a.fb       {background: url(http://assets.filemobile.com/180/icons/social/facebook_16.png) center center no-repeat}
li a.fb:hover {background: url(http://assets.filemobile.com/180/icons/social/facebook_32.png) center center no-repeat}
li a.dl       {background: url(http://assets.filemobile.com/180/icons/social/delicious_16.png) center center no-repeat}
li a.dl:hover {background: url(http://assets.filemobile.com/180/icons/social/delicious_32.png) center center no-repeat}
li a.dg       {background: url(http://assets.filemobile.com/180/icons/social/digg_16.png) center center no-repeat}
li a.dg:hover {background: url(http://assets.filemobile.com/180/icons/social/digg_32.png) center center no-repeat}
li a.rd       {background: url(http://assets.filemobile.com/180/icons/social/reddit_16.png) center center no-repeat}
li a.rd:hover {background: url(http://assets.filemobile.com/180/icons/social/reddit_32.png) center center no-repeat}
li a.tw       {background: url(http://assets.filemobile.com/180/icons/social/twitter_16.png) center center no-repeat}
li a.tw:hover {background: url(http://assets.filemobile.com/180/icons/social/twitter_32.png) center center no-repeat}

/* blog */


table#blog-metadata {}
table#blog-metadata td {padding: 3px;}

ul#commentFormFields {list-style: none}
ul#commentFormFields li {margin-left:0; padding: 5px 0; display: block; clear: left}
ul#commentFormFields li label {width:220px; display:inline; float:left; margin-right:10px;}
ul#commentFormFields li input, 
ul#commentFormFields li textarea {width:650px; display:inline; float:left; margin-left:10px; font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 13px; font-weight: 400; font-style:	normal }
ul#commentFormFields li textarea {padding-left: 5px; padding-right: 5px;}
ul#commentFormFields li span {display:inline; margin-left:10px}
ul#commentFormFields li input.fmCaptcha {margin-left:240px; width: 135px;}
ul#commentFormFields li button {clear: left;}

ul#commentList {list-style: none}
ul#commentList li {margin-left: 0; padding-bottom: 10px; display:block; float:left; clear:left}
ul#commentList li span.userName {font-weight: bold}
ul#commentList li span.commenTime {}


/* footer */

#footer {padding: 30px 0; background: #111; border-bottom: 1px solid #000; border-top: 1px solid #0d0d0d; color: #efefef}
#footer a {color: #444}
#footer a:hover {color: #666}

#footer h5 {text-indent: 20px; font-weight: normal; color: white}
#footer p, 700
#footer ul { color: #e0e0e0}


h5.free     {background: url(http://assets.filemobile.com/180/icons/credit-card-green.png) left center no-repeat}
h5.credits  {background: url(http://assets.filemobile.com/180/icons/money-coin.png) left center no-repeat}
h5.loop     {background: url(http://assets.filemobile.com/180/icons/arrow-circle-double-135.png) left center no-repeat}
h5.legend   {background: url(http://assets.filemobile.com/180/icons/flashlight.png) left center no-repeat}

#legend li {border-bottom: none}
#legend .media-type-3 {background: url(http://assets.filemobile.com/180/icons/cassette-small.png) 3px 6px no-repeat}
#legend .download-link {background: url(http://assets.filemobile.com/180/icons/disk-small.png) 3px 6px no-repeat}

#legal {background: #030303;700 border-top: 1px solid #000;}
#legal p {margin-bottom: 0px; padding: 5px 20px; font-size: 12px; color: #232323}


/* utils */
th {text-align: right; font-weight: normal; width: 100px;}
th label {padding-right: 5px;}
th, td {padding: 3px;}
textarea,input.fmTextInput {width: 160px; padding: 3px;}