/*
Theme Name: H&H Installations
Theme URI: 
Description: H&H Inc Wordpress Theme
Version: 1.0
Author: Telelink Inc
Author URI: http://www.gotelelink.net
*/

* {
  padding: 0;
  margin: 0;
}

html, body {
	margin: 0px;
	padding:0px;
	background-image: url(images/bg.gif);
}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0px;
	padding:0px;
}

#wrapper {
	width:800px;
	margin:0px auto;
	background-color:#FFF;
}

#page {
	width:778px;
	margin:0px auto;
	background-image:url(images/bg_header_top.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#header {
	height:96px;
}

#logo {
	width:280px;
	float:left;
	padding-top: 15px;
}

#logo h1{
	font-family:Georgia, serif;
	font-size:26px;
	color:#0c3ef7;
	font-weight:normal;
	text-decoration:none;
	padding-left:40px;
	padding-top:30px;
}

#logo h4 {
	font-family:Georgia, serif;
	font-size:11px;
	color:#808080;
	font-weight:normal;
	text-decoration:none;
	padding-left:75px;
}

#links ul {
	margin:0px; 
	padding-top:67px;
	list-style-type:none;
	float:right;
	list-style: none;
  display: inline;
}

#links li{
	float:left;
	list-style-type:none;
	width:60px;
	height:25px;
	text-align:center;
	background-color:#95d655;
	border-left:1px solid #FFF;
	padding-top:4px;
}

#links a{
	font-family:Georgia, serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#links a:hover{
	font-family:Georgia, serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}
#mainimg {
	background-image:url(images/main_img_2.jpg);
	background-repeat:no-repeat;
	height:132px;
	text-align:right;
}

#mainimg h3 {
	font-family:Georgia, serif;
	font-size:48px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:20px 40px 0px 0px;
}

#mainimg h4 {
	font-family:Georgia, serif;
	font-size:18px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px 0px 0px;
}

#contentarea {
	clear:both;
	padding:25px 0px;
}

#content {
	float:left;
	width:499px;
	padding: 0 20px 20px 20px;
	border-right:1px solid #BCBDBC;
}

#admin_content{
	width: 750px;
	padding-bottom: 20px;
	margin: 0 auto;
}

h2.page_title{
	font-family:Georgia, serif;
	font-size:26px;
	color:#71ae3f;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:5px;
}

#content h3{
	font-family:Georgia, serif;
	font-size:20px;
	color:#71ae3f;
	font-weight:normal;
	text-decoration:none;
	padding-top: 5px;
}

p.photo_label{
	color: #71ae3f;
	text-align: center;
	padding: 3px 0;
}

#content p{
	font-family: arial, verdana, sans-serif;
	font-size:12px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	margin-bottom: 5px;
}

#content h1{
	font-size: 18px;
}

#content h2{
	font-size: 16px;
}

#content h3{
	font-size: 14px;
}

#content h4,#content h5,#content h6 {
	font-size: 14px;
}

a {
	font-size:12px;
	color: #83c93f;
	font-weight:bold;
	text-decoration:none;
}

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

#sidebar {
	float:left;
	width:200px;
	padding: 0 10px 0 25px;
	font-family:Georgia, serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
}

#sidebar h2{
	font-family:Georgia, serif;
	font-size:26px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-left:25px;
	padding-bottom:5px;
}

.sidebar_date {
	font-family:Georgia, serif;
	font-size:13px;
	color:#448ccb;
	font-weight:bold;
	text-decoration:none;
}

#sidebar a{
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}


/* Posts */

.post{
	margin-bottom: 15px;
}

h1.title a {
   color:#71ae3f;
   font-size: 22px;
   padding: 2px 0;
   text-decoration: none;

}

h1.title a:hover {
	color:#000;
	text-decoration:none;
}

h2.date {
	margin: -5px 0 5px 0;
	color:#3f79ae;
  font-size: 16px;
}

/* footer */

#footer {
	clear:both;
	width:762px;
	background-color:#95d655;
	height:10px;
	color: #fff;
	padding: 8px;
	font-size: 12px;
}



/* Contact Form */

#wpcf_your_name, #wpcf_email, #wpcf_subject, #wpcf_phone,  #wpcf_msg, #author, #email, #url, #comment, .fmtext, .fmtextarea {
  background: url(images/form_bg.gif) 0 0 repeat-x;
  background-color: #95d655;
  font-size: 16px;
  border: solid 1px #589918;
  color: #448702;
  padding: 2px;
  width: 250px;
}

#submit, #contactsubmit {
  font-size: 16px;
}


/* lists*/


ul.star{
	margin: 10px 0;
	list-style: none;
	font-size: 16px;
	color: #515151;
}

.star li{
	padding: 5px 0 5px 28px; 
	background: url(images/star_bullet.jpg) top left no-repeat; 
}

ul.asterisk{
	margin: 10px 0;
	list-style: none;
	color: #515151;
}

.asterisk li{
	padding-left: 22px; 
	background: url(images/asterisk_yellow.png) top left no-repeat; 
}

ul.events{
	margin: 10px 0;
}

ul.events{
	list-style: none;
}

ul.events li{
	list-style: none;
	margin-bottom: 10px;
}

ul#websites{
	margin: 10px;
	list-style: none;
	color: #515151;
	font-size: 12px;
}

ul#websites li{
	list-style: none;
	padding-left: 22px; 
	background: url(images/page_world.png) top left no-repeat; 
}

ul#websites li.linkcat{
	padding: 0; 
	background: none;
	font-family:Georgia, serif;
	font-size:18px;
	color:#71ae3f;
	font-weight:normal;
	text-decoration:none;
	margin-bottom:15px;
}


/* services images */

.service_images{
	width: 475px;
	margin: 15px auto;
	display: block;
}

.service_images img{
	margin-bottom: 10px;
}

/* employees contact */

.employee{
	margin: 10px 0;
}

.employee h3{
	color:#448ccb;
	font-size: 12px;
}

.employee p, #sidebar p{
	font-size: 12px;
}

/* address */

#main_contact{
	margin: 15px auto;
	padding: 10px;
	background-color: #ffdf70;
	border: solid #efba00 1px;
	width: 250px;
}

#main_contact .address{
	color:  #846600;
	text-align: center;
}



/* Other Styling */

a img {
  border: none;
}

body a, a:visited {
  text-decoration: none;
}

blockquote {
  margin-left: 1.5em;
  padding: 5px 0 5px 0;
}

.clear{
  clear:both;
}

/* admin */


.admin_nav #logout{
	float: right;
}
.admin_nav #options{
	float: left;
}
.admin_nav div img{
	padding: 0 2px;
}

.admin_system h3{
	color: #3f79ae;
}

ul#admin{
	margin: 10px 0;
	list-style: none;
	font-size: 16px;
	color: #515151;
}

#admin li{
	padding: 5px 0 5px 28px; 
	background: url(images/star_bullet.jpg) top left no-repeat; 
}

table#contacts {
    /*background-color:#9eb1e0;*/
    width: 700px;
		border: solid black 1px;
		padding: 0;
		margin: 0 auto;
}

table#contacts tr {
    border: solid black 1px;
}

table#contacts td {
    padding: 3px;
}

table .action, table .action img{
	padding: 0 3px;
	display: inline;
}

table#contacts tr.alt {
    /*background-color: #7d94d1;*/
}

/* individual contact */

table#contact tr {
    border: solid black 1px;
}

table#contact td {
    padding: 3px;
}


/* Calendar and Events */

#events_holder{
	width: 625px;
	margin: 20px auto;
	display: block;
}


/* EVENTS　LIST */

#events_list{
	width: 300px;
	float: left;
}

ul.ec3_events{
	margin: 10px 0;
	list-style: none;
	font-size: 18px;
	color: #515151;
	font-weight: bold;
}

ul.ec3_events ul{
	margin-left: 10px;
}

ul.ec3_events li{
	margin-top: 10px;
}

ul.ec3_events ul li{
	margin: 0;
	list-style: none;
	padding: 0 0 2px 22px; 
	background: url(images/admin/calendar.gif) top left no-repeat; 
}

/* CALENDAR */

#wp-calendar {
	width: 300px;
	float: left;
	padding-left: 20px;
}

#wp-calendar table{
	width: 300px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

#wp-calendar table.nav{
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
	border-top: 1px solid #A2ADBC;
	border-left: 1px solid #A2ADBC;
	border-right: 1px solid #A2ADBC;
}	

#wp-calendar table.nav td{
	border: none;
}

#wp-calendar caption {
	width: 300px;
	margin: 0;
	padding: 5px 0;
	background: #A2ADBC;
	text-align: center;
}

#wp-calendar caption a{
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#wp-calendar th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

#wp-calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 40px;
	height: 20px;
	text-align: center;
}

#wp-calendar td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#wp-calendar td a:link, td a:visited {	
	color: #608194;
}

#wp-calendar td a:hover, td a:active {
	color: #6aa3ae;
}

#wp-calendar td.ec3_postday{
	background: #76a060;
}

#wp-calendar td.ec3_postday a{
	color: #cbf89e;
}

/* EVENT　PAGE */

/***
 ***  Schedule
 ***/

table.ec3_schedule, .warning {
 	margin: 5px auto;
	padding: 5px;
	background-color: #ffdf70;
	border: solid #efba00 1px;
	width: 300px;
	color:  #846600;
	text-align: center;
}

table.ec3_schedule td {
}

td.ec3_start {  }

td.ec3_to    { }


/* Tables in the admin section */

#admin_table  a {
	color: #c75f3e;
}

#admin_table {
	width: 600px;
	padding: 0;
	margin: 10px auto;
	display: block;
	border-left: 1px solid #C1DAD7;
}

#admin_table caption {
	padding: 0 0 5px 0;
	width: 600px;	 
	margin: 0 auto;
	display: block;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#admin_table th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#admin_table td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#admin_table tr.alt td {
	background: #F5FAFA;
	color: #797268;
}

#admin_table th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#admin_table th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#admin_table .action, #admin_table .action img{
	padding: 0 3px;
	display: inline;
}


/* Job & contact Table */

#job, #contact {
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	width: 400px;
	padding: 0;
	margin: 0;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	margin: 0 auto;
}

#job a, #contact a {
	color: #c75f3e;
}


#job caption, #contact caption {
	padding: 0 0 5px 0;
	width: 400px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#job td.desc, #contact td.desc {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#job td, #contact td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#job tr.alt td, #contact tr.alt td {
	background: #F5FAFA;
	color: #797268;
}

#job th.spec, #contact th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#job th.specalt, #contact th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}


/* form instructional message */

p.message {
	width: 400px;
	margin: 0 auto 5px auto;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #C1DAD7;
	color: #4f6b72;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 0;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */