/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dt, dd, address {
	margin:				0;
	padding:			0;
}
html, body {
	background:			url(../i/bg-grad.gif) repeat-x #C7B07A;
}
body {
	padding:			15px;
	font:				70%/100% Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
h1 {
	margin:				0.5em 0 1em 0;
	color:				#7B654E;
	font-size:			200%;
	line-height:		1em;
}
h2, h3 {
	clear:				both;
	margin:				1em 0 0.5em 0;
	color:				#7B654E;
	font-size:			130%;
	line-height:		1em;
}
h2 {
	border-bottom:		1px solid #7B654E;
}
h3 {
	font-size:			110%;
}
p {
	padding:			1em 0;
	line-height:		1.5em;
}
ul {
	list-style:			none;
	padding-bottom:		1em;
}
li {
	margin:				10px 0;
}
a:link,
a:visited,
a:active {
	color:				#7B654E;
	text-decoration:	none;
	border-bottom:		1px dashed #7B654E;
}
a:hover,
a:focus {
	background-color:	#7B654E;
	color:				#fff;
}
dd {
	padding-bottom:		0.5em;
}
dt {
	font-weight:		bold;
	padding-bottom:		0.5em;
}
dl {
	margin-bottom:		1em;
}
.clClear {
	clear:				both;
}
/* Structure
------------------------------------------------------------------*/
#wrapper {
	width:				783px;
	background:			#fff;
	border:				1px solid #000;
	padding:			10px;
}
#header {
	background:			url(../i/header.gif) #fff;
	height:				70px;
	width:				633px;
}
#menu {
	width:				100%;
}
#content {
	float:				left;
	width:				418px;
	padding:			0 0 0.5em 10px;
	min-height:			300px;
}
#content-wide {
	width:				623px;
	float:				left;
	padding:			0 0 0.5em 10px;
	min-height:			300px;
}
#content-blogg {
	width:				773px;
	float:				left;
	padding:			0 0 0.5em 10px;
	min-height:			300px;
}
#sidebar {
	float:				left;
	width:				184px;
	margin:				20px 0 0.5em 20px;
}
#footer {
	clear:				both;
	width:				100%;
	border-top:			2px solid #7B654E;
	margin-top:			1em;
	padding:			0.5em 0;
}
#banner {
	float:				right;
	width:				140px;
	margin:				10px 0;
}
/* Menu
------------------------------------------------------------------*/
.navigation ul {
	float:				left;
	width:				100%;
	margin-bottom:		1px;
	padding:			0;
	list-style:			none;
}
.navigation ul li {
	display:			inline;
	padding:			0;
	margin:				0;
}
.navigation ul li a:link,
.navigation ul li a:visited,
.navigation ul li a:active {
	border-bottom:		0;
	padding:			3px 10px 3px 10px;
	margin:				0;
	display:			block;
	float:				left;
	width:				auto;
	font:				120% Tahoma, sans-serif;
	font-weight:		bold;
	text-decoration:	none;
}
#menu ul {
	background:			#7B654E;
}
#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:active {
	border-right:		1px solid #fff;
	color:				#fff;
}
#menu ul li a:hover,
#menu ul li a:focus,
#menu ul li a.clicked {
	background:			#c7b07a;
}
#subnavigation ul {
	background:			#c7b07a;
}
#subnavigation ul li a:link,
#subnavigation ul li a:visited,
#subnavigation ul li a:active {
	border-right:		1px solid #fff;
	color:				#fff;
	font-size:			95%;
	padding:			3px 6px;
}
#subnavigation ul li a:hover,
#subnavigation ul li a:focus,
#subnavigation ul li a.clicked {
	background:			#7B654E;
	color:				#fff;
}
/* Content */
.horse-list li {
	display:			inline;
}
.horse-list li img {
	float:				left;
	padding-right:		10px;
}
.horse-list h2 {
	font-size:			110%;
	line-height:		130%;
}
.horse-list p {
	padding:			1em 0;
	line-height:		1.2em;
}
/* Sidebar */
#sidebar h2 {
	margin-bottom:		0.5em;
	color:				#000;
	font-size:			110%;
	padding-bottom:		2px;
	border-bottom:		1px solid #7B654E;
}
#sidebar p {
	line-height:		120%;
}
#sidebar ul {
	list-style:			none;
}
#sidebar ul li {
	margin:				5px 0;
}
#sidebar dl {
	margin-bottom:		1em;
}
#sidebar dt {
	font-weight:		bold;
	line-height:		120%;
}
#sidebar dd {
	padding-bottom:		0.5em;
}
#sidebar a:link,
#sidebar a:visited,
#sidebar a:active {
	color:				#7B654E;
	text-decoration:	none;
	border-bottom:		1px dashed #7B654E;
}
#sidebar a:hover,
#sidebar a:focus {
	background-color:	#7B654E;
	color:				#fff;
}
#poster-flash {
	float:				right;
	margin-right:		5px;
}
/* Footer */
#footer p {
	margin-top:			0.5em;
	padding:			0 1em;
}
#footer a:link,
#footer a:visited,
#footer a:active {
	color:				#7B654E;
	text-decoration:	none;
	border-bottom:		1px dashed #7B654E;
}
#footer a:hover,
#footer a:focus {
	background-color:	#7B654E;
	color:				#fff;
}
/* Gallery
------------------------------------------------------------------*/
.clHoverbox
{
	cursor:				default;
	list-style:			none;
	margin-left:		15px;
}
.clHoverbox a:link,
.clHoverbox a:visited,
.clHoverbox a:active
{
	cursor:				default;
	border:				0;
}
.clHoverbox a .clPreview
{
	display:			none;
}
.clHoverbox a:hover .clPreview
{
	display:			block;
	position:			absolute;
	top:				-33px;
	left:				-45px;
	z-index:			100;
}
.clHoverbox img
{
	background:			#fff;
	border-color:		#aaa #ccc #ddd #bbb;
	border-style:		solid;
	border-width:		1px;
	color:				inherit;
	padding:			2px;
	vertical-align:		top;
	width:				100px;
	height:				75px;
}
.clHoverbox li
{
	background:			#eee;
	border-color:		#ddd #bbb #aaa #ccc;
	border-style:		solid;
	border-width:		1px;
	color:				inherit;
	display:			inline;
	float:				left;
	margin:				3px;
	padding:			5px;
	position:			relative !important;
	position:			static;
}
.clHoverbox .clPreview
{
	border-color:		#000;
	width:				200px;
	height:				150px;
}
/* Tables
------------------------------------------------------------------*/
.clTable {
	padding:			0;
	border-collapse:	collapse;
	width:				100%;
}
.clTable thead th {
	text-align:			left;
	border:				1px solid #d2d2d2;
	padding:			4px;
}
.clTable tbody td {
	border:				1px solid #d2d2d2;
	padding:			4px;
}
#idTblBruksprov td {
	text-align:			center;
	width:				20%;
}
#idTblUtstallning th, #idTblUtstallning td {
	text-align:			center;
}
#idTblUtstallning .clAlignLeft {
	text-align:			left;
}
/* Pedigree
------------------------------------------------------------------*/
.clPedigree ul {
	margin:				0;
	padding:			0;
	list-style:			none;
}
.clPedigree ul ul {
	float:				right;
	width:				66%;
	border:				none;
	border-left:		1px solid #d2d2d2;
}
.clPedigree ul ul ul {
	width:				50%;
}
.clPedigree li {
	position:			relative;
	float:				left;
	width:				100%;
	margin:				0;
}
.clPedigree li.father {
	border-bottom:		1px solid #d2d2d2;
}
.clPedigree li li li {
	height:				5em;
}
.clPedigree li div {
	width:				33%;
	position:			absolute;
	top:				50%;
	margin-top:			-1em;
}
.clPedigree li li div {
	width:				49%;
}
.clPedigree li li li div {
	width:				99%;
}
.clPedigree li h3 {
	font-size:			100%;
	font-weight:		normal;
	margin:				0 0 2px 0.5em;
	padding:			0 0 0.5em 0;
}
.clPedigree a:link,
.clPedigree a:visited {
	border-bottom:		1px dashed #7B654E;
}
.clPedigree a:hover {
	background-color:	#7B654E;
	color:				#fff;
}
/* Banner
------------------------------------------------------------------*/
#banner a:link,
#banner a:visited,
#banner a:active {
	border:				0;
	padding:			0;
}
#banner h2 {
	position:			absolute;
	left:				-9999em;
}
#banner tr {
	vertical-align:		top;
}
#google {
	margin-top:			10px;
}
/* vCard
------------------------------------------------------------------*/
.vcard img {
	border:				0;
	padding-top:			5px;
}
a#addressbook:link,
a#addressbook:active,
a#addressbook:visited {
	border:				0;
}
a#addressbook:hover,
a#addressbook:focus {
	background:			#fff;
}
/* Forms
------------------------------------------------------------------*/
form label {
	display:			block;
	margin:				4px 0;
}
form input {
	display:			block;
}
form select {
	font-size:			100%;
	font-family:		Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.error {
	color:				#f00;
}
#idErrorReport {
	border:				1px solid #ddd;
	background:			#eee;
	padding:			5px;
	margin-bottom:		10px;
}
#idErrorReport h2 {
	font-size:			100%;
	border:				0;
}
/* Startpage
------------------------------------------------------------------*/
#cu3er {
	background:			url(../i/cube_shadow.jpg) left bottom no-repeat;
	padding-bottom:		25px;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			90;
	width:				100%;
	height:				500px;
}
#jquery-lightbox {
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	z-index:			100;
	text-align:			center;
	line-height:		0;
}
#jquery-lightbox a {
	background:			none;
	border-bottom:		0;
}
#jquery-lightbox a img {
	border:				none;
}
#lightbox-container-image-box {
	position:			relative;
	background-color:	#fff;
	width:				250px;
	height:				250px;
	margin:				0 auto;
}
#lightbox-container-image {
	padding:			10px;
}
#lightbox-loading {
	position:			absolute;
	top:				40%;
	left:				0%;
	height:				25%;
	width:				100%;
	text-align:			center;
	line-height:		0;
}
#lightbox-nav {
	position:			absolute;
	top:				0;
	left:				0;
	height:				100%;
	width:				100%;
	z-index:			10;
}
#lightbox-container-image-box > #lightbox-nav {
	left:				0;
}
#lightbox-nav a {
	outline:			none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width:				49%;
	height:				100%;
	zoom:				1;
	display:			block;
}
#lightbox-nav-btnPrev { 
	left:				0; 
	float:				left;
}
#lightbox-nav-btnNext { 
	right:				0; 
	float:				right;
}
#lightbox-container-image-data-box {
	font:				10px Verdana, Helvetica, sans-serif;
	background-color:	#fff;
	margin:				0 auto;
	line-height:		1.4em;
	overflow:			auto;
	width:				100%;
	padding:			0 10px 0;
}
#lightbox-container-image-data {
	padding:			0 10px;
	color:				#666;
}
#lightbox-container-image-data #lightbox-image-details { 
	width:				70%;
	float:				left;
	text-align:			left;
}	
#lightbox-image-details-caption {
	font-weight:		bold;
}
#lightbox-image-details-currentNumber {
	display:			block;
	clear:				left;
	padding-bottom:		1.0em;
}			
#lightbox-secNav-btnClose {
	width:				66px;
	float:				right;
	padding-bottom:		0.7em;
}