/**
 * Generic stuff
 */

body
{
	background: #e6e6e6 url(../images/bg3.jpg) repeat-x center top;
	font-family: Arial;
	font-size: 9pt;
}

a {
    color: #e90000;
    text-decoration: none;
}

ul {
    margin: 12px 0;
}

#center {
    width: 900px;
    margin: 18px auto 0;
    padding-bottom: 3em;
}

/**
 * Header
 */

#header {
    background: url(../images/fild.png) no-repeat left center;
    height: 190px;
}

#header ul {
    padding-top: 75px;
    text-align: right;
    list-style-type:none;
    font-size: 85%;
}

#header a {
    color: #000;
}
#header a.active {
    color: #e90000;
    font-weight: bold;
}

/**
 * Main menu
 */

#menu {
    background: #2d2d2d url(../images/menu_bg.png) repeat-x;
    clear: both;
    height: 29px;
    list-style-type: none;
    padding: 12px 0 0 0;
    margin: 12px 0 0 0;
}

#menu li {
    float: left;
    text-align: center;
    /**
     * If the links are of very different lengths we could also use
     * padding instead of a fixed width
     */
}

.menu_is li {
    width: 128px;
}

.menu_en li {
    width: 215px;
}

#menu a {
    color: #ccc;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial;
    font-size: 11pt;
}

#menu a.active {
    color: white;
}

.clear {
    clear: both;
}

.nomargin {
    margin: 0;
}
/**
 * Frontpage
 */

#frontpage {
    color: #666;
}

#frontpage div#latestnews {
    padding: 10px 15px 15px 15px;
}

#frontpage div#latestbg {
    padding: 0 0 0 440px;
}

#frontpage div#recent {
    background: #fff url(../images/front_middle_bg.png) repeat-x;
    clear: both;
    padding: 10px 0;
}

#recent div.half {
    padding: 0 15px;
    width: 420px;
    float: left;
}

/**
 * Main content area
 */

#canvas {
    background: #fff;
    clear: both;
}

#canvas div.bottom {
    padding-bottom: 1.5em;
}

#content {
    margin: 0 1em 1em 235px;
    color: #666;
}

#content ul, #middlething ul {
    list-style: none;
    padding-left: 10px;
}

#content ul li, #middlething ul li {
    padding-left: 12px;
    line-height: 1.5;
    background: url(../images/li.png) 0px 4px no-repeat;
}

img.right, .content p img {
    float: right;
    border: 1px solid #eee;
    margin: 0 0 10px 10px;
    padding: 2px;
}

#content h1, #frontpage h1 {
    color: #333;
    font-size:14pt;
    margin:5px 0 0;
    padding:0;
}

#content h2, #frontpage h2 {
    color: #333;
    font-size:12pt;
    margin:5px 0 0;
    padding:0;
}

#content h1 a, #content h2 a, #frontpage h1 a, #frontpage h2 a {
    color: #333;
}

#content p, #frontpage p {
    line-height: 1.4em;
}

span.date {
    color:#d5d5d5;
    font-size:95%;
    font-weight:bold;
}

span.date a {
    color:#d5d5d5;
}

a.more {
    color:#d5d5d5;
    font-size:95%;
    font-weight:bold;
    /*background: transparent url(../images/more.png) no-repeat scroll right center;*/
    display: block;
}

a.more img {
    float: right;
    border: 0;
}

/**
 * Side menu
 */

ul#submenu {
    padding: 0;
    margin: 0;
    list-style-type:none;
    float: left;
}

ul#submenu li {
    padding: 8px 0 8px 15px;
    width: 205px;
    border-bottom: 1px solid #dfdfdf;
}

ul#submenu li {
    color: #666;
}

ul#submenu li a {
    color: #666;
    text-decoration: none;
}

ul#submenu li.active a {
    color: #e90000;
    text-decoration: none;
}

ul#submenu li.subitem {
    background: #f7f7f7;
    padding-left: 25px;
    width: 195px;
}

/**
 * Breadcrumbs
 */

#breadcrumbs {
    margin-left: 235px;
    padding-top: 8px;
    text-transform: uppercase;
    font-size: 8pt;
    color: #666;
}

#breadcrumbs a {
    color: #666;
}

#breadcrumbs span {
    color: #e90000;
    font-weight: bold;
    padding: 0 0.2em;
}

/**
 * Middlething
 */

#middlething {
    color: #666;
    padding: 12px 0;
    clear: both;
}

#middlething div {
    background: #fff;
}

/* Not very elegant, but done for ie6 support */
#middlething div.first  { width: 266px; padding: 12px; float: left; }
#middlething div.second { width: 266px; padding: 12px; float: left; margin-left: 15px; }
#middlething div.third  { width: 266px; padding: 12px; float: right; }

#middlething div h1 {
    color: #e90000;
    font-size: 11pt;
    padding: 0;
    margin: 0;
}

#middlething img {
    float: right;
    width: 90px;
    margin: 0 0 5px 5px;
}

#middlething div p {
    padding: 0 95px 0 0;
    margin: 12px 0;
}


#middlething ul a {
    color: #666;
    text-decoration: underline;
}


/**
 * Footer - the footer_container is an IE hack
 */

#footer {
    background: #c0c0c0 url(../images/footer_bg.png) repeat-x;
    border: #bfbfbf 1px solid;
    margin: 12px 0;
    clear: both;
}

#footer_container div {
    width: 190px;
    color: #333;
    float: left;
    padding: 0 10px 0 20px;
}

#footer_container div.last {
    padding-right: 0;
}

#footer div.clear {
    float: none;
}

/* Some IE6 fixes */

#footer_container div h1 {
    font-size: 9pt;
    padding: 0;
    padding-top: 12px;
    margin: 0;
}

#footer_container div p {
    padding: 0;
    margin: 12px 0;
}

/**
 * Footnote
 */

#footnote {
    color: #666;
    font-size: 8pt;
}

#footnote span {
    float: right;
    padding: 0 0.3em 0 1.3em;
}

#footnote span#fild_name {
    float: left;
    padding-left: 0.3em;
}

/**
 * Box listing
 */

.bbox {
    width: 298px;
    border: 1px solid #eee;
    background: #f7f7f7;
    padding: 10px;
    float: left;
    margin: 10px 10px 0 0;
    text-decoration: none;
}

.bbox_odd {
    margin-right: -100px;
}

.bbox img {
    float: right;
    border: 1px solid #eee;
    width: 90px;
    margin: -3px -3px 5px 5px;
    padding: 3px;
}

.bbox h3 {
    color: #333;
    font-size: 10pt;
    margin: 0;
}

.bbox h4 {
    color: #e90000;
    margin: 2px 0 0 0;
    font-weight: normal;
    font-size: 9pt;
}

.bbox p {
    color: #666;
}

/**
 * Table listing
 */

#content table {
    width: 100%;
    margin: 12px 0;
}

#content table th {
    text-align: left;
    color: #333;
    height: 30px;
    border: solid #efefef;
    border-width: 1px 0 1px 0;
    background: #c0c0c0 url(../images/th_bg.png) repeat-x;
    padding: 0px 10px;
}

#content table td {
    padding: 6px 10px;
}

#content table td.strong {
    color: #333;
}


#content table tr.even {
    background: #f7f7f7;
}

#content table a {
    color: #e90000;
    font-weight: bold;
    text-decoration: none;
}

/**
 * Profile
 */

#profile_header img.profile_image {
    float: right;
    border: 1px solid #eee;
    margin: 0 0 10px 10px;
    padding: 2px;
}

#profile_header ul, #profile_gallery ul {
    list-style-type:none;
    padding: 0;
}

#profile_header ul li, #profile_gallery ul li {
    padding: 3px 0;
    background: none;
}

#profile_header ul li a {
    color: #666;
    text-decoration: none;
}

#profile_header ul li span {
    color:#333333;
    display:block;
    float:left;
    font-weight:bold;
    width:70px;
}

div.lightroom {
    margin: 1em 0;
}

/* Based on http://cssglobe.com/post/1305/create-resizing-thumbnails-using-overflow-property */

#profile_gallery ul.lightroom, ul.lightroom li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#profile_gallery ul.lbthumbs li {
    border:1px solid #eee;
    float:left;
    margin-right:5px;
    padding:2px;
}

#profile_gallery ul.lbthumbs li a {
    width: 112px;
    height: 112px;
    line-height:112px;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/*
The hovering is pretty cool, but doesn't jive well with shadowbox
    <bjorn swift 2009-08-30>

#profile ul.lbthumbs li a:hover {
	overflow:visible;
	z-index:1000;
}

#profile ul.lbthumbs li a:hover img{
	border:1px solid #eee;	
	background:#fff;
	padding: 2px;
	margin: -3px;
}

*/

#profile_gallery ul.lbthumbs img {
    border: none;
    position: absolute;
}

/**
 * Forms
 */
label {
    font-weight: bold;
    color: #000;
}

input, textarea {
    background: #f7f7f7;
    border: #e6e6e6 1px solid;
    padding: 4px;
    margin: 5px 0 10px 0;
}

input    { width: 280px; }
textarea { width: 590px; }

.half_input {
    float: left;
    padding-right: 20px; 
}

#form_submit {
    background: #ec2727;
    border: #e90000 1px solid;
    color: white;
    font-weight: bold;
    width: 70px;
    margin-right: 50px;
    float: right;
}

ul.errorlist {
    padding: 0 0 7px 0;
    margin: 0;
    color: #e90000;
}

/**
 * http://www.webtoolkit.info/css-clearfix.html
 * Thanks for the pointer, oli at mbl is !
 */

.clearfix:after {
	content: ".";

	display: block;
	clear: both;

	visibility: hidden;
	line-height: 0;

	height: 0;
}

 
.clearfix {
	display: inline-block;

}
 
html[xmlns] .clearfix {

	display: block;
}

 
* html .clearfix {
	height: 1%;

}

/**
 * Facebook share
 */

#fbs {
    float:right;
}
#fbs img {
    border: 0;
    padding: 0 20px 0 0;
}