/*
Theme Name: Youcanski.com
Base Theme URI: http://youcanski.com
Base Theme Author: Irina Zaks
Base Theme Author URI: http://www.iringweb.com

 
Uses some elements of the theme Unsleepable: http://www.openswitch.org
 
        All elements of this theme are protected by the GPL:
	http://www.opensource.org/licenses/gpl-license.php
 

*/
*  {	margin: 0;
		padding: 0;} 
 

.clear  {
 clear:both;
 }

body {
	background-color:#efefef;
	color:#444444;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 80%;
 	background-image:url(images/backgr.gif);
}

a 		{color:#003366 ; text-decoration: none;}
a:hover, #wrapper a:hover {background-color: #888888; color:#CC0000;  text-decoration: underline;} 
a:visited{ color:#336699; 	text-decoration: none; }
 
  
img {border: none;}

p {margin: 0 0 1em 0; line-height: 1.25em;}
 
.left {float: left; margin: 0 1em .8em 0;  }
.right {float: right; margin: 0 0 1em .8em;  }

img.left,  img.right  { border: 1px solid #666;}

 
/* Forms ----------------------------------------------------------------------------------------------- */

fieldset {border: 0;}


/* Headers ----------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-family:"Trebuchet MS", Verdana, sans-serif;  }

h1 {margin: 0 0 .5em 0; font: 600 140% ; color: #900; font-size:180%;}
h2 {color: #9C0000;     margin:  .5em 0; padding: 0; text-transform: uppercase; border-bottom:#900 dotted 1px   }
h3 {margin:   .5em 0;  text-transform: uppercase; border-bottom:#900 dotted 1px   }
 
/* Lists ----------------------------------------------------------------------------------------------- */

ul, ol {margin: 1em 0 1em 1em;}
li {margin: 0 0 .5em 1em; }
#content ul li {list-style-type:square;}
ol   { list-style-type:decimal;}

dl {margin: 0 0 1em 0;}
dd {margin: 0 0 .5em 2em;}
dt {font-weight: bold;}
 
/* Tables ----------------------------------------------------------------------------------------------- */

table 	{border-collapse: collapse; margin: 0 0 0em 0;}

td 		{vertical-align: top; padding: .5em;}

td a:hover {text-decoration: underline;}

tr:focus {background-color: #ffd;}
 
 
/* Layout ----------------------------------------------------------------------------------------------- */

hr.clearfloat {clear: both; visibility: hidden;}

#wrapper {
	margin: 0 auto;
	padding: 0 9px 0 0;
	width: 90%;
	min-width: 820px;
	border-bottom: 1px solid #e1e1e1;
	background: #fff url(images/shadowRight.jpg) repeat-y top right;
	height: auto;
}

#wrapper #shadow {padding: 0 0 0 9px; background: #fff   url(images/shadowLeft.jpg) repeat-y top left;}

 
#content {padding: 0 1em 0 1em; min-height: 600px;}
#maincontent {float: left; width: 70%; padding-right:2%; margin-right: 2%; min-height: 600px; border-right: 1px solid #ccc }
/*#sidebar {float: left; width: 23%; min-width: 200px;  }
*/

#sidebar {float: left; width: 22%; min-width: 200px;  }

#footer {clear: both;}

 
/* Colors and Typography --------------------------- ---------------------------------------------------------- */ 
#header  {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	color: #999999;
	font-size: 1.2em;
	font-weight:bold;
	background-image:url(/images/web_banner_maier.jpg);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	height:210px;
	margin: 0;
}  

 
 #header ul.topnav  {
 	overflow:visible;
 	background:#FFFFFF;
 	border-left: 1px solid #888888;
 	padding-left: 1em;
	margin-top: 0; 
	padding-top: .8em;
 float:right;
 width: 236px;
 height: 114px;
 }

#header  li {
 	margin: 0;
	font-color: #003366;
 	text-decoration: none;
	list-style-type: none;
	text-align: left;
	background-color: transparent;
}


#header   a  {
    padding-right: 0em;      
	color: #888888;
	text-decoration: none;
}

#header a:visited {
	color:#336699;
	text-decoration: none;
 
}
#header a:hover{
	background-color: #888888;
	color: #EEEEEE;
	text-decoration: underline;
}
 
.nohover {
	background-color: transparent;
}  

#header img{
padding: 0px;
margin: 0px;
}
 
 

/* styles for content part; #article and #rightcolmn are positioned inside div with class "spacer", no styles for id content are difined  */ 
  
.head {
 	color: #888888;
	background-color: #A8B7C7;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
 	padding: .3em 1em;
	margin: 0;
	text-align: left;
	border-bottom: 1px solid gray; 
}
 
 

 #rightcolumn   {
 float:right; 
 position:relative; 
 width: 20% 
}
#rightcolumn .head {
	background-color:#003366;
}

 
/* styles for content part; #article and #rightcolmn are positioned inside div with class "spacer", no styles for id content are difined  */ 
#article   {
 float:left; 
 position:relative;
  width:80% 
  }
 

#article .head {
	background-color: #A8B7C7;
}
 #maincontent img {
margin: .5em;
padding: .5em;

}
 

  



#footer    {
 	font-family: "Arial Narrow", Helvetica, sans-serif;
	color: #999999;
	font-size: 1.2em;
  	background-color:#CCCCCC;
}

#footer  p {
 	width:100%;
   	text-align: right;
	vertical-align: middle;
}
 

/* Exceptions ----------------------------------------------------------------------------------------------- */

#skip {}

#skip a {position: absolute; left: -999px;}
#skip a:focus {padding:3px; left:50%!important;}
  

 

/*  Helper classes  ----------------------------------------------------------------------------------------------- */
 
/* .entry class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */
/* End hide from IE-mac */ 





/*#header  p{
	text-align: right;
	border-bottom: 1px dotted grey;
	margin-bottom: 1px;
 }*/