/* project: internet center template
   author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Arial, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}

a {
	color: #185DA0;
	background: inherit;
}

a:hover {
	color: #9EC068;
	background: inherit;	
}

a.title {
	color: #FE6700;
	background: #FFF;
}

h1 {
	font: bold 2em Arial, Sans-Serif;
	letter-spacing: -1px; 
	padding: 7px 0 0 8px;
	margin: 0;
}

h1 a, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color: #FF6600;
	background: #FFF;
}


h2 { 
	margin: 0; 
	padding: 0; 
	font: bold 1.7em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h2 { 
	font-size: 16px;
	margin-bottom: 5px; 
	color: #000; 
	background: inherit;
}

p {	
	margin: 0 0 5px 0;
	
}

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

form { 
	margin: 0; 
}

input.search { 
	width: 199px; 
	border: none;
	background: url(input.gif); 
	padding: 4px; 
}

input.login { 
	width: 88px;
	border: none; 
	background: url(logininput.gif); 
	padding: 4px; 
}

/* layout
   ------ */

.content { 
	margin: 10px auto;
	width: 760px; 
}

.header { 
	height: 45px; 
}

.top_info {
	float: right;
	width: 570px;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #eee;
}

	.top_info_left {
		width: 240px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

.slogan {
	font-size: 0.9em;
	width: 160px;
}


.bar { 
	clear: both;
	font-size: 1.1em;
	height: 30px; 
	margin: 0 0 0 0px; 
}

	.bar li { 
		margin: 0; 
		padding: 4px 10px 8px 10px;
		color: #808080;
		background: #FFF;
		float: left; 
	}
	
	.bar li.active { 
		background: #FFF url(bar.gif) no-repeat center bottom; 
		color: #9EC068;
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.bar a { 
		font-weight: bold;
		color: #4A8EBC; 
		background: inherit;	
	} 

.search_field { 
	background: #DCF2B8 url(header.jpg) no-repeat; 
	color: #000;
	border-top: 1px solid #9EC068;
	border-bottom: 1px solid #9EC068;
	clear: both;
	text-align: center; 
	height :110px;
	padding: 10px 0 5px 0;
}

.menu { 
	background: #DCF2B8 url(barbg.gif) no-repeat; 
	color: #000;
	border-top: 1px solid #9EC068;
	border-bottom: 1px solid #9EC068;
	clear: both;
	text-align: center; 
	padding: 10px 0 5px 0;
}

#header { 
	clear: both;
	padding: 10px 0 5px 0;
}

/* menu tabs */
#header ul {
	/*z-index: 999999;
	position: absolute;
   margin:0 -1px 0 0; /*top right bottom left*/ 
   padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:right;
   background: url(tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:right;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

.subheader {
	margin: 3px 0 10px 0;
	padding: 8px;
	background: #f4f4f4 url(subheaderbg.gif) no-repeat;
	color: #808080;
	border-bottom: 1px solid #ccc;
}


/* main */

.post-footer{
	margin: 0px 0 5px 0;
	border: 1px solid #eee;
	padding: 5px 5px 5px 5px;/*top right bottom left*/ 
}

.post-footer .date {
	background: url(clock.gif) no-repeat left center;
	padding-left: 20px;  margin: 0 5px 0 5px;
	font-size:9px;
}
.post-footer .hits {
	background: url(comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.news_title {
	margin: 0px 0 5px 0;
	border: 1px solid #eee;
	padding: 5px 8px 5px 5px;/*top right bottom left*/
	background: #F1F8ED;
}

.news_title h2 { 
	font-size: 16px;
	margin-bottom: 0; 
	color: #000; 
}

/* Error or Sukses
   --------- */
	.error {
		border: 1px solid #ff0000;
		padding: 10px 10px 10px 75px;	
		margin: 0 0 10px 0;
		background: #ffffdd url(warning.gif) no-repeat center left;
		color: #454545; 
		background-position: 20px;
	}
	
	.sukses {
		border: 1px solid #ffd700;
		padding: 10px 10px 10px 75px;	
		margin: 0 0 10px 0;
		background: #ffffdd url(info.gif) no-repeat center left;
		background-position: 20px;
		color: #454545; 
	}

/* left side
   --------- */

.left {
	float: left;
	width: 435px;
	margin: 0 0 10px 0;
}

	.border {
		margin: 0px 0 5px 0;
		border: 1px solid #eee;
		padding: 8px 8px 8px 8px;	
	}

	.left_articles {
		margin: 0px 0 5px 0;
		border: 1px solid #eee;
		padding: 8px 8px 8px 8px;	
	}
	
	
	.left_links {
		border: 1px solid #eee;
		padding: 10px 10px 10px 15px;	
		margin: 0 0 10px 0;
	}
	
	.left_links:hover {
		border: 1px solid #ccc;
	}
	
	.left_message {
		border: 1px solid #eee;
		padding: 10px 10px 10px 75px;	
		margin: 0 0 10px 0;
		background: #fff url(questionmark.gif) no-repeat center left;
		color: #454545; 
	}
	
	.left_message:hover {
		border: 1px solid #ccc;
	}
	
	.left_side {
		float: left;
		width: 180px;
	}
		
		
	.left_box {
		background: #f4f4f4;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px;
	}
	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
}

	.right_login {
		padding: 10px;
		margin: 0 0 10px 0;
		background: #A9D4F2;
		color: #246088;
		border-top: 1px solid #4A8EBC;
		border-bottom: 1px solid #4A8EBC;
	}

	.right_articles {
		border: 1px solid #eee;
		padding: 8px;	
		margin: 0 0 10px 0;
	}
	
	.right_post {
		padding: 8px;
		margin: 0 0 1px 0;
		background: #F1F8ED;
		color: #024CE3; 
		font: bold 1.2em Arial, Sans-Serif; 
		letter-spacing: 1px;
		border: 1px solid #D1EAC3;
	}
	
	.right_side {
		float: right;
		width: 200px;
		border-left: 1px solid #eee;
		padding: 0 0 0 20px;
	}
	
	.right ul { 
		margin: 0; 
		padding : 0; 
		list-style : none; 
	}

	.right li {
		list-style-type:none;
	}

	.right li ul li {
		list-style-type:none;
		margin-left:20px;
	}

	.right_post {
		padding: 8px;
		margin: 0 0 1px 0;
		background: #F1F8ED;
		color: #024CE3; 
		font: bold 1.2em Arial, Sans-Serif; 
		letter-spacing: 1px;
		border: 1px solid #D1EAC3;
	}
/* Sidebar
   ------ */
.sidebar_left {
	float: left;
	width: 152px;
	margin: 0 0 10px 0;
}

.sidebar_right {
	float: right;
	width: 152px;
	margin: 0 0 10px 0;
}

/* Image
   ------ */		
.image {
	float: left;
	margin: 5px 5px 5px 0;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF;
	padding: 10px 0 10px 0;
	border-top: 1px solid #eee;
}

.footer a {
	color: #9EC068;
	background: #fff;
}


.user_photo_tools {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #000 1px solid; WIDTH: 450px; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #fff
}
.user_photo_tools A {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
.photocontentarea {
	TEXT-ALIGN: center! important
}
.buttondiv_photo {
	FONT-SIZE: 11px
}
.buttondiv_photo UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.buttondiv_photo UL LI {
	DISPLAY: inline; FLOAT: left; WIDTH: 145px
}
.buttondiv_photo A {
	COLOR: #424d61; BORDER-BOTTOM: #424d61 1px solid; TEXT-DECORATION: underline! important
}
.buttondiv_photo A:visited {
	COLOR: #424d61; BORDER-BOTTOM: #424d61 1px solid; TEXT-DECORATION: underline! important
}
.buttondiv_photo A:hover {
	COLOR: #ff8a00; BORDER-BOTTOM: #ff8a00 1px solid; TEXT-DECORATION: none
}
DIV.selectedphoto {
	margin: 0px 0 5px 0; padding: 8px 8px 8px 8px;BORDER-RIGHT: #d5d5d5 1px solid; BORDER-TOP: #d5d5d5 1px solid; DISPLAY: block;  FONT-SIZE: 75%; BORDER-LEFT: #d5d5d5 1px solid; WIDTH: auto! important; BORDER-BOTTOM: #d5d5d5 1px solid; BACKGROUND-COLOR: #f0f0f0; TEXT-ALIGN: center! important
}
#photocaption {
	BORDER-RIGHT: #d5d5d5 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #d5d5d5 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 8pt; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; OVERFLOW: hidden; BORDER-LEFT: #d5d5d5 1px solid; WIDTH: 140px; LINE-HEIGHT: 1.2em; PADDING-TOP: 1px; BORDER-BOTTOM: #d5d5d5 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #f0f0f0; TEXT-DECORATION: none! important
}
#userphotos {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 2px 5px; WIDTH: 380px; PADDING-TOP: 5px; HEIGHT: 55px
}
#userphotos DIV.photos {
	BORDER-RIGHT: #aeaeae 1px solid; BORDER-TOP: #aeaeae 1px solid; DISPLAY: block; FLOAT: left; MARGIN: 0px 5px; OVERFLOW: hidden; BORDER-LEFT: #aeaeae 1px solid;  BORDER-BOTTOM: #aeaeae 1px solid; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center; WIDTH: 60px; HEIGHT: 50px;
}
#userphotos DIV.photos:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
#userphotos DIV.photos A {
	TEXT-DECORATION: none! important
}
#userphotos DIV.photos A IMG {
	VERTICAL-ALIGN: middle ; height: auto; margin-top : auto;
	margin-bottom : auto;
}