/*
Theme Name:		Specnaz
Theme URI:		http://webove-stranky.com
Description:	A 3-column design with an emphasis on typography and whitespace.
Version:		1.1
Author:			webove-stranky.com
Author URI:		webove-stranky.com
*/

body { background: #223322; color: #333; font: 62.5% Tahoma, Arial; }

* { padding: 0; margin: 0; }
	


/*---:[ core layout elements ]:---*/


	#page { background-color: #002000;} /* for use with custom styles */
	
		#masthead { width: 865px; margin: 0 0 20px 0; padding: 0 10px; text-align: left; }
		

		
			

				

#content a{color:#205030;}			

					#content_inner {   padding: 0 9px; padding-top: 5px;}
	
			.sidebar { float: left; }
			#top_bar.sidebar {float:none;display:block;text-align: center;background-color: #223322;height:21px}
			
		
			#left_bar { width: 190px; background-color: #223322;}
		
			
		
		#footer { padding: 5px; border-top: 1px solid #668877; color:#448855;text-align:center}



/*---:[ headlines ]:---*/

h1, h2, h3, h4 { font: bold 1.0em Tahoma, Arial; }

h1 { font-size: 1.8em; line-height: 1.11111em; padding: 0 10px; color: #111; padding-bottom: 7px;}
	
	.archives h1 { font-size: 1.1em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px;  padding: 0.36364em 10px 0.36364em 10px; background: #A5CFBD;  border-bottom: 1px dotted #668877; text-align: center; }

	.page h1 { margin: 0 0 1.11111em 0; }

h2 { font-size: 1.8em; line-height: 1.11111em; padding:8px 8px 8px 0; border-top: 1px dotted #ddd; color: #111; padding-left: 0;}

	h2 a, h2 a:visited {  }

	h2 a:hover { color: #237fa1; text-decoration: none; }
	
	h2.top { padding-top: 0; border-top: none; padding : 8px;padding-left: 0;}
	
	.sidebar h2 { color:#eeeeee;font-size: 0.83333em; margin: 0 0 0.9em 0; line-height: 1.9em; padding: 0; text-transform: uppercase; letter-spacing: 2px; border-top: 0; border-bottom: 1px solid #668877; }

h3 { font-size: 1.23077em; line-height: 1.25em; color: #999; }

	.format_text h3 { margin: 1.875em 0 0.625em 0; }

	.format_text h3.top { margin: 0 0 0.625em 0 !important; }

h4 { font-size: 0.84615em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; }



/*---:[ global elements ]:---*/

hr { display: none; }

a, a:visited {  }

a:hover { color: #335F33; text-decoration: none; }

a img { border: none; }

blockquote { font-family: Tahoma, Arial; color: #555; margin: 0 0 1.53846em 10px; padding: 0 0 0 10px; border-left: 1px solid #eee; }

abbr, acronym { font-size: 0.84615em; border-bottom: 1px dotted #888; letter-spacing: 1px; text-transform: uppercase; line-height: 1.0em; cursor: help; }

sub, sup { line-height: 1.0em; }
	
code { font: 0.92308em Consolas, "Andale Mono", Courier, "Courier New"; color: #050; }

pre { margin: 0 0 1.66667em 0; padding: 0.75em; font: 0.92308em/1.66667em Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { padding: 0 20px; font-size: 1.3em; }



/*---:[ #masthead styles ]:---*/

#masthead #rss_subscribe { width: 40px; height: 40px; float: right; }

	#masthead #rss_subscribe a { display: block; width: 40px; height: 40px; background: url('images/icon_rss.gif') no-repeat; text-indent: -9999px; outline: none; }

#masthead #logo { font: bold 3.2em Tahoma, Arial; letter-spacing: -1px; }

	#masthead #logo a, #masthead #logo a:visited {  }

	#masthead #logo a:hover { color: #237fa1; text-decoration: none; }
	
#masthead h1, #masthead #tagline { font: normal 1.4em/1.42857em Tahoma, Arial; padding: 0; color: #999; text-align: left; }



/*---:[ content styles ]:---*/

.post_author { font-size: 1.2em; line-height: 1.66667em; color: #334433; }

	.post_author a, .post_author a:visited {  }
	
	.post_author a:hover { color: #999; text-decoration: underline; }

.format_text { font-size: 1.3em;  }
		
	.format_text a { text-decoration: underline; }
	
	.format_text a:visited {  }
	
	.format_text a:hover { text-decoration: underline; }
		
	.format_text blockquote { }
	
		.format_text blockquote.right { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 0 0 10px; padding: 0.4375em 0 0.4375em 10px; border: none; float: right; }
		
		.format_text blockquote.left { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 10px 0 0; padding: 0.4375em 10px 0.4375em 0; background: none; border: none; float: left; }
	
			.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }
	
	.format_text p { margin: 0 0 8px 0; }
	
	.format_text p.note { padding: 0.76923em 10px; background: #ffffa0; border: 1px solid #d3d35d; }
	
	.format_text ul { list-style: none; margin: 0 0 1.53846em 0; }

	.format_text ol { margin: 0 0 1.53846em 20px; }
	
		.format_text li { }
	
		.format_text ul li { padding: 0 0 0 14px; background: url('images/bullet_text.gif') 0 0.38462em no-repeat; }
		
			.format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol { margin: 0 0 0 10px; }
	
		.format_text li code { line-height: inherit; } /* This is basically a Safari hack :( */
	
	.format_text dl { margin: 0 0 1.53846em 0; }
			
		.format_text dt { font-weight: bold; }
		
		.format_text dd { margin: 0 0 1.53846em 1.53846em; }
		
	.format_text .ad { margin: 0 0 0 10px; float: right; clear: right; }
	
		.format_text .ad_left { margin: 0 10px 0 0; float: left; clear: left; }

	.format_text img { }

		.format_text img.left { margin: 0 10px 1.53846em 0; float: left; clear: left; }
		
		.format_text img.right { margin: 0 0 1.53846em 10px; float: right; clear: right; }
		
		.format_text img.center { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; }
		
		.format_text img.block { display: block; margin: 0 auto 1.53846em 0; float: none; clear: both; }
	
		.format_text img.frame { padding: 9px; border: 1px solid #ddd; background: #eee; }
		
		.format_text img.stack { clear: none !important; }

.to_comments { margin: 0 0 5px 0; font: normal 1.1em/1.81818em Tahoma, Arial; color: #334433; clear: both; }
	
	.to_comments .date {  }
	
	.to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; }
	
	.to_comments .num_comments {  }


	.navigation p { text-align: right; }

	.older { padding: 0 20px 0 0; float: left; }

	.previous { text-align: left; }



/*---:[ sidebar styles ]:---*/

ul.sidebar_list { list-style: none; }

	

		li.widget p { margin: 0 0 1.33333em 0; }
		
		li.widget ul, li.linkcat ul { list-style: none; }
		
		li.widget ol { margin: 0 0 0 20px; }
		
			.sidebar, .sidebar a { color:#8CC88C; }
			.sidebar a{text-decoration: none;}
			.sidebar_wrapper{padding:3px;}
			.widget_views a:hover,
			.widget_ratings a:hover,
   .sidebar .menu-item a:hover,
			.widget_advancedrandomposts a:hover,
			.widget_recent_comments a:hover,
			.widget_links a:hover
   { background-color :#8CC88C; color:green}			
   
			#left_bar .menu-item a,
			#right_bar .menu-item a,
			.widget_views a,
			.widget_ratings a,
			.widget_advancedrandomposts a,
			.widget_recent_comments a,
			.widget_links a
			{display:block;}
			
				li.widget li br { display: none; }
			
				li.widget li ul, li.linkcat li ul { margin: 0.75em 0 0 20px; }

			/*---:[ calendar widget ]:---*/

			#calendar_wrap { width: 182px; margin: 0 0 0.83333em 0; padding: 0 8px 0 0; font-family: Tahoma, Arial; }

			table#wp-calendar { width: 182px; border-collapse: collapse; }

				table#wp-calendar caption { font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; }

				table#wp-calendar th { width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; }

				table#wp-calendar td { width: 26px; line-height: 1.66667em; color: #999; text-align: center; }

				table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; }
				
			/*---:[ search widget ]:---*/

			#search { padding: 0.83333em 0; border: 1px dotted #ddd; border-width: 1px 0; text-align: right; }

				#search #s { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Tahoma, Arial; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: left; }

				#search #s:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }

				#search input[type="submit"] { margin: 0.25em 0 0 0; padding: 2px 3px; color: #333; font: bold 1.0em Tahoma, Arial; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }

				#search input[type="submit"]:hover { color: #237fa1; }
				
			/*---:[ default search form styles ]:---*/

			#search_form { }

				#search_form .search_input { width: 150px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Tahoma, Arial; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }

				#search_form .search_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }



/*---:[ footer styles ]:---*/

#footer p { font: normal 1.1em/1.63636em Tahoma, Arial; color: #999; text-align: right; }

	#footer a, #footer a:visited { }

	#footer a:hover { color: #333; text-decoration: none; }



/*---:[ comment styles ]:---*/

#comments { width: 612px; padding:0 9px;background-color:#A5CFBD; }

	.comments_intro { padding: 0 20px; font: normal 1.2em/1.66667em Tahoma, Arial; border-bottom: 1px dotted #bbb; }

		.comments_intro span { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

	dl#comment_list { margin: 0 0 8px 0; }

		dl#comment_list dt.comment { padding: 1.42857em 9px 0.71429em 9px; background: #B5DFCD; font-size: 1.4em; line-height: 1.42857em; }

			.comment_num { padding: 0 0 0 20px; font: bold 0.85714em/1.66667em Tahoma, Arial; float: right; }

				.comment_num a, .comment_num a:visited {  }

				.comment_num a:hover { color: #237fa1; text-decoration: none; }
				
			.comment_time { font: normal 0.78571em Tahoma, Arial; color: #999; }
				
		dl#comment_list dd.comment { padding: 0 9px 0.8em 9px; background: #B5DFCD;; border-bottom: 1px dotted #bbb; }
		
		dl#comment_list dt.alt, dl#comment_list dd.alt { background: #B9E8d8; }

		dl#comment_list dt.author, dl#comment_list dd.author { background: #e7f8fb !important; }
		
			.comment .format_text { padding: 0 10px; }
			
			.comment a.comment_link, .comment a.comment_link:visited { font-style: italic; font-weight: bold; color: #333; background: none; text-decoration: none; }
			
			.comment a.comment_link:hover { color: #333; text-decoration: underline; }
			
			

/*---:[ comment form styles ]:---*/

#respond { margin: 0 0 0.83333em 0; padding: 0 20px; border-bottom: 1px dotted #ddd; font: normal 1.2em/1.66667em Tahoma, Arial; }

	#respond span { padding: 0 0 0 14px; background: url('images/icon_leave_comment.gif') 0 50% no-repeat; }

#comment_form { width: 425px; padding: 0 19px; }

	#comment_form p { padding: 0.69231em 0 0.76923em 0; font-size: 1.3em; line-height: 1.53846em; }
	
	#comment_form p.submit_p { padding-bottom: 1.30769em; }
	
		#comment_form label { padding: 0 0 0 10px; }

		#comment_form .text_input { width: 206px; padding: 2px; color: #333; font: normal 1.0em Tahoma, Arial; background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }
		
		#comment_form .text_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
		
		#comment_form .text_area { width: 500px !important; height: 6.15385em; line-height: 1.53846em; }
	
		#comment_form .form_submit { padding: 0.35714em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; color: #333; font: bold 1.07692em ; cursor: pointer; }
		
		#comment_form .form_submit:hover { color: #237fa1; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.3em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
	
	

/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/

#container:after, #content_box:after, #nav ul:after, #footer_bottom:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.pc_error, .pc_meta {
  border:1px solid #f50c1c;
  text-align:left;
  padding:8px;
  background:#fcccbc;
  margin:1em 0;
}

.pc_meta {
  border-color:#076117;
  background:#c4ffce;
  text-align:center;
  font-weight:bolder;
}

#resolution{
 color:white;
}

@media screen { 
#rotating_image { padding: 5px ; }
#rotating_image #warning{position: absolute;text-align: center;}
#rotating_image #copyright{position: absolute;text-align: center;color: white;}
#top_bar li{display: inline;list-style-type: none}
#left_box{float:left;}            
#content{background-color: #A5CFBD;min-height:400px;_height:400px;}
#content_box {padding: 5px;text-align: left;}
}

@media (min-width: 1024px) 
{
#r480 {color:white;}
#r600 {color:white}
#r800 {color:white}
#r1000{color:red}
#container { width: 1010px; margin: 0 auto; padding-top: 5px; }
#rotating_image img{width:1000px;}
#rotating_image #warning {color: #000000;font-size: 100%;font-weight: bold;left: 380px;top: 16%; width: 360px;}
#rotating_image #copyright {color: white;font-size: 11px;font-weight: bold;left: 98px;top: 130px;width: 180px;}
#top_bar li{padding-right: 20px;}
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 100%; margin: 0 0 10px 0; font: normal 1.2em/1.33333em Tahoma, Arial; float: left; }
#left_box { width: 825px; margin-top:-2px;}
#content { width: 629px; padding: 0 1px; float: right; }
.navigation { width: 612px; padding: 0 9px; background-color: #A5CFBD;padding-top: 20px;clear:both}
#right_bar { width: 170px;margin-left: 5px;background-color: #223322; margin-top:-2px;}
}


@media (max-width: 800px){
#r480 {color:white;}
#r600 {color:white}
#r800 {color:red}
#r1000{color:white}
#container{width:100%}
#rotating_image img{width:100%}
#rotating_image #warning { width: 300px;  font-size: 8px;font-weight: bold; top: 20px; left: 36%;}
#rotating_image #copyright {top: 99px; left: 59px;font-weight: bold;}
#top_bar li {padding-right: 5px;}
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { margin: 0 0 10px 0; font-size: 11px;}
#left_box{width:100%}
#left_bar{width:25%}
#content{width: 75%;float:right;}
.navigation{width:100%}
#right_bar {clear: both;float: left;margin-left: 0px;margin-top: 10px;width: 100%;}
#right_bar.sidebar div.sidebar_wrapper ul.sidebar_list li.widget{display: inline;}
}

@media (max-width: 800px){
#r480 {color:white;}
#r600 {color:white}
#r800 {color:red}
#r1000{color:white}
#container{width:100%}
#rotating_image img{width:100%}
#rotating_image #warning { width: 300px;  font-size: 8px;font-weight: bold; top: 20px; left: 36%;}
#rotating_image #copyright {top: 99px; left: 59px;font-weight: bold;}
#top_bar.sidebar {height:auto;}
#top_bar li {padding-right: 5px;}
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { margin: 0 0 10px 0; font-size: 15px;}
#left_box{width:100%}
#left_bar{width:25%}
#content{width: 75%;float:right;}
.format_text{font-size: 1.4em;}
.navigation{width:100%}
#right_bar {clear: both;float: left;margin-left: 0px;margin-top: 10px;width: 100%;}
#right_bar.sidebar div.sidebar_wrapper ul.sidebar_list li.widget{display: inline;}
}

@media (max-width: 600px){
#r480 {color:white;}
#r600 {color:red}
#r800 {color:white}
#r1000{color:white}
#container{width:100%}
#rotating_image img{width:100%}
#rotating_image #warning {color: white;font-size: 8px;font-weight: bold;left: 30%;top: 10px;width: 250px;}
#rotating_image #copyright {top:60px; left: 5px;font-weight: bold;}
#top_bar.sidebar {height:auto;}
#top_bar li {padding-right: 5px;}
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { margin: 0 0 10px 0; font-size: 15px;}
#left_box{width:100%}
#left_bar{width:100%}
#content{width: 100%;float:right;}
.format_text{font-size: 1.5em;}
.navigation{width:100%}
#right_bar {clear: both;float: left;margin-left: 0px;margin-top: 10px;width: 100%;}
#right_bar.sidebar div.sidebar_wrapper ul.sidebar_list li.widget{display: inline;}
}