/*
	ESKILL BASE SCREEN STYLESHEET
	v 1.0
	
	USE RELATIVE UNITS FOR TEXT SIZES, HANDY TOOL: http://riddle.pl/emcalc/
	
		Common sizes relative to 16px base (default in most browsers):
		10px = .625em; 	
		11px = .6875em;	
		12px = .75em;
*/

* { margin:0; padding:0; }

body { font: 0.75em/140% arial, sans-serif; background:#F3F3F3; }

img { border:0; }
a { text-decoration: none; }
a:hover {}

/* adjust fonts and spacing for headings */
h1,h2,h3,h4,h5,h6 { margin: 1em 0 .3em 0; }
h1 { font-size:1.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.1667em; }
h5 { font-size: 1.0833em; }
h6 { font-size: 1em; }

/* set basic formstyling */
form {}
fieldset { margin: 1em 0; }
fieldset legend { color: #000; padding: 0 4px; }
input, textarea { font-size: 1em; padding: 2px; border:1px solid #e4e4e4; color: inherit; }
input {  }
textarea { border:1px solid #e4e4e4; font-family: Arial, Sans-Serif; } /* remember to set fonts on textarea */
input.radio, input.checkbox { border: none; } /* this is for IE6, obviously for it to work you have to put class="radio" on radio inputs and class="checkbox" on checkbox inputs in the HTML */
input[type='radio'], input[type='checkbox'] { border: none; }
select {}
button {}

/* mind the font-sizes in tables */
table { font-size: inherit; border-collapse: collapse; }
th,td { padding: 2px; }
th { text-align: left; }
td {}

ul { list-style: none; }
ol {}
dl {}
dt {}
dd {}
blockquote {}
q {}

/*	adjust spacing for lists and quotes 
	assumes you have a wrapper around the content
	with classname content, change this to whatever suits your fancy... */
.content ul, .content ol, .content dl, 
.content blockquote, .content q { margin: 1em 0 1em 2em; }
.content ul { list-style: disc; }
.content dd { margin-left: 2em; }

/* adjust spacing for content paragraphs, same as above: change this to whatever your content wrapper is */
.content p { margin-bottom: 1em; }

/* do not change these */
.hidden, .access { display: none; }
.eskill-text-link { display: none; }
.eskill-image-link { display: none; } /* DEV:TODO: CHANGE THIS */

.left { float: left; }
.right { float: right; }
.clearthis, .clear, .clearme { clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end of do not change these and hide from IE-mac */

/*= CONTENT
------------------------*/



#wrapper { margin:0 auto; width:990px; position:relative; }

#colwrap { width:990px; }

#header { width:990px; height:235px; }
#header a img.logo { float:left; width:545px; margin:22px 0 0; }

#footer { width:990px; height:70px; position:relative; }

#footer .byggiralisa { width:109px; height:13px; position:absolute; top:20px; left:30px; background:url(/library/4321) no-repeat; }
#footer .byggiralisa:hover { background:url(/library/4322) no-repeat; }

#footer .info { color:#8c8c8c; float:right; font-size:0.92em; margin:20px 25px 0 0; }
#footer .info a { color:#8c8c8c; }

#nav { width:980px; height:30px; padding:5px; position:absolute; top:160px; left:0; background:url(/library/4312) no-repeat; }
#nav ul li { display:block; height:25px; padding:10px 20px 0; float:left;}
#nav ul li a { color:#FFFFFF; font-weight:bold; text-transform:uppercase; }
	
#subnav { width:980px; height:35px; position:absolute; top:200px; left:0; margin: 0 5px; }
#subnav ul li { display:block; height:25px; padding:12px 65px 0; float:left; }
#subnav ul li a { color:#0070BA; font-weight:bold; }
#subnav ul li a:hover { color:#FBAD18; }

#contentwrapper { width:980px; padding:0 5px; min-height:494px; background:url(/library/4311) repeat-y; }
#contentwrapper_top { height:5px; width:990px; background:url(/library/4314) no-repeat top; }
#contentwrapper_bottom { height:5px; width:990px; background:url(/library/4313) no-repeat bottom; }

#pcwrapper { width:460px; float:left; margin:20px; }

#pc { width:220px; height:380px; float:left; }
#pc .pi-box { width:218px; height:78px; margin-bottom:20px; border:#e4e4e4 1px solid; position:relative; }
#pc .pi-box a { color:#595959; }
#pc .pi-box a.linkbox { position:absolute; width:218px; height:81px; top:0; left:0; outline:0; color:#fff; text-indent:-5000px; }
#pc .pi-box .picture { width:78px; height:78px; margin-left:10px; float:left; }
#pc .pi-box h2 { width:100px; margin:20px 0 0 15px; float:left; font-family:Verdana; font-size:0.92em; text-transform:uppercase; }


#benefaction { width:220px; height:380px; float:left; margin-left:20px; }
#benefaction h2 { height:20px; padding:10px 0 0 12px; margin:0; color:#fff; font-size:1.17em; border-bottom:1px solid #fff; background:#FBAD18; }
#benefaction .content { height:330px; padding:10px; background:#EBEBEB; }

#sponsors { width:460px; height:55px; float:left; overflow:hidden; margin-top:20px; }
#sponsors .content { width:510px; }
#sponsors img { margin:10px 15px 10px 0; }
#sponsors a { outline:0; }
#sponsors a.biglink { float:left; }
#sponsors a.biglink img { margin: 0; }

#sponsors .smallicon { float:left; }
#sponsors .smallicon span { display:block; font-size:0.93em; margin:0 0 -9px 16px; padding-top:5px; }

#header .pi-box { float:right; margin:57px 0px 0 0; }
#header .pi-box .quotelist { position:relative; } 
#header .pi-box .quote { width:420px; position:absolute; right:0; top:0; display:none; }
#header .pi-box .quote.item1 { display:block; }
#header .pi-box .quote .text { width:340px; font-family:Georgia; font-size:1.27em; line-height:1.5em; padding:8px 0 6px; float:left; }
#header .pi-box .quote .quote_beginning { height:18px; width:24px; float:left; background:url(/library/4331) no-repeat; }
#header .pi-box .quote .quote_end { margin-top:50px; height:18px; width:24px; float:left; background:url(/library/4332) no-repeat; }

#header .pi-box .quote .author { float:right; font-family:Verdana; font-size:0.83em; width:150px; }

#quoteoftheday { float:right; margin:0px 20px 20px 0; }
#quoteoftheday .pi-box { width:438px; height:45px; padding:10px; margin-top:10px; border:1px solid #E4E4E4; float:left; }
#quoteoftheday .pi-box h2 { font-family:Georgia; font-size:0.92em; font-style:italic; margin:0; }
#quoteoftheday .pi-box .gnome { color:#0070BA; font-size:0.92em; font-weight:bold; }

#content { width:422px; min-height:340px; float:left; margin:20px 20px 0 0; padding:20px 18px; border:1px solid #E4E4E4; }
.content { color:#373737;  }

.content h1,
.content h2 { border-bottom:1px dashed black; font-family:Verdana; font-weight:normal; margin:0 0 1.5em; padding-bottom:10px; }


/***** content *****/
/*** News ***/

.newsitem { margin-bottom:20px; }
.newsitem .dates { font-size:0.92em; }
.newsitem h3 { font-size:1.08em; margin:0; }
.newsitem h3 a { color:#373737; }
.newsitem img.newsimage { float:right; margin:5px 0 10px 10px; }
.newsitem .content { font-size:0.92em;  }
.newslist .newsitem .content p { margin:0; }
.newslist .newsitem .content a.newslink { color:#373737; text-transform:none; font-size:1em; font-weight:normal; float:none; }

.links { float:right; width:420px; }
.links a { color:#373737; float:right; }
.links a.mailnews { background:url(/library/4338) no-repeat; padding:0 20px 0 32px; }
.links a.facebook { background:url(/library/4337) no-repeat; padding:0 20px 0 22px; }
.links a.newslist { background:url(/library/4339) no-repeat; padding:0 0px 0 22px; }
a.newslink { color:#373737; text-transform:uppercase; font-size:0.92em; font-weight:bold; float:left; }


body.popup-ex { background:#fff; }
.sendnews { padding-top:80px; background:url(/library/4341) no-repeat; }
.sendnews h1 { margin:20px 20px 10px 20px; width:360px; }
.sendnews .fieldrow { margin:0 0 5px 20px; }
.sendnews .fieldrow label { width:130px; display:block; float:left; }
.sendnews .fieldrow input { width:224px;  }
.sendnews .fieldrow textarea { width:224px; }
.sendnews .fieldrow input.button { width:70px; margin-left:130px; }


/*** Benefaction ***/

#benefaction {  }
.benefactionlist .item { margin-bottom:20px; }
.benefactionlist .item .dates { font-size:0.92em; }
.benefactionlist .item .name { font-weight:bold; }
.benefactionlist .item .benefaction { font-size:0.92em; }
.benefactionlist .item a.morelink { font-size:0.85em; color:#373737; float:right; margin:0px 3px 0 0 ; }

.pager { width:420px; margin-top:40px; }
.pager #fyrrisida { float:left; font-weight:bold; color:#373737; }
.pager #naestasida { float:right; font-weight:bold; color:#373737; }
.pager .pagenumber { margin:0 auto; text-align:center; width:100px; }


.benefaction-form .fieldrow { margin-bottom:10px; }
.benefaction-form .fieldrow.nomargin { margin-bottom:0px; }
.benefaction-form .fieldrow label { display:block; margin-bottom:3px; }
.benefaction-form .fieldrow label.inline { display:inline; } 
.benefaction-form .fieldrow label.short { width:100px; float:left; }
.benefaction-form .fieldrow input { width:280px; }
.benefaction-form .fieldrow input.inline { width:50px; }
.benefaction-form .fieldrow select { width:70px; margin-left:20px; }
.benefaction-form .fieldrow input.checkbox { width:20px; }
.benefaction-form .fieldrow textarea { width:281px; }

.benefaction-form .fieldrow input.button { width:70px; }

#notice { width:274px; padding:5px; margin-bottom:10px; border:#FF4A4A 1px solid; background:#FDFAD0; display:none; }