@import url(http://fonts.googleapis.com/css?family=Vidaloka);
@import url("http://soulsrpg.com/resources/code/colorcss.css");
.pack-colors,.crimsondreams, .cd, #cd,.lonewolves, .loners, .ln, .lw, .esperhollow, .eh, #eh, .twilightvale, .tv, #tv, .shadowedsun, .ss, #ss, .dahliademai, .ddm, #ddm, .inferni, .if, #if, .phoenixvalley, .pv, #pv, .crimsondreams, .cd, #cd, .aniwaya, .aw, #aw, .courdesmiracles, .cdm, #cdm, .cercatoridarte, .cda, #cda, .anathema, .at, #at, .salsola, .sl, #sl, .ichika, .inh, #inh, .creatures, .cr, .wanderer, #wanderer, .bs, #bs { font-weight:bold; text-shadow:#000000 1px 1px 0px;}

::selection {background-color:#DEE8F2; color:#1F2429;}
::-moz-selection {background-color:#DEE8F2; color:#1F2429;}

html, body {
text-align:center;
height:100%;
padding:0px; margin:0px;

background: url(ferniback.jpg) center center no-repeat fixed, url(backtop.png) bottom left no-repeat fixed, url(backbottom.png) bottom right no-repeat fixed;
background-color:#A8682A;
font-family:arial, helvetica, sans-serif;
font-size:13px;
color:#24211E;
line-height:20px; }

abbr {
border-bottom:1px dotted #000000;
cursor:help; }

blockquote {
background-image:url(trans.png);
float:left;
width:200px;
padding:25px 15px;
margin:10px;
border:1px solid #000000;
font-style:italic;
font-size:15px;
}

#sidebar blockquote {
width:200px;
font-size:10px; 
padding:15px 7px; 
margin:10px 5px; }

.emp {
font-weight:bold; }

p {
text-indent:25px;
padding:0px; margin:7px 0px; }

ul, ol {
margin:10px 45px; padding:0px; }

ul li, ol li {
margin:5px 0px; padding:0px; }

a:link, a:visited {
color:#451709; 
text-decoration:none; }

a:hover, a:active {
color:#250A03; text-decoration:underline; }

/*PRIMARY LAYOUT SETTINGS*/
#wrapper {
	border-bottom-right-radius:2px;
	border-bottom-left-radius:2px;
	-moz-border-bottom-right-radius:2px;
	-moz-border-bottom-left-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
text-align:left; 
width:800px;
margin: 0 auto;
padding:15px 15px 0 15px; 
border-top:0px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
background-image:url(trans.png);
}

#sidebar {
float:right;
font-size:11px;
line-height:18px;
width: 26%; }

#spacer {
width:5%; }

#content {
width:69%; }

#footer { 
	clear:both;
	font-size:11px;
	text-align:left;
	text-transform:uppercase;
	margin:35px 0 3px 0;	
}

#copy {
width:75%;
text-align:center; 
color:#5C3815;
font-family:georgia, serif;
font-size:12px;
padding:30px 0;
margin:0 auto; }

/*MENU SETTINGS*/
#menu {
height:60px;
width:auto;
border-size:1px;
border-width:1px;
border-style: solid none solid none;
border-color: #000000;
border-top:1px solid #000000;
	
background-image: linear-gradient(bottom, #853118 41%, #6B2511 71%);
background-image: -o-linear-gradient(bottom, #853118 41%, #6B2511 71%);
background-image: -moz-linear-gradient(bottom, #853118 41%, #6B2511 71%);
background-image: -webkit-linear-gradient(bottom, #853118 41%, #6B2511 71%);
background-image: -ms-linear-gradient(bottom, #853118 41%, #6B2511 71%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.41, #853118),
	color-stop(0.71, #6B2511)
);
text-transform:uppercase;
font-size:17px;
letter-spacing:.5px;
font-family:arial, helvetica,  sans-serif; }

#menu a:link, #menu a:visited {color:#F7E6D1; text-decoration:none; }
#menu a:hover, #menu a:active {color:#E2C7A7; border-bottom:2px solid #3F190E; text-decoration:none; }

#menu ul {
  padding-top:4px;
  list-style-type: none; }

#menu ul li { 
padding:0 10px; margin:0;
display:inline-block; }

#menu ul#nav_sub {
margin:-8px 0px; padding:0px;
font-family:arial, helvetica, sans-serif;
font-size:12px;
letter-spacing:.05em;
text-transform:uppercase; }

#nav_sub a:hover,#nav_sub a:active {
border-bottom:1px solid #3F190E; }

#menu ul#nav_sub li {
padding:0px 5px;}


/*Stables garden storage dock membership etc. edits */
#stables td { padding:3px; }
#stables td p { text-align: left; font-size:11px; margin:2px 0; text-indent:10px; }
#stables p.imageCenter { text-indent:0; text-align:center; float: left; }
#stables td img, #stables td p.floatimg { float: left; margin:5px 10px 5px 5px; text-indent:0; }
#stables td p.floatimg img { float: none; margin:0;}
#stables tr.boxemp td { text-transform:none; }
#stables tr.boxemp td:first-child { text-align:left; padding-left:10px; width:50%; }
#stables p.imageCenter img {float:none; }
#stables a { font-weight:normal; }
#stables td ul li { text-align: left; }
#stables .profileLink { float:right; margin-right:5px; }
#stables tr.boxhead td { text-align: left; padding-left:25px; }
#stables td.infoCell { text-align: left; }
#stables td.iconCell { width:15%; vertical-align:middle; }
#stables div.split { width:50%; }
.box td { font-size:11px; }
.box td.boxhead { font-size:13px; }
.box td.emp { font-size:12px; }


/*HEADER SETTINGS*/
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
margin:0; padding:0; }

h1 {
text-align:center;
text-transform:uppercase;
font-family:'Vidaloka', georgia, serif; 
letter-spacing:-1px;
font-size:35px;
margin:0 0 10px 0;
color:#12181E; }

h1 a {color:#4E2215;}

h2.title {
text-shadow:#9A6E42 2px 2px 2px;
margin:15px 0px 15px 25px;
color:#672A18;
font-size:24px; }

h2 {
font-family:'Vidaloka', georgia, serif;
color:#893E28;
letter-spacing:-.5px;
font-size:18px;
margin:20px 0px 2px 0px; }

#content p:first-child { text-indent:0; }

#content p:first-child:first-letter{ display:block; margin:0 5px 0 25px; float:left; font-size:40px;font-family: Georgia, Serif; }

#content p:first-child:first-line {font-size:11px; letter-spacing:.5px; }

h2 + h3 {margin:0px 25px 2px 25px; }

h3 {
font-family:georgia, serif;
color:#864F1A;
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
margin:15px 25px 2px 25px; }

h3 + h4 {margin:0px 25px 2px 25px; }

h4 {
font-size:12px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:-.5px;
margin:15px 25px 2px 25px; }

h4 + h5 {margin:0px 25px 2px 25px; }

h5 {
font-family:georgia, serif;
font-size:12px;
margin:15px 25px 2px 25px;
font-weight:bold; }

/*Sidebar stylins*/

#sidebar #inlineNav {
text-transform:none; padding:0px 0px 0px 5px; }

#sidebar p {
text-indent:10px; margin:0px; padding:0px; }

#sidebar h2 {
	font-family:'Vidaloka', georgia, serif;
	font-size:14px;
	text-transform:none;
	font-weight:normal;
	margin:15px 0px 4px 0px; }
	
#sidebar h2:first-child {
	margin:10px 0px 4px 0px; }
	
#sidebar h3 {
		font-size:12px;
		margin:8px 0px 0px 0px;
		color:#5C3815;
		letter-spacing:0px;
		font-weight:bold;
		font-family:arial, helvetica, sans-serif; }
		
#sidebar ul,#sidebar  ol {
margin:10px 10px; padding:0px; }

#sidebar ul li,#sidebar  ol li {
margin:0px; padding:0px; }

#toc {
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
	padding:10px 0px 10px 0px;
	font-size:11px;
	line-height:13px;
	letter-spacing:.5px;
	background-image:url(trans.png);
	border:1px solid #000000;
	padding:10px; }

	#toc ul {
	margin:10px 0 10px 0; padding:0;
	list-style-type:none; }
	
	#toc ul li {
	margin:1px 0 1px 0; }
	
	#toc ul li ul {
	margin:2px 0 0 10px; }
	
	#toc ul li ul li {
	margin:1px 0px; }

	#breadcrumbs { 
	text-align:center; 
	margin:0 0 20px 0; }
	
/*FLOATY BOX SETTINGS*/
.box {
border-collapse:collapse;
border:1px solid #000000;
margin:10px;
}

.box a {
font-weight:bold; }

.box td {
vertical-align:top;
border:1px solid #000000;
padding:4px; 
color:#24211E;
text-align:center;
font-size:11px;
background-image:url(trans.png); }

td.boxhead {
color:#000000;
text-align:center;
background-color:#853118;
font-family:'Vidaloka', Georgia, Serif;
letter-spacing:1px;
font-size:15px; }

td.boxemp {
text-transform:uppercase;
letter-spacing:1px;
font-weight:bold;
text-align:center; }

td.boxstrong {
font-weight:bold;
text-align:center; }

.box td ul, .box td ol {
margin:0px 2px;
padding:0px;}

.box td ul li, .box td ol li {
margin:0px 15px;
padding:0px; }

.boxData td {
text-align:left;
}

.boxData td.boxhead {
text-align:center; }

.gameBox td { text-align:left; }
.gameBox td.boxstrong, .gameBox td.boxhead {text-align:center;}

/*floatboxes formatting crap*/
.fleft,.fright,.ffake,.terr-images,.rank-images  {
	background-image:url(trans.png);
	border:1px solid #DFB488;
	outline:1px solid #000000;
	padding:10px;
	float:left;
	margin:10px 18px;
	max-width:250px;
	text-align:center;
	font-size:11px;
	line-height:13px;
}
.ffake {float:none; max-width:none; margin:10px auto; text-align:left; }
.fleft p, .fright p { text-align:left; }
.fright { float:right;}
.fleft h2,.fright h2 { margin:0 }
.fleft h3,.fright h3 { margin:0 }
.fleft img,.fright img { border:1px solid #000000; }

.info {
font-size:11px;
font-style:italic; }

.gamebox { width: 95%; margin: 10px auto; max-width:95%;}

.gamebox td{text-align:left; }
.gamebox td.boxstrong,.gamebox td.boxhead {text-align:center;}

.catacomb-name {
font-size:11px;
text-transform:uppercase;
font-weight:bold; 
font-style:italic; }

.images {
float:left; 
margin:10px;
border:1px solid #000000;} 

.terr-images,.rank-images {
padding:4px;
outline:0;
font-style:italic;
float: left; 
margin:0px 25px; }

.link img { 
	border: 1px solid #999; 
	outline:none;
	padding:5px;
	margin:5px;
}

.link img:hover {
	border:1px solid #ccc;
}

/* Class for single image listing (fancy function) 
 * It gives a grey 1px border around image
*/
.photo { 
	padding: 5px; 
	margin: 5px; 
	border: 1px solid #6F7E89; 
	background-image:url(trans.png);
	display: block; 
	float: left; 
}

.photo:hover	{ border-color: #272D31; }

/*EMAIL FORM CARP*/
#emailform {
width:65%; margin:0px auto; }

#emailform .trip {
  display:  none;
  visibility: hidden;
}

#emailform .message {
height:150px; width:250px; }

#emailform .send {
background-color:#B99D80;
background-position:bottom center;
background-repeat:repeat-x;
border-radius:3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; }

#emailform input, #emailform textarea {
background-color:#B99D80;
color:#3C3126;
border:1px solid #000000;
font-family:arial, helvetica, sans-serif;
font-size:12px; }

#emailform input:focus, #emailform textarea:focus {
background-color:#D5BDA5; 
border:1px solid #000000;
color:#1D160F;
font-family:arial, helvetica, sans-serif;
font-size:12px; }

/*RANKS BOX SHIZ*/
.ifranktable {
font-family:arial, helvetica, sans-serif;
font-size:13px;
text-align:center;
color:#000000;
margin:0 auto;
font-weight:bold;
border-collapse: collapse; }

.ifranktable td { border:1px solid #000000; }

.ifranklegatus, .ifrankimmunes, .ifrankmilites, .ifrankdiscentes {
font-family:georgia, serif; font-size:12px; padding:5px; background-color:#555555; font-weight:bold; text-align:center; }

.ifrankaquila { padding:5px; background-color:#DE3216;}

.ifrankauxilia { background-color:#373737; font-family:arial, helvetica, sans-serif; font-size:11px; text-transform:uppercase; padding:5px; }

.ifrankaquilab, .ifrankcenturionb, .ifrankoptiob { background-color:#1B1B1B;}

.ifrankcenturion { padding:5px; background-color:#CD6702; }

.ifrankoptio { padding:5px; background-color:#E6D300;}

.ifrankwarrior { padding:5px; background-color:#95210D;}

.ifrankmisc { padding:5px; background-color:#9D5005; }

.ifrankscout { padding:5px; background-color:#BB9E03; }

.ifrankdiscens { padding:5px; background-color:#5A1206; }

.ifranktirones { padding:5px; background-color:#7A3E04; }

.ifrankpraeses { padding:5px; background-color:#9F8601; }

.ifrankquintus { padding:5px; background-color:#B06C13; }

.ifranktiers { background-color:#B3B3B3; text-transform:uppercase; font-size:14px; line-height:20px; letter-spacing:6px; text-align:center;}

.ifrankcausarius { padding:5px; background-color:#705953; }