/*

    CSS Document


    Site: Internationella Barnhjälpen i Vrigstad
    URL: http://www.barnhjalpen.se
    Author: PS Kommunikation
    Version: 1.2

    Date: 2009.02.11

*/


/*
 *      HTML GENERAL
 *
 */

BODY {
	font-size:62.5%;     
    font-family:Verdana, sans-seriff;
    color:#555;
}
H1, H2, H3 {
    color:#555;
	text-align:left;
	font-family:Times New Roman;    
	font-weight:bold;
}
H1 {
    font-size:3.1em;
    line-height:1.1em;
    margin:1em 0 0.5em 0;
}
H2 {
    font-size:1.9em;
    margin:0 0 0.5em 0;
}
H3 {
    font-size:1.5em;
    font-weight:bold;
    margin:0 0 0.8em 0;
}
P {
    font-size:1.3em;
	line-height:1.5em;
    color:#555;
    margin:0 0 1.5em 0;
}
IMG {
    border:none;
}
ABBR {
    border-bottom: dotted 1px;
    cursor: help;
}
STRONG {
    font-weight:bold;
}
EM {
    font-style:italic;
}
UL {  
    font-size:1.2em;
    list-style-type:square;
    margin:0 0 10px 25px;
}
UL LI {
    line-height:1.5em;
    margin-bottom:0.5em;
}
OL {
    font-size:1.2em;
    list-style-type: decimal;
    margin:0 0 10px 30px;
}
OL LI {
    margin-bottom:0.5em;
}
A {
    color:#1295C9;
    text-decoration:underline;
}
A:HOVER {
    color:#41abdb;    
    text-decoration:none;
}
UL.form 
{
    list-style-type:none;
    margin:0;
    padding:0;
}
FIELDSET {
    margin:20px 0;
}
FIELDSET P {
    margin:0; 
    padding:10px 15px 0px 0px;
}
LEGEND {
    color:#cc1500; 
    font-weight:bold;
    padding:0 1em 0 1em;
}
LABEL {
    color:#999;
    display:block; 
    font-size:0.9em;
    text-align:left;
}
INPUT {
	border:1px solid #ccc;	
	color:#666;  
    display:block;  
	height:1.8em;    
    font-family:Verdana, sans-seriff;
    font-size:1.0em;
	padding:5px 5px 0 5px;
    width:300px;	
 }
 INPUT[type=submit] 
 {
     width:auto;
     padding:5px 5px 20px 5px;
 }
TEXTAREA {
	border:1px solid #ccc;    
    color:#666;    
    font-family:Verdana, sans-seriff;
	font-size:1.0em;
	height:13.5em;	
	line-height:1.8em;
		padding:5px 5px 0 5px;
	margin:0 0 10px 0;
	width:300px;	
}

/*
 *      CLASSES
 *
 */
P#pageTools {
    margin-top:30px;
}
P#pageTools A {
    text-decoration:none;
}
.mail {
    background: url(/images/iconMail.gif) left center no-repeat;
    display:inline;
    padding:5px 25px;        
}
.print {
    background: url(/images/iconPrint.gif) left center no-repeat;
    display:inline;
    padding:5px 25px; 
}
.ingres {
    font-size:1.6em; 
    line-height:1.5em; 
    color:#333;
}
.iconFlickr {    
   background:url(/images/iconFlickr.gif) right center no-repeat;
   padding-right:42px;
}
.iconFlickrTwo {    
   background:url(/images/iconFlickr.gif) left center no-repeat;
   padding-left:42px;
}
.iconArrow {    
   background:url(/images/iconArrow.gif) left center no-repeat;
   padding-left:7px;
}
.iconPen {    
   background:url(/images/iconPen.gif) left center no-repeat;
   line-height:25px;
   padding-left:18px;
}
.iconPenWhite {    
   background:url(/images/iconPenWhite.gif) left center no-repeat;
   line-height:25px;
   padding-left:18px;
}
.iconBlog {    
    background:url(/images/iconRSS.gif) left bottom no-repeat;
    line-height:24px;
    padding:10px 0 0 30px;    
}
.iconFacebook {    
    background:url(/images/iconFacebook.gif) left center no-repeat;
    line-height:1.2em;
    padding:0 0 0 35px;    
}
.iconFriends {    
    background:url(/images/iconFriends.gif) left center no-repeat;
    line-height:2.4em;    
    padding:0 0 0 30px;    
}
.iconRumania {    
    background:url(/images/iconRumania.gif) left bottom no-repeat;
    line-height:15px;
    padding:0 0 0 30px;    
}
.box {
    background:url(/images/bgBtnBottomLeft.gif) no-repeat left bottom;
    margin:0;
    width:6.5em;    
}
.boxOuter {
    background:url(/images/bgBtnBottomRight.gif) no-repeat right bottom;
    padding:0 0 0 0;
}
.boxInner {
    background:url(/images/bgBtnTopLeft.gif) no-repeat left top;
}
.box A {
    background:url(/images/bgBtnTopRight.gif) no-repeat right top;
    display:block;
    color:#fff;
    font-size:1.1em;
    font-weight:bold;
    line-height:1.4em;
    text-align:center;   
    text-decoration:none;
}
.box A:HOVER {
    color:#fff;
}
.box A, .box SPAN {
    padding:2px 3px 2px 3px;
    margin:0;
}