/*
Theme Name: Design 1
Theme URL: Web 20 Templates
Description: Exclusive Design From Web 20 Templates!
Version: 1.1 Blue
Author: Team Beyond
Author URL: http://web20-templates.com/

*/
html
{
height: 100%;
}

body
{
	background-image: url('images/background.jpg');
	background-position: top left;
	background-color:#ffffff;
	background-repeat: repeat-x;
	background-attachment:fixed;
  	text-align: left;
  	color: #000000;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
* {
	margin:0;
	padding:0;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
	color: #00b4ff;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;	
	font-weight: normal;
	letter-spacing: 1px;
	padding: 15px 10px 5px 10px;
	margin: 0;
}
h2 {
	font-size: 14px;
	color: #00b4ff;
	padding: 20px 10px 5px 10px;
	margin: 0;
}
h3 {
	font-size: 170%;	
	font-weight: normal;
	padding: 20px 10px 5px 10px;
	margin: 0;	
}

p, dl { padding: 10px; margin: 0; }

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}
ul { list-style: none; }

dt {
  font-weight: bold;
  color: #00b4ff;
}
dd {
  padding-left: 25px; 
}

/* images */
img {
	background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 5px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
	border: 1px solid #F0F0F0;
	color: #444;
	display: block;
	font: normal 14px "Lucida Sans Unicode",serif;
	margin:0 auto;
	padding: 8px 10px;
	white-space: pre;
	width:540px;
}
blockquote {
	background: #FBFCF5;
	border: 1px solid #F0F0F0;
	color: #444;
	display: block;
	font: normal 12px Verdana,sans-serif;
	margin-bottom: 12px;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
	width:500px;
}

#wp-calendar {

border:0;

empty-cells:show;

font-size:14px;

width:90%;

margin:0;

}



#wp-calendar #next a {

padding-right:10px;

text-align:right;

}



#wp-calendar #prev a {

padding-left:10px;

text-align:left;

}



#wp-calendar a {

display:block;

text-decoration:none;

}



#wp-calendar a:hover {

background:#00b4ff;

color:#fff;

}



#wp-calendar caption {

color:#000;

font-size:16px;

text-align:center;

padding-bottom:8px;

}



#wp-calendar td {

color:#000;

font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

letter-spacing:normal;

text-align:center;

padding:2px 0;

}



#wp-calendar td.pad:hover {

background:transparent;

}



#wp-calendar td:hover{

background:#00b4ff;

color:#fff;

}



#wp-calendar th {

font-style:normal;

text-transform:capitalize;

color:#00b4ff;

}


#wrapper {

	margin-left: auto;
	margin-right: auto;
	margin-top:auto;
	margin-bottom:10px; 
	height: auto;
	width:910px;	
	text-align: left;
      background-image: url(images/wrapper_back.jpg);
      background-repeat: repeat-y;
	
}


a {
color:#00b4ff;
text-decoration:none;
}

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


a img {
border:none;
}


#logo
{
	background:url('images/excavator-small.jpg') top center no-repeat;
	width:200px;
	height:80px;
	float:left;
	margin-top: 15px;
	margin-left:20px;
}

#slogan
{
	width:auto;
	height:90px;
	float:right;
	margin-top: 33px;
	margin-right:10px;
	margin-bottom:10px;
}

/*-----------------------------------------------------------------------------------------------
  Layout
-----------------------------------------------------------------------------------------------*/
#sidebar_left
{
      width: 570px;
	  float:left;
      background-image: url(images/side_left_main.jpg);
      background-repeat: repeat-y;
	  text-align:left;
	  margin-left:5px;
	  height:100%;
}

#sidebar_left h2 {
	padding-bottom: 3px;
	margin-top: 0px;
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	color: #00b4ff; 
	letter-spacing: 2px;	
	text-transform: none;
	border-bottom: 1px solid #ebebeb;	
}
#sidebar_left h2 a {
	color: #00b4ff;
	text-decoration: none;	
	background: none; border: none;
}

#sidebar_left h2 a:hover {
	color: #999999;
	text-decoration: none;	
	background: none; border: none;
}
#sidebar_left ul li {
	list-style-image: url(images/bullet.gif);
}

#sidebar_right
{
      width: 309px;
	  float:right;
      background-image: url(images/side_right_main.jpg);
      background-repeat: repeat-y;
	  text-align:left;
	  margin-right:5px;
	  height:100%;
}

#sidebar_right h3 {
	margin-top: 0px;
	padding: 15px 5px 3px 5px; 
	font: normal 14px 'trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;	
	color: #666666;	
	letter-spacing: 3px;	
}
#sidebar_right ul {
	text-align: left;
	margin: 7px 5px 8px 0px; padding: 0;
	text-decoration: none;		
	background: url(images/dots.gif) repeat-x left top;
}
#sidebar_right ul li {
	list-style: none;
	background: url(images/dots.gif) repeat-x left bottom;
	padding: 8px 10px;
	margin: 0;
	display:block;
}
* html body #sidebar_right ul li {
	height: 1%;
}
#sidebar_right ul li a {
	text-decoration: none;	
	background-image: none;	
	background-color: transparent;
	border: none;
	color: #00b4ff;
	display:block;
		
	font-weight: bold;		
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif;
	font-size: 14px;	
	/* letter-spacing: .5px;  */
}
#sidebar_right ul li a span {
	color: #989898;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;	
	font-size: .8em;
}
#sidebar_right ul li a:hover {	
	color: #555;
	display:block;
}
#sidebar_right ul ul { margin: 0 0 0 5px; padding: 0; }
#sidebar_right ul ul li { background: none; }


#sidebar_inside
{
      width: 100%;
	  text-align:center;
	  padding:10px;
	  margin:0 auto;
	  height:100%;
}


#header
{
	width:850px;
	background: url(images/header_main.png) top left repeat-x;
	height:133px;
	margin:0 auto;
	text-align:center;
	padding-top:5px;
}
#footer
{
		bottom:0;
		width:100%;
		height:192px;
	text-align:left;
	background-image: url('images/footer_back.png');
	background-repeat: repeat-x;
	background-position: top left;
}

#topbar
{
	height:96px;
	background: url(images/topbar.jpg) top left repeat-x;
	overflow: hidden;
	text-align:center;
	color:#FFFFFF;
	width:100%;
	padding-bottom:0px;
	margin-bottom:0px;
}

h1 {
font-family:"lucida sans", "Trebuchet MS", tahoma, sans-serif;
	font-size:14px;
	color:#ffffff;
	margin-top: 25px;
	padding:0px;

}
/* contents */
#contents {
	height:192px;
	clear:both;
	background: url(images/footer_trans.png) top left repeat;
	width:100%;
	margin:0 auto;
	border-top:0.2em solid #555;
}

#contents_inside {
	height:auto;
	color: #FFFFFF;
	margin:0 auto;
	text-align: left;
	}
	
#contentsbottom {
	height: 5px;
	background: #00b4ff;
	position: relative;
	}
	
#contents p {
	color: #FFFFFF;
	padding: 3px 0px 0px 0px;
	list-style-type: none;
	margin: 0px;	
	}
	
#contents h2 {
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #00b4ff;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}

#contents a {
	color: #AAAAAA;
	text-decoration: none;
	}

#contents a:hover {
	color: #00b4ff;
	text-decoration: none;
	}
	
#contents ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#contents ul li {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #666666;
	}
	
#contents ul li a:hover {
	color: #CCCCCC;
	}
	
#contentsleft {
float: left;
width: 32%; /*Width of left column in percentage*/
margin-left: -100%;
}
	
#contentsmiddle {
margin: 0 32% 0 32%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
	
#contentsright {
float: right;
width: 32%; /*Width of right column in pixels*/
margin-left: -32%; /*Set margin to that of -(RightColumnWidth)*/
}

#contentwrapper{
float: left;
width: 100%;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
	
#navigation
{
	background: url(images/nav_back.png) top left no-repeat;
	width: 608px;
	height:49px;
	float:right;
	margin-right:3px;
	margin-top: 35px;
}

#menu{
	margin: 0;
	  padding-top: 16px;
	list-style-type: none;	
	}
	
#menu li{	
	display: inline; 
}

#menu li a{
  color:#ffffff;
      text-decoration:none;
	  padding-right: 14px;
	  font-size:12px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-weight:bold;
}
	
#menu li a:hover{
  color:#00b4ff;
}


#content_top {
      background-image: url(images/wrapper_top.jpg);
      background-position: top left;
      background-repeat: no-repeat;
	  clear:both;
	  width:910px;
	  height:151px;
    }
#content_bottom {
	clear: both;
	width: 910px;
	height:14px;
	text-align: left;
	background: #FFFFFF url(images/wrapper_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
    }
	
#side_left_top {
      background-image: url(images/side_left_top.jpg);
      background-position: top left;
      background-repeat: no-repeat;
	  clear:both;
	  width:570px;
	  height:14px;
    }
#side_left_bottom {
	clear: both;
	width: 570px;
	height:13px;
	text-align: left;
	background: #FFFFFF url(images/side_left_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
    }
#side_right_top {
      background-image: url(images/side_right_top.jpg);
      background-position: top left;
      background-repeat: no-repeat;
	  clear:both;
	  width:309px;
	  height:14px;
    }
#side_right_bottom {
	clear: both;
	width: 309px;
	height:14px;
	text-align: left;
	background: #FFFFFF url(images/side_right_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
    }
	
#head_main {
      width: 850px;
	  height:132px;
      background-image: url(images/header_main.jpg);
      background-repeat: repeat-x;
	  background-position: top left;
	  padding:0px;
	  margin:auto;
	  position:relative;
    }
#head_left {width: 100%; height: 132px; background: url(images/header_left.jpg) no-repeat left top}

#head_right {float: left; width: 100%; height: 132px; background: url(images/header_right.jpg) no-repeat right top}

	/* center column */
#article_wrapper
{
margin:auto;
width:95%;
height:100%;
float: left;
color:#333333;
padding:10px 10px 10px 10px;
}
	.article_wrapper h2{color: #00b4ff; font-size:16px;margin:10px 0;}
	.article_wrapper p{padding-bottom:10px;font-size:13px;}
	
	
/* postmeta */
.postmeta {	
	padding: 5px; margin: 20px 10px 15px 10px;	
	font-size: 1em;	
	color: #777;
	border: 1px solid #f0f1f1;
	background: #f6f7f8;
}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #bababa;	}
.post-info a { color: #00b4ff; }

.post-info a:hover { color: #999999; }


/* thumbnails */
p.thumbs{ padding: 12px 0 0 10px; }

.thumbs img { 
	position: relative;
	border: 1px solid #ebebeb;
	background: none;
	padding: 4px;
	margin: 5px;
	/* margin: 4px 7px 4px 4px; */	
}
.thumbs img:hover	{
	border: 1px solid #c5c5c5; 
	background: none;	
}
.thumbs a:hover { background-color: transparent; border: none }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

.nextback {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	}

/* Comments Styling */
#comments
{
text-align:center;
}

#commentlist li {
margin-bottom: 10px;
padding-bottom: 5px;
background: #CCCCCC;
border-bottom: 1px solid #700000;
line-height:175%;
list-style:none;
}

.commentbody {

width:500px;

color:#c1c1c1;

line-height:175%;

list-style:none;

background: #f8f7f6;
border: 1px solid #d6d3d3;

padding:5px;

margin-bottom:10px;

}



.commentbody p {

padding:7px;
text-align: left;

}


#commentlist ul {
list-style:none;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 500px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 500px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 500px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 500px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 500px;
}
#commentform input{
margin-bottom: 3px;
}

.clear{
padding-top:10px;
padding-bottom:10px;
}