/*   
Theme Name: Project 2060
Description: Custom Theme for the Project 2060
Author: IvanK
Version: 1.0
.
Copyright RIZN Communication Design 2009
.
*/
html, body, ul, ol, li, form, h1,h2,h3,h3,h4,h5,p{margin:0; padding:0;}
a img{ border: 0;}
a { color: #006666; text-decoration: none; }
a:hover{ text-decoration:underline; }
body p{
  margin-bottom:10px;
}

#logo{
  position:absolute;
  left:-300px;
}

body{
  background: url(images/header_stripe.png) top center repeat-x #e6ecec;
  color:#333333;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  line-height:16px;
}
#page{
  width:960px;
  margin:0 auto;
  overflow:hidden;
  _zoom:1;
  position:relative;
}

/* HEADER 
------------------------------- */
#head-menu{
  font-family:Georgia, serif;
  font-size:14px;
  list-style:none;
  position:absolute;
  top:13px;
  left:0;
}
#head-menu li{
  float:left;
  margin-right: 20px;
}
#head-menu li a{
  color: #FBF3E9;
  text-shadow:#BF7016 1px 1px 1px;
  font-weight:bold;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#BF7016, Direction=135, Strength=1);  
}

#login-menu{
  font-family:Georgia, serif;
  font-size:14px;
  list-style:none;
  position:absolute;
  top:13px;
  right:2px;
  color: #FBF3E9;
  text-shadow:#BF7016 1px 1px 1px;
  font-weight:bold;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#BF7016, Direction=135, Strength=1);  
  _filter: none;
}
#login-menu li{
  float:right;
  margin-left: 10px;
  padding-right: 10px;
  border-right:1px solid #C87617;
}
#login-menu li.last{
  border-right:none;
}
#login-menu li a{
  color: #F8EADA;
}

#head-logo{
  padding-top:73px;
  overflow:hidden;
  zoom:1;
}
#head-logo h1{
  float:left;
}

#head-logo h1 a{
  width:427px;
  height:151px;
  background:url(images/logo.png) top left no-repeat transparent;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/2060/images/logo.png', sizingMethod='crop');
  display:block;
}

#head-logo h1 a span{
  display:none;
}
#head-logo div.description{
  color:white;
  font-family:Georgia, sans-serif;
  font-style: italic;
  line-height:1.2em;
  font-size:20px;
  float:left;
  width:360px;
  margin-left:53px;
  margin-top:1px;
}
#head-logo div.description strong{
  display:block;
  margin-top:8px;
}
#login-menu li div.light{
  margin-top:-1px !important;
  width:107px;
}
#head-logo div.remains{
  line-height:1.4em;
  float:right;
  width:80px;
  color:white;
  text-align:right;
  line-height:2.8em;
  font-family:Georgia, sans-serif;
  font-style: italic;
  font-size:15px;
}
#head-logo div.remains strong{
  line-height:25px;
  font-size:53px;
  display:block;
}

/* LEFT COLUMN
-------------------------------- */
#left-col{
  float: left;
  background-color:white;
  width: 200px;
  margin-top:45px;
}
#left-col div.top,
#left-col div.bottom{
  height:5px;
  width:200px;
  background:url(images/rounded_corners.png) 0 0 no-repeat transparent;
  _zoom:1;
  overflow:hidden;
}
#left-col div.bottom{
  background-position:0 -5px;
}

#left-col h2{
  color:#F7931E;
  background:url(images/elements.png) left bottom no-repeat transparent;
  _background-image:url(images/elements_ie6.png);
  font-size:18px;
  font-family:Georgia, serif;
  margin:3px 12px;
  padding-bottom:10px;
  border-bottom:1px solid #808080;
  font-weight:normal;
}
#left-col .normal-list{
  list-style:none;
}
#left-col .normal-list li{
  font-family:Georgia, serif;
  font-size:16px;
  padding: 9px 0;
  margin:0 12px;
  color:#CCC;
  border-bottom:1px solid #e6e6e6;
}
#left-col .normal-list li:last-child{
  border-bottom:0;
}

#left-col .normal-list li.current-cat{
  font-weight:bold;
}
.sidebar-book{
	text-align:center;
	display:block;
}
.sidebar-book:hover{
	text-decoration:none;
}
	
/* CONTENT
-------------------------------- */
#content{
  margin-top:45px;
  width:531px;
  float:left;
  margin-left:20px;
}
#content .navigation{
  margin-top:10px;
}
#content .posts-holder{
  background:white;
}
#content .posts-holder .top,
#content .posts-holder .bottom{
  height:5px;
  width:531px;
  background:url(images/rounded_corners.png) -240px 0 no-repeat transparent;
  _zoom:1;
  overflow:hidden;
  
}
#content .posts-holder .bottom{
  background-position:-240px -5px;  
}
#content .hentry, #content .page{
  margin-bottom: 30px;
  position: relative;
}

#content .hentry h2,
#content .page h2{
  padding:10px 25px 0 25px;
  
  font-weight:normal;
  font-size:34px;
  margin-bottom:10px;
  line-height:37px;
  color:#267D7D;
  font-family:Georgia, serif;  
}

#content .hentry .entry-details{
  list-style:none;
  padding:0 25px;
}
#content .hentry .entry-details li{
  font-family:Georgia, serif;
  font-size:13px;
  color:#ccc;
  margin-right:15px;
  display:inline;
}
#content .hentry .entry-details li a{
  
}
#content .hentry .entry,
#content .page .entry{
  margin:5px 25px 0 25px;
  border-top:1px solid #e6e6e6;
  padding-top:10px;
}


#content .hentry .entry-footer{
  margin:10px 20px 0 20px;
  padding-top:2px;
  clear:both;
  padding-bottom:2px;
  border-top:1px solid #e6e6e6;
  border-bottom:1px solid #e6e6e6;
  overflow:hidden;
  _zoom:1;
}
#content .hentry .more-link{
  margin-left:25px;
  font-size:12px;
  font-weight:bold;
  font-style:italic;
}

#content .hentry .entry-footer div.comments-link,
#content .hentry .entry-footer div.iFavThis,
#content .hentry .entry-footer div.iLikeThis{
  background: url(images/elements.png) -169px 0 no-repeat transparent;
  _background-image:url(images/elements_ie6.png);
  padding:3px 0 3px 25px;
  margin-left:10px;
  width:106px;
  border-right:1px solid #e6e6e6;
  float:left;
  _cursor:hand;
  color:#006666;
  cursor:pointer;
}
#content .hentry .entry-footer div.iFavThis:hover,
#content .hentry .entry-footer div.iLikeThis:hover{
  text-decoration:underline;
}
#content .hentry .entry-footer div.iFavThis-disabled:hover,
#content .hentry .entry-footer div.iLikeThis-disabled:hover{
  text-decoration:none;
}

#content .hentry .entry-footer div.share-this{
  float:left;
  padding:3px;
  margin-left:10px;
}
#content .hentry .entry-footer div.iFavThis{
  background-position: 0 0;
  width:55px;
  margin-left:8px;
}
#content .hentry .entry-footer div.iFavThis-disabled{
  background-position: 0 -40px;
  color:#333;
  cursor:default;
  margin-left:8px;
}
#content .hentry .entry-footer div.iLikeThis{
  background-position: -80px 0;
  width:61px;
}
#content .hentry .entry-footer div.iLikeThis-disabled{
  background-position: -80px -40px;
  cursor:default;
  color:#333;
}

#content .category-filter{
  list-style:none;
  height:38px;
  overflow:hidden;
  margin-right:-1px;
  background-color:#E6ECEC;
  border-bottom:15px solid white;
}
#content .category-filter li{
  float:left;
  margin-right:1px;
  background:url(images/elements.png) left -252px no-repeat #E6ECEC;
  _background-image:url(images/elements_ie6.png);
  padding-left:5px;
}
#content .category-filter li a{
  display:block;
  background:url(images/elements.png) right -252px no-repeat #E6ECEC;
  _background-image:url(images/elements_ie6.png);
  height:24px;
  padding:14px 25px 0 21px;
  color:white;
  text-align:center;
}
#content .category-filter li.current{
  background-position:left -199px;
}
#content .category-filter li.current a{
  padding-top:12px;
  height:26px;
  background-position:right -199px;
  color:#006666;
}
/* SIDEBAR
-------------------------------- */
#sidebar{
  float: right;
  width: 190px;
  margin-top:45px;  
}
#sidebar ul.main-sidebar{
  list-style:none;
}

#sidebar ul.main-sidebar li.sidebar-item{
  background-color:white;
  margin-bottom:15px;
  _zoom:1;
  overflow:hidden;
}
#sidebar ul.main-sidebar li.sidebar-item .top,
#sidebar ul.main-sidebar li.sidebar-item .bottom{
  height:5px;
  width:190px;
  background:url(images/rounded_corners.png) -810px 0 no-repeat transparent;
  _zoom:1;
  overflow:hidden;
  
}
#sidebar ul.main-sidebar li.sidebar-item .bottom{
  background-position:-810px -5px;  
  clear:both;
}

#sidebar ul.main-sidebar li.sidebar-item h2{
  color:#F7931E;
  background:url(images/elements.png) left bottom no-repeat transparent;
  _background-image:url(images/elements_ie6.png);
  font-size:15px;
  font-family:Georgia, serif;
  margin:3px 12px;
  padding-bottom:10px;
  border-bottom:1px solid #808080;
  font-weight:normal;

}

#sidebar ul.main-sidebar li.sidebar-item.follow-us h2{
  float:left;
  font-style:normal;
  border-bottom:0;
  padding:0;
  margin-left:10px;
  font-family:Georgia, serif;
  color:#ccc;  
  font-size:15px;  
  background:none;
}
#sidebar ul.main-sidebar li.sidebar-item.follow-us a{
  float:right;
  margin-right:7px;
  margin-top:3px;  
}
#sidebar ul.main-sidebar li.sidebar-item ul.list,
#sidebar ul.main-sidebar li.sidebar-item .aktt_tweets ul {
  list-style:none;
}
#sidebar ul.main-sidebar li.sidebar-item ul.list li,
#sidebar ul.main-sidebar li.sidebar-item .aktt_tweets ul li{
  font-size:12px;
  padding: 9px 0;
  margin:0 12px;
  border-bottom:1px solid #e6e6e6;
  color:#ccc;
}
#sidebar ul.main-sidebar li.sidebar-item .aktt_tweets ul li{
  color:#666;
}
#sidebar ul.main-sidebar li.sidebar-item li.list:last-child,
#sidebar ul.main-sidebar li.sidebar-item .aktt_tweets ul li:last-child{
  border:0;
}
#sidebar ul.main-sidebar li.sidebar-item .tag-cloud{
  font-family:Georgia, serif;  
  padding:6px 12px;
  line-height:18px;
}
#searchform div{
  position:relative;
  height:29px;
  width: 190px;
  background: url(images/elements.png) 0 -100px no-repeat transparent;
  _background-image:url(images/elements_ie6.png);
}
#searchform div label{
  position:absolute;
  top:4px;
  left:10px;
  z-index:100;
  font-family:Georgia, serif;
  color:#ccc;  
  font-size:15px;
}
#s{
  position:absolute;
  top:2px;
  left:2px;
  z-index:150;
  border:0;
  background-color:transparent;
  height:21px;
  width: 146px;
  padding:2px 5px 2px 5px;
  font-family:Georgia, serif;
  font-style:italic;
  font-size:16px;
}
#s:focus, .is-search #s{
  background-color:white;
}

#searchsubmit{
  position:absolute;
  top:0;
  right:0;
  z-index:150;
  border:0;
  overflow:hidden;
  width:32px;
  height:32px;
  text-indent:32px;
  _cursor:hand;
  cursor:pointer;
  background-color:transparent;
}


/* FOOTER
-------------------------------- */
#footer{
  clear:both;
  margin-top:20px;
  background:url(images/footer.png) bottom center repeat-x #1F5454;
  padding-bottom:20px;
  color:#A5B8B8;
  font-size:12px;
}
#footer a{color: white;}
#footer .footer-content{
  width:936px;
  margin:0 auto;
  padding:12px 12px 0px 12px;
}
.footer-columns{
  _zoom:1;
  overflow:hidden;
  list-style:none;
  padding-bottom:15px;
}
.footer-columns li.column{
  width:284px;
  float:left;
  padding-right:18px;
  margin-right:18px;
  border-right:1px solid #A5B9B9;
  min-height:255px;
  _height:255px;
}
.footer-columns li.last-column{
  border-right:0;
  padding-right:0;
  margin-right:0;
/*  background:url(images/footer_logo.png) 1px 146px no-repeat transparent;*/
}
.footer-columns li.full-column{
	width:auto;
	min-height:120px;
  border-right:0;
  padding-right:0;
  margin-right:0;
	_height:120px;
}
.footer-columns li.column h2{
  font-size:18px;
  font-weight:normal;
  font-style: Georgia, serif;
  color:#FF9900;
  border-bottom:1px solid #A5B9B9;
  padding-bottom:8px;
  margin-bottom:8px;
}
.footer-columns li.column ul{
  list-style:none;
}
.footer-columns li.column ul li{
  padding:7px 2px;
  border-bottom: 1px dotted #537a7a;
}
.footer-info{
  list-style:none;
  overflow:hidden;
  _zoom:1;
  margin-top:22px;
}
.footer-info li{
  float:left;
  margin-right:5px;
  padding-right:5px;
  border-right:1px solid #999;
}
.footer-info li.last{
  border-right:0;
}
.footer-info li.copyright-rizn{
  float:right;
  border:0;
  margin-right:12px;
  padding-right:0;
}
  
/* YOUR BOOK
-------------------------------- */
#your-book{
  background:white;
  padding:0 20px 20px 20px;
  position: relative;
  margin-bottom: 30px;  
}
#your-book h2{
  padding-top:10px;
  font-weight:normal;
  font-size:38px;
  margin-bottom:10px;
  line-height:37px;
  font-family:Georgia, serif;  
  color: #CC7B36;
}
#your-book small{
  font-family:Georgia, serif;
  font-size:13px;
  color:gray;
  margin-right:15px;
}
#your-book small a{
  font-weight:bold;
}
#your-book button{
  font-size:16px;
}
#expanded-categories{
  list-style:none;
  padding:10px 0;
}
#expanded-categories ul{
  list-style:none;
}
#expanded-categories ul li{
  margin-bottom:10px;
  color: #CC7B36;
  font-size:22px;
  font-family:Georgia, serif;
}
#expanded-categories ul li a{
  font-size:12px;
}
#sidebar .sidebar-favourites{
  _cursor:hand;
  cursor:pointer;
}
#sidebar .sidebar-favourites.current{
  color:black !important;
}

#sidebar .create-post{
  background:url(images/elements.png) 0px -323px no-repeat transparent;
  _background-image:url(images/elements_ie6.png);
  padding:3px 10px 10px 40px;
  height:28px;
  margin-bottom:10px;
}
#sidebar .logo-doverie{
  margin-bottom:10px;
}
#sidebar .create-post a{
  color: #FBF3E9;
  text-shadow:#BF7016 1px 1px 1px;
  line-height:13px;
  font-weight:bold;
  font-family:Georgia, serif;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#BF7016, Direction=135, Strength=1);  
  font-size:14px;
}

#sidebar .user-info img{
  float:left;
  margin-top:7px;
  margin-left:10px;
}
#sidebar .user-info div.user{
  margin-top:7px;
  font-family:Georgia, serif;
  margin-left:65px;
  font-weight:bold;
  font-size:14px;
}
#sidebar .user-info div.user a.logout{
  font-size:12px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
}
#sidebar .user-info ul{
  list-style:none;
  clear:left;
  padding-top:10px;
}
#sidebar .user-info ul li{
  padding: 4px 0;
  margin:0 12px;
  border-top:1px solid #e6e6e6;
  color:#ccc;}
/* COMMENTS
-------------------------------- */

.comments-block{
  background:white;
}
.comments-block .top,
.comments-block .bottom{
  height:5px;
  width:531px;
  background:url(images/rounded_corners.png) -240px 0 no-repeat transparent;
}
.comments-block .bottom{
  background-position:-240px -5px;  
}

#comments{
  margin:0 25px;
  padding:10px 0;
  font-family:Georgia, serif;
  font-style:italic;
  border-bottom:1px solid #4d4d4d;
  color:#4d4d4d;
}
.commentlist{
  padding:0 20px 0 40px;
  margin-top:15px;
}

.commentlist cite, .commentlist cite a {
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	font-family:Georgia, serif;
	}
.commentlist span.says{
  font-size:12px;
  font-family:Georgia, serif;
  color:#888;
}

.commentlist li .avatar { 
	position:absolute;
	top:25px;
	right:0;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}
	
.commentlist li {
	position:relative;
	min-height:80px;
	padding-bottom:10px;
}

.commentlist .commentmetadata {
	position:absolute;
	top:0;
	right:0;
	font-size: 14px;
	font-family:Georgia, serif;	
	}
.commentlist p{
  margin-right:60px;
  color:#666;
  margin-top:5px;
}
#respond{
  background:url(images/comments_stripe.jpg) top left repeat-x #CCCCCC;
  padding:25px;
  margin-top:-10px;
}
#respond h3{
  font-family:Georgia, serif;	
  font-style:italic;
  color:#4d4d4d;
  font-size:15px;
  margin-bottom:15px;
}
#respond p{
  color:#333;
  font-size:12px;
}

#respond input, #respond textarea{
  background-color:white;
  border:1px solid gray;
	border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#respond #submit, #respond input[type=submit]{
  border:0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background:url(images/elements.png) 0 -150px no-repeat transparent;
  _background-image:url(images/elements_ie6.png);
  width:179px;
  height:24px;
  font-family:Georgia, serif;	
  color:white;  
  font-size:12px;
  display:block;
  padding-bottom:2px;
  _cursor:hand;
  cursor:pointer;
}


/* DEFAULT STYLES
-------------------------------- */

.commentlist li ul li {
	font-size: 1em;
}

#comment{
  width: 478px;
  height:150px;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */