/*

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

*/

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

body { font: .9em Georgia, "Times New Roman", Sans-Serif; background: #fff url(../images/bg.gif) repeat-x; color: #333; }
a { color: #A82A15; text-decoration: none; }
a:hover { color: #000000; text-decoration: none;}
img { border: 0; }
h1 {  float: none; margin: 20px 0 0px; font-size: 2em; color: #fff; }
h2 { font-size: 2.0em; font-weight: normal; margin: 0 0 0px; color:#A82A15; }
h3 { font-size: 1.2em; font-weight: bold; margin: 2px 0 10px; }
h4 { float: left; font-size: 1.3em; font-weight: normal; margin: 0px 0px 0px 0px; color:#ffffff}
h2 a:hover { background: #A82A15; color: #fff; }
.hr { 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;}
	#top li { list-style: none; display: inline; }
	#top li a { float: left; padding: 6px 20px; margin: -23px 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; }
#left { float: left; width: 500px; margin: 0 0 15px; }
#right { float: right; width: 280px; }

#right a { color: #94B3FC; text-decoration: none; background: #ffffff;}
#right a:hover { color: #6A96FB; text-decoration: none; background: #ffffff;}

#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 img a:hover { margin: 0 3px 3px 0; border: 4px solid #eee; padding: 2px; }

#right li { list-style: none; }
	#right li a { display: block; border-bottom: 1px solid #ccc; padding: 5px 5px; color: #A82A15;}
	#right li a:hover { color: #000000; text-decoration: none; background: #C8C8C8;}

#right h1 a { color: #D9DAF9; text-decoration: none; font-size: 20px; margin: 0px 0px 0px 4px; float: left;}
#right h1 a:hover { color: #0066FF; text-decoration: none; background: #ffffff; float: left;}
#right h2 a { color: #D9DAF9; text-decoration: none; font-size: 17px; margin: 3px 0px 0px 4px; float: left;}
#right h2 a:hover { color: #0066FF; text-decoration: none; background: #ffffff; float: left;}
#right h4 a { color: #D9DAF9; text-decoration: none; font-size: 14px; padding: 6px 0px 0px 4px; float: left;}
#right h4 a:hover { color: #0066FF; text-decoration: none; background: #ffffff; float: left;}


#footer { clear: both; padding: 8px 0px 0px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	#r { float: right; }