/*
Theme Name: ClockWorkAir
Theme URI: http://clockworkblogger.com/theme-clockworkair/
Description: A clean, professional, yet beautiful theme featuring author comment highlighting, subscribe to comments and a built-in breadcrumb wrapped up in an elegant shell by <a href="http://clockworkblogger.com">ClockWorkBlogger</a>. Please use the <a href="http://clockworkblogger.com/theme-clockworkair/">ClockWorkAir theme</a> page to submit your comments and suggestions.
Version: 1.1.0
Author: Lukasz Sobek
Author URI: http://sobek.pl
Tags: fixed width, 3 columns, 2 columns, two columns, three columns, white, blue, grey, black, orange, right sidebar, breadcrumb, author highlight, gravatar, clean, simple, widgets, widget, gravatars, valid CSS,valid XHTML
*/

body {
background-color: #000000;
color: #FFFFFF;
font-family: Verdana,sans-serif;
font-size: 11pt;
}


* 					{margin: 0; padding: 0; font-family: Verdana,sans-serif; font-size: 11px;}

a 					{
color: #F59300;
font-weight: bold;
text-decoration: none;}
a:hover 			{color: #ffffff;}

img					{border: none;}

#wrapper 			{margin: 10px auto 0 auto; width: 900px;}

/* ---- Header part */

#header 				{margin: 15px 0 15px 0; border-bottom: 1px solid #959595;}

/* ---- top menu */

.topmenu 			{margin: 0 0 0;}
.topmenu ul			{list-style: none;}
.topmenu ul li			{display: inline;}

.topmenu a 			{display: block; float: left; padding: 5px 15px 2px 15px; color: #F59300;  border-right: 1px solid #959595;}
.topmenu a:hover 	{color: #FFFFFF;}
.topmenu .feed		{color: #F59300; border-right: none;}

/* ---- search box */

#s					{padding: 3px; border: 1px solid #959595; width: 250px; color: #ef4d15;}
#s:hover			{border: 1px solid #959595;}

#searchsubmit		{padding: 2px 5px; border: 1px solid #959595; background: #327eb0; color: #FFFFFF;}
#searchsubmit:hover 	{background: #40a2e3;}

/* ---- Header box */

#headerbox			{padding: 40px 30px; text-align: center; background: #464646 url('images/grad_top.png') top left repeat-x; border: 1px solid #464646;}

#headerbox h1,           
#headerbox h1 a			{color: #00aeef; letter-spacing: -1px; text-decoration: none; font-size: 30px;}
#headerbox h1 a:hover	{color: #FFFFFF; letter-spacing: -1px; text-decoration: none; font-size: 30px;}



#headerbox .descri		{color: #FFFFFF;}
#headerbox .about		{width: 350px; height: 50px; padding: 0 50px; border-left: 1px solid #464646; color: #ffffff;}/* visit our main */
#headerbox .about a		{color: #00aeef; letter-spacing: -1px; text-decoration: none; font-size: 30px;}
#headerbox .about a:hover		{color: #FFFFFF; letter-spacing: -1px; text-decoration: none; font-size: 30px;}

/* ---- teaser */

#teaser 			{color: #ef4d15; padding: 10px 15px; margin-bottom: 20px;}
#teaser a			{color: #F59300;}

/* ---- Content */

#content 			{margin-left: 15px; width: 500px; padding-right: 30px; border-right: 1px solid #959595; line-height: 180%; font-size: 14px; color: #ffffff;}

#content ul			{margin: 10px 0 10px 10px; list-style: none;}
#content ul li			{background: url('images/bullet_new.gif') 0 5px no-repeat; margin: 5px 0; padding-left: 15px; font-size: 14px; }

#content ol			{margin: 10px 0 10px 10px; list-style: decimal inside;}
#content ol li			{margin: 5px 0; font-size: 14px; }

#content p			{margin: 10px 0; font-size: 14px;}

#content a			{color: #F59300;}
#content a:hover			{color: #ffffff;}

#content blockquote	{border-left: 1px solid #959595; padding: 10px; font-style: italic; background: #ddd;}

#content .indicator 	{float: left; margin-left: -30px; font-size: 30px; color: #ef4d15;}

#content h1  	{color: #00aeef; letter-spacing: -1px; text-decoration: none;}
#content h2     {color: #ef4d15; letter-spacing: -1px; text-decoration: none;}

#content h1 a,
#content h2 a 		{color: #F59300; letter-spacing: -1px; text-decoration: none;}

#content h1,
#content h1 a			{font-size: 20px; }

#content h2,
#content h2 a			{font-size: 17px; margin-bottom: 10px;}

#content h1 a:hover,
#content h2 a:hover	{color: #FFFFFF;}

#content h2			{margin-top: 20px; }

#content h3			{font-size: 14px; margin-top: 10px; color: #ef4d15; }

#content .metadata	{color: #ef4d15; margin: 5px 0 20px 0;}

#content .m_date ,
#content .m_author,
#content .m_comments	{padding: 5px 10px; border-right: 1px solid #959595;}

#content .m_date  	{}
#content .m_author  	{}
#content .m_comments {border-right: none;}

#content .entry		{margin-bottom: 50px; }

/* ---- Comments */

#content .comments-template {margin-top: 20px;}
#content .commentlist 	{list-style: none; margin: 10px 0 0 0;}

#content .commentmetadata { padding: 5px 10px; background: #464646; margin: 5px 0; line-height: 170%;}
#content .commentmetadata img	{float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #959595; }

#content .authorcomment	{background: #464646 url('images/grad_top.png') top left repeat-x; margin: 5px 0 5px -30px; color: #FFFFFF;}
#content .authorcomment a {color: #FFFFFF;}

/* ---- Sidebar */

#sidebar 			{width: 320px; float: right; line-height: 180%; color: #959595;}

#sidebar .leftbar	{width: 150px;}
#sidebar .rightbar	{float: right; width: 150px;}

#sidebar a			{color: #F59300; }
#sidebar a:hover { color: #ffffff; }
#sidebar a img		{padding: 20px; border: none; }

#sidebar h4,
#sidebar h5			{color: #ef4d15; margin: 25px 0 5px 0; font-weight: normal;}

#sidebar h4			{font-size: 14px;}

#sidebar h5			{font-size: 13px;}

#sidebar ul			{margin: 10px 0 10px 5px; list-style: none;}
#sidebar ul li			{background: url('images/arrow_new.gif') 0 5px no-repeat; padding-left: 15px;}
#sidebar ul.new li		{background: url('images/arrow_new.gif') 0 5px no-repeat; padding-left: 15px;}

#sidebar ol			{margin: 10px 0 10px 5px; list-style: decimal inside;}

/* ---- subfooter */

#subfooter			{color: #464646; padding: 10px 15px; background: #464646 url('images/grad_top.png') top left repeat-x; border: 1px solid #464646; margin-top: 30px;}
#subfooter a			{color: #F59300; padding: 0 10px;}
#subfooter a:hover		{color: #FFFFFF; padding: 0 10px;}

/* ---- Footer */

#footer 				{color: #FFFFFF; padding: 5px 30px; margin-top: 10px;}
#footer a			{color: #F59300;}
#footer a:hover { color: #ffffff; }
#footer a.authorlink {color: #F59300;}
#footer a.authorlink:hover { color: #ffffff; }

/* ---- comments */

#author, #email, #url, #comment { border: 1px solid #959595; padding: 5px; margin-top: 5px;}

#author 				{width: 250px; }
#email 				{width: 250px; }
#url 				{width: 250px; }
#comment 			{width: 500px; }
#submit 				{background: #e35c00; color: #FFFFFF; padding: 10px; border: 1px solid #959595; margin-top: 10px;}

/* ---- Required by WordPress */

.aligncenter,
div.aligncenter 		{display: block; margin: 0 auto;}

.alignleft 			{float: left;}

.alignright 			{float: right;}

.wp-caption 			{border: 1px solid #959595; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
				/* optional rounded corners for browsers that support it */
		   		-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img 		{border: 0 none; }

.wp-caption p.wp-caption-text 	{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; }



body.home #top-css-nav li#home2 a,
body.prototypes #top-css-nav li#prototypes2 a,
body.applications #top-css-nav li#applications2 a,
body.benefits #top-css-nav li#benefits2 a,
body.products #top-css-nav li#products2 a,
body.howtheywork #top-css-nav li#howtheywork2 a,
body.aboutus #top-css-nav li#aboutus2 a,
body.links #top-css-nav li#links2 a,
body.contact #top-css-nav li#contact2 a,
body.newparts #top-css-nav li#newparts2 a,
body.guestbook #top-css-nav li#guestbook2 a,
body.blog #top-css-nav li#blog2 a,
body.sitap #top-css-nav li#sitap2 a,
body.privacy #top-css-nav li#privacy2 a
{color: #FFD89D ; text-decoration:underline}

#top-css-nav {
	background: black;
	text-align:center;
	padding: 5px 0px 5px 0px;
}

#top-css-nav li {
  display:inline;
  color:#FFFFFF;
}

#top-css-nav li a {
font-size:1.5em;
  color: #F59300;
  text-decoration:none;
}

#top-css-nav li a:hover {
 color: #FFD89D;
}

#page-caption {
	background: black;
	text-align:	center;
	padding: 5px 0px 5px 0px;
}

#page-caption h1 {
font-size:3em;
    padding: 0;
	margin: 0;
	color: #ef4d15;
}
.nav {
padding:5px 0px 30px 0px;
background: #000000;
text-align:center;
margin-left:auto;
margin-right:auto;
width:350px;
}

.back a {
font-size:1.6em;
  float:left;
  background: url(images/arrowleft.gif) no-repeat 0 0;
  height: 25px;
  width: 88px;
  color: #ffffff;
  font-weight:bold;
  text-decoration:none;

}
.back a:hover {
  background: url(images/arrowleft.gif) no-repeat 0 -26px;
    color: #FFFF33;
}

.none  {
float:left;
width:174px;
}
.none a{
padding:0px 10px 0px;
color: #F59300;
text-decoration:none;
}
.none a:hover{
  color: #ffffff;
}

.next a {
font-size:1.6em;
  float:left;
  background: url(images/arrowright.gif) no-repeat 0 0;
  height: 25px;
  width: 88px;
  color: #ffffff;
  font-weight:bold;
  text-decoration:none;
}
.next a:hover {
  background: url(images/arrowright.gif) no-repeat 0 -26px;
    color: #FFFF33;
}