/* -----------------------------------------------------------------
               CELLDEATHNETWORK.COM | STILMALLAR
--------------------------------------------------------------------


---------------------------------------------------------------------
		       FIX
---------------------------------------------------------------------

Varden for alla browsers */

/* Satter alla marginaler och padding till 0 for alla browsers */
* { margin: 0; padding: 0; } 


/*
---------------------------------------------------------------------
		       GLOBALA ATTRIBUT
---------------------------------------------------------------------
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: 1.5em;
	background: #616065 url(images/bg-tile.gif);
	overflow: auto;
	}
	
img { border: none;	}	

label { float: left; margin-right: 7px; }


/* -----------------------------------------------------------------
               TYPOGRAFI
--------------------------------------------------------------------
*/

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; font-weight: bold; line-height: 30px; text-transform: uppercase; color:#8b005b; padding-bottom: 18px; }
h1 span { font-size: 24px; color:#807f84; }

h2 { font-family: Tahoma, Arial, sans-serif; font-size: 18px; font-weight: bold; color:#8b005b; background: transparent url(images/big_arrow.gif) 0 5px no-repeat; padding: 0 0 18px 15px; }
h2 span { color:#807f84; }

h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; }

a { outline: none; }
a:link, a:visited {	color: #8b005b; text-decoration: underline; }
a:hover { text-decoration: none; }
	
p {	padding: 0 0 1.5em 0; }
	
em { font-style: italic; }
strong { font-weight: bold;	}	
blockquote { }


/*
---------------------------------------------------------------------
		       Listor
---------------------------------------------------------------------
*/

ul { padding: 0 0 0 1em; margin: 0 0 1.5em 0; }
ol { padding: 0 0 0 1em; margin: 0 0 1.5em 0.75em; }

/*
---------------------------------------------------------------------
		       KLASSER
---------------------------------------------------------------------
*/

.thumb { float: left; border: 2px solid #8b005b; margin: 5px 20px 0 0; }
.sponsor { margin-right: 30px;}
.search_button { float: left; position: relative; left: 3px; }
.textfield { float: left; position: relative; width: 200px; padding: 1px 2px 2px; font-size: 11px; }
.headline { padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px dashed #e5e5e5;}

.archive {list-style-type: none; padding: 0; margin: 0; }

/*
---------------------------------------------------------------------
		       SIDANS STRUKTUR
---------------------------------------------------------------------
*/

#wrapper { position: relative; width: 960px; margin: 0 auto; padding-bottom: 49px;  }

#navigation { position: absolute; top: 103px; left: 0; background: transparent url(images/menu_bg.png) 0 0 no-repeat; width: 235px; height: 233px; padding: 0 0 0 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 29px; font-weight: bold; }
#navigation ul { list-style-type: none; padding: 12px 0 0 0; }
#navigation ul li { background: transparent url(images/menu_line.gif) 0 0 no-repeat;}
#navigation ul li.first { background: none;}
#navigation ul li a:link, #navigation ul li a:visited { background: transparent url(images/small_arrow.gif) 10px 5px no-repeat; padding: 0 0 0 20px; color: #fff; text-decoration: none; }
#navigation ul li a:hover { text-decoration: underline; }

#search-login { position: absolute; top: 18px; left: 450px; width: 469px; font-size: 11px; color: #8b005b; }
#login { float: right; right: 0; top: 3px; }

#header { height: 306px; width: 930px; padding: 30px 0 0 30px; background: #fff url(images/header_bg.gif) 0 0 no-repeat; }
#header .logo { background: transparent url(images/cdn_logo.gif) 0 0 no-repeat; width: 170px; height: 43px; }
#header .logo a { position: relative; display: block; overflow: hidden; text-indent: -9999px; }

#push_welcome { position: absolute; padding: 83px 0 0 90px; top: 58px; left: 210px; width: 660px; height: 195px; background: #fff url(images/welcome.jpg) 0 0 no-repeat; }
#push_welcome p { width: 360px; }

#content_wrapper { width: 900px; padding: 30px 30px; background-color:#fff;}
#content { margin-left: 230px; padding: 0 30px 0 40px; border-left: 1px solid #e5e5e5;}

#sidebar { float: left; width: 200px; padding: 0 0 0 0; }
#sidebar p { font-size: 11px; line-height: 16px; }

#sponsors { clear:both; width: 900px; background: #fff; padding: 10px 30px 20px; border-top: 1px solid #e5e5e5;}
#sponsors h3 {margin-bottom: 20px;}
#footer { background: url(images/wrapper_bg.png) no-repeat; height: 60px; margin: 0; color: #fff; }
#footer p { position: relative; top: 60px; margin: 0 0 0 30px; }
#footer a { color:#fff; }

/*
---------------------------------------------------------------------
		        CLEAR FLOATS
---------------------------------------------------------------------
*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Gommer for IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End gommer for IE-mac */