/*   
Theme Name: Animals HOPE
Theme URI: http://www.animalshope.com
Description: Website for Animals HOPE
Author: Dynamic Interactive
Author URI: http://www.dynamicgroup.se
Version: 3.1 (Redesign)
*/

/* TABLE OF CONTENT */
/*
	1. Reset styles
	2. Text styles
	3. Main styles
	4. Header styles
	5. Footer styles
	6. First Page styles
	7. Page styles
	8. Blog styles
	9. Sidebar styles
		A. Sökruta
	10. Comment styles
	11. Other styles
		A. Poll styles
		B. 
*/

/* 1. RESET STYLES */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, img { margin:0px; padding:0px; }

body {
	margin:0px; padding:0px;
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial, Verdana, sans-serif;
	}
img { border: none; border: 0px; border-width: 0px; }

/* 2. TEXT STYLES - Font face, Rubriker, Text och Länkar */

@font-face {
	font-family: 'BelloScript';
	src: url('font/Bello-Script.eot');
	src: local('Bello Script'), local('Bello-Script'), url('font/Bello-Script.woff') format('woff'), url('Bello-Script.ttf') format('truetype'), url('font/Bello-Script.svg#Bello-Script') format('svg');
	}
h1, h1 a {    
	font: 48px/50px 'BelloScript', Arial, sans-serif; letter-spacing: 0;
	padding-bottom:10px;
	color:#5dc003; 
	}
h1 span, h1 a span { color:#8be14c; }

h2, h2 a {    
	font: 28px/30px 'BelloScript', Arial, sans-serif; letter-spacing: 0;
	padding-bottom:10px;
	color:#5dc003; 
	}
h2 span, h2 a span { color:#8be14c; }

h3, h3 a {    
	font: 24px/30px 'BelloScript', Arial, sans-serif; letter-spacing: 0;
	margin:0px 0px 0px 10px; 
	padding-bottom:10px;
	color:white; 
	}
h4, h4 a {
	font: 20px/30px 'BelloScript', Arial, sans-serif; letter-spacing: 0;
	padding-bottom:5px;
	color:#5dc003;
	}
h5, h5 a { 
	font: 14px/16px Arial, sans-serif; letter-spacing: 0;
	padding-bottom:5px;
	color:#5dc003;
	}
h5 span, h5 a span { color:#8be14c; }
p {
	font: 14px/22px Arial, sans-serif;
	padding-top:10px;
	color:#000000;
	}
ol { padding:10px 0px 10px 0px; margin-left:40px; font: 14px/22px Arial, sans-serif;}
a {
	font: 14px/18px Arial, sans-serif;
	padding-bottom:10px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
a:hover { text-decoration:underline; }
small {
	font: 10px/10px Arial, sans-serif; 
	color:#808080;
	}
small a {
	font: 10px/10px Arial, sans-serif; 
	color:#808080;
	font-weight:bold;
	}
small a:hover { text-decoration:underline; }
marquee { 
	font: 14px/18px Arial, sans-serif;
	color:#29ABE2;
	}

/* 3. MAIN STYLES - Bakgrund och Bredd */	

#main {
	background:#FFFFFF;
	background: transparent url(images/bg_main.jpg) repeat-x;
}
#main_front {
	background:#FFFFFF;
	background: transparent url(images/bg_main_front.jpg) repeat-x;
}
.container {
	width:1000px;
	margin:0 auto;
	position:relative;
	/* background: transparent url(images/bg_content.jpg) repeat-y; */
}

/* 4. HEADER STYLES - Headerbakgrund, Logo och Länkar */

#header_front {
	height:500px;
	background: transparent url(images/bg_header_front.png) no-repeat;
	background-position:0px 51px;
	}
#header {
	height:350px;
	background: transparent url(images/bg_header.png) no-repeat;
	background-position:0px 51px;
	}
ul#top_header {
	text-align:center;
	position:relative;
	}
ul#top_header li {
	display:inline;
	margin-right:18px;
	}
ul#top_header li a { 
	text-decoration:none;
	color:#666666; 
	font-size:11px;
	font-style:normal;
	line-height:25px;
	margin-top:20px;
	vertical-align:top; 
	}
ul#top_header li a:hover { text-decoration:none; }
ul#top_header li img { padding-top:5px; padding-right:10px; }	

ul#menu {
	padding-top:17px;
	padding-left:100px;
	}
ul#menu li {
	display:inline;
	margin-right:35px;
}
ul#menu li a {
	text-decoration:none;
	color:#006837; 
	font-size:15px;
	font-weight:bold;
	font-style:italic; 
	}
ul#menu li img { }
ul#menu li a:active, ul#menu li a:hover { color:white; }
ul#menu .current_page_item a { color:white; }
ul#menu .current_page_ancestor a { color:white; }

#rolling_text {
	/* top right bot left */
	padding:20px 100px 0px 100px;
	} 

/* 5. FOOTER STYLES - Footerbakgrund,  */

#sponsorer { padding:50px 0px 0px 0px; }
#sponsorer ul { margin-top: 20px; }
#sponsorer li {
	display:inline;
	margin-right:20px;
	}
#footer {
	background: transparent url(images/bg_footer.jpg) no-repeat;
	background-position:top;
	width:1000px;
	margin:0 auto;
	position:relative;
	padding-top:140px;
	}
#footer p {
	text-align:center;
	padding-left:30px;
	padding-right:30px;
	font: 10px/12px Arial, sans-serif; letter-spacing: 0;
	color:#666666;
	}
#footer p#top {	
	color:#39B54A;
	font-weight:bold;
	}	
#footer a { 
	font: 10px/12px Arial, sans-serif; letter-spacing: 0;
	color:#39B54A;
	font-weight:bold;
	text-decoration:none;
	}

/* 6. FRONT PAGE STYLES - Slideshow, columns, etc */

#rolling_text_front {
	/* top right bot left */
	padding:20px 100px 0px 0px;
	} 
#rolling_text_front img {
	/* margin-left:50px; */
	padding:0px 20px 0px 40px;
	} 

#slide_show {
	position:absolute;
	padding-left:40px;
	padding-top:46px;
	width: 920px;
	height: 380px;
	}
#front_letter { 
	float:left;
	width:520px; 
	padding: 10px 0px 0px 30px;	
	}
.front_top { background: transparent url(images/bg_front_top.jpg) no-repeat; }
.front_top h1 {	padding-left:30px; padding-top:30px; }
.front_mid { padding:10px 30px 0px 30px; } 
.front_bot { background: transparent url(images/bg_front_bot.jpg) no-repeat; padding:0px 30px 50px 30px; }
.front_bot h2 { text-align:right; }

#front_boxes { 
	float:left; 
	width:420px;
	padding: 10px 0px 0px 15px;	
	}

/* 7. PAGE STYLES -  */		

#top_image {
	position:absolute;
	padding-left:40px;
	padding-top:46px;
	width:920px;
	height:230px;
	}
#page_menu {
	position:absolute;
	padding-top:275px;
	}
#page {
	width:1000px;
	background: transparent url(images/bg_content.jpg) repeat-y;
	}
#content {
	background: transparent url(images/bg_page.jpg) no-repeat;
	background-position:10px -4px;
	width:700px;
	padding:0px 0px 0px 10px;
	float:left;
	}
.post { 
	width:620px;
	padding: 40px 0px 0px 40px; 
	}

/* 8. BLOG STYLES */

.post {	}
.post a {
	font: 14px/16px Arial, sans-serif;
	padding-bottom:10px;
	font-weight:bold;
	text-decoration:none;
	color:#5dc003; 
	}
.post small a {	
	font: 10px/10px Arial, sans-serif; 
	font-weight:bold;
	}

.separator {
	border-top: 1px solid #99CC33; 
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 20px 0px;
	}

/* 9. SIDEBAR STYLES */

#sidebar {
	float:left;
	width:260px;
	position:relative;
	background-color:#FFFFFF;
}
#sidebar_top { background: transparent url(images/bg_sidebar_top.jpg) no-repeat; background-position:-1px 0px; }
#sidebar_mid { background: transparent url(images/bg_sidebar.jpg) repeat-y; background-position:-1px 0px; }
#sidebar_bot { background: transparent url(images/bg_sidebar_bot.jpg) no-repeat; background-position:-1px 0px; }
#sidebar ul { margin:0px 0px 0px 0px; padding: 0px 0px 10px 10px; }
#sidebar ul li { 
	list-style:none; 
	margin:0px 0px 10px 0px; 
	text-decoration:none;
	color:#006837; 
	font-size:12px;
	font-weight:bold;
	font-style:italic;  
	}
#sidebar ul li a { 
	text-decoration:none;
	color:#006837; 
	font-size:12px;
	font-weight:bold;
	font-style:italic;  
	}
#sidebar ul li a:hover { color:#white; }
#sidebar ul li img{ }

li#search {}
li.subpages{}

/* 9A. Sökrutan */
li#search { padding-bottom:10px; }
.sokRuta {
	width: 201px;
	height: 36px;
	margin-left:10px;
	background: transparent url(images/search.jpg) no-repeat;
	}
.sokText {
	width: 155px;
	height: 25px;
	background: none;
	border: none;
	color:black;
	font-weight:bold;
	margin-top: 5px;
	margin-left: 40px;
	}
.sokText:focus {
	border:none;
	}

/* 10. COMMENT STYLES */
/* 11. OTHER STYLES */

/* 11A. Audio Player */
#wsaudioplayer { width:500px; }
# wsflashplayer { padding-left:50px; }

/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); }