/*
Theme Name: EFS theme Live
Theme URI: efsgroup.pl
Author: Kaarel Sikk
Author URI: http://kaarel.sikk.info/
Description: EFS group web theme
Version: 0.1
License: GNU General Public License
License URI: license.txt
Tags: dark, black
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #000;
	line-height: 1;
	color:#858585;
	
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Text meant only for screen readers */
.screen-reader-text, .assistive-text {
	position: absolute;
	left: -9000px;
}

div.skip-link {
	display:none;
}

strong {
	font-weight:bold;
}

a:link {color: #696969; text-decoration: none; }
a:active {color: #ffffff; text-decoration: none; }
a:visited {color: #696969; text-decoration: none; }
a:hover {color: #ffffff; text-decoration: none; }

/* =Structure
----------------------------------------------- */
html {
	height:90%;
}

body {
	padding: 0 2em;
	background-color:#000;
	height:80%;
}
#page {
	margin: auto;
	width: 900px;
	height:auto;
	margin-top:0.5em;
	margin-bottom:1px;
	padding:0;
	min-height:490px;
	overflow:hidden;
	background-color:#141414;
}

header, footer {
background-color:#000;
}

header.entry-header {
background-color:#fff;
}

#branding {
	text-align:center;
}
#main {
	margin-top:1em;
	height:auto;
	max-height:550px;
}

#primary {
	height:auto;
	float:right;
	width:75%;
}

#primary-single {
	min-height:430px;
	clear:both;
}
/*#access div {
	margin: 0 7.6%;
}
#content {
	margin: 0 34% 0 7.6%;
	width: 58.4%;
}
*/
/* = Menu
----------------------------------------------- */

.menu-mainmenu-container, .menu-mainmenu_pol-container {
	width:100%; 
	height:32px; 
	position:relative; 
	z-index:100;
	/*border-right:1px solid #585752; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform: uppercase;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:100%; w\idth:900px;}
/* remove all the bullets, borders and padding from the default list styling */
ul.menu {padding:0;margin:0;list-style-type:none;}
ul.menu ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;border:1px solid #585752; border-width:0 0 1px 0;}
.menu li a {color:#858585;}
.menu li.current-menu-item, .menu li.current-menu-ancestor, .menu li.current-menu-parent {
	border-width:1px 1px 0 1px;
}

ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a, ul.menu li.current-menu-parent > a{
	color:#ffffff;
}
ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a, ul.menu li.current-menu-parent > a{
	color:#ffffff;
}

/*
ul.menu li.current-menu-item ul a,  ul.menu li.current-menu-parent ul ul a, ul.menu ul li.current-menu-item ul a {
	color:#858585;
}

ul.menu li.current-menu-item a, ul.menu li.current-menu-ancestor a, ul.menu li.current-menu-parent a, ul.menu ul li.current-menu-item a, ul.menu ul ul li.current-menu-item a{
	color:#ffffff;
}

ul.menu li.current-menu-item ul a:hover,  ul.menu li.current-menu-ancestor ul a:hover, ul.menu li.current-menu-parent ul a:hover, ul.menu ul li.current-menu-item ul a:hover, ul.menu ul ul li.current-menu-item ul a:hover {
	color:#ffffff;
}
*/
/* style the links for the top level */
.menu a {text-align:center; color: #858585; display:block;font-size:12px;text-decoration:none; height:30px;  background:#000000; line-height:29px;margin-left:23px;margin-right:23px;}
.menu a:active, .menu a:hover {color: #ffffff; text-decoration: none; }

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a{width:120px; w\idth:119px;}

/* style the second level background 
ul.menu ul a, .menu ul ul a:visited {background:#000;}

/* style the third level background */
ul.menu ul ul a {background:#000;text-align:left;}
/* style the third level hover */
ul.menu ul ul a:hover {background:#000;color: #ffffff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.menu ul {visibility:hidden; float:left;display:block;position:absolute;height:0;top:31px;left:0; width:240px;border:1px solid #000;padding-bottom:10px;}
ul.menu ul li {
	text-transform: none;
	position:relative;
	border:0;
	width:240px;
}
/* another hack for IE5.5 */
* html ul.menu ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
ul.menu ul ul{left:240px; width:250px;height:30px;background-color:#000;top:-25px;padding-top:20px;}

/* style the table so that it takes no part in the layout - required for IE to work 
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}*/

/* style the second level links */
ul.menu ul a {background:#000; color:#858585; height:auto; line-height:1em; padding:5px 0px; width:240px;border-width:0 1px 1px 1px;text-align:left;margin-left:0; padding-left:10px;}
/* style the second level hover */
ul.menu ul a:hover {background:#000;color: #ffffff;}

/* yet another hack for IE5.5 */
* html ul.menu ul a {width:120px;w\idth:108px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#000000;}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff; background:#000000;}

/* make the second level visible when hover on first level list OR link */
ul.menu li:hover ul,
ul.menu a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
ul.menu :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
ul.menu :hover ul :hover ul{ visibility:visible;}

/* Content
--------------------------------------------*/
#content {
	margin:0;
	padding:0;
	float:right;
	width:100%;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5f5f5f;
	min-height:450px;
	height:auto;
	overflow:auto;

	
}
#content article {
	width:100%;
	
}

#content article p{
	font-size:13px;
}
#sidebar {
	padding-bottom:auto; 
	margin:0;	
	float:right;
	width:25%;
	background-color:#141414;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

h1.entry-title a, h1.entry-title a:hover, article header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	line-height:30pt;
	padding-left:20pt;
	padding-right:10pt;
}
.entry-content {
	padding-left:20pt;
	padding-right:20pt;
	text-align:justify;
}

.entry-content p{
	padding-bottom:10pt;
}

#content-single {
	width:100%;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5f5f5f;
	min-height:430px;
	height:100%;
}

span.edit-link a {
	color:red;
}
span.edit-link a:hover {
	text-decoration:underline;
}

article .wp-post-image {
	width:100%;
	padding:5pt 0pt 15pt 0pt;
}

/* Sidebar menu
--------------------------------------------*/
#sidebar .menu li, #sidebar ul {
	float:none;
	clear:both;
	border:0;
	background-color:#141414;
	width:auto;
	text-align:left;
	padding-top:5px;
}
#sidebar .menu li a {
	background-color:#141414;
	width:auto;
	text-align:left;
	margin-left:5px;
	margin-right:0;
	height:auto;
	padding-top:5px;
	line-height:1em;
}
/* Content menu
--------------------------------------------*/
#content ul.menu li{
	border-width:1px 1px 1px 1px;
	float:right;
	width:auto;
	background-color:#fff;
	border:0;
}
#content ul.menu li.current-menu-item a, #content .menu a {
	width:auto;
	background-color:#fff;
	color:#000;
}
#content ul.menu li.current-menu-item, #content ul.menu li.current-menu-item a {
	background-color:#000;
	border:0;
	color:#fff;

}
/* Slideshow
--------------------------------------------*/



/* Footer
--------------------------------------------*/
#colophon div ul.menu li{
	border-width:0 1px 0 0;
	width:auto;
}
#colophon div ul.menu li a{
	height:15px;
	line-height:15px;
	font-size:12px;
	color:#858585;
}

#colophon {
	font-size:12px;
	clear:both;
	padding-top:1em;
	font-family:Arial, Helvetica, sans-serif;
	
}


#colophon span.genova, #colophon span.copyright {
	text-align:right;
	float:right;
	font-size:12px;
	padding-left:100px;
	color:#fff;
}

#colophon span.copyright {
	
	color:#858585;
}

/* IMage wrap
--------------------------------------------*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* page with leftimage
--------------------------------------------*/

div.leftimage {
	float:left;
	width:400px;
	padding:20px;
}

div.rightarticle {
	float:right;
	width:400px;
	height:400px;
	padding:20px;
	
}

/* Carousel
--------------------------------------------*/
.stepcarousel{
    position: relative; /*leave this value alone*/
    overflow: hidden; /*leave this value alone*/
    width: 900px; /*Width of Carousel Viewer itself*/
    height: 430px; /*Height should enough to fit largest content's height*/
    margin: 0;
    }
.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left: 0px;
    top: 0px;
    width:3000px;
    overflow:hidden;
    }
.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0; /*margin around each panel*/
    padding: 0 0 10px 0;
    width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    height:450px;
    
    }
.stepcarousel_table .panel {
    clear: both;
    }
.stepcarousel_table .panel img {
    margin: 0 0px 10px 0;
    }
div.panel_left {
    float: left;
    }
div.panel_right {
    float: left;
    width: 300px;
    }
.stepcarousel_table {
    position: relative; /*leave this value alone*/
    width: 900px; /*Width of Carousel Viewer itself*/
    margin-left: 10px;
    }
    
.panel .description {
	position:absolute;
	font-stretch:condensed;
	top:300px;
	height:70px;
	width:900px;
	background-image:url("images/transparent.png");
	z-index:30;
	padding:30px 50px 0 50px;
	font-size:18px;
	color:#ccc;

}
/*
.panel .description a{
	font-stretch:condensed;

}
*/
.panel .num{
	z-index:35;
	font-stretch:condensed;
	position:absolute;
	top:322px;
	right:60px;
	padding:20px 0 0 20px;
	font-size:15px;
	color:#eee;

}

.dialog {
        filter:alpha(opacity=80); /* for IE4 - IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
}
.ui-dialog-content {
	text-align:justify;
}
/* Stupid exceptions
--------------------------------------------*/

#post-29 table td {
	padding:10px;
	
}

.clear {
	clear:both;
}