﻿html,body
{
	background-color:#3a3a3c;
	/*background-color:#c1d9f0;*/
	background-image:url('/images/background.png');
	background-repeat:repeat-x;
	background-position:top;
	color:white;
	font-family:Verdana;
	font-size:14px;	
}

body
{
    background-position:-47px -20px;
	width:850px;
	margin-top: 20px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;        
}

img
{
	border:none 0px;
	padding:0px;
	margin:0px;
}
img.thumbnail
{
	max-height:100px;
	max-width:100px;
}
img.thumbnailMedium
{
	max-height:150px;
	max-width:150px;
}

a
{
    color:#c1eff5;
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}

h1
{
    font-size:30px;
    font-weight:bold
}

#mainSearchBox
{
    width:425px;
    vertical-align:top;
    border-left:none;
    height:28px;
    padding:0px;
    margin:0px;
    font-size:18px;
}
#mainSearchButton
{
    border:1px solid white;
    border-left:none;
    margin:0px;
    height:30px;
    background-color:#6d6e71;
    color:white;
    font-size:18px;
}

#header
{
    height:108px;
}
#banner
{
    clear:both;
    width:100%;
    height:100px;
    background-color:#58585a;
    border:1px solid white;
    margin-top:20px;
}
#popular, #updates, #content
{
    clear:both;
    margin-top:20px;
}
#categories
{
    height:180px;
}
#popular
{
    height:238px;
}

div.entrySmall, div.entryMedium
{
	padding-top:7px;
    margin-left:10px;
    margin-right:10px;
    background-image:url(/images/entrySmall.png);
    background-repeat:no-repeat;
    width:154px;
    height:180px;
    float:left;
}
div.entrySmall > div.body
{
    height:95px;
    text-align:center;
}
div.entrySmall > .title, div.entryMedium .title
{
    text-align:center;
    font-weight:bold;
    font-size:18px;
    max-height:40px;
}
div.entrySmall > .title a, div.entryMedium .title a
{
    color:White;
}
div.entrySmall > div.body, div.entryMedium > div.body
{
    margin:7px;
}
div.entrySmall > div.footer, div.entryMedium > div.footer
{
    text-align:center;
}

div.entryMedium
{
    width:204px;
    height:238px;
    background-image:url(/images/entryMedium.png);
    text-align:center;
}
div.entryMedium > .body
{
	height:150px;
}
div.entryBig
{
    width:300px;
    float:left;
    background-color:#58595b;
    border:1px solid white;
    text-align:center;
}

div.invisibleSection
{
    margin-top:20px;
}

div.section
{
    margin-top:20px;
    background-color:#58595b;
    border:1px solid white;
}
div.section > div.title
{
    font-size:18px;
    padding-left:10px;
    height:27px;
    background-image:url(/images/titleBackground.png);
    border-bottom:1px solid white;
}

div.section div.content
{
    padding:10px;
}
div.section div.content .header
{
    border-bottom:1px solid white;
    margin-bottom:10px;
}
div.section div.content .header .title
{
    color:#D3D3D3;
    font-weight:bold;
}
div.section div.content .header .date
{
    float:right;
    font-size:12px;
}
div.focused
{
    text-align:center;
    padding:10px;
}

#footer
{
	padding-top:20px;
	text-align:right;
	clear:both;
}

#session_holder
{
	float:right;
	width:340px;
	margin-top:12px;
	margin-bottom:20px;
}

#search_bar
{
	float:left;
	padding-top:15px;
	margin-left:10px;
	position:relative;
}

#errorContainer, #messageContainer
{
	margin-top:17px;
	background-color:#337240;
	padding:5px;
	border:1px solid white;
}
#errorContainer
{
	background-color:#a2654f;
}
textarea.text
{
	width:570px;
	height:300px;
}

input
{
	font-size:14px;
	margin:2px;
	/*border:solid 1px black;*/
}
input.text, input.textInitial
{
    color:White;
    border:1px solid white;
    background-color:#808285;
	width:300px;
}
input.textInitial
{
    color:#58595b;
}

table.content
{
    width:100%;    
}
table.content tr.rowHeader td
{
    background-color:#808285;
    padding:2px;
}
table.content tr.rowHeader td.entryDate
{
    font-size:10px;
}
table.content tr td.entryUser
{
    width:120px;
    background-color:#6a6b6e;
    padding:10px;
}
table.content tr td.entryMessage
{
    vertical-align:top;
    padding:10px;
}
textarea
{
    width:500px;
    height:200px;
}
div.pagePicker
{
    text-align:center;
    padding:10px;
    font-size:12px;
}
.smallText
{
    font-size:10px;
}
.casualText
{
	color:#D3D3D3;
}
