/** 
 * The URI! Zone: Style Sheet
 * (c) 2010 by Brian Uri!
 */
 
/**
 * Links
 */
a:link, a.dark:link, a.oldBlog:link {
	color: #997700;
} 
a:visited, a.dark:visited, a.oldBlog:visited {
	color: #775500;
}
a:hover, a.dark:hover, a.oldBlog:hover {
	color: #ddbb00;
}

a.sideLink:link, a.sideLink:visited {
	color: #ddbb00;
}
a.sideLink:hover {
	color: #ffff00;
}
		
/**
 * Page Layout
 */
body {
	background-color: #001031;
	color: #000000;
	font: 11pt "Trebuchet MS",serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
}	
#outerPosition {
	margin: 0px auto;
	text-align: left;
	width: 1024px;
} 
#header {
	background: url('/images/zoneLogo.png') no-repeat #001031;
	height: 120px;
	margin: 0px;
	width: 1024px;
} 
#menu {
	background: url('/images/zoneMenu.png') no-repeat #001031;
	height: 30px;
	margin: 0px auto;
}
.menuText {
	color: #3b83d7;
	font-size: 10pt;
	padding-top: 4px;
	text-align: center;
}
#page {
	background: #e9e9ff url('/images/zoneColumns.png') repeat-y left top;
	clear: both;
	margin: 0;
	width: 1024px;
}
#contentPane {
	color: #000000;
	float: left;
	width: 830px;
}
#content {
	margin: 14px;
}
#sidebar {
	color: #ffffff;
	float: right;
	padding: 10px 0px 20px 0px;
	width: 194px;
} 
.popupPage {
	background-color: #e9e9ff;
	text-align: left;
	padding: 10px;
	width: 520px;
}
.clear {
	display: block;
	clear: both;
}

/**
 * Road Sign Labels
 */
.boxHeadSpan {
	background-color: #2d398d;
	border: 2px outset #3b83d7;
	height: 11px;
	margin: 18px 0px 18px 0px;
	font-size: 0pt;
}
.boxHeadSignLeft, .boxHeadSignRight {
	margin-top: -8px;
	position: relative;
	left:0px;
	top:0px;
	z-index:10;
}
.boxHeadSignLeft {
	float: left;
	margin-left: 10px;
}
.boxHeadSignRight {
	float: right;
	margin-right: 10px;
}
.boxHeadLeft, .boxHeadRight {
	float: left;
	height: 30px;
	width: 6px;
}
.boxHeadLeft {
	background: url('/images/boxHeadLeft.png') no-repeat transparent;
}
.boxHeadRight {
	background: url('/images/boxHeadRight.png') no-repeat transparent;
}
.boxHeadMiddle {
	background: url('/images/boxHead.png') repeat-x transparent;
	float: left;
	font-weight: bold;
	font-size: 10pt;
	height: 30px;
	line-height: 28px;
	padding: 0px 4px 0px 4px;
}
.boxBody {
	background-color: transparent;
	padding: 5px;
	width: 100%;
	margin-bottom: 8px;
}

/**
 * Form Elements
 */
form {
	margin: 0px;
	padding: 0px;
} 
.formElement {
	display: block;
	margin-left: 90px;
	margin-bottom: 3px;
}
input.button {
	background-color: #0d2963;
	border-style: outset; 
	border-width: 1px;
	color: #ddbb00;
	font-size: 9pt;
}
input[type=text], select, input[type=password], textarea {
	background: url('/images/formInputStyle.png') repeat-x #ffffff;
	border: 1px solid #606060;
} 
label {
	display: block;
	float: left;
	font-weight: bold;
	width: 90px; 	
	margin-bottom: 3px;
}
label.error {
	color: #ea5200;
	float: none;
	font-size: 8pt;
	margin-left: 90px;	
	width: auto;
}

/**
 * Sidebar Styles
 */
.birthdayHeader, .blogHeader, .calendar, .oldNewsHeader, .pollHeader, .sidebarBodyPane {
	width: 161px;	
}
.birthdayHeader, .blogHeader, .oldNewsHeader, .pollHeader {
	border-style: solid;
	height: 20px;
	max-height: 20px;
}
.birthdayHeader { 
	background: url('/News/images/Misc/Birthdays.jpg') no-repeat #0c2963;
}
.blogHeader { 
	background: url('/News/images/Misc/Bloglog.jpg') no-repeat #0c2963;
}
.blogBodyLeftPane, .blogBodyRightPane {
	background-color: #0c2963;
	font-size: 8pt;
	text-align: left;
}
.blogBodyLeftPane {
	float: left;
	width: 80px;
}
.blogBodyRightPane {
	float: right;
	width: 79px;	
}
.blogBodyLeft, .blogBodyRight {
	margin: 2px;
}
.calendarBirthday {
	background-color: #ffff00;
}
.calendarCell, .calendarTop {
	background-color: #ffffff;
	color: #000000;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	text-align: center; 
}
.calendarCell {
	border: 1px solid #d0d0d0;
	display: inline;
	float: left;
	height: 16px;
	width: 21px;	
} 
.calendarTop {
	font-weight: bold;
	padding: 2px 0px 2px 0px;
} 
.divExpand, .divCollapse {
	float: right;
	height: 12px;
	margin: 3px 3px 0px 0px;
	width: 12px;
}
.divExpand:hover, .divCollapse:hover {
	cursor: hand;
}
.divExpand {
	background: url('/images/expand.gif') no-repeat;
}
.divCollapse {
	background: url('/images/collapse.gif') no-repeat;
}
.divHidden {
	display: none;
}
.divShown {
} 
form.quickSearchForm {
	margin: 3px 0px 3px 0px;
}
.menuHead {
	font-size: 9pt; 
	font-weight: bold; 
	text-decoration: underline;
	padding-left: 2px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.menuItem {
	display: block;
	font-size: 9pt;
	padding-left: 4px;
}
.oldNewsHeader { 
	background: url('/News/images/Misc/OldNews.jpg') no-repeat #0c2963;
}
.oldNewsRow {
	background-color: #0c2963;
	color: #666666;
	font-size: 8pt;
	text-align: center;
}
.oldNewsSeparator {
	background-color: #2d398d;
	font-size: 0pt;
	height: 1px;
}
.pollHeader { 
	background: url('/News/images/Misc/Poll.jpg') no-repeat #0c2963;
}
.sidebarBodyPane {
	background-color: #0c2963;
	border-style: none solid solid solid;
	display: block;
	font-size: 8pt;
	text-align: left;
}
.sidebarBody {
	margin: 0px 4px 0px 4px;
}
.sidebarBox {
	border-color: #666666;
	border-width: 1px;
}

/**
 * Miscellaneous Styles
 */
.photos {
	float: left;
	font-size: 9pt;
	margin: 5px 5px 15px 5px;
	text-align: center;
	width: 190px;
}
.photos img {
	border-top: 0px;
	border-left: 0px;
	border-bottom: 1px solid #997700;
	border-right: 1px solid #997700;
}
.archivedPoll {
	background-color: #0c2963;
	border-style: none solid solid solid;
	color: #ffffff;
	font-size: 8pt;
	padding: 6px;
	text-align: left;
	width: 250px;
} 
.birthdayPopupMenu {
	background-color: #0c2963;
	border-style: solid;
	color: #ffffff;
	font-size: 8pt;
	float: right;
	padding: 2px;
}
.bold {
	font-weight: bold;
}
.counter {
	color: #3d498d;
	font-size: 9pt;
	margin-top: 10px;
	text-align: center;
}
.fanClub {
	font-size: 10pt;
}
.fileLink {
	width: 80%;
	font-style: italic; 
}	
img.avatar, img.border, img.centerfold, img.photo, img.screenshot {
	border: 1px inset #666666;
}
img.photo {
	text-align: center; 
	margin: 2px 2px 2px 2px;
}
img.screenshot {
	float: left; 
	margin: 2px 2px 2px 2px;
}
.lastUpdate {
	font-size: 8pt;
	text-align: right;
}
p.tagline {
	font-size: 9pt;
	position: relative; 
	top: -15px; 
	margin-bottom: -8px;
}
pre {
	font-size: 9pt;
} 
.preview {
	background-color: #dddddd;
}	
.resume {
	padding: 5px;
	font-size: 10pt;
}
img.commentIcon {
	height: 14px;
	vertical-align: text-bottom;
	width: 14px;
}
span.commentInfo {
	color: #bbbbbb;
	font-size: 8pt;
}
span.hidden {
	color: #e9e9ff;
}
span.posterInfo {
	font-size: 9pt;
}
table {
	border-collapse: collapse;
	border-width: 0px;
	border-spacing: 0px;
}
td {
	padding: 0px;
}
textarea, .tiny {
	font-size: 8pt;
}