@import url(reset.css);



/*++++++ BODY ++++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { 
    background: #fff url('images/bg_body.gif') repeat-x 0 0;
    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
    color:#1e1e1e;
    font-size: 90%;
}
h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}



h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #000;
    margin: 0;
    padding: 0px 0px 6px 0px;
    font-size: 3.6em;
    line-height: 4.2em;
    font-weight: normal;    
}


h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #000;
    margin: 0;
    padding: 0px 0px 6px 0px;
    font-size: 3.6em;
    font-weight: normal;
    letter-spacing: -2px;    
}
/*
h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
    color: #000;
    margin: 0;    
    font-size: 24px;
    padding:8px 0 5px 0;
    letter-spacing: -1px;
    font-weight: normal;
}
*/
h3 {
font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;

    color: #000;
    margin: 0;
    padding: 8px 0px 5px 0px;
    font-size: 19px;
    letter-spacing: -1px;
    font-weight: bold;
}

h4 {
    color: #000;
    margin: 0;
    padding: 0px 0px 6px 0px;
    font-size: 1.8em;
    letter-spacing: -1px;
    font-weight: bold;
}

h5 {
    font-size: 1.4em;
    font-weight: bold;
}

p {
	margin: 0 0 10px 0;
}


a {
    color: #0066cc;
    text-decoration: none;
}
a:hover {
    color: #0066cc; 
    text-decoration: none;
}

small {
    font-size:0.88em;    
}

/* highlight links that open in new windows
.entry a[target="_blank"]:after, .entry a[target="new"]:after {
    padding-right:13px;
    background: url('images/nw.gif') right no-repeat;
	content: "";
}*/

h2.title_of_article {
font-family: Georgia, "Times New Roman", Times, serif;
    color: #000;
    margin: 0;
    padding: 0px 0px 6px 0px;
    font-size: 42px !important;
    line-height: 92%!important;
    font-weight: normal;
    letter-spacing: -2px;

}
/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 10px;  }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

/*pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,*/ tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

ul.spacylist {
 list-style: none !important;
}
ul.spacylist li {
  font-size: 90%;  
}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }



/* TAB MENU BAR                                                                   */

#tabmenubar {
    padding: 0px;
    padding-left:25px;    
    padding-top:5px;
    height: 35px;

    clear: both;

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#tabmenubar ul {
	list-style:none;
	margin:0;
	padding:0;
}
#tabmenubar li {
	float:left;
    display: block;
    height:35px;
	margin:0;
    padding:0;
}
#tabmenubar li a {
    display: block;
	float:left;
}
#tabmenubar span {
    display: block;
	float:left;
    height:35px;
   	padding-left:20px;
	padding-right:20px;
    padding-top:10px;
    cursor: pointer;
}

#tabmenubar li a span {
    background: url('images/tab-curve-right.gif') top right no-repeat;
}

#tabmenubar li a {
    background: url('images/tab-curve-left.gif') top left no-repeat;
	color:#ccc;
	text-decoration:none;
    

}

#tabmenubar li.current-cat a span {
    background: url('images/tab-curve-right-current.gif') top right no-repeat;
}

#tabmenubar li.current-cat a {
	color:#fff;

	text-decoration:none !important;

    background: url('images/tab-curve-left-current.gif') top left no-repeat;
}

#tabmenubar li a.current-cat span {
    background: url('images/tab-curve-right-current.gif') top right no-repeat;
}

#tabmenubar li a.current-cat {
	color:#fff;
	
	text-decoration:none;
  
    background: url('images/tab-curve-left-current.gif') top left no-repeat;
}


#tabmenubar li a:hover span {
    background: url('images/tab-curve-right-hover.gif') top right no-repeat;
    text-decoration:none !important;
}

#tabmenubar li a:hover {
	color:#fff;
    background: url('images/tab-curve-left-hover.gif') top left no-repeat;
    text-decoration:none !important;
}

#tabmenubar li.current-cat a:hover span {
    background: url('images/tab-curve-right-current.gif') top right no-repeat;
    text-decoration:none !important;
}

#tabmenubar li.current-cat a:hover {
    background: url('images/tab-curve-left-current.gif') top left no-repeat;
    text-decoration:none !important;
}
#tabmenubar li a.current-cat:hover span {
    background: url('images/tab-curve-right-current.gif') top right no-repeat;
    text-decoration:none !important;
}

#tabmenubar li a.current-cat:hover {
    background: url('images/tab-curve-left-current.gif') top left no-repeat;
    text-decoration:none !important;
}



/*++++++ HYPERLINKS ++++++++*/

a { color:#333; text-decoration: none !important;}
a:hover { text-decoration:underline !important;}

/*++++++ MAIN ++++++++*/
#wrapper { width: 980px; margin:auto; }
#main {	width: 980px; margin:30px auto 10px; }
#left { float: left; width: 570px; background:url(images/rightbg.gif) repeat-y right; } /* 570 */
#right { float: right; width: 400px; } /* 420 */

/*++++++ HEADER ++++++++*/
#header { height: 185px; width: 1000px; }
#logo { width: 449px; float:left;}
#logo h1{ text-indent:-10000px;}
#logo h1 a{ display:block; background: url(images/logo.jpg) no-repeat; height:98px;width: 314px;  margin-top:20px;}

/*++++++ SEARCH ++++++++*/
#searchbox { float:right; width: 219px; height: 24px; background: url(images/s.gif) no-repeat; margin:35px 20px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 160px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 6px 8px 0 0; width:12px; height:13px;  }




/*++++++ MISC ++++++++*/
.clear { clear:both; }
img.simple { display: block;  padding: 15px 0px 0px 0px; margin-left: 0 !important; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }
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 ;}
img { border:none;}

/*++++++ ENTRY ++++++++*/
#content { width: 570px; }
.entry { width: 550px;  margin-bottom:20px; }
.entry p { font-size: 100%; line-height: 155%;}
.entry p { padding-bottom:10px; }
.entry h2.sectionhead { font: normal 10px Verdana, Arial, Helvetica, sans-serif;  background:url(images/dot-h.gif) repeat-x bottom; padding-bottom:10px;}
.entry h2 { 
font: normal 30px Georgia, "Times New Roman", Times, serif; 
color:#333; padding:5px 0 0 0; 
}
.entry strong { font-size: 100%;}
.entry h2 a { color:#000;text-decoration: none !important; }
.entry a { color: #0066cc; text-decoration: none;}
.entry a { color: #0066cc; text-decoration: underline;}
.entry h1 { 
font: normal 37px Georgia, "Times New Roman", Times, serif; 
color:#333; padding:5px 0 5px 0; 
}
.entry h1 a { color:#000; text-decoration: none !important; }
div.post {font-size: 90%; line-height: 140%; }


.entry img {margin:0 10px 5px 10px;}

.post ul {list-style: disc !important;  }
.post ul li{ list-style: disc !important; margin-left: 0px !important;font-size: 100%; line-height: 155%;
margin-top: 1px;
}




.entry p.postinfo {  display:block;
    line-height:110%;
    color: #666;
    font-size: 11px;
	font-weight: bold;
 padding-bottom:9px; margin-bottom:0px; margin-top: 10px;}
.entry p.postinfo span.upper { }
.entry p.postinfo span.category { }
.entry p.postinfo span.comment { background:url(images/comment.gif) no-repeat; padding-left:20px; padding-bottom: 5px; }
.entry p.postinfo span a {
    color: #0066cc;
    text-decoration: none;
}
.entry p.postinfo span a:hover {
    color: #0066cc;
    text-decoration: none;
}

.post {margin-bottom:15px;}
.navigation { width: 550px; font-size:11px;  margin-top:20px;}
.navigation span.older { background:url(images/older.gif) no-repeat right; padding-right:25px; }
.navigation span.newer { background:url(images/newer.gif) no-repeat left; padding-left:25px; }
.socials {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:540px;}
.socials a {margin-right:10px; color:#BFBCB3;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}
.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}
.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:15px;}
.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:15px;}
.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}
.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}

/*++++++ SIDEBAR ++++++++*/
#sads { width:388px; font-size:10px;  text-align:right; background:#eeedea; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px;}
#sads ul {}
#sads ul li { float:left; padding-right:6px;}
#sads ul li.last { float:right; padding:0px; }
#sads p { background:url(images/adsdotdot.gif) no-repeat center left; margin-top:5px;}
#sads a { color:#5e5d5a;}
#tab { width:388px; background:#eeedea; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px;}
#sidebar { width:400px; padding-left:10px;}
#sidebar h2 {  margin-bottom:10px; color: #000000;  font:normal 16px Verdana, Helvetica, Arial, Geneva, sans-serif;
}
#sidebar ul{ margin:10px auto 20px;}
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; padding-left:10px; margin-bottom:6px; padding-bottom:5px;border-bottom:1px dotted #dadada;font-size:11px;}
.sleft { float:left; width:180px; background:url(images/dot-v.gif) repeat-y right; padding-right:10px; }
.sright { float:right; width:198px; padding-left:10px; }

/*+++++++ CALENDAR +++++++*/
#calendar #calendar_wrap #wp-calendar { width: 100%; }
#calendar #calendar_wrap #wp-calendar caption { text-align:left; border-bottom:1px solid #dadada; padding-bottom:5px; }
#calendar #calendar_wrap #wp-calendar th { text-align:left; font-weight:bold; padding-top:5px; }
#calendar #calendar_wrap #wp-calendar td{ text-align:left; }

/*+++++++ COMMENTS +++++++*/
#c { float:left; width:225px;}
#cc { float:right; width:314px;margin-right: 30px;margin-top: 5px;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #bbb9b2; height:20px; width:200px; padding-left:5px; }
#commentform #email { border:1px solid #bbb9b2; height:20px; width:200px;  padding-left:5px; }
#commentform #url { border:1px solid #bbb9b2; height:20px; width:200px;  padding-left:5px;}
#commentform #comment { border:1px solid #bbb9b2; height:300px; width:290px;  padding-left:5px;}
.commentlist {margin-left:0px !important;}
.commentlist cite { background:#f5f5f3; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#0066cc;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom;margin-top: 8px; }
.commentlist .ctext a { color: #0066cc; text-decoration: none;}
.commentlist .ctext a:hover {  text-decoration: underline;}
.commentlist .ctext p {margin-top:0px;}
.postmetadata 
{ background:#000; padding:10px; border:1px solid #bbb9b2;}

.ccomment { width: 575px; line-height:100%; margin-bottom:20px; }
.ccomment ol {}
.ccomment ol li {  padding:5px;}
.ccomment ol li.alt {  padding:5px;}

.comm_meta {background: #eee;}

h3.respond {font-family: Georgia, "Times New Roman", Times, serif;
    color: #000;
 font-size: 35px;
    font-weight: normal; margin-bottom: 15px; margin-top: 20px;
}
/*++++++ FOOTER ++++++++*/
#footer { width:100%;  height:35px; line-height:35px; margin-top: 15px; font-size: 73%;}
.footer { width:1000px; margin:auto;border-top: 1px dotted black; padding-top: 5px;  }
#footer a {
    color: #0066cc;
    text-decoration: none;
}
#footer a:hover {
    color: #7ebf41;
    text-decoration: none;
}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {color: blue;margin: 10px;padding:0px 10px;}
code {font-size:1.1em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}






.success {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/ok.png');
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
}
.post a.download{margin:5px 0px;background-image:url('images/download.png');background-repeat:no-repeat;background-position:left center;padding:15px 5px 15px 40px;border-bottom:none;width:195px;display:inline-block;border-bottom:none}
.post a.download:hover{ border-bottom:none}
.post a.demo{margin:5px 0px;background-image:url('images/demo.png');background-repeat:no-repeat;background-position:left center;padding:15px 5px 15px 40px;border-bottom:none;width:195px;display:inline-block;border-bottom:none}
.post a.demo:hover{ border-bottom:none}




a#rss:hover {border: none !important;text-decoration: none !important;}

a.cool:hover { 
  text-decoration: none;  
  cursor: pointer !important;
}

/********** MASSAGIES *****************/
.info, .warning, .error {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 170px;
background-repeat: no-repeat;
background-position: -10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/info.png');
}


.warning {
color: #9F6000;
margin-bottom: 15px;
 background-image: url('http://webduty.ru/imgs/rss.jpg'); 
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/error.png');
}



#similar ul li {
 list-style: disc;
 
 
}

strong.search-excerpt { background: yellow; }  

img.identicon {
 float: left; margin-right: 5px; 
}

.tabber {
  height: 90px; 
  width: 400px !important; 
  margin-top: 0px !important;  
}
.tabber span {
  font:normal 1em Verdana, sans-serif; 
  position: relative; 
  top: 25px; 
  left: 10px;
}
.tabber #_img { position: relative; top: -3px;}
.tabber a {
    color: #0066cc;
    text-decoration: none;
}


#support_web_developers {  
  float: right;
  position: relative;
  left: -170px;    
  height: 40px;
}
#support_web_developers span{
 font-size: 160%;
}

#footer a {text-decoration: none;color: #0066cc;  }
#footer a:hover {text-decoration: underline;color: #cc6600;  }



/* Google Reader BLOCK*/
#sbottom {
 clear: both; 
}
#readerpublishermodule0
{
border: 0px !important;
}
/* главный контейнер. В CSS для этого блока можно прописать нужную вам ширину, фон и границы; */

#readerpublishermodule0 .f  { display: none !important; }
/* блок с надписью "Читать еще"; */

#readerpublishermodule0 h3  {display: none !important;  }
/* заголовок вашего блока (у меня называется "Я читаю"); */

#readerpublishermodule0 ul  { }
/* блок списка с записями */

#readerpublishermodule0 ul li  { 
display:block !important; 
padding-left:0px !important; 
margin-bottom:6px !important; 
padding-bottom:5px !important;
border-bottom:1px solid #dadada !important;
font-family: Georgia, Helvetica, Arial, Geneva, sans-serif !important;
color:#1e1e1e !important;
font-size: 13px !important;
}
#readerpublishermodule0 ul li a.i  {
color:#5e5d5a !important;
text-decoration: none !important;
border: none !important;
} 
/* ссылка на запись */
#readerpublishermodule0 ul li div.s  { color: #1e1e1e !important;}
/* блок, где размещается информация о том, какому сайту принадлежит запись */

#readerpublishermodule0 ul li div.s а { color: #fff !important;text-decoration: none; }
#readerpublishermodule0 ul li div.s а:hover  { color: #0066cc !important;text-decoration: undeline !important; }
/* ссылка на сайт, где размещена запись */

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}



p.websafe { font-size: 60px; line-height: 1; }

.impact { font-family: Impact, Courier; }

.palatino { font-family: Palatino, Courier; }

.garamond { font-family: Garamond, Courier; }

.myriad { font-family: Myriad Pro, Courier; }

.tahoma { font-family: Tahoma, Courier; }

.century { font-family: Century Gothic, Courier; }

.gill { font-family: Gill Sans, Courier; }

.lucida { font-family: Lucida Sans Unicode, Courier; }

.futura { font-family: Futura, Courier; }

.baskerville { font-family: Baskerville, Courier; }

.hoefler { font-family: Hoefler Text, Courier; }

.cooper { font-family: Cooper Black, Courier; }

.rockwell { font-family: Rockwell, Courier; }