@import url(base.css);
 
/* Mid Header ================================================== */

body { 
  font: 12px Verdana, sans-serif; 
  z-index: 2;
  margin: 10;
}



/* C O N T E N T ===================== */

#left {
  float: left;
  display: inline;
  width: 700px;
  position: relative;
}

#comments {
  float: left;
  display: inline;
  width: 700px;
  position: relative;
}

#comments p {
  padding-left: 10px;

}

#left p {
  padding-left: 10px;

}


a {
  color:#996600;
  text-decoration: none;
}

a:hover {
  color:#232323;
}

#content_body {
  margin:0 auto;
  padding-top: 75px;
  width: 740px;
  position: static;
}

#content_body {
  margin:0 auto;
  padding-top: 75px;
  width: 900px;
  position: static;
}
 
#lower_right p {
  margin: 2px 10px 5px 20px;
  text-align:left;
}

/* H E A D E R ================================================ */

#header_wrap {
  width: 100%;

}

#header {
  background: url("images/img_header.jpg") no-repeat;
  width: 900px;
  height: 34px;
  margin: 0 auto;
  position: relative;

}

#title {
  width: 740px;
  height: 50px;
  margin-top: 3px;	
  margin-left: -19px;
  margin-right: 0px;
  position: relative;
}
 
/* lower left segment ===========================================*/

#lower {
 margin-top: 12px;
 margin-left: 12px;
 width: 700px;

}

#job {
 margin-top: 0px;
 margin-left: 0px;
 width: 650px;

}

#right_side {
 margin-top: -40px;
 margin-left: 12px;
 float: right;
 width: 30px;

}

/* Form Formatting */

.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
  padding: 4px;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}

/* BLOG Section */

/* Blog Comment form */

form {
  margin-left: 0px;
}

#left .content form p{
  font-size: 12px;
  color: #666666;
  margin: 10px 0px 0px 0px;
  padding: 0;
}

form .text_box {
  background-color: #ccc;
  border: 1px solid #666666;
  font-size: 12px;
  color: #333333;
  padding: 1px;
  width: 250px;
}

 
form #captcha input{
  background-color: #fff;
  border: 1px solid #666666;
  font-size: 12px;
  color: #333333;
  padding: 1px;
  width: 115px;
  margin-top: 5px;
}

/* past blogs */

.extra_wrap .media_item {
  pading: 4px;
  margin: 0px 5px 10px 0px;
  font-size: 10px;
}


.extra_wrap .media_item a{
  font-size: 10px;
  font-weight: normal;
}

.content img.desktop {
  float: none;

}


/* comment display  */ 

.blog_post span.post_comments {
  float: right;
  color:#E97128;
}

.blog_comments_wrap {
  margin: 10px 0px 10px 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #222;
}

.blog_comments_wrap h1{
  font: 18px, Verdana;
  color: #444;
  padding-bottom: 4px;
  margin-bottom:2px;
}

.blog_comments {
  background-color: #cdcdcd;
  border: 1px solid #6a6a6a;
  padding:5px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.blog_comments span.comment_name{
font-weight: bold;
color: #333333;
float: left;
}

#left .content .blog_comments span.comment_date{
font-weight: bold;
color: #333333;
float: right;
}

#left .content .blog_comments  p{
  margin: 0px 0px 0px 0px;
  padding: 6px;
  font-size: 12px;
  color: #333333;
  line-height: 14px;
  border-top: 1px solid #ccc;
}

/* Rounded Corners */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../images/sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/sbhead-r.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/sbhead-l.jpg) no-repeat top left;
	margin: 0;
	padding: 10px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/sbbody-l.jpg) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 21px;
}

/* Rounded Corners */

/* Show only to IE PC \*/
* html .jobboxhead h2 {height: 1%;} /* For IE 5 PC */

.jobsidebox {
	//margin: 0 auto; /* center for now */
	width: 672px;
	background: url(../images/job_body_r.jpg) no-repeat bottom right;
	font-size: 100%;
}
.jobboxhead {
	background: url(../images/job_head_r.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.jobboxhead h2 {
	background: url(../images/job_head_l.jpg) no-repeat top left;
	margin: 0;
	padding: 10px 0px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.jobboxbody {
	background: url(../images/job_body_l.jpg) no-repeat bottom left;
	margin: 0;
	padding: 0px 25px 20px;
}

#bottom_crap p {
	font: 10px Verdana, sans-serif;
	margin-top: 5px;
}

/* Form login */

.loginform input {
	border: 1px solid #ADADAD;
	width: 139px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	margin-top: 4px;
}

.loginform input.submit {
	padding: 2px 15px;
	font-weight: bold;
	border: 1px solid #ADADAD;
	//width: 100px;
	margin-left: 22px;
	margin-bottom: 8px;
}

.liens {
	padding-top: 5px;
	text-align: right;
}

.submit_button {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
}


