/*

	project: watchthis!
	author: luka cvrk (www.solucija.com)

*/

/* global reset */
*{ margin: 0; padding: 0; }*
:focus, :active { outline: 0; }

body { font: .9em Tahoma, Sans-Serif; background: #fff url(../images/bg.gif) repeat-x; color: #000; }
a { color: #A82A15; text-decoration: none; }
img { border: 0; }
h1 {  float: left; font: 4em Georgia, "Times New Roman", Serif; margin: 20px 0 30px; color: #fff; }
h2 { font-size: 1.4em; font-weight: normal; margin: 0 0 20px; }
h2 a:hover { background: #A82A15; color: #fff; }
/* .hr { color: #A82A15; }*/
.hr { color: #FFF; }
.hr2 { font: Georgia, "Times New Roman", Serif; color: #ccc; }
p  { margin: 5px 0 15px; line-height: 1.6em; }
#content { margin: 0 auto; width: 900px; }
#top { float: right; margin: 38px 0 30px 0; border: 0px solid #dedede;}
#top li { list-style: none; display: inline; }
#top li a { float: left; padding: 6px 20px; margin: 3px 2px 0 0; color: #ccc; }
#top li a.current { color: #fff; background: #A82A15; }
#top li a:hover { background: #808080; color: #fff; }
#intro { clear: both; padding: 15px 0 1px 20px; border: 1px solid #dedede; font-size: 1.3em; background: #eee; margin: 0 0 30px; }
#introinv { clear: both; padding: 5px 0 1px 5px; margin: 0 0 0px; }
#left { float: left; width: 500px; margin: 0 0 15px; }
#main { border: 0px solid #000; width: 700px; margin: auto auto 15px; }
#rightcolumn { float: right; width: 350px; }
#leftcolumn { float: left; width: 350px; }
#centeritem { width: 450px; margin-left: auto; margin-right: auto; clear: both;}
#right { float: right; width: 280px; }
#right h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px; }
#right img { margin: 0 3px 3px 0; border: 2px solid #eee; padding: 2px; }
#right li { list-style: none; }
#right li a { display: block; border-bottom: 1px solid #ccc; padding: 5px 5px; }
#footer { text-align: center; clear: both; padding: 15px 0; border-top: 1px solid #ccc; font-size: .6em;}
#r { float: right; }

.floatright { 
	float: right; 
	margin: 0 0 10px 10px;
	border: 0px;
}

.floatleft { 
	float: left; 
	margin: 0 10px 0px 0px;
	border: 0px;
}


.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}


.soft-description { 
	margin: 0px 0px 50px 30px;
	text-align: top;
	height: 150px;
}

.soft-main { 
	margin: 0px 0px 10px 10px;
	text-align: top;
}

li {
	margin-left: 30px;
}

#download {
	font-size: 13px;
	background: url(/download2.png) no-repeat;
	width: 302px;
	padding: 0 0 0 35px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}

pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
 background: #faf8f0;
}

code {
 display: block;
 padding: 0.5em 1em;
 border: 1px solid #bebab0;
}

.warranty { 
	margin: 20px 0px 20px 0px;
	text-align: top;
	font-size: .8em;
}

:root { overflow-y:scroll; }

#toppanel { position:relative;margin:10px 0 30px 0;height:100px;padding:6px 10px;background:url(/images/panel2.gif) 0 0 repeat-x;border:1px solid #666;-webkit-border-radius:5px;-moz-border-radius:5px; }

div.apptitle {height: 84px;}
span.appname { margin: 0 0 0 0; font-size: 3em; color: #000; height: 84; vertical-align:middle;} 
#toppanel h2 {  margin: 0 0 0 0; font-size: 3em; color: #000; }
#toppanel h3 {  margin: 20px 0 50px; font-size: 0.9em; color: #666; }
#downloadbox { margin: 0 0 0 0; float: right; width: 100px; height: 100px; border-left: 1px solid #aaa; text-align: center; font-size:0.8em; font-weight: bold; vertical-align:middle;}