/*
Theme Name: Night Transition
Theme URI: http://web-kreation.com/download.php#nighttransition
Description:  A two column theme. Black, white and pink colors. Tabbed content for better browsing in the sidebar.
Version: 1.0
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: May 2008
Tags: fixed width, widget ready, 2 columns, right sidebar, sliding panel,  mootools, gravatars, pink, dark grey

    Copyright 2005-2008 Web-kreation. Some rights reserved. Leave footer statement intact please.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
html, body {
border:0 none;
margin:0;
padding:0;
}
body {
-x-system-font:none;
background:transparent url(images/bg_repeat.jpg) repeat scroll 0 0;
font-family:arial,helvetica,sans-serif;
font-size:85%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:130%;
min-width:970px;
width:100%;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
margin:0;
padding:0;
}
p {
margin:10px 0;
padding:0;
}
p.notfound {
padding:15px 0 100px;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
blockquote {
color:#666666;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.2em;
font-style:italic;
margin:10px 20px;
}
blockquote span.open {
background:transparent url(images/quote_open.gif) no-repeat scroll left top;
padding:0 0 0 15px;
}
blockquote span.close {
background:transparent url(images/quote_close.gif) no-repeat scroll right bottom;
padding:0 15px 0 0;
}
code {
background:#F8F7F3 none repeat scroll 0 0;
border-bottom:2px solid #EEEEDF;
border-top:2px solid #EEEEDF;
color:#666666;
display:block;
font-family:"Courier New",Courier,monospace;
margin:10px 15px;
padding:10px 15px;
}
small {
font-size:0.8em;
}
img {
border:medium none;
}
sup {
bottom:0.3em;
position:relative;
vertical-align:baseline;
}
sub {
bottom:-0.2em;
position:relative;
vertical-align:baseline;
}
acronym, abbr {
border-bottom:1px dashed;
cursor:help;
letter-spacing:1px;
}
hr {
border-bottom:1px dotted white;
border-top:1px dotted #E7E1DE;
clear:both;
display:block;
margin:5px 20px 0;
}
.red {
color:#FF3300;
}
.green {
color:#5EBA0A;
}
a {
color:#0099CC;
text-decoration:none;
}
a:hover {
color:#00CCFF;
text-decoration:none;
}
a img {
border:medium none;
}
table {
border:0 none;
margin:0 0 18px;
padding:0;
}
table tr td {
padding:2px;
}
.clear {
clear:both;
height:0;
line-height:0;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
.clearfix {
height:1%;
}
.clearfix {
display:block;
}
.endOfSection {
border:0 none;
clear:both;
font-size:0;
height:0;
line-height:0;
margin:0;
padding:0;
width:100%;
}
.alignleft {
display:block;
float:left;
}
.alignright {
display:block;
float:right;
}
.aligncenter {
display:block;
margin:0 auto;
text-align:center;
}
img.alignleft, img.alignright, img.aligncenter {
background:#F5F4F3 none repeat scroll 0 0;
border:1px solid #E8E4E2;
display:block;
padding:3px;
}
img.alignleft {
float:left;
margin:0 10px 2px 0;
}
img.alignright {
float:right;
margin:0 0 2px 10px;
}
img.aligncenter {
margin:5px auto;
}
img.noborder {
background:transparent none repeat scroll 0 0;
border:medium none;
padding:0;
}
#container {
background:transparent url(images/bg.jpg) repeat-x scroll 0 0;
height:100%;
text-align:center;
width:100%;
}
#wrapper {
background:transparent url(images/bg_content.jpg) repeat-y scroll left top;
margin:0 auto;
text-align:left;
width:960px;
}
#top {
background:#F4F4EA url(images/bg.jpg) repeat-x scroll 0 0;
height:90px;
padding:0 25px;
}
#top .logo {
background:transparent url(images/logo.jpg) no-repeat scroll 0 0;
clear:left;
float:left;
height:25px;
margin-left:20px;
margin-top:45px;
width:360px;
}
#top .logo a {
color:#FF3399;
display:block;
font-size:1.6em;
height:100%;
line-height:25px;
padding-left:50px;
width:100%;
}
#top .logo a:hover {
color:white;
}
#top ul.login {
background:transparent url(images/login_r.jpg) no-repeat scroll right 0;
clear:right;
color:white;
float:right;
font-size:80%;
font-weight:bold;
height:36px;
line-height:36px;
margin-right:50px;
padding-right:40px;
text-align:center;
width:auto;
}
#top ul.login li.left {
background:transparent url(images/login_l.jpg) no-repeat scroll left 0;
display:block;
float:left;
height:36px;
margin:0;
padding:0;
width:40px;
}
#top ul.login li {
background:transparent url(images/login_bg.jpg) repeat-x scroll 0 0;
display:block;
float:left;
height:36px;
padding:0 6px;
text-align:left;
}
#top ul.login li a {
color:#FF3399;
}
#top ul.login li a:hover {
color:white;
}
#login {
background:#1E1E1E none repeat scroll 0 0;
color:white;
height:0;
overflow:hidden;
position:relative;
visibility:hidden;
width:100%;
z-index:3;
}
#login .loginContent {
font-size:0.85em;
height:60px;
margin:0 auto;
padding-top:25px;
text-align:left;
width:550px;
}
#login .loginContent .left {
float:left;
font-size:0.95em;
padding-left:65px;
width:120px;
}
#login .loginContent .right {
float:right;
font-size:0.95em;
padding-right:65px;
text-align:right;
width:290px;
}
#login .loginContent a {
text-decoration:underline;
}
#login .loginContent input {
background:#444444 none repeat scroll 0 0;
border:1px solid #666666;
color:white;
margin-right:5px;
}
#login .loginContent input.rememberme {
background:transparent none repeat scroll 0 0;
border:medium none;
margin:0;
padding:0;
}
#login .loginContent form {
margin:0 0 10px;
}
#login .loginContent input.button_login {
background:transparent url(images/button_login.jpg) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
height:23px;
width:35px;
}
#login .loginClose {
display:block;
font-size:0.8em;
position:absolute;
right:15px;
text-align:left;
top:10px;
width:70px;
}
#login .loginClose a {
background:transparent url(images/button_close.jpg) no-repeat scroll right 0;
color:#0099CC;
display:block;
height:17px;
padding-right:10px;
text-decoration:underline;
width:100%;
}
#login .loginClose a:hover {
background:transparent url(images/button_close.jpg) no-repeat scroll right -17px;
color:#0099CC;
}
#nav {
background:transparent url(images/nav_bg.jpg) repeat-x scroll left top;
display:block;
height:34px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
text-align:center;
width:100%;
z-index:100;
}
#nav li {
background:transparent url(images/nav_sep.jpg) no-repeat scroll 0 0;
display:block;
float:left;
height:34px;
margin:0;
padding:0;
position:relative;
text-align:center;
width:auto;
}
#nav li a {
color:#CCCCCC;
display:block;
float:left;
font-size:0.9em;
height:34px;
left:2px;
line-height:34px;
padding:0 15px;
position:relative;
}
#nav li a:hover {
background:transparent url(images/nav_over.jpg) repeat-x scroll 0 0;
color:white;
}
#nav li a.active {
background:transparent url(images/nav_over.jpg) repeat-x scroll 0 0;
color:white;
font-weight:bold;
}
#nav li.sep {
background:transparent url(images/nav_sep.jpg) no-repeat scroll 0 0;
display:block;
height:34px;
width:2px;
}
#nav li.left {
background:transparent url(images/nav_l.jpg) no-repeat scroll left top;
height:34px;
width:36px;
}
#nav li.right {
background:transparent url(images/nav_r.jpg) no-repeat scroll right top;
float:right;
height:34px;
width:36px;
}
#header {
background:transparent url(images/header.jpg) no-repeat scroll 0 0;
color:white;
font-family:"Trebuchet MS",Tahoma,Arial,sans-serif;
height:214px;
position:relative;
width:100%;
z-index:1;
}
#header .intro {
height:130px;
padding:20px 0 0 45px;
width:650px;
}
#header .intro h1 {
font-size:1.8em;
font-weight:bold;
padding: 5px 0 15px;
}

#header .intro h2 {
font-size:1.2em;
font-weight:bold;
margin:0;
padding:0;
}
#header .intro p {
font-size:1.1em;
margin:0;
padding:0;
}
#header .info {
color:#999999;
font-size:0.85em;
left:20px;
position:absolute;
top:190px;
width:530px;
z-index:2;
}
#header #searchform {
left:600px;
position:absolute;
top:180px;
width:205px;
z-index:2;
}
#header #searchform .searchField {
background:transparent none repeat scroll 0 0;
border:medium none;
color:white;
display:block;
float:left;
height:23px;
padding-top:5px;
width:158px;
}
#header #searchform .searchSubmit {
background:transparent url(images/searchButton.png) repeat scroll 0 0;
border:medium none;
cursor:pointer;
display:block;
float:left;
height:26px;
width:40px;
}
#content {
clear:left;
display:block;
float:left;
padding:20px 15px 20px 20px;
width:630px;
}
#content h1 {
margin:20px 0;
}
#content h2 {
color:#232323;
font-size:1.6em;
font-weight:bold;
height:20px;
padding:8px 0 0;
}
#content h3 {
border-bottom:1px dashed #999999;
color:#232323;
font-size:1.4em;
font-weight:bold;
margin-bottom:20px;
padding-bottom:5px;
padding-top:30px;
}
#content h4 {
color:#232323;
font-size:1.3em;
font-weight:bold;
margin-bottom:15px;
}
#content .post {
clear:both;
margin:0 0 30px;
padding:0;
text-align:justify;
}
#content .post .title {
background:#F8F7F3 none repeat scroll 0 0;
border:1px solid #EEEEDF;
clear:both;
display:block;
padding-right:10px;
}
#content .post .title h1 {
color:#232323;
font-size:1.4em;
font-weight:bold;
height:20px;
margin:0;
padding:8px 0 0;
}
#content .post .title h1 a {
color:#232323;
text-decoration:none;
}
#content .post .title h1 a:hover {
color:#0066CC;
}
#content .post .title small, #content .post .title span {
color:#232323;
}
#content .post .title span {
font-size:0.5em;
}
#content .post .title small a, #content .post .title span a {
color:#FF3399;
}
#content .post .title small a:hover, #content .post .title span a:hover {
color:#0099FF;
}
#content .post .title .date {
border-right:1px solid #DFD8C8;
clear:left;
float:left;
height:44px;
margin:4px 10px 4px 0;
text-align:center;
width:48px;
}
#content .post .title .date .day {
clear:left;
color:#393939;
display:block;
font-size:1.8em;
font-weight:bold;
margin:0;
padding:0;
}
#content .post .title .date .month {
clear:both;
display:block;
font-size:0.9em;
font-weight:bold;
margin:-3px 0;
padding:0;
text-transform:uppercase;
}
#content .post .title .date .year {
clear:left;
color:#393939;
display:block;
font-size:0.85em;
font-weight:bold;
line-height:12px;
margin:0;
padding:0;
}
#content #page h1 {
padding:5px 10px;
}
#content .post .entry {
margin:0;
padding:0 15px;
}
#content .post .entry p.more {
font-size:0.8em;
}
#content .post .postmetadata {
color:#232323;
font-size:0.8em;
}
#content #writerInfo {
background:#F8F7F3 none repeat scroll 0 0;
border:1px solid #EEEEDF;
display:block;
font-size:0.9em;
margin:25px 0 15px;
padding:12px;
}
#content #writerInfo img {
background-color:white;
border:1px solid #CCCCCC;
display:block;
float:left;
margin-right:7px;
padding:3px;
}
#content #writerInfo p {
float:right;
margin:0;
padding:0;
width:500px;
}
#content #writerInfo span {
border-top:1px solid #EEEEDF;
display:block;
float:left;
margin-top:12px;
padding-top:4px;
}
#content #writerInfo a.rss {
background:transparent url(images/feed_small.jpg) no-repeat scroll right 2px;
padding-right:18px;
}
#content a {
text-decoration:underline;
}
#content ul {
padding:5px 0 5px 20px;
}
#content ul li {
background:transparent url(images/bullet.jpg) no-repeat scroll 0 4px;
margin:10px 0;
padding-left:20px;
}
#content ol li {
margin:10px 0;
}
#content a.backToTop {
background:transparent url(images/content_backToTop.jpg) no-repeat scroll right 0;
clear:both;
display:block;
height:20px;
margin-bottom:4px;
text-decoration:none;
width:100%;
}
#content a.backToTop:hover {
background:transparent url(images/content_backToTop.jpg) no-repeat scroll right -20px;
border:medium none;
}
#content .navigation {
display:block;
font-size:0.85em;
margin-bottom:60px;
margin-top:10px;
text-align:center;
}
#content .navigation a {
color:#FF3399;
}
#content .navigation a:hover {
color:#0099FF;
}
#content .commentlist {
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 15px;
}
#content .commentlist li {
font-weight:bold;
}
#content .commentlist .commentNumber {
-x-system-font:none;
color:#D8D1BA;
float:right;
font-family:'Trebuchet MS',Verdana,Arial,Sans-Serif;
font-size:2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:20px;
line-height:normal;
padding-right:25px;
width:20px;
}
#content .commentlist li .avatar {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #EEEEEE;
float:left;
margin-right:7px;
padding:2px;
}
#content .commentlist cite, #content .commentlist cite a {
font-size:1em;
font-style:normal;
font-weight:bolder;
}
#content .commentlist cite a {
color:#FF3399;
text-decoration:none;
}
#content .commentlist cite a:hover {
text-decoration:none;
}
.commentlist .commentText {
background-color:#F8F7F3;
font-size:0.9em;
font-weight:normal;
margin:15px 0 30px;
padding:10px 20px 10px 10px;
text-transform:none;
}
#content .commentlist .comment-admin {
background-color:#F0F0FF !important;
}
#content .commentmetadata {
color:#999999;
font-weight:bold;
}
#content #commentform {
background:#F8F7F3 none repeat scroll 0 0;
border:1px solid #EEEEDF;
display:block;
padding:20px 10px;
}
#content #commentform p {
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
}
#content .nocomments {
font-size:1.2em;
font-weight:bold;
}
#content a.dwnld {
background:transparent url(images/dwnld.jpg) no-repeat scroll 0 0;
clear:both;
color:white;
display:block;
font-size:1.8em;
height:48px;
margin:20px 0;
padding-left:70px;
padding-top:18px;
text-decoration:none;
text-transform:uppercase;
width:216px;
}
#content a.dwnld:hover {
background:transparent url(images/dwnld.jpg) no-repeat scroll 0 -66px;
text-decoration:none;
}
#content a.dwnld span {
font-size:0.7em;
}
p.note, p.error {
border-bottom:1px solid #EBE8D7;
border-top:1px solid #EBE8D7;
display:block;
float:left;
line-height:normal;
min-height:35px;
padding:7px 10px 7px 40px;
width:560px;
}
p.note {
background:#FFF9D7 url(images/info.jpg) no-repeat scroll 5px 4px;
}
p.error {
background:#FF9D9D url(images/error.gif) no-repeat scroll 5px 4px;
border-bottom:1px solid #FF3300;
border-top:1px solid #FF3300;
min-height:20px;
}
#sidebar {
background:transparent url(images/sidebar_bg.jpg) no-repeat scroll 0 0;
display:block;
float:left;
font-size:0.8em;
margin-bottom:30px;
padding-left:15px;
width:260px;
}
#sidebar p {
margin:10px 0;
padding:0;
}
#sidebar h2 {
border-bottom:1px solid #CCCCCC;
color:#FF3399;
font-size:1.4em;
font-variant:small-caps;
font-weight:bold;
margin:15px 0 10px;
width:260px;
}
h2.rss {
background:transparent url(images/rss.jpg) no-repeat scroll 230px 0;
height:21px;
}
#sidebar ul li ul li {
margin-bottom:2px;
width:260px;
}
#sidebar ul li ul li a {
background:#F8F7F3 none repeat scroll 0 0;
border:1px solid #EEEEDF;
display:block;
height:100%;
padding:2px 5px;
width:250px;
}
#sidebar ul li ul li a:hover {
background:white none repeat scroll 0 0;
}
#sidebar img {
background:#F5F4F3 none repeat scroll 0 0;
border:1px solid #E8E4E2;
float:left;
padding:3px !important;
}
#sidebar img.feed {
background:transparent none repeat scroll 0 0;
border:medium none;
display:block;
margin-top:25px;
padding:0;
}
#sidebar .ads {
clear:both;
display:block;
margin:20px 0;
padding:0;
width:264px;
}
#sidebar .ads img {
background:transparent none repeat scroll 0 0;
border:medium none;
display:block;
height:125px;
padding:0;
width:125px;
}
#sidebar .ads .ad-left {
float:left;
margin:0 0 10px;
}
#sidebar .ads .ad-right {
float:right;
margin:0 0 10px;
}
#sidebar .shadetabs {
-x-system-font:none;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
list-style-type:none;
margin-bottom:0;
margin-left:0;
margin-top:1px;
padding:3px 0;
text-align:left;
}
#sidebar .shadetabs li {
display:inline;
margin:0;
}
#sidebar .shadetabs li a {
background:#232323 none repeat scroll 0 0;
border:1px solid #CDC6A9;
color:#FF3399;
display:inline !important;
margin-right:3px;
padding:3px 7px;
position:relative;
text-decoration:none;
z-index:1;
}
#sidebar .shadetabs li a:hover {
background:#393939 none repeat scroll 0 0;
color:#FF3399;
}
#sidebar .shadetabs li a.selected {
position:relative;
top:1px;
}
#sidebar .shadetabs li a.selected {
background:transparent url(images/shadetabs.jpg) repeat-x scroll 0 0;
border-bottom:medium none;
}
#sidebar .shadetabs li a.selected:hover {
background:transparent url(images/shadetabs.jpg) repeat-x scroll 0 0;
text-decoration:none;
}
#sidebar .content {
border:1px solid #CDC6A9;
padding:15px 0;
width:260px;
}
#sidebar .content ul {
padding:0 10px;
}
#sidebar .content ul li {
border-bottom:1px solid #EEEEEE;
display:block;
margin:0;
padding:3px 7px;
width:230px;
}
#sidebar .content ul li a {
background:transparent none repeat scroll 0 0 !important;
border:medium none !important;
display:inline !important;
padding:0;
width:230px;
}
#sidebar .tabcontent {
display:none;
}
#sidebar .tabcontent {
display:block !important;
}
#wp-calendar {
background:#F8F7F3 none repeat scroll 0 0;
border:1px solid #EEEEDF;
empty-cells:show;
float:left;
margin:10px 0 20px;
padding:10px;
width:260px;
}
#wp-calendar #next a {
padding-right:10px;
text-align:right;
}
#wp-calendar #prev a {
padding-left:10px;
text-align:left;
}
#wp-calendar a {
display:block;
}
#wp-calendar caption {
font-weight:bold;
text-align:center;
}
#wp-calendar td {
padding:3px 0;
text-align:center;
}
#wp-calendar td.pad:hover {
background-color:#FFFFFF;
}
#footer {
background:#F4F4EA url(images/footer_bg.jpg) repeat-x scroll 0 0;
clear:both;
color:#999999;
font-size:0.9em;
height:150px;
width:960px;
}
#footer a {
border-bottom:1px dotted #555555;
color:#999999;
}
#footer a:hover {
border-bottom:medium none;
color:#BBBBBB;
}
#footer .foot_l {
background:transparent url(images/footer_l.jpg) no-repeat scroll left top;
float:left;
height:74px;
width:80px;
}
#footer .foot_l a {
border:0 none;
display:block;
height:100%;
text-decoration:none;
width:100%;
}
#footer .foot_r {
background:transparent url(images/footer_r.jpg) no-repeat scroll right top;
clear:none;
float:right;
height:74px;
width:26px;
}
#footer .foot_content {
clear:none;
display:block;
float:left;
padding:10px 0 0;
text-align:center;
width:800px;
}
#footer .foot_content p {
line-height:20px;
margin:0;
padding:0;
}
#footer .foot_content .logo {
display:block;
float:left;
height:38px;
margin-top:3px;
width:196px;
}
#footer .foot_content .logo a {
background:transparent url(images/footer_logo.jpg) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
display:block;
height:100%;
width:100%;
}
#footer .foot_content .logo a:hover {
background:transparent url(images/footer_logo.jpg) no-repeat scroll 0 -38px;
display:block;
}
#footer .foot_info {
clear:both;
display:block;
font-size:0.8em;
line-height:normal;
margin:0 auto;
text-align:center;
width:850px;
}
#footer .backToTop {
display:inline;
float:right;
height:74px;
width:40px;
}
#footer .backToTop a {
background:transparent url(images/footer_backToTop.jpg) no-repeat scroll 0 0;
border:medium none;
display:block;
height:100%;
width:100%;
}
#footer .backToTop a:hover {
background:transparent url(images/footer_backToTop.jpg) no-repeat scroll 0 -74px;
border:medium none;
}
#footer ul li {
display:inline;
}
	width: 36px;
	height: 34px;
	float: right;
}

/***** HEADER *****/
#header {                                                     /* style.css   */
	background:transparent url(images/header.jpg) no-repeat scroll 0 0;
	width: 100%;
	height: 214px;
	position: relative;
	z-index: 1;
	color: white;
	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;
}

#header .intro {
	width: 650px;
	height: 130px;
	padding: 20px 0 0 45px;
}

#header .intro h1 {
	font-size: 1.8em;
	padding: 5px 0 15px 0;
	font-weight: bold;
}

#header .intro h2 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#header .intro p {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}

/* Header info */
#header .info {
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 190px;
	color: black;
	width: 530px;
	font-size: 0.85em;
	color: #999;
}


/***** Search Box *****/
#header #searchform {
	position: absolute;
	z-index: 2;
	left: 600px;
	top: 180px;
	width: 205px;
}

#header #searchform .searchField {
	display: block;
	float: left;
	border: none;
	background: transparent;
	width: 158px;
	color: white;
	height: 23px;
	padding-top: 5px;
	padding-left: 10px;
}

#header #searchform .searchSubmit {
	background: transparent url(images/searchButton.png);
	display: block;
	float: left;
	width: 32px;
	height: 24px;
	border: none;
	cursor: pointer;
}

/***** CONTENT *****/
#content {
	display: block;
	float: left;
	clear: left;
	width: 630px;
	padding: 20px 15px 20px 20px;
}

#content h1 {
	margin: 20px 0;
}

#content h2 {
	height: 20px;
	font-size: 1.6em;
	font-weight: bold;
	padding: 8px 0 0 0;
	color: #232323;
}

#content h3 {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999;
	padding-top: 30px;
	color:  #232323;
	margin-bottom: 20px;
}

#content h4 {
	font-size: 1.3em;
	font-weight: bold;
	color:  #232323;
	margin-bottom: 15px;
}

/* post */
#content .post {
	margin: 0 0 30px 0;
	padding: 0;
	clear: both;
	text-align: justify;
}

#content .post .title {
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	display: block;
	clear: both;
	padding-right: 10px;
}

#content .post .title h1 {
	height: 20px;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 0 0 0;
	margin: 0;
	color: #232323;
}

#content .post .title h1 a {
	color: #232323;
	text-decoration: none;
}

#content .post .title h1 a:hover {
	color: #0066CC;
}

#content .post .title small, #content .post .title span {
	color: #232323;
}

#content .post .title span {
	font-size: 0.5em;
}

#content .post .title small a, #content .post .title span a {
	color: #FF3399;
}

#content .post .title small a:hover, #content .post .title span a:hover {
	color: #0099FF;
}

/* Post Date */
#content .post .title .date {
  Float: left;
  clear: left;
  width: 48px;
  height: 44px;
  border-right: 1px solid #DFD8C8;
  margin: 4px 10px 4px 0;
  text-align: center;
}

#content .post .title .date .day {
  display: block;
  clear: left;
  font-size: 1.8em;
  color: #393939;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#content .post .title .date .month {
  display: block;
  clear: both;
  font-size: 0.9em;
  font-weight: bold;
  margin:-3px 0;
  text-transform: uppercase;
  padding: 0;
}

#content .post .title .date .year {
  display: block;
  clear: left;
  font-size: 0.85em;
  color: #393939;
  font-weight: bold;
  line-height: 12px;
  margin: 0;
  padding: 0;
}

/* Page */
#content #page h1 {
	padding: 5px 10px;
}


/* Post Entry */
#content .post .entry {
	padding: 0 15px;
	margin: 0;
}

#content .post .entry p.more {
	font-size: 0.8em;
}

#content .post .postmetadata {
	font-size: 0.8em;
	color:  #232323;
}

/* Writer Info */
#content #writerInfo {
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	padding: 20px 10px;
	display: block;
	margin:25px 0 15px 0;
	padding:12px;
	font-size: 0.9em;
}

#content #writerInfo img {
	padding:3px;
	background-color: white;
	border:1px solid #ccc;
	float:left;
	display: block;
	margin-right: 7px;
}

#content #writerInfo p {
	margin:0;
	width:500px;
	padding: 0;
	float: right;
}

#content #writerInfo span {
	display:block;
	float: left;
	padding-top:4px;
	margin-top:12px;
	border-top:1px solid #EEEEDF;
}

#content #writerInfo a.rss {
	background: url(images/feed_small.jpg) no-repeat right 2px;
	padding-right: 18px;
}

/* Content - Global Classes */
#content a {
	text-decoration: underline;
}

#content ul {
	padding: 5px 0 5px 20px;
}

#content ul li {
	background: url(images/bullet.jpg) 0 4px no-repeat;
	padding-left: 20px;
	margin: 10px 0;
}

#content ol li {
	margin: 10px 0;
}

/* Подняться вверх */
#content a.backToTop {
	background: url(images/content_backToTop.jpg) no-repeat right 0;
	display: block;
	clear: both;
	width: 100%;
	height: 20px;
	margin-bottom: 4px;
	text-decoration: none;
}

#content a:hover.backToTop {
	border: none;
	background: url(images/content_backToTop.jpg) no-repeat right -20px;
}

#content .navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-size: 0.85em;
}

#content .navigation a {
	color: #FF3399;
}

#content .navigation a:hover {
	color: #0099FF;
}

/***** COMMENTS *****/
#content .commentlist {
	font-weight: bold;
	padding: 0 15px;
	margin: 0;
	list-style: none;
}

#content .commentlist li {
	font-weight: bold;
}

#content .commentlist .commentNumber {
	float: right;
	padding-right: 25px;
	color: #D8D1BA;
	width: 20px;
	height: 20px;
	font: 2em 'Trebuchet MS', Verdana, Arial, Sans-Serif;

}

#content .commentlist li .avatar {
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin-right: 7px;
}

#content .commentlist cite, #content .commentlist cite a {
	font-weight: bolder;
	font-style: normal;
	font-size: 1em;
}

#content .commentlist cite a {
	text-decoration: none;
	color: #FF3399;
}

#content .commentlist cite a:hover {
	text-decoration: none;
}

.commentlist .commentText {
	font-weight: normal;
	font-size: 0.9em;
	text-transform: none;
	background-color: #F8F7F3;
	padding: 10px 20px 10px 10px;
	margin: 15px 0 30px 0;
}

/* highlight author comment with a different background color */
#content .commentlist .comment-admin {
 	background-color: #F0F0FF !important;
}

#content .commentmetadata {
	font-weight: bold;
	color: #999999;
}

#content #commentform {
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	padding: 20px 10px;
	display: block;
}

#content #commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#content .nocomments {
	font-size: 1.2em;
	font-weight: bold;
}

/* extras */
/* content typography */
#content a.dwnld{
	background: url(images/dwnld.jpg) no-repeat 0 0;
	display: block;
	clear: both;
	height: 48px;
	width: 216px;
	color: white;
	font-size: 1.8em;
	text-transform: uppercase;
	padding-left: 70px;
	padding-top: 18px;
	margin: 20px 0;
	text-decoration: none;
}

#content a:hover.dwnld {
	background: url(images/dwnld.jpg) no-repeat 0 -66px;
	text-decoration: none;
}

#content a.dwnld span {
	font-size: 0.70em;
}

p.note,
p.error {
	display: block;
	width: 560px;
	min-height: 35px;
	float: left;
	padding: 7px 10px 7px 40px;
	border-top: #EBE8D7 1px solid;
	border-bottom: #EBE8D7 1px solid;
	line-height: normal;
}

p.note {background: #FFF9D7 url(images/info.jpg) no-repeat 5px 4px;}

p.error {
	background: #FF9D9D url(images/error.gif) no-repeat 5px 4px;
	border-top: #FF3300 1px solid;
	border-bottom: #FF3300 1px solid;
	min-height: 20px;
}


/***** SIDEBAR *****/
#sidebar {
	background: url(images/sidebar_bg.jpg) no-repeat 0 0;
	display: block;
	float: left;
	width: 260px;
	margin-bottom: 30px;
	padding-left: 15px;
	font-size: 0.8em;
}

#sidebar p {
    margin: 10px 0;
	padding: 0;
}

#sidebar h2 {
	font-size: 1.4em;
	font-variant: small-caps;
	color: #FF3399;
	border-bottom: 1px solid #ccc;
	width: 260px;
	font-weight: bold;
	margin: 15px 0 10px 0;
}

h2.rss {
	background: url(images/rss.jpg) no-repeat 230px 0;
	height: 21px;
}

#sidebar ul li ul li {
	width: 260px;
	margin-bottom: 2px;
}

#sidebar ul li ul li a {
	display: block;
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	padding: 2px 5px;
	width: 250px;
	height: 100%;
}

#sidebar ul li ul li a:hover {
	background: white;
}

#sidebar img {
	padding: 3px !important;
	background: #F5F4F3;
	border: 1px solid #E8E4E2;
	float: left;
}

#sidebar img.feed {
	display: block;
	padding: 0;
	background: transparent;
	border: none;
	margin-top: 25px;
}

#sidebar .ads {
	display: block;
	clear: both;
	width: 264px;
	margin: 20px 0;
	padding: 0;
}

#sidebar .ads img {
	display: block;
	width: 125px;
	height: 125px;
	padding: 0;
	border: none;
	background: transparent;
}

#sidebar .ads .ad-left {
	float: left;
	margin: 0 0 10px 0;
}

#sidebar .ads .ad-right {
	float: right;
	margin: 0 0 10px 0;
}

/* tabbed menu */
#sidebar .shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Arial;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#sidebar .shadetabs li{
	display: inline;
	margin: 0;
}

#sidebar .shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #CDC6A9;
	color: #FF3399;
	background: #232323;
	display: inline !important;
}

#sidebar .shadetabs li a:hover{
	background: #393939;
	color: #FF3399;
}

#sidebar .shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	top: 1px;
}

#sidebar .shadetabs li a.selected{ /*selected main tab style */
	background: url(images/shadetabs.jpg) repeat-x 0 0;
	border-bottom: none;
}

#sidebar .shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
	background: url(images/shadetabs.jpg) repeat-x 0 0;
}

#sidebar .content {
	border: #CDC6A9 1px solid;
	padding: 15px 0;
	width: 260px;
}

#sidebar .content ul {
	padding: 0 10px;
}

#sidebar .content ul li {
	border-bottom: 1px #eee solid;
	margin: 0;
	padding: 3px 7px;
	display: block;
	width: 230px;
}

#sidebar .content ul li a {
	display: inline !important;
	background: transparent !important;
	border: none !important;
	padding: 0;
	width: 230px;
}

#sidebar .tabcontent{
	display:none;
}

@media print {
#sidebar .tabcontent {
	display:block !important;
}
}

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px 0 20px;
	padding: 10px;
	width: 260px;
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	float: left;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	font-weight: bold;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/***** FOOTER *****/
#footer {
	background: #F4F4EA url(images/footer_bg.jpg) repeat-x 0 0;
	clear: both;
	width: 960px;
	height: 150px;
	color: #999;
	font-size: 0.9em;
}

#footer a {
	color: #999;
	border-bottom: 1px dotted #555;
}

#footer a:hover {
	color: #bbb;
	border-bottom: none;
}

#footer .foot_l {
	background: url(images/footer_l.jpg) no-repeat left top;
	width: 80px;
	height: 74px;
	float: left;
}

#footer .foot_l a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: 0;
}

#footer .foot_r {
	background: url(images/footer_r.jpg) no-repeat right top;
	width: 26px;
	height: 74px;
	float: right;
	clear: none;
}

#footer .foot_content {
	display: block;
	clear: none;
	width: 800px;
	float: left;
	clear: none;
	padding: 10px 0 0 0;
	text-align: center;
}

#footer .foot_content p {
	margin: 0;
	padding: 0;
	line-height: 20px;
}

#footer .foot_content .logo {
	display: block;
	width: 196px;
	height: 38px;
	margin-top: 3px;
	float: left;
}

#footer .foot_content .logo a {
	background: url(images/footer_logo.jpg) no-repeat 0 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	border: none;
}

#footer .foot_content .logo a:hover {
	background: url(images/footer_logo.jpg) no-repeat 0 -38px;
	display: block;
}

#footer .foot_info {
	display: block;
	clear: both;
	width: 850px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.80em;
	line-height: normal;
}

/* Back to top */
#footer .backToTop {
	display: inline;
	width: 40px;
	height: 74px;
	float: right;
}

#footer .backToTop a {
	background: url(images/footer_backToTop.jpg) no-repeat 0 0;
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}

#footer .backToTop a:hover {
	background: url(images/footer_backToTop.jpg) no-repeat 0 -74px;
	border: none;
}

#footer ul li {
	display: inline;
}