/*

	project: vstudio
	author: medianova (www.medianova.hr)
	
*/

/* general */
*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0} 
body { font: .9em Arial, Sans-Serif; background: #fff; color: #A3A3A3; }
a { text-decoration: none; cursor: pointer; }
p  { margin: 0 0 15px; line-height: 1.6em; }
#content { margin: 20px auto; width: 1240px; background-repeat: no-repeat; background-position: right top; }
#logo { margin: 0 0 10px 3px; }
.x { clear: both; }

/* sidebar menu */
#side { float: left; clear: left; width: 175px; background: #A3A3A3; height: 519px; border-bottom: 2px solid #A3A3A3; margin: 0 0 3px; padding: 15px 0 0; }
	#side ul { padding: 0 0 0 10px; }
		#side ul#mainmenu { height: 454px; }
	#side li { text-transform: lowercase; font-size: .9em; }
	#side li a { color: #fff; display: block; padding: 3px 4px; }
		#side li.current a { background: #C7C7C7; }
		#side .darker { color: #ccc; }
		
	#mainmenu { overflow: hidden; }
		
	#additional { padding: 0 0 0 15px; }
	#icons { float: right; margin: 14px 5px 0 0; }
	#vblog { margin: 16px 0 0; }
	
	/* footer */
	#footer { clear: both; font-size: .8em; color: #ccc; text-align: right; padding: 0 6px 0 0; }
		#footer a { color: #ddd; }
	
/* main central section */
#main { float: right; width: 1040px; border: 1px solid #a3a3a3; padding: 7px 7px 0; height: 527px; }
	
	/* image and overlay */
	#image-box { float: left; width: 733px; }
		#overlay { position: relative; background: #A3A3A3; margin: -30px 0 0; height: 27px; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; }
		#overlay-text { position: relative; margin: -26px 0 0 10px; color: #fff; }
	
	/* vblog */
	#vblog-lside { width: 500px; float: left; }
	#vblog-form { clear: both; height: 165px; }
		textarea { float: left; width: 300px; height: 153px; margin: 0 5px 0 0; padding: 2px; border: 1px solid #C3C3C3; color: #C3C3C3; }
			textarea:focus { border: 1px solid #ccc; color: #ccc; }
		input.text { padding: 2px; border: 1px solid #C3C3C3; color: #C3C3C3; width: 175px; margin: 0 0 5px; }
			input.text:focus { border: 1px solid #ccc; color: #ccc; }
		input.submit { background: #A3A3A3; border: 0; padding: 4px 6px; color: #fff; font-size: .9em; }
		input.red, textarea.red { border: 1px solid #D51C08; }
	#vblog-title { border: 1px solid #A9A9A9; padding: 6px 10px 2px; margin: 0 0 8px; }
	.line { clear: both; border-bottom: 1px solid #a9a9a9; padding: 2px 0 0; margin: 0 0 5px; }
	.comment { margin: 0 0 1px; }
	.comment-info { font-size: .9em; margin: 0 0 20px; }
	.vblog-pagination { float: right; height: 23px; text-align: right; margin: 0 4px 0 0; }
	#sharing { float: right; padding: 5px 0 0; }
	#comm_caption { float: left; }
	
	
	#text { float: right; width: 285px; font-size: .9em; padding: 5px 15px 0 0; }
		#text.vblog-text { width: 520px; }
		#text h2 { margin: 0 0 12px 20px; font: 1.2em Arial, Sans-Serif; color: #818181; }
		#text h3 { margin: 0 0 2px 20px; font: normal 1.1em Arial, Sans-Serif; color: #bababa; }
		#text h4 { margin: 0 0 5px; }
		#text .date { font-size: .9em; margin: 0 0 5px; }
		#text a { color: #636363; }
	
	#pdf { float: right; }
	
	#pagination { clear: both; padding: 4px 0 0 20px; font-size: .9em; }
		#pagination a { float: left; width: 14px; color: #A3A3A3;  }
			#pagination a:hover, #pagination a.current { color: #555; font-weight: bold; }

/* scrolldiv */
div#scrollbar { display:block; }
div#wn { position:relative; color: #818181; width:265px; float: right; height:440px; overflow:hidden; text-align: justify; }
	#text.vblog-text div#wn { width: 500px; }
div#scrollbar { position:relative; width:1px; float: left; height:440px; font-size:1px; background: #a3a3a3; }
div#track { position:absolute; left:0; top:-1px; width:8px; height:442px;  }
div#dragBar { position:absolute; left:0px; top:0px; width:6px; height:10px; background: #a3a3a3; }  
div#scrollbar, div#track, div#dragBar { -moz-user-select: none; -khtml-user-select: none; }
div#scrollbar img { display:block; }