/* medvedi.eu */

body
{
	color: #404040;
	background: #eee url("../images/bg.png") 0 0 scroll repeat-x;
	font-family: "Trebuchet MS" , Arial, Verdana, sans-serif;
	font-size: medium;
	padding: 0;
	margin: 0;
}

.notspan span
{
	display: none;
}

#content
{
	margin: 2em auto 0;
	width: 760px;
}

#title
{
	width: 758px;
	height: 70px;
	background-color: #9ce1fd;
	border: 1px solid #ccc;
	border-bottom: none;
}
#title a {color: #404040; text-decoration: none;}
#title h1
{
	margin: 0;
	padding: 0.1em 0 0 0.5em;
	font-size: 3em;
}
#title h1 span
{
	font-weight: normal;
}

/*#name {
	float: right;
	font-size: 2em;
	padding: 0;
	margin: 0.7em 1em 0 0;
	display: none;
}*/

#people
{
	padding: 20px 79px;
	border: 1px solid #ccc;
	border-top: none;
	background: #9ce1fd url("../images/family.jpg") 79px 20px scroll no-repeat;
}

#people .item a
{
	display: block;
	float: left;	
	width: 150px;
	margin: 0 0;
	height: 150px;
}
#people .item a span {display: none;}
#people .item a:hover .bubble {display: block;}
#people #petr_img .bubble {
	width: 150px;
	height: 150px;
	position: relative;
	top: -100px;
	left: 40px;
	background: transparent url("../images/petr_bubble.png")  no-repeat;
}
#people #misa_img .bubble {
	width: 150px;
	height: 150px;
	position: relative;
	top: -80px;
	left: -30px;
	background: transparent url("../images/misa_bubble.png")  no-repeat;
}
#people #robin_img .bubble {
	width: 150px;
	height: 150px;
	position: relative;
	top: -90px;
	left: 50px;
	background: transparent url("../images/robin_bubble.png")  no-repeat;
}
#people #linda_img .bubble {
	width: 150px;
	height: 150px;
	position: relative;
	top: -75px;
	left: -50px;
	background: transparent url("../images/linda_bubble.png")  no-repeat;
}

#news
{
	width: 758px;
	background-color: #999;
	border: 1px solid #666;
	margin: 3px 0;
	font-size: small;
	color: #eee;
	padding: 1px 0;
}
#news .rssico
{
	margin: 3px 5px 0 10px;
	display: block;
	float: left;
	width: 16px;
	height: 11px;
	background: transparent url("../images/rss.gif") 0 0 scroll no-repeat;
}
#news .infoico
{
	margin: 0 5px 0 10px;
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background: transparent url("../images/information.png") 0 0 scroll no-repeat;
}
#news .infotitle
{
	text-decoration: none;
	color: #eee;
	padding: 0 10px 0 0;
	font-weight: bold;
}
#news .atitle
{
	padding: 0 5px 0 10px;
	color: #282828;
	color: #FFFAFA;
	border-left:1px solid #ccc;
}
#news a
{
	color: blue;
}

#news .date
{
	color: #d3d3d3;
	font-size: smaller;
}
#main
{
	background-color: #fff;
	border: 1px solid #ddd;
	/*border-top: none;*/
	height: 215px;
	background: #fff url("../images/stopa.png") 100% 100% scroll no-repeat;
}
.detail {margin: 20px 0}

.info
{
	width: 400px;
	height: 175px;
	float: left;
	margin: 0;
	padding: 0;
	background: ;
}
.intro
{
	margin: auto;
	width: 288px;
	height: 162px;	
	text-align: justify;
	font-size: large;
	color: #666;
}
.intro a
{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
.intro a:hover
{
	text-decoration: underline;
}

.intro .shortcuts
{
	margin-top: 45px;
	text-align: center;
	font-size: normal;
	color: #aaa;		
}
.intro .shortcuts a
{
	font-size: normal;
	font-weight: normal;
	color: #666;
	margin: 0 5px;
	text-decoration: none;	
}

.intro .shortcuts a:hover {color: #999; text-decoration: underline;}


.media
{
	float: right;
	margin-right: 65px;
	width: 288px;
	height: 162px;
	border: 1px solid #ccc;
}

.social {margin: 0 0 0 56px;}
.social a .bubble {display: none;}
.social a:hover .bubble {display: block;}

.social a
{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	padding: 2px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	color: #666;
	text-decoration: none;	
}
.social a:hover
{
	background-color: #999;
	padding: 1px;
	background-position: 1px 1px;
	border: 1px solid #666;
	
}
.twitter {background-image: url("../images/twitter.png");}
.facebook {background-image: url("../images/facebook.png");}
.linkedin {background-image: url("../images/linkedin.png");}
.vcard {background-image: url("../images/vcard.png");}
.tumblr {background-image: url("../images/tumblr.png");}
.skype {background-image: url("../images/skype.png");}
.email {background-image: url("../images/email.png");}
.stumbleupon {background-image: url("../images/stumbleupon.png");}
.youtube {background-image: url("../images/youtube.png");}
.slideshare {background-image: url("../images/slideshare.png");}

.social .bubble {
	font-size: 0.75em;
	padding-top: 8px;
	background: transparent url("../images/tipa.gif") no-repeat 11px 0;
	position: relative;
	top: 36px;
	width: 150px;		
}

.detail h2 {margin: 0; padding: 0; float: left;}

.detail .links
{
	margin: 0 0 0 56px;
	height: 86px;
}
.detail .links a
{
	font-size: small;
	float: left;
	width: 96px;
	color: #666;
	margin: 2px 0;
	text-decoration: none;	
}
.detail .links a:hover {color: #999; text-decoration: underline;}
.detail .intro {height: 40px}

#foot
{
	font-size: 0.7em;
	color: #46494D;
	padding: 0.3em 1em 0.4em;
	border-bottom: 3px solid #999;
}

#foot #more_info
{
	float: right;
}
#foot a
{
	color: #888;
}
#foot a:hover
{
	color: #333;
}


#foot #email a
{
	color: #46494D;
	text-decoration: none;
}
#foot #email a:hover
{
	text-decoration: underline;
}

#foot .rss_button
{
	vertical-align: middle;
	/*cursor: pointer;
	cursor: hand;*/
	width: 27px;
	height: 15px;
}
#foot .list
{
	font-size: 0.8em;
	vertical-align: middle;
}

hr.cleaner
{
	clear: both;
	visibility: hidden;
	width: 0px;
	margin: 0;
	padding: 0;
}