/*******************************************************************************
Design StyleSheet for SlavkoIlic.com
*******************************************************************************/

/* --- Typography --- */



body { font:14px arial,helvetica,verdana,sans-serif; background: #ECEEFA; line-height: 1.3em; margin: 5px 0 0 0; text-align: justify;
background-image:url('img/bg_pattern.gif');
background-repeat:repeat;	
	}

a { color: #196fb8; background: inherit; margin: 0 5px 0 0; text-decoration: none;}
a:hover { color: #ff0000; background: transparent; }

h1 { font-size:22px;  }
h2 { font-size:18px; }
h3 { font-size:14px; }

ul {  padding: 0; margin-left: 5px; margin-right: 5px;}
p  {  padding: 0; margin-left: 5px; margin-right: 5px;}
li { list-style-type: none;}





/* --- Grid --- */

#grid {
  	width: 600px;
  	margin: auto;
  	border: 0;
background: transparent;
	
}


#box-about {
	font: 1.1em verdana, helvetica, sans-serif;	
	background: #fff;
  	float: left;
	width: 100%;
  	margin: 5px;
	padding: 0;
	color: #222;
	text-shadow: 0 1px 1px #ddd;
	border: 1px 1px 1px 1px solid #bbb;
	-moz-box-shadow: 2px 2px 2px #CBD0D1;
	-webkit-box-shadow: 2px 1px 2px #cbd0d1;
	box-shadow: 2px 2px 2px #cbd0d1;
}

#contacts-line { 
	font: 2em verdana, helvetica, sans-serif;	
	background: #transparent;
  	float: left;
	width: 100%;
  	margin: 5px;
	padding: 0;
	color: #888;
	text-shadow: 0 1px 1px #fff;
	
/*	border-bottom: 1px solid #ccc; */
	}

#box-contacts {
	font: 1.1em verdana, helvetica, sans-serif;	
	background: #fff;
  	float: left;
	width: 100%;
  	margin: 5px;
	padding: 0;
	color: #222;
	text-shadow: 0 1px 1px #ddd;
	border: 1px 1px 1px 1px solid #bbb;
	-moz-box-shadow: 2px 2px 2px #CBD0D1;
	-webkit-box-shadow: 2px 1px 2px #cbd0d1;
	box-shadow: 2px 2px 2px #cbd0d1;
}



#about-name {
	font: 1.1em verdana, helvetica, sans-serif;	
	background: #00b233;
  	float: left;
	width: 30%;
  	margin: 0;
	padding: 0;
	color: #fff;
	border: 1px solid #fff;
}

#about-name h2 a {
  	color: #fff;
}

#box-about h2 a {
  	color: #fff;
}

#contact {
	font: 1.1em verdana, helvetica, sans-serif;	
	background: #fff;
  	float: right;
	width: 48%;
  	margin: 5px;
	padding: 5px;
	color: #444;
	border: 1px solid #777;

}



#infos {
	font: 1.1em verdana, helvetica, sans-serif;	
	background: #fff;
  	float: right;
	width: 48%;
  	margin: 5px;
	padding: 5px;
	color: #444;
	border: 1px solid #777;
}



#infos h2{
	font: 2 verdana, helvetica, sans-serif;	
	color: #444;
}

#infos h3{
	font: 2 verdana, helvetica, sans-serif;	
	color: #ff0000;
}


#twitter {
	
  	float: left;
	width: 47%;
  	margin: 0;
	padding: 5px;
	
	
}


#FollowMeBubble{
float: right;
background: transparent;
position:fixed;
right:0px; 
top:50px;
margin: 0px;
border:0;
}


#FollowMeBubble a img{

border:0;
}









input.text {
  	font: 0.8em "trebuchet ms", verdana, helvetica, sans-serif;
	color: #628BC4;
	background: #fff; 
    border: 1px solid #ccc;
    font-weight: bold;
}


#logo { 
	font: 2em verdana, helvetica, sans-serif;	
	background: #transparent;
  	float: left;
	width: 100%;
  	margin: 5px;
	padding: 0;
	color: #888;
	text-shadow: 0 1px 1px #fff;
	
/*	border-bottom: 1px solid #ccc; */
	}





#logo a {  color: #444; background: inherit; margin:5px; text-decoration: none;}
#footer {color: #fff; background:#0066B3; float: left;
	width: 100%;
  	margin: 5px;
	padding: 0; }
#footer a { color: #fff; background: inherit; margin: 0 5px 0 0; text-decoration: none;}




/* jos neke stvarcice oko polja za unos */
fieldset { border: 1px solid #ccc; padding:5px; margin: 5px; background: #E6FFE4; color: #000; }
input { width: 150px; border: 1px solid #ccc; padding: 3px; margin: 0; }
textarea { border: 1px solid #ccc; width: 93%; height: 20em; padding: 1em; }
.comment { background: #fff; color: #808080; padding: 0; margin:5px; width: 450px; border: 1px solid #ccc; }
.commentsbox { background: #fff; color: #808080; padding: 0; margin: 0 0 10px 0; width: 450px; border: 1px solid #ccc; }