/* Code is poetry */

* {
	margin:0;
	padding:0;
}

body {
	background:url(images/take_one_1_01.png) #ebebeb repeat-x;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

div#wraper{
	width:960px;
	margin:0 auto;
	text-align:left;
}

div#header{
}

a#logo {
	display:block;
	float:left;
	margin-bottom:20px;
}

a#logo img{
	border:none;
}

ul#nav{
	float:right;
	list-style-type:none;
	margin-top:5px;
}

ul#nav li{
	float:left;
	display:block;
	text-indent:-9999px;
	margin-right:20px;
}

#nav a{
	text-decoration:none;
	background:url(images/nav_one_1.png) no-repeat 0 0px;
	display:block;
	width:58px;
	height:33px;
	/* w/h */
}

li#home a{
	background-position:0px -32px;
}

li#cahie a{
	background-position:-70px -32px;
	width:44px;
	margin-right:12px;
}

li#work a{
	background-position:-144px -32px;
	width:65px;

}

li#contact a{
	background-position:-229px -32px;
	width:58px;
}

li#home a:hover{
	background-position:0px 0px;
}

li#cahie a:hover{
	background-position:-70px 0px;
	width:44px;
	margin-right:12px;
}

li#work a:hover{
	background-position:-144px 0px;
	width:65px;

}

li#contact a:hover{
	background-position:-229px 0px;
	width:58px;
}

body#home-page ul#nav li#home a{
	background-position:0px 0px;
}

body#cahie-page ul#nav li#cahie a{
	background-position:-70px 0px;
	width:44px;
	margin-right:12px;
}

body#work-page ul#nav li#work a{
	background-position:-144px 0px;
	width:65px;

}

body#contact-page ul#nav li#contact a{
	background-position:-229px 0px;
	width:58px;
}

div#header h1{
	clear:both;
	background:url(images/headline.png) no-repeat;
	margin-top:50px;
	text-indent:-9999px;
	height:50px;
}

#prev{
	float:left;
	margin-top:1px;
}

#next{
	float:right;
	margin-top:1px;
}

#timeline{
	margin-top:16px;
}

#timeline a img{
	border:none;
}

#parts{
	width:930px;

	margin-left:4px;
	height:18px;
	float:left;
}

.month{
	float:left;
}
.year{
	float:left;
}

.flag{
	float:left;
	display:block;
	width:4px;
	height:18px;
	background:#FFF;
	text-indent:-9999px;
	margin-left:5px;
	margin-right:5px;
	position:relative;
	left:630px;
}

.date{
	float:left;
	border-left:3px solid #9dc1d9;
	height:18px;
	padding-left:4px;
}

#actual{
	float:left;
	margin-top:1px;
}

#buble_space{
	clear:both;
	height:90px;
}

.avatar {
	float:left;
	margin-top:33px;
	margin-left:7px;
	width:50px;
}

.avatar img{
	width:43px;
	height:43px;
	padding:2px;
}
#timeline #buble_space .bubble .bubleInner .avatar img{
	border:1px solid #DDD;
}

.bubble{
	background:url(timeline/bubble.png) no-repeat;
	width:284px;
	height:87px;
	margin-left:6px;
	float:left;
	margin-top:-5px;
}

#content{
	margin-top:8px;
}

#rightbar {
	float:left;
	width:750px;
}

#rightbar h3{
	text-indent:-9999px;
	background:url(images/from_the_latest_writings.png) no-repeat;
	margin-bottom:-3px;
}

#rightbar h1{
	background:url(images/hd.png) no-repeat;
	text-indent:-9999px;
	margin-left:-2px;
}

#rightbar p{
	line-height:20px;
	margin-left:1px;
}

#rightbar p a {
	background-color:#215086;
	font-size:11px;
	color:#FFF;
	padding:2px;
	text-decoration:none;
}

#rightbar p a:hover{
	background:#9dc1d9;
}

#leftbar{
	float:right;
	width:200px;
}

#leftbar h3{
	background:url(images/cahie_categories.png) no-repeat;
	text-indent:-9999px;
}

#leftbar ul{
	list-style-type:none;
	margin-top:5px;
}

#leftbar ul li{
	margin-bottom:12px;
}

#leftbar ul li a{
	font-size:14px;
	color:#FFF;
	background-color:#215086;
	padding:4px;
	text-decoration:none;
}

#leftbar ul li a:hover{
	background:#9dc1d9;
}


#bottom{
	clear:both;
	height:190px;
}

.column{
	margin-top:10px;
	width:220px;
	margin-right:10px;
	float:left;
}

.column img{
	margin-left:-4px;
}

.contact_info {
	width:270px;
}

.contact_info ul, .column ul{
	list-style-type:none;
	margin-top:5px;
}

.contact_info ul li, .column ul li{
	margin-bottom:10px;
}

.contact_info ul li a, .column ul li a{
	font-size:12px;
	color:#FFF;
	background-color:#215086;
	padding:2px;
	text-decoration:none;

}

#contactme a{
	font-size:12px;
	color:#FFF;
	background-color:#215086;
	padding:2px;
	text-decoration:none;
}

.org, .adr{
	margin-top:5px;
	margin-bottom:5px;
}

.contact_info ul li a:hover, .column ul li a:hover{
	background:#9dc1d9;
}

.indent{
	margin-left:40px;
}

.last{
	margin-right:0px;
}

.last ul{
	margin-left:-3px;
}

.last ul li{
	margin-bottom:5px;
	font-size:11px;
}

#footer{
	clear:both;
	width:100%;
	height:30px;
	background:#e2e0e0;
}

#footerInner{
	width:960px;
	text-align:left;
	padding-top:7px;
	font-size:11px;
	margin:0 auto;
}

#footerInner strong{
	float:right;
}

.message{
	float:right;
	width:221px;
	margin-top:30px;
	font-size:11px;
}

.message p a{
	text-decoration:none;
	color:#215086;
}

#rightbar ul{
	margin-left:15px;
}

#rightbar ul li{
	margin-bottom:15px;
}

#work{
}

.work_elem{
	clear:both;
	height:230px;
}

.work_elem > img{
	margin-top:-15px;
}
.work_img{
	float:left;
}

.workInner{
	float:right;
	width:720px;
}

.workInner{
	margin-top:15px;
}

.workInner p{
	margin-bottom:10px;
}

.workInner > img{
	margin-left:-3px;
}

.workInner p{
	line-height:20px;
}

.workInner p em{
	font-size:12px;
	color:#FFF;
	background-color:#215086;
	padding:2px;
	text-decoration:none;
	font-style:normal;
}

