@charset "UTF-8";
/* CSS Document 
Created by Kirill Zubovsky for this kirillzubovsky.com */

body{
	font:75%/1.7 Arial, Helvetica, sans-serif;
	background-color:#333;
	color:#9c9c9c;
	margin:0;
	padding:0;
}

#container{
	position:absolute;
	top: 2%;
	left: 50%;
	margin-left:-360px;
	color:#FFF;
	width:740px;
}

/* NAVIGATION
Generated via www.cssmenubuilder.com 
Copyright (c) 2008-2009 www.cssmenubuilder.com
Altered by the blog's author.
For permissions, see www.cssmenubuilder.com
*/
#navigation{
position:relative;
padding: 0 0 20px 150px;
}

.menu{background-color:#333;}
.menu{margin:0 0 0 0; padding:0;height:20px; display:block;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}

.menu li a{float:left; padding-left:20px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:20px;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255); background-color:rgb(250,137,0);}
.menu li a:hover span{background-position:100% -60px;}

.menu li a.active{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; color:rgb(250,137,0);}
.menu li a.active span{line-height:30px; float:left; display:block; padding-right:20px;}
.menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; color:rgb(250,137,0);background-color:#333; }
.menu li a.active:hover span{line-height:30px; float:left; display:block; padding-right:20px; background-color:#333;}

.menu li a.rss:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#fffff;background-color:#FF3366; }

#content{
position:relative;
height:200px;
}
/* Backup image code 

#image_holder{
float:left;
padding: 5px 5px 5px 5px;
background-color:#666666;
margin-left: -10px;
}

#my-image{
	position:relative;
	height: 120px;
	width:110px;
	background:url('images/mypicture.png') top left no-repeat;
}
*/

#image_holder{
float:left;
padding: 5px 5px 5px 5px;
background-color:#666666;
margin-left: -100px;
}

#my-image{
	position:relative;
	height: 198px;
	width:198px;
	background:url('images/profile-image-on.jpg') top left no-repeat;
}
#my-image:hover{
	position:relative;
	height: 198px;
	width:198px;
	background:url('images/profile-image-over.jpg') top left no-repeat;
}

#msg_holder{
float:left;
margin-left: 10px;
}

#corner{
	float:left;
	background:url('images/bubble-corner.png') top left no-repeat;
	margin: 20px -5px 0px 0px;
	width: 15px;
	height: 20px;
}
#msg{
float:left;
width:550px;
color:#666;
background:#E5E5E5;
padding: 0px 15px 0px 15px;
}
#msg .post-title{
padding-top:0px;
color:inherit;
}
#msg .post-title a, a:visited{
text-decoration:none;
color:#666;
color:inherit;
}
#msg .post-title a:hover{
cursor:pointer;
text-decoration:none;
background-color:#999999;
color:rgb(255,255,255);
}
#msg .page-title{
padding-top:0px;
}
#msg .page-title a{
text-decoration:none;
color:inherit;
}
#post-content{
font-size:1.2em;
}
#post-content img{
border: 5px solid rgb(102, 102, 102);
}
.post_msg{
text-justify: newspaper;
}
#post-content a, a:visited{
cursor:pointer;
text-decoration:none;
font-weight:bold;
color:#333333;
}
#post-content a:hover{
cursor:pointer;
text-decoration:none;
background-color:#999999;
color:rgb(255,255,255);
}
#post-info{
font-size:1.1em;
display:block;
margin: 0px -15px 0px -15px;
padding: 0px 0px 5px 15px;
}
#post-info a, a:visited{
cursor:pointer;
text-decoration:none;
color:#333333;
}
#post-info a:hover{
cursor:pointer;
text-decoration:none;
background-color:#999999;
color:rgb(255,255,255);
}
#leave-a-comment{
	display:inline;
	position:relative;
	width:210px;
	padding-left:25px;
	background:url('images/comments-bubble.gif') top left no-repeat;
}
#sociable{
	margin: 0px -15px 10px -15px;
	padding: 5px 15px 5px 15px;
}
#date{
margin-top:-20px;
color:#CCCCCC;
}
#breadcrum
{
color:#999999;
}
#post-navigation{
display:block;
background:#CCCCCC;
margin: 10px -15px 0px -15px;
padding: 5px 15px 5px 15px;
}
#post-navigation a,a:visited{
text-decoration:none;
font-weight:bold;
color:#666;
}
#post-navigation a:hover{
cursor:pointer;
text-decoration:none;
background-color:#999999;
color:rgb(255,255,255);
}
#aboutme{
display:none;
}
/*IMG Box*/
a.imgbox img{
border: 5px solid #CCCCCC;
text-decoration:none;
}
a.imgbox:hover img{
border: 5px solid #999999;
}
a.imgbox h3{
color:#666666;
margin-bottom: -2px;
text-decoration:none;
}
a.imgbox{
text-decoration:none;
}
/* 
####### Footer ####### 
*/
/*Copy*/
#copy{
	clear:both;
	position:relative;
	height:10px;
	width: 450px;
	margin-left: 130px;
	color:#CCC;
	font-size:1.0em;
	text-align: left;
}
#copy a, a:visited{
text-decoration:none;
color:#ccc;
}
#copy a:hover{
cursor:pointer;
text-decoration:none;
background-color:#999999;
color:rgb(255,255,255);
}
/* FLICKR
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr{
float:left;
margin: 0px 5px 10px 0px;
padding: U0px 5px 20px 0px;
}
#flickr h3{
float:right;
margin-right:30px;
}
#flickr h3 a{
text-decoration:none;
color:#666666;
}
#flickr h3 a:hover{
text-decoration:none;
color:#FF3366;
background-color:#E5E5E5;
}
.flickr_badge_image {float:left; margin:10px 10px 10px 10px;}
.flickr_badge_image img {border: 5px solid #333 !important;}
.flickr_badge_image:hover img {border: 5px solid #FF3366 !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left;}
#flickr_www {display:table; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/*Scrollable
*/
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 400px; 
    height:240px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    height:1000px; 
    position:absolute; 
} 
div.scrollable div.items div{
min-height: 220px;
}
a.scroll-next div{
background: url('images/down.png') top left no-repeat;
height: 18px;
width:100px;
padding-left: 30px;
margin-left: 150px;
margin-top: -15px;
}
a.scroll-next:hover div{
background: url('images/down.png') -18px left no-repeat;
color:#666666;
}

/*Coomments*/
#comment-box{
background:#CCCCCC;
padding: 1px 10px 1px 10px;
margin: 2px 0px 5px 0px;
}
#comments{
color:#FFFFFF;
size:1.1em;
list-style-type:none;
padding: 0px 0px 0px 0px;
}
#comments li{
background-color:#999999;
padding: 2px 15px 2px 15px;
margin: 5px 0px 0px 0px;
}
#comments li .comment_author{
font-weight:bold;
}
/*Contact form*/
#contact-images{
background:#CCCCCC;
padding: 4px 5px 2px 5px;
display:inline;
}

#contact-images a img, a:hover img, a:visited img{
text-decoration:none;
border: none;
}

/*Page Navigation*/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	color: #0066cc;
	background-color: #CCCCCC;	
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	color: #ffffff;
	background-color: #999999;
	border: 1px solid #333;
}