/***************************************************
						 malaPlaneta
			  made by www.krojac.com
			  
***************************************************/

/***************************************************
			    	  			Reset
***************************************************/

html, body, a, p, img, ul , li ,h1, h2, h3, h4, h5, h6, form, input, a img {
	margin:0;
	padding:0;
	border:0;
}

html, body {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	color: #666;
	line-height:1.2;
	background:#FFF url(../pic/bg-body.gif) repeat-x left top;
	height:100%;
	margin:0 0 1px 0;
}

/***************************************************
			    	  Global design
***************************************************/

p {
	padding-top: 2px;
	padding-bottom: 2px;
}

.actuality-p {
	font-size:11px;
	color:#999;
}

a, a.link_gray, a.link_tags {
	font-weight: normal;
	text-decoration: none;
	color: #d01a55;
	font-size: 11px;

}

a.link_tags {
	color: #999;
	font-size: 10px;
	font-style: italic;
	line-height: 12px;
}

a.link_gray {
	color: #333;
	font-size: 14px;
	line-height: 15px;
}
a.link_tags:hover {color: #d01a55;}
a:hover, a.link_gray:hover {color: #999;}
	
/***************************************************
			    	Main containers
***************************************************/

#container, #container-left, #container-middle, #container-right {
	position: relative;
	width: 960px;
	margin:0 auto;
	padding:10px;
}

#container {overflow:hidden}

#container-left, #container-middle, #container-right {
	float:left;
	width:205px;
	padding:0;
	margin:0 15px 0 0;
	}		

#container-middle {
	width:530px;
	margin-right:0;
	padding-left: 15px;
}

#container-right {
	float: right;
	width: 160px;
	margin-right:0;
	}

#head{
	position: relative;
	float:left;
	width:100%;
	height: 230px;
	margin:0 0 10px;
	padding:0;
}

#logo{
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 99;
}	

/***************************************************
				   HOLDERS
***************************************************/	

.holder-content, .holder-content-separator, .holder-content-line, .holder-news-description, .holder-content-indent {
	position: relative;
	float: left;
	width: 100%;
}

.holder-content-separator{
	margin-bottom: 15px;
	clear: both;
}

.holder-content-line {
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
	margin-bottom:10px;
}

.holder-content-indent {
	padding-top:15px;
}

.holder-image, .holder-thumbs {
	position:relative;
	float:left;
	width:265px;
	height:175px;
	}
	
.holder-image {margin-bottom:10px}

.holder-thumbs {
width:109px;
height:71px;
padding:2px 0 0 8px;
margin:0 13px 13px 0;
}

.holder-news-description {
	float:right;
	width:250px;
	padding-top:0;
}

.holder-td{
	float:left;
	width:65px;
	padding:5px;
	position: relative;
	border-left: 1px  solid #EDEDED;
}

/***************************************************
			HEADING TEXT ELEMENTS
***************************************************/

h1, h2, h3, h4, h5, h6, .date, .text-absolute, .vote, .comment{
	font-weight: normal;
}

h1{
	font-size: 20px;
	color: #d01a55;
	padding-bottom: 15px;
	font-family: 'Comic Sans MS', 'Brush Script MT', cursive;
	background-color:transparent;
	font-weight:lighter;
}

h2, h3 {
font-size:17px;
color:#333;
margin-bottom:10px;
}

h3 {
	font-size:16px;
	margin:0;
	padding-top:15px;
margin-bottom:5px;
}

/***************************************************
					SPECIFIC STYLES
***************************************************/

#nav-menu-background {
position:absolute;
top:135px;
width:100%;
background:transparent url(../pic/bg-primary-navigation.png)  repeat-x 0 0;
height:65px;
z-index:2;
}

.clearing{
	clear: both;
	display: inline;
	width: 100%;
	height: 0;
	overflow:hidden;
}

.hidden{overflow: hidden;visibility: hidden}

.date {
	display:block;
	height: 38px;
	width: 47px;
	padding:4px 0 0;
	background:#fff url(../pic/bg-date.gif) no-repeat 0 0;
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	text-align:center;
	margin:0;
	position: absolute;
	left: 0px;
	top: 5px;
}

.date span {
	font-size:11px;
	color:#666;
	line-height:10px;
	margin-left:-1px
}

.absolute{
	position: absolute;
	left: 369px;
	top: -22px;
}

.read-more {
	position:relative;
	float:left;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.read-more a, .read-more a:hover {
	background-image:url(../pic/bg-more-off.gif);
	background-repeat:no-repeat;
	display:block;
	width:66px;
	height:25px;
}
	
.read-more a:hover {background-image:url(../pic/bg-more-on.gif)}

.read-more a {
	text-transform:uppercase;
	font-weight:bold;
	color: #d01a55;
	font-size:9px;
	padding:5px 0 0 8px;
}
	
.read-more a:hover {color:#848484}

a.tag {
	font-size:11px;
	color:#666;
}

a.tag:hover {color: #d01a55}

/***************************************************
			      	  		IMAGES
***************************************************/

a.photo-hover{
position:relative;
float: left;
margin:0 15px 5px 0;
}

a.photo-hover:hover {	
	z-index:500;
}

.image-overlay {
	position:absolute;
	top:-1px;
	left:-1px;
	}

/***************************************************
			   			PAGINATION
***************************************************/

#page-nav-holder{
	float: left;
	position: relative;
	width: 515px;
	font-size: 10px;
	color: #999999;
	margin-top: 5px;
	padding-left: 15px;
}

.page-nav-right, .page-nav-left{
	float: right;
	position: relative;
	width: 330px;
}

.page-nav-left{
	float: left;
	padding-top: 5px;
	width: 180px;
}

a.page-nav-link{
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 25px;
}

a.page-nav-link:hover{color: #CCCCCC;}

.page-nav-link-active {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background-color: #D01A55;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}

/***************************************************
							TABLE
***************************************************/
table, td	{
font:100%  "Trebuchet MS", Arial, Verdana;
border:none;
}

table	{
width:100%;
border-collapse:collapse;
margin:0.5em 0;
}

td	{
border-bottom:1px solid #f7f7f7;
color:#666;
line-height:1.5;
padding:5px 10px;
}

/***************************************************
				      		FORMS
***************************************************/

form{
	padding-left: 0px;
	font-size:11px;
	color:#595959;
	font-weight: normal;
}

label{
	width:100px;
	display:block;
	float:left;
	line-height: 24px;
	padding-right: 4px;
	color: #595959;
	font-size: 14px;
}

.textbox, textarea, .box-error, .textarea-error{
	font-size:11px;
	width:160px;
	line-height:22px;
	height: 22px;
	color: #333333;
	padding-left: 2px;
	margin-left: 5px;
	margin-bottom: 2px;
	float: left;
	background-color: transparent;
	border: none;
	background-image: url(../pic/bg-line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

textarea, .textarea-error{
	width:431px;
	height: 136px;
	margin-top: 0px;
	line-height:1.5;
	background:#fff url(../pic/bg-textarea.gif) no-repeat 0 0;
	padding: 10px;
	overflow:hidden;
}

.holder-form-height, .holder-form{ 
	width:100%;
	position: relative;
	float: left;	
}

.holder-form-height {margin-bottom:5px}

.holder-button{
	position: relative;
	width: 74px;
	padding-top: 10px;
	float: left;
}

.button {
	position:absolute;
	top:0;
	right:80px;
	background:#fff url(../pic/bg-more-off.gif) no-repeat 0 2px;
	display:block;
	width:66px;
	height:27px;
	padding:0;
	margin:0;
	color: #d01a55;
	cursor:pointer;
}

.text-error{
	position:absolute;
	top:0;
	left:400px;
	font-size: 14px;
	font-style: italic;
	color: #d01a55;
	line-height: 24px;
}

#search {
	position:relative;
	float:right;
	margin:145px -2px 0 0;
	width:156px;
	height:24px;
	z-index:3;
	}
	
#searchbox  {
	width:156px;
	height:17px;
	padding:4px 0 4px 6px;
	border:none;
	background:#d01a55 url(../pic/bg-search.png) no-repeat 0 0;
	color:#999;
	font-style:italic;
}
	
#button-search {
	position:absolute;
	right:2px;
	top:5px;
}

/*********    Sign-in Box    *********/

#sign-in {
	position:relative;
	float:left;
	padding: 0;
	margin:0 0 0 -5px;
	background-image:url(../pic/bg-sign-in.gif);
	width:165px;
	height:100px;
}

#sign-in label {
	font-size:11px;
	line-height:15px;
	color:#666;
	text-transform:lowercase;
	margin:7px 0 0 15px;
	padding:0;
}

.textbox-signin {
	border:none;
	margin:0 0 0 15px;
	padding:3px 5px;
	width:127px;
	height:15px;
	background:#fff url(../pic/bg-signin.gif) no-repeat 0 0;
}

#button-login {
	position:absolute;
	top:10px;
	right:15px;
	width:80px;
	height:24px;
	border:none;
}

/*********    Calendar    *********/

.textbox-draw, .textbox-draw2, .textbox-draw3 {
position:relative;
float:left;
margin:0 10px 0 0;
width:28px;   /*28px*/
height:15px;   /*25px*/
text-align:center;
color:#666;
padding:5px 0;
background:#FFF url(../pic/bg-textbox-draw.gif) no-repeat 0 0;
}

.textbox-draw2 {width:50px;height:16px;background-image:url(../pic/bg-textbox-draw2.gif)}
.textbox-draw3 {width:151px;height:16px;background-image:url(../pic/bg-textbox-draw3.gif);margin:0;text-align:left;padding:5px}

/***************************************************
			        			FOOTER
***************************************************/

#footer{
	position: relative;
	float: left;	
	clear:both;
	width: 100%;
	color: #666;
	font-size: 11px;
	background: #fff url(../pic/bg-footer.gif) no-repeat 0 0;
	margin:30px 0 0; 
	padding:15px 0;
}

#FooterOne, #FooterTwo  {
	position: relative;
	float:left;
	width:450px;
}

#FooterOne  p, #FooterTwo p, #FooterOne  a, #FooterTwo a {padding:0;margin:0 0 3px;line-height:normal}
#FooterOne  a, #FooterTwo a  {font-size:11px;color: #d01a55}
#FooterOne  a:hover, #FooterTwo a:hover, a.krojac:hover  {color:#000}
#FooterOne  strong {color:#000}

#FooterTwo{float:right;text-align:right;padding-top:12px}

a.krojac{
	color: #d01a55;
	font-size: 11px;
}

/***************************************************
				  NAVIGATION MENU
***************************************************/

#nav-menu, #second-nav {
	position: absolute;
	top: 147px;
	z-index: 9999;
	left:0;
	width:800px;
}

#second-nav {
	top:182px;
	background:transparent url(../pic/bg-sec-navigation.png) no-repeat 0 0;
	width:294px;
	height:30px;
	z-index:1;
}

#nav-menu ul, #second-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#second-nav ul {padding-left:30px}
#nav-menu ul li,  #second-nav ul li {float: left}

#nav-menu ul li a,  #second-nav ul li a {
	font-size: 13px;
	font-family: 'Comic Sans MS', 'Brush Script MT', cursive;
	letter-spacing:1px;
	color: #FFF;
	display:block;
	text-transform: lowercase;
	padding-right:30px;
}

#second-nav ul li a {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size:12px;
	color:#808262;
	text-transform:lowercase;
	padding:10px 8px 0 0;
	margin-right:0px;
}


#nav-menu ul li a:hover, #second-nav ul li a:hover {color:#000}

body#home a#home_link, body#news a#news_link, body#design a# /design_link, body#about a#about_link, body#references a#references_link, body#requirement a#requirement_link, body#contact a#contact_link{
	color: #FFF;
	/*
	background: #d01a55  url(../pic/active-link.png) no-repeat 0 0;
	width: 95px;
	height:40px;*/
}