﻿
body   
{
    font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
    background-color:Black;
    font-size: 13px;
	text-shadow: 0 1px 0 #DDD ;
}

a
{
	color: SteelBlue;
	text-decoration:none;
}

#page
{
	width:900px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	text-align:left;
}

#header
{
	height:80px;
	display:table;
    width:100%;
}

	#header > div
	{
		display:table-cell;
		vertical-align:middle;
	}

.topSpot {
    width:475px;
}

.topFeaturedSpot {
    display:table;
    width:468px;
}

    .topFeaturedSpot > div {
        display:table-row;
    }

    .topFeaturedSpot > div >div {
        display:table-cell;
    }

#content
{
	border-radius:10px 10px 10px 10px;
	background-color:#4682B4;
	width:100%;
	height:100%;
}

#search
{
	display:table;
	float:right;
	height:20px;
	margin-top:7px;
	margin-right:10px;
}

#search div
{
	display:table-cell;
    vertical-align:middle;
}

    #search > div > input {
        border: 1px solid SteelBlue;
        border-radius:4px;
        background-color:aliceblue;

        padding:3px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.18);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.18);
        -ms-box-shadow: inset 0 1px 2px rgba(0,0,0,0.18);
        -o-box-shadow: inset 0 1px 2px rgba(0,0,0,0.18);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.18);
    }

        #search > div > input:focus {
            background-color:white;
            border: 1px solid #FFFFFF;
            outline: none;
            -webkit-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #FFFFFF;
            -moz-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #FFFFFF;
            -ms-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #FFFFFF;
            -o-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #FFFFFF;
            box-shadow: inset 0 1px 2px #ddd,0px 0 5px #FFFFFF;
        }

#searchbutton
{
	padding-left:7px;
	padding-right:7px;
}

#searchbutton:hover
{
		background-color:#B0C4DE;
}

    #searchbutton .icon-search {
        color:white;
    }

#content_top
{
	height:40px;
	width:100%;
	border-radius:10px 10px 0px 0px;
}

#content_bottom
{
	display:table;
	width:100%;
}

.content_left
{
	display:table-cell;
	vertical-align:top;
	padding-top:10px;
	width:145px;
	border-radius:0px 0px 0px 10px;
}

.content_main
{
	display:table-cell;
	vertical-align:top;
	background-color:White;
	border-radius:10px 0px 10px 0px;
	padding:10px;
}

.content_fullsize
{
	border-radius:0px 0px 10px 10px;
}

#footer
{
	font-size:8pt;
	width:100%;
	text-align:center;
	clear:both;
	padding-top:10px;
	color:White;
}

ul.menu
{
	list-style: none;
	margin-left: 0;
	padding-left: 7px;
	text-indent: 0px;
	margin-top:2px;
	margin-bottom:3px;
	text-shadow: 0 1px 0 #B0C4DE;
}

ul.menu li:before
{
	content: "•";
	color:Lime;
}

a.menu
{
	color:White;
	font-size:13px;
	display:inline-block;
	text-indent:3px;
}

div.menuseparator
{
	font-size:13px;
	padding-left:4px;
	font-weight:bold;
	color:black;
	background-color:#B0C4DE;
	margin-top:7px;
}


h1
{
	font-size:16px;
	color:SteelBlue;
}

#screenshot
{
	display:table-cell;
	vertical-align:middle;
	padding-right:5px;
}

#summary
{
	display:table-cell;
	vertical-align:middle;
	max-width:400px;
}

#download_top
{
	display:table;
}

#description
{
	padding-top:5px;
	clear:both;
}

div.tablerow
{
	display:table;
	margin-top:5px;
}

div.tablerow table
{
	display:table-cell;
	padding-right:5px;
}

div.tablerow div
{
	display:table-cell;
	padding-right:5px;
}


div.property-row
{
	clear:both;
}

.property-row label
{
	display: inline-block;
	float: left;
	width: 8em;
	line-height:16px;	
	padding-right: 5px;
	font-weight:bold;
}

.property-row span
{
	font-size:13px;
	line-height:16px;
	display:inline-block;
}

label
{
	font-weight:bold;
}


div.de
{
	display:table;
	margin-bottom:10px;
	width:500px;
}

div.de_screenshot
{
	min-width:150px;
	height:105px;
	padding-right:5px;
	text-align:center;
}

div.de div
{
	display:table-cell;
}

a.de_link
{
	font-size:12px;
	font-weight:bold;
}

span.de_desc
{
	font-size:13px;
}

div.pager
{
	font-size:14px;
}

div.pager a
{
	display:inline-block;
	margin:3px;
	padding-left:2px;
	padding-right:2px;
	padding-top:7px;
	padding-bottom:7px;
}

	div.pager a:hover
	{
		text-decoration:underline;
	}

	div.pager span
	{
		font-weight:bold;
		display:inline-block;
		margin:3px;
		padding-left:2px;
		padding-right:2px;
		padding-top:7px;
		padding-bottom:7px;
	}

div.TopDownloads
{

}

div.LastUpdated
{
}

div.featured
{
	display:table;
	margin-bottom:15px;
}

div.featured div
{
	display:table-cell;
	text-shadow: 1px 1px 1px #DDD;
}

div.featuredRecord
{
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}


div.TopCaption
{
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

#subCategories, #categories
{
	clear:both;
	margin:20px auto;
	width:500px;
	overflow:hidden;

background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(99%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 99%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

-moz-box-shadow: 3px 3px 3px #999;
-webkit-box-shadow: 3px 3px 3px #999;
box-shadow: 3px 3px 3px #999;

	border-radius:8px 8px 8px 8px;
	padding:5px 5px 5px 5px;

}

#subCategoriesColumn, #categoriesColumn
{
	width:240px;
	vertical-align:top;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

#topLast
{
	width:700px;
	margin:10px auto 5px auto;
	clear:both;
}

.topLastColumn
{
/*	background-color:#B0C4DE;*/
/*	background-color:#cdd9e9;*/

background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(99%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 99%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

-moz-box-shadow: 3px 3px 3px #999;
-webkit-box-shadow: 3px 3px 3px #999;
box-shadow: 3px 3px 3px #999;

	width:330px;
	border-radius:8px 8px 8px 8px;
	padding:5px 5px 5px 5px;
}

	.topLastColumn a
	{
	}
