/*  
Theme Name: Megasus 1.0
Theme URI: http://www.elementalley.se
Description: Theme for Megasus.se
Version: 1.0.1
Author: Moa Nandorf
Author URI: http://www.elementalley.se
*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0 }
table { 
	border-collapse:collapse; 
	border-spacing:0 }
fieldset, img {
	border:0 }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal; font-weight:normal }
ol, ul, li {
	list-style:none; }
caption, th {
	text-align:left }
h1, h2, h3, h4, h5, h6 {
	font-size:100% }
q:before, q:after {
	content:''}
a { 
	text-decoration:none }
strong { 
	font-weight: bold }
em { 
	font-style: italic }
* a { 
	position: relative } /* Gets links displaying over a PNG background */
a img 
	{ border: none } /* Gets rid of IE's blue borders */
	
input[type=text]:focus, input[type=password]:focus {
  outline: 0 none;
}

/*------------------------------------------------------------*/
		/* BASIC */
/*------------------------------------------------------------*/

html {
	background: #CABC8F url(images/layout/bg_site.jpg);
	/* background: #CABC8F url(images/layout/bg_jul.jpg); */}

body	{
	background: transparent url(images/layout/bg_top6.png) top repeat-x;
	font: 12px/19px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #3a3222;}
	
a:link {
	color: #1f8974;}
a:visited {
	color: #1f8974;}
a:hover {
	color: #40a692;}
a:active {
	color: #40a692;}
a:focus {
	outline: none;}


h1, h2, h3, h4, h5, h6 {	
	font-family: Georgia, "Trebuchet MS", serif;
	font-weight: bold;
	font-style: italic;
	color: #522929;
	text-shadow: 1px 1px 2px #524729;}
	
h1 {
	font-size: 24px;
	line-height: 26px;}
	
		h1 a:link {
			color: #FEF9EA;}
		h1 a:visited {
			color: #FEF9EA;}
	
h2 {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;}
	
	
	div.title-content {
		padding: 0;}
		
	h2 span.content {
	display: block;
	padding: 10px;}
	
h3 {
	font-size: 18px;
	line-height: 20px;
	color: #4c0e0e;
	margin: 20px 0 5px 0;}
	
h4 {
	font-size: 16px;
	line-height: 18px;}
	
h5 {
	font-size: 14px;
	line-height: 16px;}

h6 {
	font-size: 12px;
	line-height: 14px;}
	
.clear {
	clear: both;}
	
br.clear {
	height: 0;
	line-height: 0;}
	
p {margin: 1em 0;}
	
.removetopmargin {
	margin-top: 0;}	

/*------------------------------------------------------------*/
		/* BUTTON STYLING */	
/*------------------------------------------------------------*/
	
.button, a.post-edit-link, a.comment-edit-link, div.nextpost a, div.previouspost a {
		border: none;
		padding: 5px 10px;
		margin: 3px 0;
		background-color: #40a692;
		color: #fef9ea;
		font-weight: bold;}
		
		.button a:link, a.post-edit-link:link {
			color: #fef9ea;}
		.button a:visited, a.post-edit-link:visited {
			color: #fef9ea;}
		.button a:hover, a.post-edit-link:hover {
			color: #fef9ea;}
		.button a:active, a.post-edit-link:active {
			color: #fef9ea;}

/*------------------------------------------------------------*/
		/* SITE STRUCTURE */
/*------------------------------------------------------------*/

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0 5px;
	}
	
div.main-col {
 	width: 653px;
 	float: left;
 	margin-bottom: 20px;}
 	
div.sub-col {
 	width: 273px;
 	float: right;
 	margin-bottom: 20px;}
	
.border {
	background: transparent url(images/layout/bg_border.png) repeat;
	padding: 7px;
	margin-bottom: 20px;}
	
.content {
	position: relative;
	background: #fef9ea url(images/layout/bg_content1.png) top repeat-x;
	padding: 15px;
	margin: 0;
	-webkit-box-shadow: 1px 1px 5px #524729;
	-moz-box-shadow: 1px 1px 5px #524729;}


/*------------------------------------------------------------*/	
		/* HEADER */
/*------------------------------------------------------------*/

#header {
	position: relative;
	height: 131px;
	margin-bottom: 6px;
	padding: 7px;}
	
#header h1 {
	position: absolute;
	top: 0;
	width: 344px;
	height: 72px;
	text-indent: -10000px;
	background: transparent url(images/layout/megasus2.png) no-repeat;}
	
/*#searchbox {
	width: 194px;
	position: absolute;
	top: 20px;
	right: 0px;
	display: none;}*/
	
	#s {
	position: absolute;
	width: 127px;
	border: 0;
	outline: 0;
	background: #CABC90;
	border: #B6A674 1px solid;
	padding: 4px 6px 6px 6px;
	}
	
#searchbox .button {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;}
	
#header #horse-img1 {
	width: 160px;
	height: 100px;
	position: absolute;
	top: 0;
	right:0px;}
#header #horse-img2 {
	width: 113px;
	height: 108px;
	position: absolute;
	top: -8px;
	right: 0px;}
	
/*------------------------------------------------------------*/	
		/* NAVIGATION */
/*------------------------------------------------------------*/		
		
	
#header #navigation {
	position: absolute;
	left: -3px;
	bottom: -5px;
	width: 750px;
	height: 50px;}

	#navigation li {
		float: left;
		margin: 0 3px;
		/*padding: 7px 17px 4px 17px;*/
		padding-top: 7px;
		padding-bottom: 4px;
		height: 20px;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: transparent url(images/layout/bg_border.png) repeat;
		position: relative;}
		
	#extra-nav li {
		float: right;
		margin: 0 3px;
		padding-top: 7px;
		padding-bottom: 4px;
		height: 20px;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: transparent url(images/layout/bg_border.png) repeat;
		position: relative; }
		
	#navigation li a, #extra-nav li a {
		padding: 17px;}
		
		
	#navigation li.current_page_item, 
	#extra-nav li.current_page_item, 
	#single_ridtips #navigation li.page-item-7,
	body.single-horse #navigation li.page-item-5 {
		height: 20px;
		background: #40a692;
		top: 0px;}
		
		
	#navigation li a:link, #extra-nav a:link {
		color: #fff;}
		
		#navigation li a:visited, #extra-nav a:visited {
		color: #fff;}
		
		#navigation li a:hover, #extra-nav a:hover {
		color: #fff;}
		
		#navigation li a:active, #extra-nav a:active {
		color: #fff;}
		
#header #extra-nav {
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 230px;
	height: 50px;}

		
/*	#extra-nav li.page-item-16 {
		position: absolute;
		left: 2px;
		top: 0;
		} 
		
	#extra-nav li.page-item-10 {
		position: absolute;
		right: -3px;
		top: 0;
		} */


/*------------------------------------------------------------*/		
		/* FOOTER */
/*------------------------------------------------------------*/

#footer {
	padding: 0 10px 40px 5px;
	font-size: 10px;
	color: #918460;
	position: relative;}
	
		#footer-menu {
			width: 600px;
			float: left;}
			
			#footer-menu li {
				display: inline;
				padding: 0 5px;}
		
		#footer p.ea {
			width: 200px;
			float: right;
			margin: 0;
			padding: 0;
			text-align: right;}	
			
		#footer #adress {
			padding-left: 5px;
			clear: both;}
	
	
/*------------------------------------------------------------*/	
			/* -----------------
  			   INDIVIDUAL PAGES  
  			 -----------------  */
/*------------------------------------------------------------*/   


	
/*------------------------------------------------------------*/	
		/* RIDKURSER */
/*------------------------------------------------------------*/

#ridkurser #schema {
	margin-right: 30px;}
	
#ridkurser #ridkurserblurb {
	margin-bottom: 20px;
	display: none;}

#ridkurser .kursinfo {
	width: 450px;
	float: left;}
	
#ridkurser table tr.udda {
	background-color: #f2ebd5;}
	
#ridkurser table tr.klar {
	background-color: #e6e5e1;
	color: #999;}
	
#ridkurser table.wp-table-reloaded {
	width: 600px;
	font-size: 11px;}
	
#ridkurser table.wp-table-reloaded .column-1 {
	padding-left: 10px;
	width: 50px;}
	
#ridkurser table.wp-table-reloaded .column-2 {
	width: 70px;
	text-align: right;}
	
#ridkurser table.wp-table-reloaded .column-3 {
	width: 170px;
	padding-left: 10px;
	text-align: left;}
	
#ridkurser table.wp-table-reloaded .column-4 {
	width: 195px;
	padding-right: 5px;
	text-align: right;}
	
#ridkurser table.wp-table-reloaded .column-5 {
	width: 80px;
	padding-right: 10px;
	text-align: left;}
	
#ridkurser table th.header {
	font-family: Georgia, "Trebuchet MS", serif;
	font-weight: bold;
	font-style: italic;}
	
#ridkurser table#wp-table-reloaded-id-6-no-1 {
	width: 400px;}
	
#ridkurser #allmaninfo img.right {
	float: right;
	margin: 0px 0px 0px 8px;}	

.speshul {
	font-size: 11px;
	padding: 5px 15px;
	background-color: #40a692;
	color: #fff;
	margin-bottom: 30px;
	margin-top: 25px;}
	
#ridkurser div.content img.size-full {
	border: 1px solid #D9C998;
	margin-right: 5px;}
	
#ridkurser div.border div.content h3:first-child {
	margin-top: 0;
	padding-top: 0;}
	
#ridkurser h2 span.title-content {
	background: #F4EACB url(images/ridkurs_bg.png) bottom right no-repeat;}

#ridkurser .even {
	background-color: #f1e9d8;}
	
	
/*------------------------------------------------------------*/	
		/* H€STARNA */
/*------------------------------------------------------------*/

#hastarna #sidebar div.content p:first-child {
	margin-top: 0;}
	
#single_hastarna #navigation li.page-item-5 {
		height: 20px;
		padding-bottom: 19px;
		background: transparent url(images/layout/bg_menu_horizontal_arrows.png) bottom center no-repeat;
		top: 0px;}
		
#hastarna h2 span.content,
body.single-horse h2 span.content {
		background: #F4EACB url(images/hastarna_bg.png) top right no-repeat;}
		
#hastarna div.content p img {
	display: none;}
		
#hastarna div.hastarna-img {
	float: left;
	width: 160px;}
	
#hastarna div.hastarna-img img {
	border: 1px solid #d9c998;
	padding: 4px;
	background-color: #fff;
	margin-top: 12px;}
	
#hastarna div.main-col div.content p {
	padding-left: 180px;}
	
	
/*------------------------------------------------------------*/
		/* SINGLE HORSE PAGE */
/*------------------------------------------------------------*/
	
	.single-horse div.content h2 {
		margin-bottom: 10px;}
	
	.single-horse  div.horse-portrait-img {
		width: 340px;
		float: left;}
		
		.single-horse  div.horse-portrait-img img {
			padding: 9px;
			background: #fff;
			border: 1px solid #d9c998;}
			
		.single-horse div.horse-images {
			clear: both;
			padding: 10px 0;}
			
		.single-horse div.horse-images img {
			padding: 4px;
			background: #fff;
			border: 1px solid #d9c998;
			margin: 5px;}

/*------------------------------------------------------------*/
		/* RIDTIPS */
/*------------------------------------------------------------*/

#ridtips h2 span.title-content, #single_ridtips h2 span.title-content {
	background: #F4EACB url(images/ridtips_bg.png) top right no-repeat;}
	
.megnature {
	text-align: right;
	font-style: italic;
	font-family: "Lucida Handwriting", Helvetica, Arial, serif;}
	
.readmore {
	position: absolute;
	width: 200px;
	bottom: 3px;
	right: 5px;
	text-align: right;}

#ridtips div.sub-col div.content p:first-child {
	margin-top: 0;}
	
	
/*------------------------------------------------------------*/    
		/* OM MEG */
/*------------------------------------------------------------*/

#ommeg div.main-col div.content ul {
	list-style: disc;
	list-style-type: disc;
	margin-left: 25px;
	margin-bottom: 20px;}
	
#ommeg div.main-col div.content ul li {
	padding: 5px 0;
	list-style: disc;
	list-style-type: disc;
	list-style-position: outside;}
	
#ommeg div.sub-col div.content p:first-child {
	margin-top: 0px;}	
	
#ommeg div.sub-col div.content p img {
	padding: 2px;
	border: 1px solid #d9c998;}
	
#ommeg h2 span.title-content {
	background: #F4EACB url(images/ommeg_bg.png) top right no-repeat;}
	
/*------------------------------------------------------------*/
		/* GÄSTBOK */
/*------------------------------------------------------------*/

#gastbok h2 span.title-content {
	background: #F4EACB url(images/gastbok_bg.png) bottom right no-repeat;}
	
#gastbok div.sub-col div.content p:first-child {
	margin-top: 0;}
	
	
#gastbok #comment, #gastbok #author, #gastbok #email, #gastbok #url {
	background-color: #cabc90;
	border: 1px solid #b6a674;
	font: 12px/18px "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	padding: 5px;}

#gastbok #comment {
	width: 595px;
	height: 200px;
	resize: vertical;}
	
#gastbok #comment:focus, #gastbok #comment:active, #gastbok #author:focus, #gastbok #author:active, #gastbok #email:focus, #gastbok #email:active, #gastbok #url:focus, #gastbok #url:active {
	background-color: #eadeb9;
	color: #3a3222;
	border: 1px solid #d8c99a;
	outline: 0 none;}
 	
#gastbok ol.commentlist li {
	margin-bottom: 20px;
	position: relative;}
	
#gastbok div.gastbok-metainfo {
	width: 200px;
	float: left;}
	
#gastbok p.comment-author cite {
	font-weight: bold;}
	
 #gastbok .comment-date {
 	font-size: 11px;}

#gastbok p.comment-author span.fromip {
	font-size: 11px;}
	
#gastbok p.comment-author, #gastbok p.comment-date {
	margin: 0;}
	
#gastbok div.comment-text {
	width: 400px;
	float: right;}
	
#gastbok div.comment-text p:first-child {
	margin-top: 0;}
	
#gastbok div.main-col {
	width: 653px;}
	
#gastbok a.comment-edit-link {
	margin-top: 10px;}
	
h3#respond {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 10px;}
	

/*------------------------------------------------------------*/	
		/* SMÅDJUR*/
/*------------------------------------------------------------*/
	
body.page-id-319 div.content img {
	float: left;
	margin: 0 10px 2px 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #D9C998;}
	
/*------------------------------------------------------------*/	
		/* 404 */
/*------------------------------------------------------------*/

body#error div#container div.main-col {
	width: 945px;} 
	
body#error div#container div.main-col div.content {
	position: relative;
	min-height: 390px;}
	
body#error img#horse404 {
	position: absolute;
	right: 10px;
	bottom: 0;}	
	
#search404 {
	clear: both;}
	
body#error h2 {
	font-size: 80px;
	line-height: 100px;
	padding-left: 30px;}
	
body#error p {
	padding-left: 35px;
	padding-top: 30px;
	width: 500px;}
	
body#error div.content ul {
	padding-left: 50px;}
	
body#error div.content ul li {
	list-style-type: disc;
	list-style-position: outside;
	padding: 10px 0;}

div#search404 {
	width: 495px;
	height: 160px;
	position: relative;
	padding-left: 35px;}
	
body#error input#s {
	width: 480px;
	height: 30px;
	padding-top: 10px;
	font-size: 20px;
	position: absolute;
	top: 30px;}
	
body#error input#searchsubmit {
	position: absolute;
	right: 0;
	top: 85px;}

/*------------------------------------------------------------*/	
		/* BILDER */
/*------------------------------------------------------------*/

body#bilder div.main-col div.content p:first-child, body#bilder div#sidebar div.content ul {
	margin-top: 0;}
	
body#bilder .ngg-gallery-thumbnail img {
	border: 1px solid #D9C998;}
	
body#bilder .ngg-gallery-thumbnail img:hover {
	border: 1px solid #40a692;
	background-color: #fff;}
	
/*------------------------------------------------------------*/	
		/*SIDEBAR*/
/*------------------------------------------------------------*/	
	
#sidebar ul.categorylist {
	border-top: 1px solid #ece4c9;
	border-bottom: 1px solid #fcfcfa;
	margin-top: 20px;}
	
#sidebar ul.categorylist li {
	border-bottom: 1px solid #ece4c9;
	border-top: 1px solid #fcfcfa;
	margin: 0;}
	
#sidebar ul.categorylist li:hover {
	border-top: 1px solid #40a692;}
	
	
#sidebar ul.categorylist li a {
	display: block;
	padding: 5px 10px;}	
	
#sidebar ul.categorylist li a:hover {
	background-color: #40a692;
	color: #FEF9EA;}
 	
/*------------------------------------------------------------*/
   /* ARCHIVE(S) AND STUFF  */
/*------------------------------------------------------------*/
   
 p.andra {width: 200px;
 	text-align: right;
 	float: right;
 	clear: both;}
 	
 	
/*------------------------------------------------------------*/ 
	 /* SINGLE POST PAGES NAV */
/*------------------------------------------------------------*/
 
 div.singlepostpagenav {
 	width: 12em;
 	position: relative;
 	float: right;
 	padding: 0;
 	clear: both;}
 	
 div.previouspost {}
 div.nextpost {
 	position: absolute;
 	text-align: right;
 	top: 0; 
 	right: 0;}


#single_nyheter div.title-content h2 {
	background: transparent url(images/nyheter_bg.png) bottom right no-repeat;}
	
	
/*------------------------------------------------------------*/	
		/*SEARCH PAGES*/
/*------------------------------------------------------------*/

body#searchresults div.main-col {
	width: 653px !important;}