BODY
{
    background-color: #FFF;
    color: #444;
    font-family: 'Lucida grande', Arial, Sans-Serif;
    font-size: 75%;
}

.tabunderin
{
	width:210px;
	background-color: #DDE8F0;
	float:left;
}

.tabunderout
{
	width:210px;
	float:right;
}

.footerlinks
{
	text-align:center;
}

.searchoptions
{
	background-color: #DDE8F0;
	color: #444;
	padding: 5px;
}

.searchoptions .option
{
	border-right: solid 1px #666;
	padding-right: 10px;
	margin-right: 10px;
}

.searchoptions .option INPUT
{
	vertical-align: middle;
}

.searchbox
{
	float:right;
	background: #DDE8F0;
}

.searchbox INPUT
{
	vertical-align: middle;
}

.searchbox INPUT.textbox
{
	width: 200px;
	vertical-align: middle;
	margin: 3px;
}

.locationcontrol
{
	overflow: hidden;
}

.geocodecontrol
{
	height: 40px;
	width: 490px;
	background-color: #FFF;
}


.silly
{

	text-align:center;
	font-size: 1.5em;
	margin: 5px 0;
	color: #888;

}

.error
{
	background-color: #ffffa4;
	border: solid 1px #ffe954;
	color: #000;
	padding: 5px;
}

.frontpagebutton,
.frontpagebutton IMG
{
	border-style: none;
}

.votecontrol
{
	width: 75px;
	height: 25px;
	background-image: url(Images/votebackground.png);
	background-color: #0088dd;
	background-repeat: no-repeat;
	text-align: center;
	color: #FFF;
	overflow: hidden;
	line-height: 25px;
}

.votehint
{
	font-family: 'Lucida grande', Arial, Sans-Serif;
	font-size: 8pt;
	background-color: #0088dd;
	background-repeat: no-repeat;
	text-align: left;
	color: #FFF;
	padding:3px;
}

.votecontrol IMG
{
	vertical-align: middle;
}

/*****
Form
****/

.form
{
	background-color: #DDE8F0;
}

.form .formtop
{
	background: transparent url(Images/FormTopBackground.png) no-repeat top left;
}

.form .formbottom
{
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	background: transparent url(Images/FormBottomBackground.png) no-repeat bottom left;
}

.form .formcontent
{
	margin: 0 10px;
	padding: 10px 0;
}

.formlabel
{
	font-weight: bold;
}

#login .usernamelabel
{
	font-family: Myriad Pro, Arial, Helvetica, Sans-Serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #08D;
	margin: 0 10px 0 0;
}

#login IMG
{
	vertical-align: middle;
}

#login INPUT
{
	vertical-align: middle;
}

#login INPUT.login
{
	border: solid 2px #08D;
	margin: 0 0 0 3px;
	font-family: 'Lucida grande', Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	width: 120px;
	color: #888;
}

INPUT.textbox,
TEXTAREA.textbox,
INPUT.title,
TEXTAREA.description
{
	width: 700px;
    font-family: Arial;
    font-size: 1em;
}

TEXTAREA.textbox
{
	font-family: Arial;
}


INPUT.title
{
	color: #EE0000;
    font-family: Arial;
    font-size: 1.5em;
	font-weight:bold;
}

TEXTAREA.description
{
	color: #444;
    height: 4em;
}

.columnright .column A IMG
{
	margin-bottom: 5px;
}

.columnright .column SELECT.select
{
	width: 190px;
	font-size: 1em;
}

.columnright .column INPUT.textbox
.columnright .column TEXTAREA.textbox
{
	margin: 0;
	width: 185px;
}

/*Columnleft*/

.columnleft .column SELECT.select
{
	margin: 0;
	font-size: 1em;
}

.columnleft .column INPUT.textbox,
.columnleft .column TEXTAREA.textbox,
.columnleft .column INPUT.title,
.columnleft .column TEXTAREA.description
{
	width: 500px;
}

/*********/
#photoElement
{
	position: absolute;
	height: 240px;
	top: 34px;
	left: 30px;
	width: 320px;
	background-color: #000;
	text-align:left;
	overflow: hidden;
	font-size: 8pt;
	color: #CCC;
}

#photoElement A:link,
#photoElement A:visited,
#photoElement A:active,
#photoElement A:hover
{
	background-color: Transparent;
	font-weight: normal;
	color: #FFF;
}

#photoElement A:hover
{
	text-decoration: underline;
}

/****************/

.page
{
    width: 700px;
    margin: 0 auto;
}

.module
{

}

.moduletitle
{
	background-color: #DDE8F0;
	padding: 2px;
	margin: 0.83em 0;
	border-bottom: solid 2px #0088dd;
}

.moduletitle H1,
.moduletitle H2
{
	margin: 0;
}

.moduletitle .actions
{
	float: right;
}

/*****
ITEM
*****/

.photoitem
{
	height: 75px;
}

.photoitem .body
{
	padding-left: 80px;
}

.voteableplaceitem .body
{
	padding-left: 80px;
}

.results
{
	background-color: #FFF;
	padding: 0 5px;
	border: solid 1px #CCC;
}

.results .item
{
	background-color: white;
	border-bottom: 1px solid #AAA;
	margin-top: 7px;
	padding-bottom: 7px;
	position: relative;
	overflow: hidden;
}

.reorder .item
{
	height: 75px;
	margin: 3px 0;
	padding: 3px 0;
	border: solid 1px #AAA;
	clear: both;
	cursor: n-resize;
}

.reorder .placeholder
{
	margin: 3px 0;
	padding: 3px 0;
	border: solid 1px #C00;
	background-color: #FEE;
	clear: both;
}

.item .index
{
	position: absolute;
	width: 75px;
	overflow: hidden;
}

.item .index .value
{
	font-size: 40px;
	font-weight: bold;
	color: #DAA;
	text-align: center;
}

.item .image
{
	position: absolute;
	background-color: rgb(196, 205, 224);
	display: block;
	height: 75px;
	width: 75px;
	overflow: hidden;
}

.item .body
{
	
}

.item .body .title IMG
{
	vertical-align: middle;
}

.item .body .title
{
	font-size: 13px;
	font-weight: bold;
}

.item .body .description
{
	font-size: 13px;
	font-weight: normal;
}

.item .body .meta
{
	font-size: 11px;
}

.item .images
{
	margin-top: 3px;
	z-index: 25;
	/*width: 100%;*/
	overflow: hidden;
	background-color: #F0F0F0;
}

.item .images IMG
{
	border: solid 1px #000;
}

.item .actions
{
	z-index: 50;
	background-color: #FFF;
	float: right;
	width: 75px;
	overflow: hidden;
	margin: 0 0 75px 5px;
}

.item .actions .action
{
	vertical-align: middle;
	display: block;
	padding: 1px 0;
	border-bottom: solid 1px #CCC;
}

.item .actions .action IMG
{
	vertical-align: middle;
}
/*****
Header
*****/

.header
{
	height:50px;
}

.header #login
{
	height: 30px;
	float: right;
}

/*****
Vote Control
*****/

A.votelink,
A.votelink:hover
{
	background-color: Transparent;
}

/*****
Pager
*****/

UL.pager
{
	display: block;
	font-weight: normal;
	list-style: none;
	margin: 0px;
	padding: 0px;
	clear:both;
	height: 20px;
}

.pager LI.page
{
	display: inline;
}

.pager LI.page A,
.pager LI.page SPAN
{
	padding: 1px 3px;
}

.pager LI.page A:hover
{
	background-color: #08D;
	color:#fff;
}

.pager LI.current 
{
	font-weight: bold;
	border-bottom:2px solid #08D;
	color:#888;
}

/*****
Tabs
*****/

.navigation
{
	overflow: hidden;
	background-image: url(Images/navigationbackground.png);
	background-repeat: repeat-x;
	background-color: #0088dd;
	width:100%;
}

.navigation .tabs
{
	margin: 10px 5px 0 5px;
}

.navigation .tabbottom
{
	clear: both;
	border-bottom: 1px solid #FFF;
}

.navigation A.tabon,
.navigation A.taboff
{
	font-weight: bold;
	float: left;
	padding: 4px 8px;
	text-decoration: none;
	color: #FFF;
}

.navigation A.taboff
{
	margin: 1px 6px -1px 1px;
}

.navigation A.tabon,
.navigation A.taboff:hover
{
	color: #005183;
	margin: 0px 5px -1px 0;
	border: 1px solid #FFF;
	border-bottom-style: none;
	background: #b6d9ff url(Images/tabbackground.png) repeat-x top left;
}

.breadcrumb
{
	padding: 10px 10px;
}

.content
{
	background-image: url(Images/contentbackground.png);
	background-repeat: repeat-x;
}

.footer
{
	clear: both;
	margin: 5px 0 0 0;
	padding: 3px 0 0 0;
	border-top: 1px solid #AAA;	
}

.logo
{
	font-family: Myriad Pro, Arial, Helvetica, Sans-Serif;
	font-size: 2em;
	font-weight: bold;
	color: #000;
}

/*Layout*/

.columnleft
{
	float: left;
	width: 485px;
}

.columnright
{
	margin: 10px 0 0 0;
	float: right;
	width: 200px;
	background-color: #dde8f0;
	background-image: url(Images/columnrightbackground.png);
	background-position: top;
	background-repeat: no-repeat;
}

.columnright .column
{
	margin: 5px;
}

/*Links*/
A.actionlink
{
	float: right;
}

.register
{
	margin-right: 10px;
}

A:link,
A:visited
{
	color: #08D;
	text-decoration: none;
}

A:hover
{
	color: #FFF;
	background-color: #08D;
}

/*Headings*/
H1
{
	font-family: Myriad Pro, Arial, Helvetica, Sans-Serif;
	font-size: 1.75em;
	font-weight: bold;
	color: #E00;
	border-bottom: solid 1px #E00;
	display: block;
	margin: 5px 0 2px 0;
	padding: 0 0 5px 0;
}

H2
{
	font-family: Myriad Pro, Arial, Helvetica, Sans-Serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #08D;
	margin: 0;
}

/*Speech Bubbles*/

.sbl { background: url('Images/SpeechBl.png') bottom left no-repeat #DDE8F0; width: 96%; margin-left: 2%; text-align: center; min-width: 100px; }
.sbr { background: url('Images/SpeechBr.png') bottom right no-repeat; }
.stl { background: url('Images/SpeechTl.png') top left no-repeat; }
.str { background: url('Images/SpeechTr.png') top right no-repeat; padding: 10px; } 
.sb { padding: 2px 0px 10px 50px; background: url('Images/SpeechB.png') 30px top no-repeat; }
/*Test comment*/