/*  
Theme Name: blackDog
Theme URI: http://www.blogdog.ru/archives/8/
Description: Theme blackDog, modified by <a href="http://webcmsdesign.com/">Leo</a>
Version: 1.1
Author: BlogDog
Author URI: http://www.blogdog.ru/
*/

/* Overal Styling */

body { 
  margin:0px; 
  padding:0px; background:#FFFFFF; 
  font-family:Tahoma, Verdana, Arial; 
  font-size:0.8em; 
  line-height:1.4em; 
  color:#555555; 
}

acronym, abbr { 
  cursor:help; 
}

a { 
  color:#CC0000; 
  text-decoration:none; 
}
a:hover { 
  text-decoration:underline; 
}

/* Head Top Navigation Styling */
#navHead { 
    float:left; 
	width:100%; 
	background:url(images/bg-navh.gif) repeat-x bottom; 
}

/* begin Menu */
/* menu structure */

.klapp_menu a, .klapp_menu a:link, .klapp_menu a:visited, .klapp_menu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
	color:#CC0000;
	padding-right:20px;
}

.klapp_menu, .klapp_menu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.klapp_menu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.klapp_menu li:hover
{
	z-index: 10000;
	white-space: normal;
}

.klapp_menu li li
{
	float: none;
}

.klapp_menu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.klapp_menu li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.klapp_menu li li:hover>ul
{
	top: 0;
	left: 100%;
}

.klapp_menu:after, .klapp_menu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.klapp_menu, .klapp_menu ul
{
	min-height: 0;
}

.klapp_menu ul
{
	background-image: url('img/spacer.gif');
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}

.klapp_menu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}


/* menu structure */

.klapp_menu
{
	padding: 12px 6px 0px 6px;
}

.klapp_nav
{
	position: relative;
	height: 38px;
	z-index: 100;
}

.klapp_nav .l, .klapp_nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 38px;
	background-image: url('img/nav.png');
}

.klapp_nav .l
{
	left: 0;
	right:0px;
}

.klapp_nav .r
{
	right: 0;
	width: 550px;
	clip: rect(auto, auto, auto, 550px);
}


/* end Menu */

/* begin MenuItem */
.klapp_menu ul li
{
	clear: both;
}

.klapp_menu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 26px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
}


.klapp_menu a .r, .klapp_menu a .l
{
	position:absolute;
	display: block;
	top:0;
	z-index:-1;
	height: 78px;
	background-image: url('img/MenuItem_1.png');
}

.klapp_menu a .l
{
	left:0;
	right:4px;
}

.klapp_menu a .r
{
	width:408px;
	right:0;
	clip: rect(auto, auto, auto, 404px);
}

.klapp_menu a .t 
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
	color: #DDE0DC;
	padding: 0 19px;
	margin: 0 4px;
	line-height: 26px;
	text-align: center;
}

.klapp_menu a:hover .l, .klapp_menu a:hover .r
{
	top:-26px;
}

.klapp_menu li:hover>a .l, .klapp_menu li:hover>a .r
{
	top:-26px;
}

.klapp_menu li:hover a .l, .klapp_menu li:hover a .r
{
	top:-26px;
}
.klapp_menu a:hover .t
{
	color: #232622;
}

.klapp_menu li:hover a .t
{
	color: #232622;
}

.klapp_menu li:hover>a .t
{
	color: #232622;
}


.klapp_menu a.active .l, .klapp_menu a.active .r
{
	top: -52px;
}

.klapp_menu a.active .t
{
	color: #0C0E0C;
}


/* end MenuItem */

/* begin MenuSubItem */
.klapp_menu ul a
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 26px;
	width: 180px;
	overflow:hidden;
	line-height: 26px;
	margin-right: auto;
	border-bottom:#999 solid 0px;
	background-color:#000000;
	filter:alpha(opacity=90); /* IE */
    -moz-opacity:0.9; /* Gecko-Browser */
    opacity:0.9; /* Opera 9+ */
	-moz-border-radius:30px;
     -khtml-border-radius:30px;
}

.klapp_nav ul.klapp_menu ul span, .klapp_nav ul.klapp_menu ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}

.klapp_menu ul a, .klapp_menu ul a:link, .klapp_menu ul a:visited, .klapp_menu ul a:hover, .klapp_menu ul a:active, .klapp_nav ul.klapp_menu ul span, .klapp_nav ul.klapp_menu ul span span
{
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 26px;
	color: #cc0000;
    font-size: 90%;
    font-style: normal;
    font-weight: normal;
}

.klapp_menu ul ul a
{
	margin-left: auto;
}

.klapp_menu ul li a:hover
{
	color: white;
	background-position: 0 -20px;
}

.klapp_menu ul li:hover>a
{
	color: white;
	background-position: 0 -20px;
}

.klapp_nav .klapp_menu ul li a:hover span, .klapp_nav .klapp_menu ul li a:hover span span
{
	color: white;
}

.klapp_nav .klapp_menu ul li:hover>a span, .klapp_nav .klapp_menu ul li:hover>a span span
{
	color: white;
}


/* end MenuSubItem */


  
  
  


/* Head Styling */
#countdown {
	position:absolute;
	width: 200px;
	text-align:center;
	background-color:#CCC;
	padding: 10px;
	margin-top: 0px;
}

#head { 
  display:block; 
  clear:left; 
  width:1000px;
  height: 168px;
  margin-left: 0;
  margin-right:auto;
  background-image:url(images/head_2.gif);
  background-repeat: no-repeat;
}

#head h1 { 
  font-family:Tahoma, Verdana, Arial; 
  font-size:3.5em; 
  line-height:1.2em; 
  letter-spacing: 1px; 
  font-weight:normal; 
  margin:-5px 0 0 720px; 

}
#head h1 a { 
  color:#CC0000; 
  text-decoration:none; 
}

#head p { 
  font-size:1.4em; 
  line-height:1.2em; 
  letter-spacing: 1px; 
  color:#999999; 
  margin:5px 0 0 736px; 
}

.imagerotator { 
  margin: 4px 0 0 928px; 

}


/* Body Containers*/ 
#centerTL { 
  width:100%; 
  float:left;
  background-color: #cc0000;

}
#centerTR { 
  width:100%; 
  float:left;
  background-color: #cc0000;

}

#centerBR { 
  width:100%; 
  float:left;
  background-color: #cc0000;

}

#centerBL { 
  width:100%; 
  float:left;
  background-color: #cc0000;

}

#container { 
  width:1000px; 
  display:block; 
  margin-left:auto; 
  margin-right:auto;
}

#left { 
  float:left; 
  width:750px; 
  padding-top:15px;
  background:#CC0000;
}
#right { 
  float:left; 
  width:230px; 
  margin:20px 0 20px 0;
}
/* End Body Containers*/ 


/* Post */
.post { 
  float:left; 
  display:inline; 
  width:728px; 
  margin:0 0 7px 15px; 
  background:url(images/bg-post.gif); 
}

.post .postHeader { 
  float:left; 
  width:728px; 
  background:url(images/bg-post-t.gif) no-repeat top;
}

.post .postHeader p.cal { 
  float:left; 
  display:block; 
  width:66px; 
  height:70px; 
  margin:25px 8px 0 25px; 
  padding-top:px; 
  text-align:center; 
  font-size:1.6em; 
  color:#999999; 
  background:url(images/bg-cal.gif) no-repeat top;
}

.post .postHeader p.cal small { 
  display:block; 
  font-size:0.6em; 
}

.post .postHeader h2 { 
  width:406px; 
  float:left; 
  margin:0; 
  padding:20px 0 0 0; 
  font-size:2.2em; 
  line-height:1.2em; 
  color:#CC0000; 
  font-weight:normal; 
  font-family:Georgia, "Times New Roman", Times, serif;
}

.post .postHeader p.desc { 
  float:left; 
  margin:5px 0 0 0;
}

.post .postHeader p.desc span.autor { 
  padding:2px 0 2px 17px; 
  background:url(images/ico-autor.png) 
  no-repeat left center; 
}

.post .postHeader p.desc span.cat { 
  padding:2px 0 2px 17px; 
  background:url(images/ico-category.png) no-repeat left center; }

.post .postHeader h2.pageTitle { 
  padding-left:23px; 
}


  /* Post Possible Options */
  .post .postBody { width:680px; display:inline; float:left; margin-left:25px; }
  .post .postBody h1 { font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; }
  .post .postBody h3 { font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; }
  .post .postBody h4 { font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif; }
  .post .postBody p, .post .postBody form { margin:15px 0 0 0; padding:0; }
  .post .postBody p ul{ margin-top:15px; margin-bottom:0; }
  .post .postBody p ul li { margin:0; padding:0; }
  .post .postBody ul { margin-top:15px; margin-bottom:0; }
  .post .postBody ul li { margin:0; padding:0; }
  .post .postBody ul#archive-cat{ margin-top:0; margin-bottom:0; }
  .post .postBody ul#archive-cat li ul { margin-top:0; margin-bottom:15px; }

  .post .postBody a img { border:1px solid #E5E5E5; padding: 2px; }
  .post .postBody a:hover img { border:1px solid #CC0000; padding: 2px; }

  .post .postBody blockquote { text-transform:uppercase; color:#999999; margin:15px 0 0 20px; }
  .post .postBody p blockquote { text-transform:uppercase; font-style:italic; margin:15px 0 0 20px; }
  /* End Post Possible Options */

  .post .postFooter { float:right; width:728px; height:73px; background:url(images/bg-post-b.gif) no-repeat bottom; }
  .post .postFooter .postComm a { float:right; margin:20px 33px 0 0; padding:5px 0 5px 21px; color:#CC0000; background:url(images/ico-comm.gif) no-repeat left; }
  .post .postFooter .utwTags { float:left; margin:25px 0 0 24px; padding:0; }


ul.postScroll { float:left; display:inline; width:540px; margin:7px 0 0 0; padding:0; list-style-type:none; }
  ul.postScroll li.prev { float:right; }
  ul.postScroll li.prev a { display:block; text-align:right; width:80px; padding-right:10px; margin-bottom:20px; color:#FFF; font-weight:bold;line-height:40px;text-decoration:none;background:url(images/bg-prev.gif); }
  ul.postScroll li.prev a:hover { background:url(images/bg-prev-a.gif); }
  ul.postScroll li.next { float:right; margin-left:1px; }
  ul.postScroll li.next a { display:block; text-align:right; width:55px; padding-right:35px; margin-bottom:20px; color:#FFF;font-weight:bold; line-height:40px; text-decoration:none; background:url(images/bg-next.gif); }
  ul.postScroll li.next a:hover { background:url(images/bg-next-a.gif); }



/* Right Column */

/* Search */
#search { 
  float:left; 
  display:block; 
  width:280px; 
  height:60px; 
  background:url(images/bg-search.gif); 
}

#search form { 
  margin:0; padding:0; 
}
#search form div { 
  display:inline; 
  float:left; 
  width:280px; 
  height:30px; 
  margin:12px 0 0 20px; 
}
#search form div label.invisible { 
  display:none; 
} /* for accessibility */
#search form div input { 
  display:block; 
  width:280px; 
  border:none; 
  background-color:transparent; 
  font-size:1.5em; 
  color:#999999; 
}

.breadcrumb {
	color: #000;
	text-align:right;
	padding-right: 30px;
}

.breadcrumb a {
	color: #fff;
}


/* Categories */
#cats { 
  float:left; 
  width:280px; 
  padding-bottom:10px; 
  background:#666666 url(images/bg-cat-b.gif) no-repeat bottom; 
}
  #cats h3 { margin:0 0 10px 0; padding-left:20px; font-size:1.7em; color:#FFFFFF; font-weight:normal; }
  .countdown_titel {
	color:#FF0;
}
  #cats ul { border-top:1px dotted #ffffff; list-style-type:none; padding:0.1em; margin:1.5em 20px; font-weight:bold; }
  #cats li { border-top:0px dotted #ffffff; list-style-type:none; padding:0.1em; margin:1.5em 20px; font-weight:bold; }
  #cats ul li { border-bottom:1px dotted #ffffff; margin:0; padding:0.5em 0; }
  #cats ul li ul { padding:0; margin:0 0 0 20px; border:0; }
  #cats ul li ul li { display:inline; margin-left:5px; padding:0; border:0; }
  #cats ul li a { color:#FFF; text-decoration:none; }
  #cats ul li a:hover { color:#99cc66; }
  #cats li a { color:#FF0;}


/* Misc Navigation */ 
.misc { width:280px; float:left; margin-top:20px; }
  .misc .ad { width:210px; float:left; text-align:center; background:url(images/bg-h3-h.gif) no-repeat top; }
  .misc .ad h3 { font-size:1.7em; color:#FFF; font-weight:normal; text-align:left; margin:15px 20px 10px 20px; }
  .misc .ad iframe { margin:auto; }

/* Recent Entries */
#recent { width:280px; float:left; background:url(images/bg-h3-h.gif) no-repeat top; }
  #recent h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; }
  #recent ul { line-height:1em; margin:0; padding:0; list-style-type:none; }
  #recent ul li { font-weight:bold; width:170px; margin-left:20px; }
  #recent ul li a { display:block; padding:4px 0 5px 0; color:#FFF; }

/* Links */
#links { width:210px; float:left; background:url(images/bg-h3-h.gif) no-repeat top; }
  #links h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; }
  #links ul { line-height:1.2em; margin:0; padding:0; list-style-type:none; }
  #links ul li { width:170px; margin-left:20px; }
  #links ul li a { display:block; padding:4px 0 5px 16px; color:#FFF; background:url(images/ico-heart.gif) no-repeat left; }


/* Footlinks (Tube / Large Ads) */
.footlinks { width:420px; float:left; margin-top:20px; background:url(images/bg-h3-f.gif) no-repeat top left; }
  .footlinks .content { width:420px; float:left; }
  .footlinks .content h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; }
  .footlinks .content iframe { margin:auto; }

/* Tags (Simple Tags) */
#tags { width:420px; float:left; }
  #tags h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; }
  #tags .st-tag-cloud { line-height:1.8em; margin:0; padding:5px 12px 5px 18px; }

/* for IE */
* html #tags p a { line-height:120%; }

/* Related Post (UTW3) */
#related { width:210px; float:left; background:url(images/bg-h3-h.gif) no-repeat top; }
  #related h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; }
  #related ul { line-height:1.4em; margin:0; padding:0; list-style-type:none; }
  #related ul li { font-weight:bold; margin-left:20px; }
  #related ul li a { display:block; padding:2px 0 2px 16px; margin:2px 0; color:#FFF; background:url(images/ico-cal.gif) no-repeat left; }


/* Footer */
#footer { display:block; clear:left; display:table; width:1000px; padding:20px 0 20px 0; margin-left:auto; margin-right:auto; }
  #footer p { display:inline; float:left; margin:5px 0 0 0; color:#999999; }
  #footer p a { color:#CC0000; }
  #footer p.left { width:520px; margin-left:15px; }
  #footer p.right { width:410px; margin-right:20px; }
  #footer .meta { float:right; margin:0 0 0 25px; padding:0; list-style-type:none; }
  #footer .meta li { margin:5px 15px 0 15px; }
  #footer .meta li a { margin:5px 0 0 0; }
  #footer .meta li a.rss { background:url(images/ico-rss-h.gif) no-repeat left; padding:3px 0 3px 25px; }


/* Trackbacks & Comments */
#trackback { display:inline; width:520px; float:left; margin:7px 0 20px 20px; padding-bottom:20px; }
  #trackback h3 { width:480px; display:inline; float:left; margin:0; font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; color:#ffffff; font-weight:normal; padding:15px 20px 15px 20px; background:url(images/bg-h3-comm.gif) no-repeat top; }
  #trackback ul { display:inline; float:left; margin:0; padding:0; list-style-type:none; }
  #trackback ul li { display:inline; width:480px; float:left; margin:0 20px 10px 20px; border-top:1px solid #fff; }
  #trackback ul li a { padding-left:12px; color:#FFF; text-decoration:none; }
  #trackback ul li a:hover { text-decoration:underline; }


/* Comments */
#comments, #comments-form h3 { width:480px; display:inline; float:left; margin:0 0 0 20px; font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-weight:normal; padding:15px 20px 15px 20px;  }

.even { display:inline; width:520px; float:left; margin:0 0 20px 20px; padding:0 0 6px 0; background:#ffffff url(images/bg-comm-b.gif) no-repeat bottom; }
  .even p { padding:0 20px 10px 20px; margin:0; }
  .even p a { color:#CC0000; }
  .even p.info { margin:0; padding:0 20px 16px 20px; color:#FFF; background:#cc0000 url(images/bg-comm-t.gif) no-repeat bottom; }
  .even p.info a { color:#FFF; }


/*  Will leave it for better days  */
.odd { display:inline; width:520px; float:left; margin:0 0 20px 20px; padding:0 0 6px 0; background:#ffffff url(images/bg-comm-b.gif) no-repeat bottom; }
  .odd p { padding:0 20px 10px 20px; margin:0; }
  .odd p a {color:#CC0000; }
  .odd p.info { margin:0; padding:0 20px 16px 20px; color:#FFF; background:#cc0000 url(images/bg-comm-t.gif) no-repeat bottom; }
  .odd p.info a { color:#FFF; }


/* Comment Form */
#commentform { line-height:1.2em; display:inline; width:520px; float:left; margin:0 0 20px 20px; }
  #commentform p.skinned { display:inline; width:520px; float:left; margin:0 0 10px 0; padding-bottom:13px;}
  #commentform p.skinned label { display:inline; float:left; font-weight:bold; color:#ffffff; margin:0 0 22px 20px; }
  #commentform p.skinned input { font-size:1.5em; color:#999999; background-color:transparent; border:none; width:490px; float:left; margin:0 10px 0 15px; }

  #commentform p.skinnedArea { display:inline; width:520px; float:left; margin:0 0 10px 0; padding-bottom:13px; background:url(images/bg-field-l.gif) no-repeat bottom; }
  #commentform p.skinnedArea label { display:inline; float:left; font-weight:bold; color:#ffffff; margin:0 0 22px 20px; }
  #commentform p.skinnedArea label a { color:#ffffff; }
  #commentform p.skinnedArea textarea { font-family:Sans-Serif,Tahoma, Verdana, Arial; font-size:1.3em; color:#999999; background-color:transparent; border:none; width:490px; height:90px; float:left; margin:0 10px 0 15px; }

  #commentform #sub { width:90px; height:40px; padding-right:30px; background:url(images/bg-next-a.gif) no-repeat; border:none; font-family:Tahoma, Verdana, Arial; font-weight:bold; color:#ffffff; float:right; display:inline; }

.errmsg { color:#ff0000; font-weight:bold; font-size:1em;  margin:0 0 10px 40px; }
.okmsg { float:left; color:#ffffff; font-weight:bold; font-size:1em; margin:0 0 10px 42px; }

/* 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 */

.fergcorp_countdownTimer_event_time {
	color:#000;
}



/* All done:) */