@CHARSET "UTF-8";

html, body {
    margin: 0;
    padding: 0;
	background-color: #FFFFFF;
}

body {
    color: #000000;
	margin-bottom: 1em;
    font-size: 12px;
    font-family: verdana, "bitstream vera sans", sans-serif;
}

a:link, a:visited {
    color: #666666;
}

a:hover, a:active {
    
}

img.bordered {
	border: 1px solid #AAAAAA;
}

.centerer {
	text-align: center;
}


h1, h2, h3, h4, h5 {
    font-family: "Trebuchet MS", Verdana;
}

div#columnMain h1 a, div#columnMain h2 a, div#columnMain h3 a, div#columnMain h4 a, div#columnMain h5 a
{
	color: #000000;
}

a img {
    border: 0;
    vertical-align: baseline;
}


.error {
	color: #FF0000;	
}

.clearer {
    clear: both;
}


p {
		
}

table {
	
}

th, tr {
	text-align: left;
	vertical-align: top;
}

tr {
	
}




.ui-accordion-content :first-child {
	margin-top: 0;
}

.ui-accordion-content :last-child {
	margin-bottom: 0;
}

.hidden {
	display: none;	
}

/* rankings column */

#columnRankings {
	margin-bottom: 1em;
}


/* vote */

div.article-vote-div {

}

div.votebar-l {
	height: 20px;	
}

div.vote-text {
	font-size: smaller;
	padding-left: 0.45em;	
}


img.star-l {
	height: 20px;
	width: 19px;
	background-image: url('/lib/images/master.gif');
	cursor: pointer;
}


img.star-empty-l {
	background-position: -215px 0;
}

img.star-filled-l {
	background-position: -120px 0;
}

img.article-vote-l {
	height: 20px;
	width: 95px;
	background-image: url('/lib/images/master.gif');
}

img.article-vote-l-5 {
	background-position: -120px 0;
}

img.article-vote-l-4-5 {
	background-position: -120px 21px;
}

img.article-vote-l-4 {
	background-position: -139px 0;
}

img.article-vote-l-3-5 {
	background-position: -139px 21px;
}

img.article-vote-l-3 {
	background-position: -158px 0;
}

img.article-vote-l-2-5 {
	background-position: -158px 21px;
}

img.article-vote-l-2 {
	background-position: -177px 0;
}

img.article-vote-l-1-5 {
	background-position: -177px 21px;
}

img.article-vote-l-1 {
	background-position: -196px 0;
}











/* sidebar */

div#sideBar {

}


/* boxer */


div.padded {
	padding: 1em;	
}

div.padded h2:first-child {
	margin-top: 0;	
}





#columnFull {
	
}


/* login */

div#login {
    text-align: right;
    font-size: small;
}





/* ajax loading box */

#laddar {
    position: absolute;
    top: 1em;
    left: 1em;
}

.inlineLoading {
	height: 11px;
	background-image: url('/lib/images/ajax/ajax-loader-inline.gif');
	background-position: top center;
	background-repeat: no-repeat;
}



/* misc */

.padder {
    padding: 1em;
}



/* quick login */

form#quickLogin {
	display: inline;
	margin: 0;
	padding: 0;
}


#contentPadder {

	padding: 1.5em;
}

label {
	display: block;
}


/* woot tooltip */

span.woot span {
	display: none;
}

.tooltip {
	position: absolute;
	border: 1px solid #000000;
	padding: 0.1em;
	max-width: 400px;
	background-color: #FFFFFF;
	color: #000000;
	font-size: small;
}

.floaterLeft {
	float: left;
}

img.floaterLeft {
	margin: 0 1em 1em 0;	
}


.floaterRight {
	float: right;
}

img.floaterRight {
	margin: 0 0 1em 1em;	
}



.widthHalf {
	width: 50%;
}

.widthTwoThirds {
	width: 66%;
}

.widthOneThird {
	width: 33%;
}

.rPadder {
	padding: 0 1em 0 0; 
}

.lPadder {
	padding: 0 0 0 1em; 
}

.hPadder {
	padding: 0 1em;
}


.boxAltColor {
	background-color: #CCCCCC;
}

.rBorder {
	border-right: 1px solid #CCCCCC;

}

.woot {
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	color: #FF0000;
}

label.mandatory {
	font-weight: bold;
}

.error, .errors {
	color: #ff0000;
}




/* icons */

.dporssiIcon {
	vertical-align: middle;	
}


/* sortable */

.ui-sortable > *
{
	cursor: move;
}



/* miniCard */

.dictator-miniCard {
	clear: both;
	padding: 0.2em 0;
}

.dictator-miniCard div.image {
	width: 50px;
	height: 66px;
	float: left;
	margin-right: 1em;
	
	
}

.dictator-miniCard div.image img {
	display: block;
	margin: 0 auto;
}

.dictator-miniCard .content {
	
}

.dictator-miniCard .content .name {
	font-weight: bold;
}

/* maxi-card */

.dictator-maxiCard {
	padding: 1em;
	margin: 1em 0;
}



	.dictator-maxiCard div.image {
		width: 100px;
		height: 132px;
		float: left;
		margin-right: 2em;
	}

	.dictator-maxiCard div.image img {
		display: block;
		margin: 0 auto;
	}



.alternate {
	background-color: #EEEEEE;
}

.dictator-maxiCard div.article-vote-div {

}


/* guestbook */

.guestbookEntry {
	padding: 1em;
}

.guestbookEntry .reply {
	font-style: italic;
}



/* paskes? */





.frontObs {
	border: 3px dashed #FF0000;
	padding: 1em;
}

input.wide {
	width: 66%;
}

input.block {
	display: block;
	margin: 0.2em 0;
}


/* nyys */

#information-ministry ul {
	margin: 0;
	padding: 0;
}

#information-ministry ul li {
	display: block;
	list-style-type: none;
	margin: 1em 0;	
}

#information-ministry div.subscribe {

}

#information-ministry h3 {
	margin-top: 0;
}

#information-ministry ul li:first-child {
	margin-top: 0;
	font-size: larger;
}

#information-ministry ul li:last-child {
	margin-bottom: 0;
}

#information-ministry a:link, #information-ministry a:visited, .dictator-miniCard a:link, .dictator-miniCard a:visited {
	color: #000000;	
	
}

/* quote */

#quoteContainer {
	min-height: 400px;
}

#quote {
	font-style: italic;	
}

	#quote img {
		display: block;
		margin: 0 auto;
		border: 1px solid #AAAAAA;
	}
	
#tyrant-of-the-day {

}

#tyrant-of-the-day img.floaterLeft {
	margin: 0.5em 1em 0.5em 0;
	border: 1px solid #AAAAAA;
}

#tyrant-of-the-day ul {
	margin: 0 0;
	padding: 0 0;
}

#tyrant-of-the-day ul img {
	vertical-align: text-bottom;
}

#tyrant-of-the-day ul li {
	display: inline;
	list-style-type: none; 
	margin-right: 1em;
}


/* decorations */

table#decorations-by-date {
	width: 100%;
}

table#decorations-by-date .cadre {
	width: 15em;
}

table#decorations-by-date .decoration {
	width: 20em;
}

/* create new dictator */

#create-dictator-map {
	float: right;
	border: 1px solid #AAAAAA;
	width: 40em;
	height: 25em;
}

/* ui-autocomplete */

.ui-autocomplete-results {
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
}

.ui-autocomplete-results ul {
	margin: 0;
	padding: 0;
}

.ui-autocomplete-results ul li {
	display: block;
	list-style-type: none;
	padding: 0;
}

.ui-autocomplete-over {
	background-color: #CCCCCC;
}

div#outestContainer {
	margin: 0 auto 0 auto;
	width: 80em;
	line-height: 140%;	

}

#loginContainer {
	background-color: #dddddd;
	padding-top: 0.3em;
	height: 2.3em;	
}

#loginInner {
	width: 80em;
	margin: 0 auto;
}



#header {
    margin: 0 0 0 0;
	background-color: #a21111;
   	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
   
}



#headerInside {
	width: 80em;
	height: 9em;
	position: relative;
	margin: 0 auto;
	
}


/* adi container */

#adiContainer {
    position: absolute;
    left: -1.5em;
	top: 50%;
	margin-top: -73px;
    z-index: 66;
}

	#adi {
		width: 150px;
		height: 146px;
		display: block;
		background-image: url('/lib/images/moody_hitler.png');
		background-position: 0px 0px;
	}
    

/* logo container */

#logo {
	    font-size: xx-large;
		top: 50%;
		position: absolute;
		margin-top: -1.2em;
		margin-left: 150px;
}


/* logo and shadow */

#logo h1 {
	margin-top: 0;
	color:#000000;
	left:1px;
	margin-bottom:0px;
	position:relative;
	top:1px;
}


#logo h1 span {
color:#FFFFFF;
left:-2px;
position:absolute;
top:-2px;
} 

#quickSearch {
	width: 200px;
	position: absolute;
	right: 0;
	bottom: 4em;
	text-align: right;
}

#quickSearch form {
	margin: 0;
	padding: 0;
	font-size: smaller;
}


#quickSearch input {
	border: 1px solid #666666;
	
}

#quickSearch input, #quickSearch button {
	font-size: smaller;
}

#quickSearch a:link, #quickSearch a:visited {
	color: #FFFFFF;
}


/* main menu */

#mainMenu {
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: "Trebuchet Ms", Verdana, sans-serif;
	font-size: small;
	text-transform: lowercase;
}

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


#mainMenu ul {
	display: block;
	padding: 0;
	margin-bottom: 0.33em;
	text-align: right;
	
}

#mainMenu ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	vertical-align: text-bottom;

}

	#mainMenu ul li a:link, #mainMenu ul li a:visited {
		padding: 0.33em 1em 0.33em 1em;
		border-bottom: 1px solid #666;
		background-color: #CCCCCC;
	}

	#mainMenu ul li a:active, #mainMenu ul li a:hover {
		background-color: #FFFFFF; 
	}


#mainMenu ul li.active {
			
}

	#mainMenu ul li.active a:link, #mainMenu ul li.active a:visited {
		background-color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		border-left: 1px solid #666;
		border-top: 1px solid #666;
		border-right: 1px solid #666;
	} 

#mainMenu ul li a {
	padding-bottom: 0.66em;
}


/* columns, using the adjacent child evil selektor! */

#columnContainer {
    margin-top: 1em;
}

#columnSidebar {
    width: 20em;
	float: right;
}

#columnSidebarSecondary {
    width: 20em;
	float: left;
}

#columnSidebar + #columnMain {
    margin-right: 21em;
}

#columnSidebarSecondary + #columnMain {
	margin-left: 21em;	
}

#columnSidebar + #columnSidebarSecondary + #columnMain {
	margin-right: 21em;
} 



/* footer is always last */

#footer {
	border-top: 1px solid #CCCCCC;
	text-align: center;
	margin-top: 1em;
	clear: both;
	padding: 0 0.3em;
	padding-bottom: 2em;
}

#footer #poweredBy {
	margin-top: 1em;
	float: right;
}

#footer #jargon {
	margin-right: 137px;
}


#footer img {
	vertical-align: middle;	
}

/* paskes */

.clearer {
	clear: both;
}

.margined {
	margin: 1em;	
}

.marginedSide {
	margin: 0em 1em;
}


/* boxes */

.boxSplit {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}

.boxSplit > div {
	position: relative;
	float: left;
	left: 100%;
}

.boxSplitTwo > div
{
	margin-left: -100%;
	width: 50%;
}

.boxSplitTwo > div + div {
	margin-left: -50%;
	
}

.padded :first-child {
	margin-top: 0;
}

label.required {
	font-weight: bold;
}

/*

#header {
    background-image: url('/lib/images/gradient_test3.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    
}



#headerOutside {
    background-image: url('/lib/images/gradient_test4.png');
    background-position: left top;
    background-repeat: repeat-x;
}

*/

div.box {
	background-image: url('/lib/images/box_gradient.gif');	
	background-repeat: repeat-x;
}


/* pagination */

.paginationControl {
	margin: 1em 0;
}
