/*  
Theme Name: Star Wars Fringe
Theme URI: http://railmagnor.com
Description: Star Wars Fringe
Version: 1.0
Author: Rail Magnor
Author URI: http://railmagnor.com

© COPYRIGHT 2008 Rail Magnor
-----------------------------------------------------
Please don't steal my code.
*/



body {
	font-size: 62.5%; /* Resets 1em to 10px */
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #1A1A1A;
	xcolor: #ffffff;
	text-align: center;
}

a, a:link, a:active {
	color: #348044;
	text-decoration: underline;
}

a:visited {
	color: #1e4e28;
	text-decoration: underline;
}

a img {
	border: none;
	}

#Trim {
	width: 970px;
	padding: 0;
	margin: 0;
	background: transparent url(images/bg_mid.png) repeat-y left 224px;
	}

	#TrimMid {
	background: transparent url(images/bg_top.png) no-repeat top left;
		}
	
		#TrimInner {
			width: 920px;
			padding: 25px 25px 0 25px;
			text-align: right;
			background: transparent url(images/bg_bttm.png) no-repeat bottom left;
			}
	
#Header {
	}

#Footer {
	clear: both;
	color: #888888;
	padding: 0;
	xmargin: 25px 0 0 0;
	text-align: right;
	}

#Guts {
	float: left;
	width: 700px;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	color: #000000;
	text-align: right;
	xborder: thin solid #ff0000;
	}

	#Content {
		clear: both;
		margin: 0;
		font: 1.2em/1.6em Arial, Helvetica, sans-serif;
		text-align: left;
		}
	
	#Content p {
		margin: 0 20px 15px 20px;
		padding: 0;
		}
	
	#Content .mono {
	font-family: "Courier New", Courier, monospace;
	}
	
	#Content hr {
		clear: both;
		height: 0;
		width: 0;
		display: block;
		}
	
#pageTitle {
	width: 490px;
	height: 30px;
	clear: both;
	margin: 0;
	padding: 0 10px 0 50px;
	background: transparent url(images/bg_h1.png) no-repeat top right;
	color: #ffffff;
	text-align: right;
	overflow: hidden;
	xborder: thin solid #000000;
}

#pageTitle a, #pageTitle a:visited, #pageTitle a:active, #pageTitle a:hover {
	color: #ffffff;
	text-decoration: none;
}

#Guts h1{
	float: right;
	margin-top: -7px;
	font: normal normal bold 22pt/130% Arial, Helvetica, sans-serif;
	xborder: thin solid #000000;
}

	#Guts h1 span {
	padding: 0;
	margin: 0;
	font-size: 14pt;
	color: #cccccc;
	}

#pageKicker { 						/* Page Subhead */
	width: 490px;
	height: 25px;
	float: right;
	clear: both;
	margin: 0 0 30px 0;
	padding: 3px 10px 0 50px;
	overflow: hidden;
	color: #000000;
	text-align: right;
	background: transparent url(images/bg_h2.png) no-repeat top right;
}

#Guts h2 { 						/* Page Subhead */
	float: right;
	font: normal normal bold 12pt/150% Arial, Helvetica, sans-serif;
}

#Guts h3 { 						/* Content Main Subhead */
	width: 450px;
	xclear: none;
	xmargin: 30px 20px 10px 10px;
	padding: 2px 5px 0 5px;
	xpadding-right: 5px;
	color: #000000;
	xbackground-color: #99BFA1;
	font: normal normal bold 12pt/150% Arial, Helvetica, sans-serif;
	xborder-right: 10px solid #cccccc;
	border-left: 10px solid #cccccc;
	border-top: 1px solid #cccccc;
}

#Guts h4 { 						/* Content Subhead */
	xwidth: 100%;
	xclear: none;
	margin: 30px 20px 5px 20px;
	color: #000000;
	xbackground-color: #99BFA1;
	font: normal normal bold 10pt/100% Georgia, "Times New Roman", Times, serif;
	xborder-left: 10px solid #348044;
}

		.illo {
			/* This is a div that holds the image */
			display: block;
			margin: 10px;	
			border: none;
		}
				
				.illo p {
					padding: 0;
					margin: 0;
				}
				
				.illo IMG, .illo p a {
					padding: 0;
					text-decoration: none;
					background-color: transparent;
					max-width: 450px;
				}
				
				.illo .caption p {
					font-size: 1em;
					line-height: 170%;
					color: #888888;
					padding: 1em 0 0 0;
				}

#Content .instorySidebar, #toc {
	float: left;
	clear: left;
	margin: 0px 20px 20px 0px;
	padding: 10px 0 0 0;
	width: 200px;
	line-height: 120%;
	background: #000000 url(images/bg_instory_sidebar.png) no-repeat top left;
	color: #99BFA1;
}

#Content #toc {
	padding-bottom: 10px;
}

#Content .instorySidebar span {
	padding-right: 5px;
	color: #cccccc;
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
}

	#Content .instorySidebar p, #toc p {
		margin: 0 10px 10px 10px;
		padding: 0;
	}

	#Content .instorySidebar h5, #toc h5 {
	margin: 10px;
	padding: 0 0 2px 0;
	color: #cccccc;
	font: normal normal bold 10pt/100% Georgia, "Times New Roman", Times, serif;
	border: none;
	border-bottom: 1px dotted #888888;
	xbackground-color: #000000;
	}

	#Content .instorySidebar h5 {
	margin-top: 30px;
	}

	#Content .instorySidebar ol, #toc ol {
	margin: 0 5px 0 5px;
	padding-bottom: 5px;
	line-height: 110%;
	xpadding: 0;
	xtext-indent: 0;
	}

		#Content .instorySidebar li, #toc li {
		list-style-type: decimal;
		padding: 5px 0 0 0;
		margin-left: 25px;
		}

			#Content .instorySidebar li ol li, #toc li ol li {
			padding: 5px 0 0 0;
			margin-left: 10px;
			list-style-type: upper-alpha;
			}
	
				#Content .instorySidebar ol li, #toc ol li {
				xtext-indent: 5px;
				}
		
					#Content .instorySidebar ol li li, #toc ol li li {
					list-style-type: lower-roman;
					}
		
						#Content .instorySidebar ol li li li, #toc ol li li li {
						list-style-type: lower-alpha;
						}

	#Content .instorySidebar hr {
		height: 0px;
		width: 100%;
		margin: 10px;
		color: #000000;
		border-bottom: 1px dotted #888888;
		}
	
#toc {
font-size: 90%;
}

	#toc a {
	text-decoration: none;
	color: #ffffff;
	}
	
		#toc a:visited {
		color: #cccccc;
		}
		
#Content .pagenums {
	font-size: 120%;
	font-weight: bold;
	padding: 5px;
	margin: 10px 0;
	text-align: center;
	border-bottom: 1px dotted #888888;
	border-top: 1px dotted #888888;
}

#Sidebar {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	xpadding-bottom: 22px;
	text-align: left;
	color: #cccccc;
	font: 1.2em/1.2em Arial, Helvetica, sans-serif;
	xbackground: transparent url(images/bg_sidebar_bttm.png) no-repeat bottom left;
	}

	#SidebarMid {
	xpadding-top: 22px;
	xbackground: transparent url(images/bg_sidebar_top.png) no-repeat top left;
		}
	
		#SidebarInner {
			margin: 0 0 22px 0;
			padding: 0 10px;
			xtext-align: right;
			xbackground: transparent url(images/bg_sidebar_mid.png) repeat-y 22px left;
			}

	#Sidebar a, #Sidebar a:visited, .instorySidebar a {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	}
	
		.instorySidebar a:visited {
		color: #cccccc;
		}
		
	#Sidebar h2 {
	margin: 20px 0 0 0;
	padding: 0;
	color: #888888;
	font: normal normal bold 1.4em/1.3em Arial, Helvetica, sans-serif;
	}

	#Sidebar h5 {
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	color: #cccccc;
	font: normal normal bold 10pt/100% Georgia, "Times New Roman", Times, serif;
	border: none;
	border-bottom: 1px dotted #888888;
	xbackground-color: #000000;
	}

	#Sidebar ul {
	margin: 0;
	padding: 0;
	text-indent: 0;
	}

	#Sidebar li {
	list-style-type: none;
	display: list-item;
	text-indent: 0;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	padding-top: 2px;
	}

	 #Nav1 {
		list-style-type: none;
		text-indent: 0;
		margin: 0;
		padding: 0 5px 0 5px;
		border-bottom: 1px dotted #888888;
	 }
	 
		#Nav1 ul {
		padding-top: 3px;
		}

		#Nav1 li {
		border-top: 1px dotted #888888;
		padding-left: 0px;
		}

			#Nav1 li li {
			margin-left: 0px;
			}

				#Nav1 li li li {
				margin-left: 10px;
				}

					#Nav1 li li li li {
					margin-left: 10px;
					font-size: 75%;
					}

#sideLinks {
font-size: .9em;
}

	 .page_item {
	 }
	 
	 .current_page_item {
	 xbackground-color: #888888;
	 }
	 
	 .current_page_parent {
	 }
	 
#Sidebar .adspace1 {
	margin: 30px 0 30px 0;
	text-align: center;
}

#Guts table {
margin: 15px 20px 0 20px;
padding: 0;
xborder: none;
}

#Guts td {
	vertical-align: top;
}

.criminalEntry { /* table */
display: table;
xbackground-color: #99bfa1;
font: normal normal normal 1em/100% Georgia, "Times New Roman", Times, serif;
width: 450px;
border: none;
border-top: 1px dotted #cccccc;
}

	.criminalEntry tr {
	}
	
	.criminalEntry td {
	padding: 2px;
	xwidth: 33%;
	}
	
		.criminalEntry .date {
		display: table-cell;
		width: 120px;
		}
		
		.criminalEntry .charge {
		font-weight: bold;	
		display: table-cell;
		}
		
		.criminalEntry .location {
		text-align: right;
		width: 100px;
		}

#Guts .genericTable {
}

.genericTable td {
border-bottom: 1px dotted #cccccc;
}

.genericTable .label {
display: table-cell;
width: 120px;
color: #888888;
font-size: 75%;
font-weight: bold;
text-transform: uppercase;
}

.genericTable .tablesubhead {
display: table-cell;
text-indent: 125px;
color: #000000;
font-size: 95%;
font-weight: bold;
text-transform: uppercase;
background-color: #ededed;
}

#Content .downloadButton a {
float: left;
width: 250px;
height: 60px;
margin: 0 20px;
text-indent: -5000px;
background: transparent url(images/bttn_download.png) no-repeat top left;
}

#Content .adspace2 {
	clear: both;
	width: 468px;
	padding: 0;
	margin: 10px 20px 30px 20px;
}

#Content ul .listThumbnails {
margin: 10px 0;
padding: 0;
list-style-type: none;
}

.Thumbnail {
display: inline;
}

.Thumbnail img {
width: 100px;
padding: 10px;
border-style: solid;
border-width: 1px;
border-color: #ededed #cccccc #cccccc #ededed;
}

.listTile {
margin: 10px 0 0px 20px;
width: 305px;
height: 50px;
padding: 5px;
display: block;
float: left;
overflow: hidden;
list-style-type: none;
text-decoration: none;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #ededed #cccccc #cccccc #ededed;
}

.listTile img  {
width: 50px;
height: 50px;
float: left;
margin: 0;
margin-right: 10px;
background: #ffffff url(images/logo_game_swg.png) no-repeat top left;
}

.listTile h6 {
display: block;
}

#Guts .listTile h4 {
margin: 0 0 5px 0;
color: #888888;
font: normal normal bold 9pt/140% Arial, Helvetica, sans-serif;
}

#Guts .listTile h4 span {
font-weight: normal;
}

.listTile a {
text-decoration: none;
}

.listTile .kicker {
	
}









/* ------------------------ sIFR --------------------------- */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 20px;
	text-transform: uppercase;
}
