/*
Theme Name: Portfolio
Theme URI: http://kosjak.ru
Description: This is theme for my portfolio ru/en/ua.
Version: 1.0
Author: kosjak
Author URI: http://kosjak.ru/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
    font-family:Arial, Helvetica, Georgia, Sans-serif;;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
    line-height: 1.2;
	color: #fff;
	background: #000000;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* start */

body { background-image: url(images/back.jpg); background-repeat: repeat-x; background-position: top;}
body { background-image: url(images/back.jpg); background-repeat: repeat-x; background-position: top;}
.clea{ clear: both;}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 136px; width: 736px;
    background-image: url(images/header.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-repeat: no-repeat;
}

#wrapper{ margin: 0 auto; width: 740px;}

.logo{ width: 148px; height: 67px; margin: 25px 0 0 130px; padding: 0; display: block; position: absolute;}
.logo span, span .logo{ display: none;}
.mainpagelogo{ position: absolute; left: -9000px;}


#lang{ margin: 0 20px 0 0; padding: 14px 0 0 0; text-align: right; font-size: 0.7em;}
#lang a, #lang span{ color: #CF7C7C; text-decoration: none; margin: 0 5px;}
#lang span{ color: #fff;}
#lang a:hover{ text-decoration: underline;}

#menu{ margin: 0; padding:16px 20px 0 0; text-align: right; font-weight: bold; font-size: 0.8em; float: right;}
#menu a span{display: block; background-image: url(images/menu_left.gif); background-repeat: no-repeat; line-height: 34px; padding: 0 0 0 16px;}
#menu a{display: block; float: left; background-image: url(images/menu_rigth.gif); background-position: top right ; background-repeat: no-repeat; padding-right: 15px; outline: none; color: #60000B; text-decoration: none;}
#menu a:hover{ text-decoration: none;}



/* Middle
-----------------------------------------------------------------------------*/
#middle { padding: 0; margin: 0;}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
    margin: 0; padding: 0;
	overflow: hidden;
    background-image: url(images/sidebar.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}
#content { margin: 0 0 0 140px; padding: 0; width: 570px; font-size: 0.9em;}
#content p{ padding: 4px 0 14px 4px; margin: 0;}
#content a{ color: #c03333;}
#content a:visited{ color: #b96a7a;}
#content a:hover{ color: #9f0202; text-decoration:none;}

h1, h2{ font-size: 1.6em; margin: 0 0 0 0 !important;}

.posthead div{ font-size: 0.77em; margin: 1em 0 0 0 !important;letter-spacing: 0.1em; background-image: url(images/bullet2.gif); background-position: top left; background-repeat: no-repeat; padding: 0 0 0 23px !important; line-height:22px !important;}
p.right { margin: 0 !important; background-image: url(images/bullet2.gif); background-position: top right; background-repeat: no-repeat; padding: 0 !important; height:22px !important; width: 86px; display: inline-table;}
.posthead a, .posthead a:hover, .posthead a:visited{ color: #fff !important;}


#content li{ margin: 0 0 0 25px;}
#content ul{ margin: 0 0 10px 0;}

.smally{ font-size: 0.8em;}

#service{ width: 90%; margin: 5px 0 15px 0;}
#service th{padding:0 0 9px 4px;}
#service p{padding: 0 0 0 20px; background-image: url(images/bullet.gif); background-position: left; background-repeat: no-repeat;}

#cat{ margin: 10px 0 0 20px; padding:0; text-align: center; font-weight: bold; font-size: 0.8em;}
#cat a span{float: left; display: block; background-image: url(images/cat_left.gif); background-repeat: no-repeat; line-height: 37px; padding: 0 0 0 25px;}
#cat a{display: block; float: left; background-image: url(images/cat_right.gif); background-position: top right ; background-repeat: no-repeat; padding-right: 21px; outline: none; color: #60000B; text-decoration: none;}
#cat a:hover{ text-decoration: none;}

.entry img{ border: #A68C8D solid 3px;}
.img404 { width: 400px; height: 400px; display: block; }

.lrecent { margin: 30px auto 10px auto;}
.lrecent, .rrecent{ width:300px; height: 38px; background-image: url(images/recent_wokr_left.gif); background-position: left; background-repeat: no-repeat;}
.rrecent{background-image: url(images/recent_wokr_right.gif); background-position: right -4px;}
.recent{ width: 165px; text-align: center; margin:0 auto; padding: 4px 0 0 0; height: 29px; font-size: 1.3em;}

.preview-on-homepage-category-name{ font-size: 0.66em !important; background-image: none !important; padding:0 0 0 15px;}
.preview-on-homepage-category-name a{ color: #CBC4C5 !important; padding:0 0 4px; position: absolute;}

.preview{width: 176px; float: left; margin: 10px 6px 0 6px;}
.pixpreview{ background-image: url(images/preview_border2.gif); background-position: top; background-repeat: no-repeat; width: 176px; height: 174px; margin: 0; padding: 0;}
.pixpreview img {padding: 0; position: relative; margin:24px 0 0 22px; border: solid 1px #AEA2A4;}
.preview p{ background-image: url(images/text_preview_back.gif); background-repeat: repeat-y; background-position: top;  width: 124px; margin: 0 auto !important; padding: 0 7px !important; text-indent: 0 !important; font-size: 0.9em; }

p.dpost { margin: 0; padding: 0px 7px 5px !important; font-size: 0.66em; display: block; text-align: right; letter-spacing: 0.1em;}

.more-link {background-image:url(images/text_preview_back.gif); background-repeat: repeat-y; background-position: top; text-align: right; font-size: 0.9em; padding: 5px 7px 0 !important; width: 124px; margin: 0 auto!important;}
.more-link { display: block;}
a.more-link  {color:#c32c3d !important;}
a:visited.more-link { color: #b96a7a !important;}
a:hover.more-link { color: #9f0202 !important;}

.descr{ margin: 10px auto 5px auto;}
.descr2{ text-align: center;}
.prevbot {width: 138px;margin:0; height: 8px; background-image: url(images/text_preview_bottom.gif); background-position: top; background-repeat: no-repeat;margin: 0 auto; padding: 0;}

.askwrap{}
.ask{margin: 30px auto 10px auto;}
.ask, .askright{ background-image: url(images/ask_button_left.gif); width: 360px; height: 90px; background-position: left; background-repeat: no-repeat;}
.askright{background-image: url(images/ask_button_right.gif); background-position: right;}
.asktext{margin:0 auto; width: 138px; height: 55px; background-image: url(images/ask_button_back.gif); background-repeat: repeat-x; background-position: top; padding: 25px 10px 0; text-align: center;}
.asktext a {color: #85001B;}
.asktext a:hover, .more a:hover{ text-decoration: none;}

img.rewards{ border: none !important;}

/*.more-link { display: none;}*/

/* Sidebar Left
-----------------------------------------------------------------------------*/
/*.sl {
	float: left;
	width: 96px;
    padding: 0;
    margin: 0 0 0 17px;
	position: relative;
    background-image: url(images/sidebar_background.gif);
    background-repeat: repeat-x;
    background-position: top;
    height: 490px;
}
.leftside, .rightside{float: left; height: 490px; margin: 0; padding: 0; width: 9px; background-position: top; background-repeat: no-repeat; background-image: url(images/sidebar_shad_left.gif);}
.banner{height: 490px; width: 78px; float: left; background-image: url(images/banner_left.gif); background-position: top center; background-repeat: no-repeat; padding: 0; margin: 0;}
.rightside{background-image: url(images/sidebar_shad_right.gif); float: right;}*/

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 40px;
    padding: 0;
	margin:0;
    text-align: right;
    width: 736px;
}

#footer p{ padding:  20px 20px 20px 0;}

.downleft{ float: left; padding: 0; margin: 0; height:48px; }
.downright{ float: left; padding: 0 0 0 10px; font-size: 0.85em;}
.size{ font-size: 0.8em; margin: 0 7px;}

h3{font-size:20px;}