/* 
CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */

#menu {
	list-style:none;
	margin:0;
	width: 210px;
	height:27px;
	line-height: 27px;
	padding:0;
	text-transform:uppercase;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 0;
}

#menu li:hover {
	
	/* Background color and gradients */
	
	background: #fff;
/*	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));*/
	
	/* Rounded corners */
	
/*	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;*/
}

#menu li a {
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #ffffff;
	display:block;
	outline:0;
	text-decoration:none;
	letter-spacing:normal;
}

#menu li:hover a {
	color:#000;
}

#menu li a.drop {
	width: 210px;
	height: 27px;
	display: block;
	background: #c4161c url(images/nedelnik_republika_logo.png) no-repeat 0 0;
	text-indent: -9999px;
}

/*#menu li .drop {
	padding-right:19px;
	<!--background:url("../images/drop.png") no-repeat right 8px;-->
}
#menu li:hover .drop {
	background:url("../images/drop.png") no-repeat right 7px;
}*/

.dropdown_nedelnik {
	margin-right: -3px;;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:15px 0 20px 27px;
	z-index:10000;
	background:transparent url(images/big-menu-bg.png) no-repeat 0 0;
	width: 806px;
	height: 300px;
}

#menu li:hover .dropdown_nedelnik {
	left:-1px;
	top:auto;
}

.col_140 {
	display:inline;
	float: left;
	position: relative;
	padding: 10px 0;
	margin: 0 10px 0 0;
	width: 140px;
}
.col_200 {
	display:inline;
	float: left;
	position: relative;
	padding: 9px;
	width: 200px;
}

.col_sep {
}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu h4, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#menu h2 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
	text-transform:uppercase;
	color:#000;
}
#menu h3 {
	font-size:12px;
	margin: 10px 0 15px 0;
	padding: 0;
	text-transform: uppercase;
}
#menu h4 {
	font-size:12px;
	margin: 0;
	padding: 0;
	text-transform: none;
	line-height: 1.3em;
}
#menu h4 a {
	font-size:12px;
	color: #A50302;
	text-transform:none;
	border: none;
}
#menu h4 a:hover {
	text-decoration: underline;
	border: none;
}
#menu p {
	line-height:1.3em;
	margin:0 0 10px 0;
	text-transform: none;
}

#menu p.menu-title {
	color: #A50302;
	margin: 0 0 5px 0;
	padding: 0;
}

#menu p.menu-title a {
	color: #A50302;
}

#menu p.menu-title a:hover {
	text-decoration: underline;
}

#menu p.menu-name {
	font-weight: normal;
	color: #A50302;
	margin: 0 0 5px 0;
	padding: 0;
}

#menu p.menu-name a {
	color: #A50302;
}

#menu p.menu-name a:hover {
	text-decoration: underline;
}
	

/*#menu li:hover div a {
	font-size:12px;
	color:#A50302;
}
#menu li:hover div a:hover {
	color:#de1615;
}*/


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:0 8px 0 0;
}
.img_right { /* Image sticks to the left */
	width:auto;
	float:right;
	margin:0 0 0 8px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:15px;
	position:relative;
	padding:0 0 7px 0;
	margin:0;
	float:none;
	text-align:left;
	/*width:170px;*/
	text-transform: none;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0 0 7px 0;
	margin:0;
}

#menu li ul li a {
	font-size: 12px;
	line-height: 15px;
	color: #A50302;
	text-decoration: none;
}

#menu li ul li a:hover {
	text-decoration: underline;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

#menu ul.novosti {
	overflow: hidden;
	margin: 0 0 30px 0;
}

#menu ul.novosti li {
	float: left;
	clear: left;
	display: block;
	overflow: hidden;
	width: 140px;
	padding: 5px 0 4px;
}

#menu ul.novosti li:hover {
	padding: 5px 0 4px;
	margin:0;
}

#menu ul.novosti li.nadnaslov {
	font-size: 11px;
	line-height: 1.3em;
	text-transform: uppercase;
	color: #444;
	font-weight: normal;
}

#menu ul.novosti li.naslov {
	font-size: 14px;
	line-height: 1.3em;
	font-weight: bold;
	color: #c4161c;
}

.fb-like-button {
	position: absolute;
	bottom: 30px;
	right: 27px;
}