/*
Theme Name: Romani Yag
Theme URI: www.romaniyag.com
Description: Theme for web <a href="http://www.romaniyag.com/">Romani Yag</a>.
Version: 1.0
Author: Filip Herceg
Author URI: http://filip.herceg.info/
*/



/* MAIN STUFF
   ----------------------------------------------------*/

* { margin: 0px; padding: 0px; }

body { height: 100%; background:  #ffffff url(images/back.jpg) repeat-x; font: 1em Trebuchet MS, Arial, serif; text-align: center; color: #000; }

a { text-decoration: underline;	color: #0000FF; }
a:hover { text-decoration: none; }

img { border: none; }
p { text-align: left; line-height: 18px; padding-bottom: 10px; font: 13px Arial, sans-serif; text-indent: 0px; line-height: 140%; }

ul, ol { padding-bottom: 20px; padding-top: 5px; margin-left: 30px;}
ul li, ol li { font: 13px Arial, sans-serif; line-height: 140%; }

.clearFloat { clear: both; }

/* HEADERS
   ----------------------------------------------------*/


h1 { font: 18px Arial, Helvetica, sans-serif; color: #AC0000; margin-bottom: 30px; }
h2 { font: bold 14px Arial, Helvetica; padding-bottom: 5px; padding-top: 15px; }
h3 { font: 115% Trebuchet MS; }

h1 a { color: #3B89AD; }
h1 a:hover { color: #ee6600; border: none; text-decoration: none; }


/* SKELETON
   ----------------------------------------------------*/

#container { margin: auto; width: 970px; }
#header { height: 262px; background: url(images/background/content-background.jpg) repeat-y; }
#main { width: 950px; margin-top: 30px; margin-bottom: 10px; }
#content { float: left; width: 590px; margin-right: 30px; margin-left: 30px; text-align: left; margin-bottom: 20px; }
#footer { clear:both; text-align: center; height: 100px; background-color: #1d1d1d; width: 100%; color: #B2B2B2; padding-top: 5px; padding-bottom: 5px; }


/* HEADER
   ----------------------------------------------------*/

#header #logo { float:left; margin-top: 20px; margin-right: 203px; }
#header #banner { margin-top: 20px; }
#header #languages { text-align:right; width: 950px; }

#languages ul { margin-top: 12px; margin-right: 20px; padding-top: 0px; }
#languages ul li { list-style: none; float: right; font-weight: bold; color: #B2B2B2; margin-left: 10px; font-size: 14px; }
#languages ul li a { color: #666; text-decoration: none; }
#languages ul li.active a { color: #B2B2B2; text-decoration: none; }
#languages ul li a:hover { color: #B2B2B2; text-decoration: none; }

/* MAIN MENU
   -------------------------------menu---------------------*/
	
ul#menu { width: 285px; margin-left: 15px; float: left; padding-top: 0px; }
ul#menu li { list-style: none; text-align: left; padding-bottom: 30px; }
ul#menu li a { color: #AC0000; font-size: 18px; font-weight: bold; text-decoration: none; }
ul#menu li ul li { padding-bottom: 0px; padding-top: 30px; padding-left: 50px; }
ul#menu li ul li a { color: #FF9700; font-size: 16px; font-weight: bold; text-decoration: none; padding-bottom: 0px; }
ul#menu li ul li a:hover { text-decoration: underline; }

/* CONTENT
   ----------------------------------------------------*/
   
div.postmetadata { margin-bottom: 15px; font: 11px Arial, sans-serif; clear:both; }
div.toTop { font-size: 70%; float: right; }

#content img { float:left; border: 3px solid #ddd; margin: 0 10px 5px 0;}

.textIndent { text-indent: 30px; }