/*  
Theme Name: ArEsken
Theme URI: http://
Version: 1
Author: Thara
Author URI:  http://thara.ee
*/

html, body { background-color: #000; background: url('aresken-bg.jpg') center top no-repeat; margin: 0; padding: 0; font-family: arial; font-size: 12px; color: #666; width: 100%;}

a:link, a:visited { text-decoration: underline; color: #3289a7; font-weight: normal;}


#header { width: 980px; height: 175px; position: relative; margin: 0 auto; padding: 0; background: url('menu-bg.png') center bottom no-repeat;}
	.logo { position: absolute; top: 15px; left: 70px; border: 0;}
	.slogan { position: absolute; top: 30px; left: 500px; font-family: arial; font-size: 15px; font-style: italic; color: #b1b1b1;}
		.slogan-right { float: right; color: #a0a0a0;}
	.lang-box { position: absolute; top: 10px; right: 25px;}
		.lang-box img { border: 0; margin: 0 0 0 5px;}
		
	.menu { width: 980px; padding: 0; position: absolute; bottom: 20px; left: 0; margin: 0; text-align: center;}
		ul.topmenu { list-style: none; padding: 0; margin: 0;}
		ul.topmenu li { display: inline; position: relative;}
		ul.topmenu li a, ul.topmenu li a:visited { display: inline-block; padding: 10px 10px 0 10px; height: 30px; font-family: arial; font-weight: bold; color: #fff; font-size: 15px; text-decoration: none;}
		ul.topmenu li a:hover { background-color: #534257;}	

#content { width: 870px; padding: 20px 55px 15px 55px; background: url('inner-bg.png') repeat-y; position: relative; margin: 0 auto;}
	.menu-bottom-shadow { position: absolute; bottom: -21px; left: 50px; z-index: +300;}

		.hentry h1 { font-family: arial; font-size: 24px; color: #3C1744;; font-weight: normal; margin: 0 0 10px 0; padding: 0;}
		.hentry h2, .hentry h3, .hentry h4 { font-family: arial; font-size: 24px; color: #3C1744; font-weight: normal; margin: 25px 0 10px 0; padding: 0;}
		.hentry p { font-family: arial; font-size: 15px; color: #fff; line-height: 22px; margin: 0 0 8px 0; padding: 0;}
		.hentry ul { list-style: square; margin: 0 0 0 40px; padding: 10px 0;}
		.hentry ul li { line-height: 18px; font-size: 15px; color: #fff; font-family: arial; padding: 0 0 5px 10px;}
		.hentry a, .hentry a:visited { color: yellow; text-decoration: underline;}

	
.clear { clear: both;}

#footer { width: 920px; margin: 0 auto; color: #d0d0d0; padding: 45px 30px 10px 30px; font-family: arial; font-size: 14px; height: 125px; background: url('footer-bg.png') center top no-repeat; position: relative;}

	.column-1 { position: absolute; top: 70px; left: 30px;}
	.column-2 { position: absolute; top: 70px; left: 280px;}
	.column-3 { position: absolute; top: 70px; left: 490px;}
	.column-4 { position: absolute; top: 45px; left: 750px;}
	
.front-alignright { float:right; margin:0 0 0 1em; padding: 0 0 0 10px;}
.alignright { float:right; margin:0 0 1em 1em; padding: 1px; border: 3px solid #D5A343;}
.alignleft { float:left; margin:0 13px 1em 0; padding: 5px;}
.aligncenter { display: block; margin-left: auto; margin-right: auto; padding: 5px;}
.alignnone { margin: 1em 0; padding: 5px;}


.field { border: 1px solid silver; padding: 5px; margin: 0 0 15px 0; background-color: #EBEBE1; color: #5c5c5c; font-size: 15px; font-family: arial;}
.textfield { border: 1px solid silver; padding: 5px; margin: 0 0 15px 0; background-color: #EBEBE1; color: #5c5c5c; font-size: 15px; font-family: arial; width: 400px; height: 120px;}
.fieldbutton { border: 1px solid #3C1744; padding: 5px 15px; margin: 0 0 5px 0; background-color: #B1B1B1; color: #000; font-size: 15px; font-weight: bold; font-family: arial;}

.front-button { margin: 0; border: 0;}

.fb { margin: 0; position: absolute; top: 6px; right: 70px;}