/* @group clearfix */

#clear {
	clear: both;
}

.clearfix {  
	display: inline-block;  
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";  
	display: block;  
	clear: both;  
	visibility: hidden;  
	line-height: 0;  
	height: 0;  
}  
html[xmlns] .clearfix {  
	display: block;  
}  
* html .clearfix {  
	height: 1%;  
}

h1 {
	margin: 0 !important;
}

.40px {
	width: 100%;
	margin-top: 40px;
}

/* @end */

/* @group Utility */

/* Remove borders on FFox images */

img {
	border-style: none;
}

/* Generic floating */

.left {
	float: left;
}

.right {
	float: right;
}



/* @end */

/* @group Global Text Styling */

p {
	margin-top: 0;
	margin-bottom: 5px;
}

a {
	color: #fff;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
}

a:hover {
	text-decoration: none;
	color: #fff;
}

hr {
	border-color: #b8b8b8;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

.notifier {
	display: block;
	background-color: #4b0019;
	padding: 5px;
	margin: 5px;
	font-size: 12px;
}

.notifier h1 {
	font-size: 17px;
	margin-top: 0px;
	border-bottom: 1px solid #9d0136;
	padding-bottom: 2px;
}

.notifier div {
	float: left;
}

.notifier div a:hover {
	text-decoration: underline;
}



/* @end */

/* @group Layout */

body {
	background: #626262 url(../images/pattern.jpg);
	font: 0.8em Arial;
	color: white;
	margin-top: 0;
}

#topMenu {
	margin: 0 auto;
	width: 1005px;
	background: #111111;
	height: 32px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	font: Arial;
	text-transform: uppercase;
}

.topMenu  {
	margin-top: 0;
	padding-top: 10px;
	padding-left: 5px;
}

.topMenu li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}

.topMenu li a, .topMenu li.current_page_item a {
	color: #fff;
}

.topMenu li a:hover, .topMenu li a:active  {
	color: #dadada;
}

#header {
	width: 1005px;
	height: 105px;
	background: #111111;
	margin: 0 auto;
	border-top:1px solid #000000;
}

#logo {
	background: url(../images/logo.jpg);
	width: 265px;
	height: 105px;
	float: left;
}

#reklamaHeader { /*720x90px*/
	width: 720px;
	height: 90px;
	margin-top: 7px;
	margin-right: 10px;
	background: #111111;
	float: right;
}

#menu-top {
	width: 1005px;
	border-top:1px solid #000000;
	margin: 0 auto;
}

#menu-top a {
	font-size: 15px;
	font: verdana;
	font-weight: bold;
}

#prazanBar {
	width: 1005px;
	height: 28px;
	background: #111111;
	margin: 0 auto;
}

.nav {
	width: 1005px;
	background-color: #111111;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #464646;
	border-top-style: none;
}

.search {
	width: 973px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	/*background: url(../images/bg-nav.gif) repeat-x;*/
	color: white;
	text-align: right;
	padding-right: 5px;
	border: 1px solid #464646;
	border-top-style: none;
}

.main {
	width: 1005px;
	margin-left: auto;
	margin-right: auto;
	background-color: #626262;
	/*border: 1px solid #464646;
	border-top-style: none;*/
}

.main a:hover {
	color: #fff;
}

div.threeColA1 {
	float: left;
	width: 693px;
	background-color: #626262;
}

div.threeColA2 {
	float: left;
	width: 170px;
	background-color: #626262;
	text-align: center;
	padding-top: 20px;
}

div.threeColA3 {
	float: right;
	width: 312px;
	background-color: #626262;
}

#footer {
	text-align: center;
	width: 1005px;
	height: 190px;
	background-color: #404040;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid #464646;
	border-top-style: none;*/
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
}

.threeColA3 img {
   border: 1px solid #fff;
}
.threeColA3 img:hover {
   border: 1px solid #130199;
}

#footerDisc {
	text-align: left;
	width: 985px;
	background-color: #404040;
	margin: 0 auto;
	/*border: 1px solid #464646;
	border-top-style: none;*/
	padding: 10px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

#footer ul li {
	display: block;
	text-align: left;
	color: #fff;
	text-decoration: none;
	background: url(../images/str.jpg) no-repeat;
}

#footer ul li a {
	margin-left: 20px;
	display: block;
	padding-top: 4px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 8px;
	font-size: 14px;
}

#footer ul li a:hover {
	margin-left: 20px;
	display: block;
	padding-top: 4px;
	color: yellow;
	font-weight: bold;
	padding-bottom: 8px;
	font-size: 14px;
}


#footerL {
	width:501px; 
	float:left; 
	position:relative;
	border-right: 1px solid #464646;	
	height: 190px;
}

#footerR {
	float: right; 
	display:inline; 
	position: relative; 
	width:501px; 
	height: 190px;
}

#footer1 {
	width:249px; 
	float:left; 
	position:relative;
	border-right: 1px solid #464646;
	height: 190px;
}

#footer2 {
	float: right; 
	display:inline; 
	position: relative; 
	width:249px; 
	height: 190px;
}

#footer3 {
	width:249px; 
	float:left; 
	position:relative; 
	border-right: 1px solid #464646;
	height: 190px;
}


#footer4 {
	float: right; 
	display:inline; 
	position: relative; 
	width:249px; 
	height: 190px;
}

#footerTitle {
	font-size: 20px;
	padding-bottom: 14px;
	text-align: left;
	margin-left: 40px;
}


.senkaFooter {
	/*background: url(../images/senkaFooter.png) no-repeat;*/
	background: url(../images/footer.jpg) no-repeat;
	width: 1005px;
	height: 97px;
	margin: 0 auto;
}

/* @end */

/* @group Nav */

.nav ul {
	margin: 0;
	padding-left: 0;
}

.nav ul li {
	display: block;
	float: left;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	width: 100px;
	border-right: 1px solid #383838;
}

.nav ul li.last {
	width: 170px;
	border-right-style: none;
}

.nav ul li a {
	display: block;
	padding-top: 9px;
	color: white;
	padding-bottom: 9px;
}

.nav ul li a:hover {
	background-color: #262626;
	text-decoration: none;
}

.nav ul li a.on {
	background-color: #282828;
	color: #ff0154;
}


.footer ul {
	margin: 0;
	padding-left: 0;
}

/* @end */

/* @group Search Bar */

.searchbox input {
	background-color: #909090;
	border-style: solid;
	border-width: 1px;
	padding: 3px;
}

.searchbox img {
	position: relative;
	top: 4px;
}



/* @end */

/* @group  Listings */

/*.plug {
	margin-bottom: 0;
	display: inline;
	list-style-type: none;
	background-color: #111;
	margin: 5px;
	padding: 5px;
	width: 160px;
}*/

.plug {
	width : 165px;
	height : 200px;
	float : left;
	background: yellow;
	text-align: center;
	padding: 5px;
}

.plug a {
display: inline;
	list-style-type: none;
	/*float: left;*/
	color: #ffffff;
	width: 160px;
}

.plug a:hover {
display: inline;
	list-style-type: none;
	/*float: left;*/
	color: #fff;
	width: 160px;
}

.plug div {
	/* float: left; */
	display: inline;
	list-style-type: none;
	width: 155px;
}

.plug div a {
display: inline;
	list-style-type: none;
	color: white;
	width: 155px;
}

.plug div a.links:hover {
	display: inline;
	list-style-type: none;
	background-color: #f1f1f1;
	color: #fff;
}

.plug div a.links {
	display: inline;
	list-style-type: none;
	width: 125px;
	font-size: 11px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px solid #ccc;
}

.plug div a.noline {
	border-bottom: none;	
}

.plug div img {
	background: #fff;
	width: 160px;
	float: left;
	margin-bottom: 0px;
	height: 120px;
	border: 1px solid red;
}

.plug span.h1 {
	margin-top: 0px;
	font-size: 120%;
	margin-bottom: 2px;
	font-weight: normal;
	font-style: normal;
	display: block;
}

.plug span.h2 {
	margin-top: 0px;
	font-size: 90%;
	color: #ff0154;
	font-style: normal;
	font-weight: normal;
	display: block;
	margin-bottom: 1px;
}

.plug span.p {
	position:absolute;
	left:-9999px;
	font-size: 11px;
	display: block;
	margin-bottom: 5px;
}

.plug div.ratingbox {
	color: white;
	/*background-image: url(../images/bg-nav.gif);*/
	float: right;
	padding: 3px;
	width: auto;
}

.plug div.ratingbox a {
	float: none;
	display: inline;
}

.plug div.ratingbox img {
	width: 16px;
	height: 16px;
	float: none;
	display: inline;
	padding: 0;
	margin: 0;
	position: relative;
	top: 3px;
}

.plug div.tagsbox {
	color: #fff;
	float: left;
	padding: 3px;
	width: 240px;
	font-size: 11px;
	line-height: 17px;
}

.plug div.tagsbox a {
	float: none;
	display: inline;
	color: #999;
	padding: 3px;
}

.plug div.tagsbox a:hover {
	color: #fdfdfd;
	background-color: #323232;
	color: #fff;
}

.plug div.tagsbox2 {
	color: #fff;
	float: left;
	padding: 3px;
	width: 240px;
	font-size: 11px;
	line-height: 17px;
}

.plug div.tagsbox2 a {
	float: none;
	display: inline;
	color: #ff78a5;
	padding: 3px;
}

.plug div.tagsbox2 a:hover {
	color: #fdfdfd;
	background-color: #360012;
	color: #fff;
}

.plug div.commentsbox {
	float: left;
	padding: 3px;
	width: 240px;
	font-size: 11px;
	line-height: 17px;	
}

.plug div.commentsbox a {
	color: #ff0151;
}

.plug div.commentsbox a:hover {
	text-decoration: underline;
	color: #fff;
}



/* @end */

div.threeColA2 img {
}

div.contentblock {
      width: 495px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: right;
}

#desneSlike {
		float: right;
}

div.contentblock h1 {
	font-size: 16px;
	/*border-bottom: 1px solid #9d0136;*/
	color: white;
	padding-bottom: 2px;
}

/* @group Right Column */

div.threeColA3 div.ad {
	margin: 6px;
}

div.chosenblock {
	margin: 6px;
}

div.chosenblock h1 {
	font-size: 16px;
	border-bottom: 1px solid #9d0136;
	color: white;
	padding-bottom: 4px;
}


/* @end */

/* @group Video */

.video {
	background-color: #626262;
}

.video h1 {
	font-size: 13px;
	margin-top: 4px;
	border-bottom: 1px solid #9d0136;
	padding-bottom: 3px;
}

.plug div.commentbox {
	background-color: #1d1d1d;
	display: block;
	width: 464px;
	padding: 6px;
	font-size: 12px;
	margin-bottom: 5px;
}

.plug div.commentbox div {
	display: block;
	background-color: #323232;
	width: 456px;
	padding: 4px;
	margin-bottom: 6px;
	color: #7a7a7a;
}

.plug div.commentbox div span {
	color: #ff014f;
}

.plug div.commentbox div span.grey {
	color: #fff;
}

.plug div img.avatar {
	width: 64px;
	height: 64px;
}



/* @end */

/* @group Pagenav */

div.pagenav {
	margin: 10px 5px 20px;
}

div.pagenav a {
	background-color: #9d0035;
	padding: 5px;
	font-size: 11px;
	color: #3e0014;
	font-weight: bold;
}

div.pagenav a:hover {
	background-color: #1f000a;
	padding: 5px;
	font-size: 11px;
	color: #ea0154;
}



/* @end */

/* @group Forms */

.form {
	font-size: 14px;
	color: white;
}

.form span {
	color: #6d0d0b;
}

.form input {
	font-size: 14px;
}

.form textarea {
	width: 242px;
}

span.legend {
	color: #6d0d0b;
	font-size: 11px;
}


#mainTitle {
	width: 688px;
	height: 32px;
	background: #6d0d0b url(../images/main-title.jpg);
	margin-left: 2.5px;
	margin-top: 4px;
}

.mainTitleText {
	font-weight: bold;
	font-size: 15px;
	padding-top: 5px;
	padding-left: 5px;
	text-transform: uppercase;
}

.sideTitle {
	font-weight: bold;
	font-size: 15px;
	padding-top: 5px;
	text-align: center;
	text-transform: uppercase;
}

.post {
	width: 166px;
	height: 160px;
	margin-left: 2.5px;
	margin-right: 2px;
	margin-top: 5px;
	padding-top: 1px;
	float: left;
	overflow: hidden;
	display: inline;
	text-align: center;
	background: #212121;
	overflow: hidden;
	font-size: 12px !important;
	font-family: arial;
	font-weight: none;
	color: #fff;
}

.post:hover  {
	background: #130199;
	color: #fff;
}

.post div {
	width: 168;
	height: 150px;
	margin: 0 1px 2px 0;
}

.post img{
	margin: 2px;
	width: 160px;
	height: 120px;	
}

.post a  img {
	border: 1px solid #696969;
}

.post a:hover  img{
	border: 1px solid #ffffff;
}

.Desc{
	width: 98%;
	height: 30px;
	margin: 0px;
	overflow: hidden;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	color: #ffffff;
}

.Desc:hover {
	color: #fff;
}

.thumb {
	border: 1px solid #767675;	
	height: 120px;
}

/*
.thumb a:hover img {
	border: 1px solid #ffc712;	
}
*/

#slikeDesno {
    margin-bottom: 0px;
    text-align: center;
	float:left;
    height: 295px;
}


div.videospace {
	float: right;
	width: 312px;
	background-color: #111111;
}

div.videospace h1 {
	font-size: 16px;
	color: white;
	padding-bottom: 2px;
}

#chosenones {
   width: 168px;
   height: 130px;
   background: url(images/chosenones.jpg) no-repeat;
   text-align:center;
   float: left;
   padding-left: 4px;
   padding-bottom: 10px;
}

#slikeDesno div {
	text-align: center;
}

#slikeDesno img{
	width: 154px;
	height: 116px;	
	margin-top: 7px;
	margin-right: 8px;
}

#slikeDesno a  img{
	border: 2px solid #fff;
}

#slikeDesno a:hover  img{
	border: 2px solid #000;	
}

#image_between_plugs {
	text-align: center;
	width: 690px;
	height: 130px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#test {
	background: red;
	font-size: 30px;
}

/*Side bar slika iznad posta*/
#photoSide1 {
	background: url(../images/photoSide1.jpg);
	width: 300px;
	height: 30px;
}

/*Side bar slika ispod posta*/
#photoSide2 {
	background: url(../images/photoSide2.jpg);
	width: 300px;
	height: 23px;
	margin-top: -9px;
}


#topPrijatelji , #topPrijatelji a{
	background: #404040;
	width: 300px;
	color: #fff;
	text-align: center;
}

#topPrijatelji a:hover {
	color: yellow;
}

div#paragraph {width:300px;margin:0 auto;text-align:left}

#topPrijatelji td{
	width: 300px;
}

#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:12px;
	width:180px;
	
}

#tooltip .tipHeader {
	height:8px;
	background:url(images/tipHeader.gif) no-repeat;
}


#tooltip .tipBody {
	background-color:#000;
	padding:5px 5px 5px 15px;
}

#tooltip .tipFooter {
	height:8px;
	background:url(images/tipFooter.gif) no-repeat;
}




/* @end */

/* @group Blog */



/* @end */