/*

	project: gentle wiki
	author: luka cvrk

*/

/* global reset */
:link,:visited { text-decoration:none } :focus, :active { outline: 0 } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img { border:none } address { font-style:normal }
body { font: .74em Arial, Sans-Serif; background: #FFF url(../images/bg.jpg) repeat-x; color: #333; line-height: 1.6em; }
a { color: #008c00; text-decoration: underline; }
a:hover { color: #2e8c00; }
p  { margin: 5px 0 15px;}
h2 { color: #008c00;background: url(../images/bullet.gif) no-repeat left 6px; font-size: 1.2em; padding: 0 0 0 9px; }
h2 a { text-decoration: underline; }
h1 { font: 2.3em Georgia; margin: 0 0 22px; }
h1 a { color: #fff; }
h1 a:hover { color: #CFA5D3; }
.clear { clear: both; }
.wrap { margin: 25px auto; margin-top:70px; width: 880px; }
.imgwrap { margin-left: 282px; margin-top:20px; width: 880px; }
#options {
    float: right;
    color: #fff;
    font-weight: bold;
}
	#options a {
    color: #fff;
    padding: 0 0 0 8px;
    background: url(../images/bullet.gif) no-repeat left 5px;
    margin: 0 0 0 10px;
}
	#options a:hover { color: #E6E8B1; }

#menu { float: left; margin: 0 0 40px;}
#menu li { display: inline;  }
#menu li a {
    float: left;
    padding: 8px 30px;
    margin: 0 1px 0 0;
    color: #00f200;
    background: #222222;
}
	#menu li a:hover { color: #333; background: #00f200; }

#left { float: left; width: 600px; margin: 0 0 40px; }
#right { float: right; width: 270px; margin: 0 0 40px; background: #fff; border: 1px solid #00f200; padding: 1px; }
	.box { background: #008c00; border-bottom: 1px solid #008c28; border-right: 1px solid #008c28; color: #fff; padding: 15px; }
	.box h3 { margin: 0 0 10px; }
	.box p { margin: 0; }

.wrap-footer { margin: 25px auto; width: 880px; }
#footer { clear: both; border-top: 5px solid #323232; background: #393939 url(../images/footerbg.gif) repeat-x bottom; color: #808080; padding: 10px 0; }
	#footer ul { float: left; width: 200px; }
	#footer li { padding: 5px 8px; background: url(../images/dot.gif) repeat-x bottom; }
		#footer li a {
    color: #00f200;
}
		#footer li a:hover { color: #BBFFBB; }
	#footer #col { float: right; width: 600px;   }
	#copyright { background: url(../images/dot.gif) repeat-x top; padding: 24px 0 0; font-size: .9em; }
	
	div.mailleft
{width: 150px;
 float: left;

 line-height:22px;
 margin-top:3px;
 text-align: right;
}

div.mailright	
	{width: 200px;
	 margin-left: 160px;
margin-top:3px;
line-height:22px;	
text-align: left;
}