/*

    CSS Document


    Site: Manifest för samvetsfrihet
    URL: http://www.samvetsfrihet.se
    Author: PS Kommunikation
    Version: 1.0

    Date: 2010.06.30

*/


/*
 *      DEFAULT
 *
 */

BODY.mainBody {
	background:url(/images/bg-top.png) repeat-x top left;
	text-align:center;
}
DIV#Wrapper {
    height:auto !important;
    height:100%;
	margin:0 auto; 
    text-align:left;	
    min-height:100%;
    margin:0 auto -145px auto;  
    width:940px;
}

/*
 *      MASTHEAD
 *
 */

DIV#Masthead {
    margin:0;  
    position:relative;
    width:940px;
}
DIV#Logo {
    display:inline; 
    float:left;    
    height:58px;
    margin:30px 0 30px 0;
    width:445px;
}

/*** HelpNav ***/

DIV#HelpNav {
   	background:#0fbbe6;
   	display:inline;
	float:right;
    height:120px;
    text-align:center;
    width:300px;	
}
DIV#HelpNav P {
    color:#fff;
    display:block;
    font-size:1.3em;
    margin:15px 0 0 0;
}
DIV#HelpNav SPAN {
    color:#0b596d;    
    font-size:1.9em;
    font-weight:bold;
}
DIV#HelpNav UL {
    display:block; 
    list-style-type:none;
    margin:30px 0 0 100px;
    padding:0;
    width:200px
   
}
DIV#HelpNav UL LI {
    display:block;     
    float:left;
    height:29px;
    line-height:29px;
    margin:0 10px 0 0;
    padding:0;
    text-indent:-9999px;
    width:29px;      
}
DIV#HelpNav UL LI A {
    display:block;      
    height:29px;
    line-height:29px;
    margin:0;
    padding:0;
    text-indent:-9999px;
    width:29px;      
}
DIV#HelpNav UL LI A.Twitter { 
    background:url(/images/logo-twitter.png) no-repeat center left; 
}
DIV#HelpNav UL LI A.Facebook { 
    background:url(/images/logo-facebook.png) no-repeat center left;
}
DIV#HelpNav UL LI A.Blogger { 
    background:url(/images/logo-blogger.png) no-repeat center left;
}

/*
 *      NAVIGATION
 *
 */

/*** MainNav ***/

DIV#MainNav {
    margin:0;
    padding:0;
    width:940px;
}
DIV#MainNav UL {
    float:left;    
    list-style-type:none;
    margin:0;
    padding:0;
    width:940px;   
}
DIV#MainNav UL LI {
    float:left;
    line-height:3.0em;
    margin:0;  
    padding:0;
}
DIV#MainNav UL LI A {
    color:#fff;
    display:block;
    font-size:1.2em;
    padding:0 15px 0 15px;          
    text-decoration:none;
	text-transform:uppercase;
}
DIV#MainNav UL LI.Active,
DIV#MainNav UL LI A:HOVER {
    background:#01cbfd;  
    color:#064757;      
}

/*
 *      CONTENT COMMON
 *
 */
 
DIV#Content {
    margin:20px 0 0 0;
    width:940px;
}


/*** PRIMARY CONTENT ***/

DIV#PrimaryContent {
    float:left;
    width:620px;

}

/*** SECONDARY CONTENT ***/

DIV#SecondaryContent {
    float:right;
    width:300px;
}

/*
 *      CONTENT START
 *
 */

/*** PRIMARY CONTENT ***/

/** USP **/

DIV#Usp IMG {
    margin:0 0 5px 0;
}
DIV#Usp DIV DIV.left {
    color:#0ac1ef;
    margin:0 5px 0 0;
	float:left;
	padding:3px 0 0 0;
}

DIV#Usp DIV DIV.containerRight {
	float:right;
	width:300px;
}

DIV#Usp DIV DIV.containerRight DIV{
	position:relative;
}





/** VISION **/

DIV#Vision {
    background:#edeeef;
    padding:30px 30px 20px 30px;
    width:560px;
}
DIV#Vision H1,
DIV#Vision H2 {
    font-size:3.6em; 
    line-height:1.1em;
    margin:0 0 0.1em 0;
}

/** SHARE **/

P.Share {
    border-bottom:1px dotted #b1b1b1;    
    border-top:1px dotted #b1b1b1;
    clear:both;    
    font-size:1.0em;
    padding:5px 0 5px 5px;
    text-align:right;
}

P.Share A {
    background:url(/images/icon-share.png) no-repeat center left;
    line-height:20px;
    padding:0 0 3px 18px;    
}
/*** SECONDARY CONTENT ***/

/** PUFF **/

.Puff {
    background:#afafaf url(/images/bg-puff.png) no-repeat bottom left;
    margin:0 0 20px 0;
    padding:20px;
    width:260px;
}
.Puff H2 {
    color:#fdff37;
}
.Puff P {
    color:#000;
    margin:0 0 0.3em 0;
}
.Puff A {
    color:#fff;
    text-decoration:none;
}

/** PUFF SOCIAL NETWORKS **/

.Blogger,
.Twitter,
.Facebook {
    background:#edeeef;
    margin:0 0 20px 0;
    padding:20px;
    width:260px;
}
.Blogger H2,
.Twitter H2,
.Facebook H2 {
    border-bottom:1px solid #b1b1b1;
    padding:0 0 5px 0;
}
.Blogger P,
.Twitter P,
.Facebook P {
    border-bottom:1px dotted #b1b1b1;
    margin:10px 0 0.5em 0;
    padding:0 0 5px 0;
}
.Blogger SPAN,
.Twitter SPAN,
.Facebook SPAN {
    color:#777777;
    display:block;
    font-size:1.0em;
}
.Blogger H2 {
    background:url(/images/logo-blogger-s.png) no-repeat center right;
}
.Twitter H2 {
    background:url(/images/logo-twitter-s.png) no-repeat center right;
}
.Facebook H2 {
    background:url(/images/logo-facebook-s.png) no-repeat center right;
}

/*
 *      CONTENT SUBPAGE
 *
 */

/*** Primary Content ***/

BODY#Subpage DIV#PrimaryContent {
    background:#edeeef;
    padding:30px 30px 20px 30px;    
    float:left;
    width:560px;
}

/*
 *      FOOTER
 *
 */

.Push {
    height:145px;
}
DIV#FooterWrapper {
    background:#edeeef;
    border-bottom:5px solid	#01cbfd;
	height:130px;
	padding:10px 0 0 0; 
    text-align:center;	
    margin-left:auto; 
    margin-right:auto;
    margin-top:50px;
    width:100%;
}
DIV#Footer { 
    margin:0 auto 0 auto;
    text-align:left;
    width:940px;
}
DIV#Footer {
    width:940px;
}
DIV#Footer P {
    font-style:italic;
}

/*
 *      CLASSES
 *
 */

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.Clearfix:after, DIV#Content:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.Clearfix, DIV#Content {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.Clear  {
    clear:both;
    float:none;
}




/* TWITTER */

ul.twitterList{
	list-style:none;
	margin:0;
	padding:0;
}
ul.twitterList li{
	list-style:none;
	margin:0;
	padding:0 0 3px 0;
}
ul.twitterList li span{
	font-size:12px;
	color:#000;
}
ul.twitterList li a{
	color: #666;
}