/*#####################################
Name: jasmine
Date: 2009-03-27
Description: 09 style.
Author: DonT
URL: http://www.blue-cube.sk
#####################################*/

/**** Default styles*/
	
* { margin: 0; padding: 0; border: 0;}
a { text-decoration: none;}
img, a img { border: 0;}
ul, li { list-style: none;}
html, body { height: 101%;}
body { background: #06c url(../images/pagebg.jpg) repeat-x; font-family: "Lucida Grande", verdana, "Lucida Sans Unicode", sans-serif; font-size: 62.5%; color: #9f9f9f;}
.clear { clear: both; margin: 3px 0;} /* Use .clear To clear floats. I chose this over the 'better' clearing method (the :AFTER technique) just for ease for the css beginners who need to understand this .  */

/**** Paragraph styles*/
p { color: #ffc; line-height: 1.5em; font-size: 1.12em; margin-left: 6px;}
p a { color: #fc0;}
p a:hover {color: #39f; border-bottom: 1px dotted #fff;}
abbr, acronym { border-bottom: 1px dotted #666;}
blockquote { margin: 10px auto;width: 450px; background: #06c url(../images/bcg2.jpg) no-repeat center bottom; font-size: 1.5em; font-style: italic;}
blockquote p { margin: 10px; padding: 10px;}
cite { color: #555; text-indent: 20px; font-size: 0.8em;}
pre { margin: 10px auto 10px auto; width: 450px; background: #3B3B3B url(../images/code.gif) no-repeat center bottom; font-size: 1.4em; color: #9f9f9f;}
p.sub { margin: -1px 0 30px; font-size: 0.9em; color: #cff;}


/**** Main container and culoumns*/

#container { width: 770px; margin: 0 auto;}
#leftcol { width: 200px; float: left; margin-top: 40px; height: 105%;}
#rightcol { width: 549px; float: right; margin-top: 100px;}


/**** Headers*/
 
 /* The logo styles */
	h1 { font-size: 3.7em; white-space: pre; line-height: 38px; color: #fff;} /* please dont use h1 anywhere else then the logo!!! */
	h1 span { color: #FF9215; font-size: 0.8em;}

h2 { font-size: 1em; margin: 8px 0;}
h2 a { font-size: 2.3em; padding: 0 6px; font-weight: 300; color: #000; letter-spacing: -0.02em;}
h2 a:hover { color: #fff; background: #fc0 url(../images/headerhover.gif) repeat-x;}
h2 span { font-size: 1em; color: #b8b8b8; margin-left: 10px;}
h3 { color: #fff; font-size: 1.3em; margin: 15px 0 10px; border-bottom: 1px dotted #ffc; }
h4, h5, h6 { font-size: 1.3em; color: #f0f0f0; margin: 10px 10px 10px 6px; width: 80%; border-bottom: 1px dotted #666} 

/**** Article options box*/
.artop { background-image: url(../images/bcg1.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 548px; height: 42px; margin: 20px auto 30px; }
.artop p { line-height: 42px; color: #000; text-indent: 10px;}
.artop a { color: #000;}
.artop a:hover  { color: #fff; border-bottom: 1px dotted #fff;}

/**** List in the left*/
#leftcol ul li a { color: #cff; display: block; font-size: 1.2em; text-indent: 10px; line-height: 25px; width: 195px; height: 25px;}
#leftcol ul li a:hover { color: #fff; background-image: url(../images/bhover.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }