/*
	File name: style.css
	Resolution: 800px width. center or left aligned
	Author: ORKFiA
	What to include: Only 'blueprints'. (Positioning, size, alignment of data, fonts and font sizes etc)
	What not to include: Details that fit in color specific css-files. (Colors, images, etc.)
	Other: Rename file to new version after big changes. Makes implementing quicker for users.
*/

/*
	Start new layout.
	Author: Damadm00, ORKFiA
*/

html 	{height: 100%;overflow-y:scroll;}

body 	{height: 100%;padding: 0px;margin: 0px;font: 11px verdana, sans-serif;}

a:link,a:visited,a:hover,a:focus,
a:active	 {font-weight: bold;	text-decoration: none;}

h1 	{font: 1.8em Georgia, Times, serif;letter-spacing: 1px;margin: 10px;}

h2 	{font: 1.5em Georgia, Times, serif;letter-spacing: 1px;margin: 10px;}

h3,div.row strong 	{font: bold 1em verdana, sans-serif;text-transform: uppercase;letter-spacing: 1px;margin: 1em 10px 1em 10px;}

div.row strong	{margin: 0;}

hr	{border: 0;height: 1px;margin: 0 0 10px;}

blockquote	{margin: 5%;}

form 	{margin: 10px;}

#regi form 	{margin: 0px;}

input,textarea 	{border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 0;padding: 0;padding-left: 2px;}

#container	 {position: relative;margin: 0 auto;padding: 0;width: 800px;}

#header 	{position: absolute;left: 0;top: 0;height: 110px;width: 100%;}

#header img 	{border-bottom-style: solid;border-bottom-width: 1px;}

#container #header img	 {display: block;width: 800px;height: 110px;}

#navpanel	{position: absolute;top: 110px;width: 800px;background: #1d1d1d url('http://www.orkfia.biz/images/navbg.gif') repeat-x top;height:34px;border-bottom:1px solid #070707;border-top:1px solid #181818;z-index: 1;}

#nav{float:left;width:100%;font-size:93%;line-height:normal;font-size:12px}

#nav ul{margin:0;padding:0 0 0 10px !important;list-style:none}

#nav li{display:inline;margin:0;font-weight:500;padding:0}

#nav a span{float:none}

#nav a:hover span{color:#fff;background-position:100% -19px}

#nav a:hover{background-position:0% -19px}

div#nav li.current a{background-position:0% -19px !important}

body#main div#nav li.main a,body#register1 div#nav li.register1 a,body#faq div#nav li.faq a,body#preview div#nav li.preview a,
body#forums div#nav li.forums a,body#headlines div#nav li.headlines a,body#sponsors div#nav li.sponsors a
 {background-position:0% -19px !important}
 
body#navpanel div#nav li.tribe a,body#alliance div#nav li.alliance a,body#actions div#nav li.actions a,
body#commi div#nav li.commi a,body#commi div#nav li.elder a,body#tools div#nav li.tools a,body#help div#nav li.help a,body#options div#nav li.options a,
body#logou div#nav li.logou a	{background-position:0% -19px !important}

#navpanel #nav ul li.tribe ul li a,
#navpanel #nav ul li.alliance ul li a,
#navpanel #nav ul li.actions ul li a,
#navpanel #nav ul li.commi ul li a,
#navpanel #nav ul li.elder ul li a,
#navpanel #nav ul li.tools ul li a,
#navpanel #nav ul li.help ul li a {display: block;font-weight: normal;font-size: 0.9em;height: 12px;	width: 108px;padding: 3px 5px 3px 5px;}

#navpanel #nav ul li.tools p {position: absolute;font-weight: bold;text-decoration: none;}

#navpanel #nav ul li.tribe ul li,
#navpanel #nav ul li.alliance ul li,
#navpanel #nav ul li.actions ul li,
#navpanel #nav ul li.commi ul li,
#navpanel #nav ul li.elder ul li,
#navpanel #nav ul li.tools ul li,
#navpanel #nav ul li.help ul li {width: 120px;height: 20px;}

#navpanel #nav ul li.tribe ul li hr.menuLine,
#navpanel #nav ul li.alliance ul li hr.menuLine,
#navpanel #nav ul li.actions ul li hr.menuLine,
#navpanel #nav ul li.commi ul li hr.menuLine,
#navpanel #nav ul li.elder ul li hr.menuLine,
#navpanel #nav ul li.tools ul li hr.menuLine,
#navpanel #nav ul li.help ul li hr.menuLine {float: left;width: 110px;margin: 0 auto;border-width: 1px;padding: 0;height: 1px;line-height: 1px;}

#nav ul li {float: left;position: relative;}

#navpanel #nav ul li.tribe ul,
#navpanel #nav ul li.alliance ul,
#navpanel #nav ul li.actions ul,
#navpanel #nav ul li.commi ul,
#navpanel #nav ul li.elder ul,
#navpanel #nav ul li.tools ul,
#navpanel #nav ul li.help ul {position: absolute;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;top: 32px;width: 126px;left: -1999px;padding: 0;border-style: solid;border-width: 1px;}
	
#navpanel #nav ul li.tribe:hover ul,
#navpanel #nav ul li.alliance:hover ul,
#navpanel #nav ul li.actions:hover ul,
#navpanel #nav ul li.commi:hover ul,
#navpanel #nav ul li.elder:hover ul,
#navpanel #nav ul li.tools:hover ul,
#navpanel #nav ul li.help:hover ul ,
#navpanel #nav ul li.sfhover ul {left: 2px;}

#int_aff {
	display: block;font-weight: normal;font-size: 0.9em;height: 10px;	width: 108px;padding: 3px 5px 3px 5px;
	
}
	
#submenu 	{position: absolute;top: 146px;left: 0;height: 15px;width: 798px;padding:0;text-align: left;font-size: 11px;border-width: 1px;border-style: solid;}
	
#submenu p 	{font-family: tahoma,verdana,arial;padding: 0;padding-left: 25px;padding-top: 0;margin: 0;}

#portal		{-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;
			position: absolute;top: 162px;left: 0px;width: 798px;border-width: 1px;border-style: solid;
			padding: 0;text-align: left;overflow: auto;}

#lower_shadow 	{position: relative;left: 0;height: 10px;width: 100%;float: left;}

#footer 		{-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;
			-webkit-border-bottom-right-radius: 10px;position: relative;border-top-width: 1px;border-top-style: solid;
			left: 0;height: 160px;width: 100%;float: left;padding-top: 4px;}

#anno	{ position: absolute; top: 10px; left: 10px;}
#sub 	{ position: absolute; top: 10px; left: 260px;}
#chat	{ position: absolute; top: 10px; left: 510px;}
#advi	{ position: absolute; top: 10px; left: 10px;}
#comi	{ position: absolute; top: 10px; left: 250px;}
#quicky	{ position: absolute; top: 10px; left: 510px;}

#footerinfo 	{position: absolute;bottom: 2px;left: 10px;}

/* Tribe stats div and table, Martel 20:28 2004-12-28 */
/* Game stats ul, Martel October 8, 2006	*/

#gameStats {	position: absolute;left: 47px;top: 76px;height: 13px;padding: 4px 3px;margin: 0;list-style-type: none;}

#gameStats li {font-size: 0.9em;font-weight: bold;line-height: 148%;}

#gameStats b {font-weight: bold;}

#tribeStats {position: absolute;top: 8px;left: 26px;width: 132px;height: 60px;padding: 4px 3px;}

#tribeStats table {font-size: 0.9em;border: 0;width: 132px;height: 60px;}

#tribeStats th {text-align: left;}

#tribeStats td {font: bold 10px Verdana, Arial, Helvetica, sans-serif;text-align: right;}

/* End new layout */
/* Start 2 column layout */

#textCol {float: left;padding: 0;width: 620px;margin: 0 auto;}

#textCol #tleft {width: 410px; text-align: left;float: left;}

#textCol #tright {width: 150px; text-align: left;float: right;}


#columns 	{padding: 0;width: 780px;margin: 0 auto;}

#agreement 	{padding: 0;margin: 0 auto;}

#columns #leftcolumnS {width: 280px;text-align: left;float: left;}

#columns #leftcolumn {width: 385px;text-align: left;float: left;}

#columns #leftcolumnW {width: 490px;text-align: left;float: left;}

#columns #rightcolumnS {width: 280px;text-align: right;float: right;}

#columns #rightcolumn {width: 385px;text-align: right;float: right;}

#columns #rightcolumnW {width: 490px;text-align: right;float: right;}

#vote {position: relative;top: -340px;right: -620px;	width: 150px;}

.clear {clear: both;}

.clear hr {display: none;}

/* End 2 column layout */
/* Start new classes for tables */

table {margin: 0 auto;font-weight: bold;text-align: center;border-style: solid;border-width: 0px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-top-left-radius: 10px;}

table.big {width: 710px;}

div.tableLinkBig {width: 710px;padding-bottom: 2px;text-align: right;margin: 0 auto;}

table.medium {width: 385px;}

div.tableLinkMedium {	width: 385px;padding-bottom: 2px;text-align: right;margin: 0 auto;}

table.mediumL {width: 420px;}

table.small {width: 270px;}

table.smal {width: 270px;border: 0px;}

table.small2 {width: 230px;}

table.small3 {width: 260px;}

div.tableLinkSmall {width: 270px;	padding-bottom: 2px;text-align: right;margin: 0 auto;}

div.tableLinkSmall2 {	width: 230px;padding-bottom: 2px;text-align: right;margin: 0 auto;}

table.mini {width: 135px;}

div.tableLinkMini {width: 135px;padding-bottom: 2px;text-align: right;margin: 0 auto;}

#portal tr.header { }
				
caption {-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;-webkit-border-top-right-radius: 6px;-webkit-border-top-left-radius: 6px; padding: 2px; }

tr.header th {padding: 3px 1px;}

tr.subheader {}

tr.subheader th {text-align: left;padding: 3px 1px;}

tr.subheader td {text-align: right;padding: 3px 1px;}

tr.subheader th.center {text-align: center;}

tr.subheader th.right {text-align: right;}

tr.subheader td.center {text-align: center;}

tr.subheader td.left {text-align: left;}

tr.data th {padding: 2px 1px;text-align: left;}

tr.data th.center {text-align: center;}

tr.data td {padding: 2px 1px;text-align: right;font-weight: normal;}

tr.data td div {overflow: auto;max-height: 1500px;width: 710px;}

tr.data td div div.postholder {width: auto;}

tr.data td div div.quote {width: 680px;height: auto;}

tr.data td div div.quote .quote {width: auto;height: auto;}

tr.data td.center {text-align: center;}

tr.data td.left {text-align: left;}

tr.data td.incoming {font-weight: bold;}

tr.message td {padding: 2px 1px;text-align: left;font-style: italic;font-weight: normal;}

th.bsup,td.bsup {border-top-style: solid;border-top-width: 1px;}

th.bsdown,td.bsdown {border-bottom-style: solid;border-bottom-width: 1px;}

th.bsright,td.bsright {border-right-style: solid;border-right-width: 1px;}

th.bsleft,td.bsleft {border-left-style: solid;border-left-width: 1px;}

td.bt {background-color: #626D7C;border-top-color: #2B3147;}

td.roundL {-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;background-color: #626D7C;border-top-color: #2B3147;}

td.roundR {-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;background-color: #626D7C;border-top-color: #2B3147;}

tr.tableBEnd {-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;background-color: #626D7C;border-top-color: #2B3147;}

/* End classes for tables */
/* Start classes for texts */

.textBig,.textText,.textMedium,.textSmall,.text,div.text {
	border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;text-align: left;margin: 0 auto;margin-top: 10px;border-style: solid;border-width: 1px;}

.text,div.text {width: 100%;}

.textBig {width: 710px;}

.textText{width: 650px;}

.textMedium {width: 405px;}

.textSmall {	width: 270px;}

.militstats {font-size: 0.8em;}

.center h2,.center h3 {margin: 10px 0;}

.textBig p,.textMedium p,.textSmall p,.text p,.text p {	line-height: 1.8em;font-family: Verdana, sans-serif;margin: 10px;}

.center p {line-height: 1.8em;font-family: Verdana, sans-serif;margin: 10px 0;}

.textBig ul,.textMedium ul,.textSmall ul,.text ul,.text ul {line-height: 1.8em;font-family: Verdana, sans-serif;margin: 10px 0;padding: 0 30px;}

.textBig ol,.textMedium ol,.textSmall ol,.text ol {line-height: 1.8em;font-family: Verdana, sans-serif;margin: 10px 0;padding: 0 30px;}

.textBig a:hover,.textMedium a:hover,.textSmall a:hover,.text a:hover,.text a:hover {border-bottom-style: dotted;border-bottom-width: 1px;}

.nodotts a:hover {border-bottom-style: none;border-bottom-width: 0;}

/* End classes for texts */
/* Alliance page navigation arrows (not depending on color skins) */

a#arrowl {display: block;width: 15px;height: 15px;background-image: url('http://www.orkfia.biz/images/arrow_l.gif');}

a:hover#arrowl {background-image: url('http://www.orkfia.biz/images/arrow_l2.gif');}

a#arrowr {display: block;width: 15px;height: 15px;background-image: url('http://www.orkfia.biz/images/arrow_r.gif');}

a:hover#arrowr {background-image: url('http://www.orkfia.biz/images/arrow_r2.gif');}

a .alt {display: none;}

/* End alliance page navigation arrows */
/* Start classes for other elements */

.center,div.center {margin: 0 auto;text-align: center;}

/* Start forms elements */

label {font-weight: bold;}

label.hidden {margin: 0pt;padding: 0pt;width: 0pt;height: 0pt;visibility: hidden;display: none;}

input {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

input.login {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;background: #3B4B64 url('http://www.orkfia.biz/images/patt_bg3.jpg');border: 1px solid #2B3147;color: #fff;font-size: 13px;font-weight: bold;width: 75px;height: 18px;margin-right:0px;margin-left:0px;}

input.password {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;background: #3B4B64 url('http://www.orkfia.biz/images/patt_bg3.jpg');border: 1px solid #2B3147;color: #CCC;font-size: 13px;font-weight: bold;width: 75px;height: 18px;margin-right:0px;margin-left:0px;}

input.submit {margin-top: 1px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;background: #52627c;border: 1px solid #2B3147;font-size: 13px;font-weight: bold;color: #CCC;width: 75px;margin-right:1px;margin-left:1px;}

/* End classes for other elements */
/* Specific layout&design variables */

a:visited.forum {font-weight: normal;}

a.newWindowLink {padding: 0 17px 0 0;background: url('http://www.orkfia.biz/images/new-window.gif') no-repeat 100% 0;}

a.header,strong.header {padding-left: 10px;}

p.header {padding-left: 10px;padding-top: -50px;}

.bold {font-weight: bold;}

.incoming {font-weight: bold;}

.pd {padding: 1px;}

.padding {padding: 1px;}

.nleft {border-left-width: 0px;}

.nright {border-right-width: 0px;}

.strike {text-decoration: line-through;}

.accr {text-decoration: none;border-bottom-width: 1px;border-bottom-style: dotted;cursor: help;}

/* Forum design */

.quote {border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;text-align: left;padding-left: 10px;padding-right: 10px;padding-top: 0;padding-bottom: 5px;overflow:hidden;border-style: solid;border-width: 1px;}

.quote p{padding-top: 0;	margin: 4px;}

ul.noBullet 	{list-style-type: none;}

.text ul.noW 	{margin: 0;padding: 0;}

ul > br 	{display: none;}

/* End general layout&design variables */
/* CSS rules for main inc below (Martel) */

a:link.gloss,a:visited.gloss,a:hover.gloss,a:focus.gloss,a:active.gloss {
	text-decoration: none;border-bottom-width: 1px;border-bottom-style: dotted;}

.textBig .teaser {width: 50%;float: right;}

.text.teaser {width: 50%;float: right;}

.portal .text textarea.url-copy-box {width: 320px;height: 6.5em;overflow: scroll;margin: 0 auto;}

div.text div.center a {	border: 0;}

.textBig h2 img,.textMedium h2 img,.textSmall h2 img,.text h2 img {margin: 0pt;}

div.row {text-align: center;width: 300px;margin: 0 auto;clear: both;padding-top: 5px;}

div.row span.label {float: left;width: 150px;text-align: right;}

div.row span.formw {float: right;width: 150px;text-align: left;}

#clockfield {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #000000;background-color: transparent;border: 0px;}

.tabletotals td {text-align: right;padding: 3px 0px;}

#roundT {-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;background-color: #626D7C;border-top-color: #2B3147;}

table.vision tr td,table.vision tr th {   white-space: nowrap;}

/* column container */
	.colmask {
		position:relative !important;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,.col2,.col3 {float:left;position:relative;	padding:0 0 1em 0;	
						/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
				/* right column background colour */
	}
	.threecol .colmid {
					/* width of the right column */
		right: 30%;
				/* center column background colour */
	}
	.threecol .colleft {
					/* width of the middle column */
		right: 30%;
			/* left column background colour */
	}
	.threecol .col1 {
					/* width of center column content (column width minus padding on either side) */
		width: 30%;
		left:95%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
					/* Width of left column content (column width minus padding on either side) */
		width: 30%;
		left:33%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
					/* Width of right column content (column width minus padding on either side) */
		width: 30%;
		left:68%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

#leftsidebar {position: relative;top: 125px;left: -180px;}

.picForum {max-width: 500px;max-height: 600px;overflow: hidden;}

a img { border: 0px; }