/*
Theme Name: bytesandpixels grey
Theme URI: http://www.bytes-and-pixels.com/
Description: Custom theme for my site.(Based on Twentyten) 2010, November.
Author: Andrei Roslovtsev
Version: 1.0
Tags: 
*/

body {margin:0px;
	  padding:0px;
	  background-color:#999999;
	  font-family:Arial, Helvetica, sans-serif; 
}

#container {width:1000px;
			margin-top:0px;
			margin-left:auto;
			margin-right:auto;
			background-color: #DFDFDF;
}

#header {
		background:url(images/top_bar.jpg) repeat-x;
		width:100%;
		float:left;
				}
		
#logo   {   height:121px;
			width:270px;
            position:relative;
            left:20px;
			float:left;
		}
		
#logo a img {border-style:none;}
		
#logo object{position:absolute;
			left:0px;
			top:0px;

}

#site-description{float:right;
				  position:relative;
				  top:70px;
				  margin-right:2em;
				  padding-left:1em;
				  color:#F2F2F4;
				  font: oblique normal 1.4em Georgia, Times New Roman, Times, serif;
				  text-shadow: #333333 0px 0px 4px;
				}

/* =Menu
-------------------------------------------------------------- */

#access {
	/*background: #000;*/
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}
#access .menu-header,
div.menu {
	font-size: 13pt;
	font-weight:bold;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #333333;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
	background-color:#DFDFDF;
	border: solid 1px #CCCCCC;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	/*background: #333;*/
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	/*background: #333;*/
	color: #999999;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #777;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #777;
}

/* =Menu End
-------------------------------------------------------------- */

#content { border-right:solid 1px #CCC;
		   margin: 0em 0em 0em 1em;
		   font-size:10pt;
		   float:left;
		   width:640px;
}

#content h2 { font-size:12pt;
			  margin-top:.5em;
              margin-bottom:.5em;
}

#content a { text-decoration:none;
			color:#000000;
			font-weight:700;}


#sidebar,
#secondary {
	float: left;
	overflow: hidden;
	width: 310px;
	font-size:10pt;
	overflow: hidden;
	padding-left:1em;
}

#sidebar h3 {
font-size:10pt;	
margin-bottom:0;
margin-top:1em;	
}

#sidebar ul {
list-style:none;
margin-left:0;
padding: 0;
}

#sidebar ul li ul {border-bottom:solid 1px #CCC;
					padding-bottom:1em;
					margin-right:1em;
}


#sidebar a{text-decoration:none;
			color:#333399;}
#sidebar a:hover{text-decoration:underline;
			}
			
			
img.dl_thumb {float:left;margin:0 1em 0 0;}
.dl_widget {font-size:0.8em;}
ul.dlm_download_list li {height:1%; overflow: hidden;
margin-top:0.5em;}
#download-page-categories ol, ul.dlm_download_list {list-style:none;}
#content .dlm_download_list img, #content .category img,#content .categoryalternate img{margin-right:1em; float:left;}
#content .category ol li,#content .categoryalternate ol li{height:1%; overflow: hidden;}


#secondary {
	clear: right;
}

#searchform {}

/*posts navigation Prev Next*/
#nav-above a, #nav-below a, #comments .comment-reply-link {color:#fff;
							background-color:#000000;
							padding:0px 6px 2px 4px;
}

a.more-link {font-style:italic;}

/*Post block*/
.post, #content .page { background-color:#F5F3EF;
		border:solid 1px #CCCCCC;
		margin-right:1em;
		padding-left:1em;
		padding-right:1em;
		padding-bottom:1em;
		padding-top:0;
		margin-top:1em;
		
		/*border-radius:10px 10px 10px 10px;
           -moz-border-radius:10px 10px 10px 0;
           -webkit-border-radius:10px;
           -webkit-border-bottom-left-radius:0;*/
		}
#content .page {height:1%; overflow: hidden;} /*This fixes floated img clearing*/
/*Post meta - date, author*/
.entry-meta, .entry-utility {
			 font-style:italic;
}
.entry-utility {clear:both;}

#content .note {border:solid 1px #999999;
				padding:1em;
				margin:1em;
				background-color:#E6E4AA;
								}

/*Image alignment , captions etc. ------------------------------------------*/
/* =Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	/*height: auto;*/
	max-width: 600px;
	width: expression(this.width > 600 ? 600: true);
	/*width: auto;*/
	border: solid 1px #CCCCCC;
	
}
#content  img.wp-smiley { border:none;}

#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#content .wp-smiley {
	margin: 0;
}
#content .gallery {
	margin: 0 auto 18px;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
#content img.size-thumbnail {margin-right:10px;}


/*-Comments section ------------------------------------------------------------------------------*/
/*Respond form*/
#respond {padding:1em;
		  margin-right:1em;
		  background-color:#F5F3EF;
		  border:solid 1px #CCCCCC;
		  }
#reply-title {margin:0;}
#respond input, #respond textarea {margin-left:1em;} 




/*Comments*/
#comments ol {list-style-type: none;
			  display:inline;}
			  
#comments ul {list-style-type: none;
			  }
#comments ul li {margin-top:1em;
}
.comment {padding:1em;
		  margin-right:1em;
		  background-color:#F5F3EF;
		  border:solid 1px #CCCCCC;
		  height:1%;
		  overflow:hidden;
		  }

#comments .avatar {padding:4px;
		 margin-right:10px;
		 border:solid 1px #CCCCCC;
		float:left;
}
.comment-meta {
}


/*-------------------------------------------------------------------------------------------------*/
#footer { background:url(images/footer.jpg) repeat-x;
		  height:34px;
		  color:#000000;
		  text-align:center;
		  font: normal .8em Arial, Helvetica, sans-serif;
		  padding-top:1em;
		  clear:both;
		}
#footer a {
		  color:#000;
		  text-decoration:none;

}
a img {border: none; }


/*                  E X T R A                    */

.button_demo_01 {display: block; width: 156px; height: 64px; background: url(../../uploads/downloads/thumbnails/2010/12/Up_image.jpg) no-repeat top;}

.button_demo_01:hover {background: url(../../uploads/downloads/thumbnails/2010/12/Over_image.jpg) no-repeat top;}

.button_demo_01:active {background: url(../../uploads/downloads/thumbnails/2010/12/Down_image.jpg) no-repeat top;}

/*------------------------------*/
.button_demo_02 {display: block; width: 140px; height: 40px; background: url(../../uploads/downloads/thumbnails/2010/12/Up_image2.jpg) no-repeat top;}

.button_demo_02:hover {background: url(../../uploads/downloads/thumbnails/2010/12/Over_image2.jpg) no-repeat top;}

.button_demo_02:active {background: url(../../uploads/downloads/thumbnails/2010/12/Down_image2.jpg) no-repeat top;}