/*  
Theme Name: The EasyOffice
Description: A custom verion of the MistyLook theme. Modified by <a href="http://LarryAronson.com" target="_blank">Larry Aronson</a> for The EasyOffice.
Version: 1.0
Author: Sadish Bala
Author URI: http://sadish.net
*/

* {
	padding: 0; 
	margin:0;
}
p {
	margin: 0.7em 0;
	line-height:1.6em;
}
dl {
	margin:1em 0;
}
dt {
	font-weight:bold;
}
dd {
	margin:0.5em;
	padding:0;
}
img {
	background:url(img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
}
img.right {
	float: right;
	margin:10px 0 0 10px;		
}
img.left {
	float: left; 
	margin:0 10px 10px 0;	
}
a:link img,
a:visited img,
a:hover img,
a:active img {
	border:none;
	background:none;
	padding:0;
	background:url(img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;		
}
img.wp-smiley, #wpstats, img.noborder, a img.noborder {
	background: none;
	border: 0;
	padding: 0;
}

legend { 
 font-weight: bold; color: #0567ae; 
/* margin-bottom: -2em; */
 padding-left: 30px;
 background: #ffffff;
}

.clear {
	clear:both;
	height:20px;
}
blockquote {
	margin: 1em;
}
fieldset {
	border:0;
	margin-top: 15px;
}
body {
	background: #e0e0e0;
	margin: 0; 
	font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
	color: #333; 
	text-align: center;
}
a {
    text-decoration:none;
}
a:link, a:visited {
	color: #2615c0;	
}
a:hover, a:active {
	border-bottom: red 1px solid;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Verdana, Arial, Serif;
}

#container {
/*	border: #ccc 1px solid; */
	background: #e0e0e0; 
	margin: 0 auto; 
	width: 780px; 	
	position: relative; 
	text-align: left;
}

 html #navigation {
	height: 1%;
}

#navigation { 
 position: relative;
 z-index: 1;
 top: -23px;
 left: 12px;
 height: 22px; 	
 font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
 font-weight: bold;
}

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

#navigation li { 
 float: left; 
 position:relative;
 background-color: #babac0;
 margin-right: 4px;
 border: 2px #5060d0 outset;
 border-bottom-style: none;
}

#navigation li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
 }

#navigation li > ul {
  top: auto;
  left: -2px;
  border: 2px #5060d0 outset;
  border-top-style: none;
  max-width: 120px;
}

#navigation li a, 
#navigation li a:visited {
 height: 17px;  
 display: block; 
 color: #000;
 text-decoration: none;
 text-align: center;
 padding: 2px 10px;
 border-style:none;
 margin: 0;
}

#navigation li:hover a,
#navigation li a:hover { 
 background-color: #fafaff; 
}

#navigation li.current_page_item { 
 background-color: #fff; 
 border-bottom-style: none;
}

#navigation li a:hover {  
 color: #f00; 
}

#navigation li > ul li {
 border-style: none;
 white-space: nowrap;
}

#navigation li:hover ul,
#navigation li.over ul { 
 display: block; 
 background-color: #fafaff ;
}


/* Navigation menu adjustments for IE6 */

* html #menu li {
  width: 8em; 
  margin-top: -2px;
}
* html #menu li.over {
  background-color: white; 
}
* html #menu li ul {
  margin-top: 11px;
  margin-left: -2px;
  border: 2px #5060d0 outset;
  border-top-style: none;
}
* html #menu li ul li {
  border: none;
  background-color: white; 
  margin-right: 0;
}
* html #menu li ul li a {
  white-space: nowrap;
  text-align: left;
}



#header {
	clear: both; 
	float: left; 
	margin: 5px; 
	width: 450px;
}
#header h1 {
	position: absolute;
	top: 80px;
	font-size:2em;
	margin:10px 0 0 10px;
	font-variant:small-caps;
	letter-spacing:0px;
	font-weight:normal;
}
#header h1 a {	
 padding: 25px 160px 25px 0;
	text-decoration:none;	
	border:0;
}
#header h1 a em {
 visibility: hidden; 
}

#header #desc {
	margin:5px 0 0 10px;
	font-size:1em;
	font-weight:normal;
	font-family:Tahoma, Verdana, Arial, Serif;
	letter-spacing:0px;	
}
#feedarea {
	padding:5px 10px 0 0; 
	width: 780px;
	height: 40px;
	text-align: right;
	background: #e0e0e0 url(img/top.gif) no-repeat bottom left;
}
html #feedarea {
	padding-top: 5px;
}
#feedarea dl dt {
	display: inline; 
	margin: 0px 5px; 
	color: red;
	font-size: 120%;
}
#headerimage {
	clear: both; 
	background: #e0e0e0 url(img/misty.jpg) no-repeat center;
	margin: 0px; 
	color: #fff; 	
	height: 200px;
}
 html #headerimage {
	margin-top: 0;
}
#content {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 20px;
	background-color: #fff;	
	position: relative;
	top: -22px;
}
 html #content {
	height: 1%;
}
#content h4 {
	font-size: 1.1em; 
	margin: 1em 0 0 0;
}
#content h5 {
	font-size: 1em; 
	margin: 1em 0;
}
#content-main ul {
   margin: 0 1em;
   padding:0 .5em .5em 1.5em; 
   list-style: disc url(img/EasyOffice_bullit.gif);
}

#content-main ul li {
   list-style: disc url(img/EasyOffice_bullit.gif);
}

#content-main ul.asides {
	margin:0;
	padding:2em;
}
#content ol {
    list-style-type:decimal;
    margin:1em;
    padding-left:2em;
}
#content-main {
	float: left; 
	width: 520px; 
	margin-right: 20px;
}
 html #section-index #content-main {
	margin-right: 20px;
}
#content .post {
	clear:both;
	padding:0 0 2em 0;
}
#content h2,
#content h3 {
	font-size: 1.5em; 
	margin: 1em 0 0;	
	font-weight:normal;
	line-height:1.4em;	
	letter-spacing:0px;
}
#content .entry {
    margin:1em 0;
    padding-right:1em;    
}
#content .entry h2 strong {
 color: #0567ae;
}
#content .entry li {
	margin: .75em 0 0 0;
	padding:0;
	line-height:1.5em;
}
#content .entry li li {
	margin: 0;
	list-style-image: none;
	line-height:1.4em;
}
#content .post-info , #content .postmetadata {
	clear:both;
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	
}
#content .post-info {
	background:url(img/underline1.jpg) no-repeat left bottom;
	padding-bottom:15px;	
}
 
#content h2.pagetitle {
	color: red;
	font: 18pt arial,san-serif;
}
.postnav {

	display: block;

	margin: 10px 0 60px;
}
.alignleft {
	float:left;
	text-align:left;	
}
.alignright {
	float:right;
	text-align:right;	
}
/* Sidebar */
#sidebar {
	float: left; 
	width: 200px;
/*	font-size:0.9em; */
	padding-top: 19px;
}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar li {
	margin-bottom:8px;
}
#sidebar ul ul {
	list-style:none;
	margin:0.5em 0 0 1em;
}
#sidebar ul ul ul {
	margin:0 0 0 1em;
}
#sidebar li.sidebox {
	padding:1px 10px;
	margin:0 0 1em 0;
	background: #fff /* url(img/sideheadtop.gif) no-repeat left top */ ; 		
}
li#sidelinks ul {
	margin:0;
	padding:0;
}
#sidebar li.sidebox p img {
	margin:0;
	padding:0;
	background:none;
}
#footer {
	position: relative;
	top: -22px;
	clear: both; 	
	background: transparent; 
	margin: 0 auto; 
	width: 780px;
	text-align: center;
	font-size: .75em;
	color: #666;
	min-height: 40px; 
	padding-top: 52px;
	background: #e0e0e0 url(img/footer.gif) top no-repeat;
}
* html #footer {
 padding-top: 80px;
 position: relative;
 top: -22px; left: -5px;
}


#footer p {
 line-height: 1.2em;
 margin: 0 auto;
}

#sitemap_link {
 height:50px;
 width:100%;
 position:relative;
 bottom:0;
}
#sitemap_link a:link,
#sitemap_link a:visited {
 color: #e0e0e0;
}
#sitemap_link a:hover,
#sitemap_link a:active {
 color: #ff99a0;
 text-decoration: none;
 border: none;
}


 html #footer {
	height: 1%;
}
#comments, #respond{
	margin: 0;
	padding:1em 0 0 0;
}
#commentform 
{
	margin:10px 0;	
	padding:10px;
	background:#f9fcfc;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}
.commentnum 
{
	font-size:1.5em;
	font-weight:bold;	
	margin:0 5px 0 0;
}
.nocomments 
{
	text-align:center;
	color:#999;
	font-size:0.9em;
}
#container .commentlist {
	margin: 1em 0;
	padding: 0;		
	border-top: #ddd 1px solid;
}
#container .commentlist li 
{
	list-style:none;
	margin: 0;
	padding: 0.5em 0.5em 2em;	
	background:#fff url(img/shadow_top.gif) repeat-x top;
	border-bottom: #ddd 1px solid;
}
#container .commentlist li.alt 
{
    background:#f9f9f9;    
}
#container .commentlist li.authorcomment 
{
    border:#fc9 1px solid;      
}
#container .commentlist li .cmtinfo 
{
	font-size:1em;			
}
#container .commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
#container .commentlist li .cmtinfo em {
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
#container .commentlist .avatar {
	float:right;	
}
#content .commentsfeed {
	background:url(img/icon_feed.gif) no-repeat left center;
	padding-left:16px;
}
#content .trackback {
	background:url(img/link.gif) no-repeat left center;
	padding-left:20px;
}
input.textbox, textarea {
	border:#ccc 1px solid;
/*	background:#fff url(img/shadow_top.gif) repeat-x top; */
	font:1em Verdana, Arial, Serif;
	padding:2px;
/*	width:150px; */
}
textarea {
	width: 90%;
	padding:10px;
	line-height:2em;
}
input.textbox:focus, textarea:focus {
/*	background:#fff url(img/shadow_top.gif) repeat-x top; */
	border:#999 1px solid;
}
#submit {
	padding:3px 5px;
}
.post h4 {
	font-size:1em;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em {
	font-style:normal;
	float:right;
	font-weight:normal;
	color:#999;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}

#callout {
 margin: 10px 0 -20px 0;
 padding: 0;
}

#callout p {
 margin: 0 0 0 -8px; 
 display: block; 
 width: 175px; 
 height: 39px; 
}
#callout p a { 
 display: block; 
 width: 175px; 
 height: 39px; 
 line-height: 39px; 
 color: #fff; 
 font-size: 1.2em; 
 background: url(img/button-red.gif) no-repeat; 
 text-align: center; 
 text-decoration: none; 
 border-style: none;
}

#callout p a:hover { 
 text-transform: uppercase; 
}

#content ul.checklist,
#content ul.checklist li {
 list-style: disc url(img/check.gif);
}

#quickquote th, #quickquote td {
 width: 150px;
}
#quickquote input {
 width: 250px;
}
#quickquote table {
 margin: 20px 0;
}
#quickquote em {
 color: red;
}
#quickquote ol {
 margin: auto 20px;
}
#quickquote select {
 margin-left: 8px;
}
#quickquote option {
 padding: 0 4px;
}
#quickquote input.submit {
 background: url(img/button-blue.gif) no-repeat; 
 width: 150px; 
 border: none;
}
#quickquote input.submit:hover {
 text-transform:uppercase;
}
#isitforyou table {
 padding: 20px 10px;
}
#isitforyou th {
 border-style:none;
 text-align: left;
 padding: 2px;
}
#isitforyou td {
 padding: 2px 6px;
}

input.submit {
 max-width: 200px; 
 padding: 1em 3em; 
 background-color: #0567ae; 
 color: #fff; 
 font: bold 12px arial, sans-serif;
}

/* blue submit buttons */ 

#isitforyou input.submit {
 background: url(img/button-blue.gif) no-repeat;
 border-style: none;
 padding: 12px 0 12px 0; 
 width: 150px;
}
#isitforyou input.submit:hover,
#isitforyou input.submit-over {
 text-transform:uppercase; 
 width: 150px;
}

#quickquote input.submit {
 margin-left:30px; 
}

#contactform input.submit {
 background: url(img/button-blue.gif) no-repeat;
 border-style: none;
 width: 150px;
 margin: 0;
 padding: 0;
 height: 39px;
}
#contactform input.submit:hover {
 text-transform:uppercase; 
}

.tourlinks a {
 float: left;
 margin: 10px auto 20px 50px;
 display: block; 
 width: 175px; 
 height: 39px; 
 line-height: 39px; 
 color: #fff; 
 font-size: 1.2em; 
 background: url(img/button-red.gif) no-repeat; 
 text-align: center; 
 text-decoration: none; 
 border-style: none;
}
.tourlinks a:hover {
 text-transform: uppercase; 
} 

.page_links li {
 list-style-type: none;
 list-style-image: none; 
}
 
#accordion h3.toggler {
 font: 1.2em arial,helvetica,sans-serif;
 border: 1px solid #ccc;
 width: 100%;
 margin: 1px auto;
 padding: 3px 10px;
 background-color: #d7d7d7;
 border: 1px outset #d7d7d7;
 text-decoration: none;
}
#accordion h3.toggler:hover {
 text-decoration: underline;
}
#accordion h3.toggler:first-letter {
 font: 1.2em georgia,times,serif;
}
#accordion div.element {
 padding-left: 20px;
}

.addthis_container a {
 text-decoration: none;
 border-style: none;
}

#docs #accordion h3.toggler {
 font: 1.3em arial,helvetica,sans-serif;
 margin: 5px auto;
 background-color: #fff;
 border: 1px none #d7d7d7;
}

#whats-included {
 display:none;
 padding:8px;
 border: 1px solid #ccc;
 margin-top: 8px;
}

#contactus h2 strong {
 color: #0567ae;
}
#contact-address {
  margin: 0 20px 0 auto;
  float: left;
  border-right: solid 2px #ccc;
}
#contact-address td {
  padding: 0 10px;
}
#feedbox a:hover {
 text-decoration: none;
 border: none;
}
#feedbox img {
 margin-top: -12px;
 background: none;
 border: none;
}
#feedbox h2 {
 margin: auto;
 padding-top: 20px;
}

#cp_message {
 margin: auto 10px;
 padding-right: 10px;
}

#slides {
 margin: 0;
 padding: 0;
}
#slides > div {
 margin: 6px 2px;
 border: 3px #d0d0d0 outset;
 background-color: #d0d0d0;
 padding: 5px;
 width: 165px;  max-width: 165px;
 height: 176px; min-height: 176px;
}
#slides blockquote {
 font: bold 10pt comic sans MS, arial, sans-serif; 
 padding: 0;
 margin: 2px;
 border-style: none;
 margin-bottom: 10px;
 line-height: 1.4em !important;
}
#slides blockquote big {
 font-size: 16pt;
}
#slides address {
 color: #000;
 font: 8pt sans-serif; 
}
#slides h3 {
 font-size: 12pt;
}
#slides strong {
 color:#0567ae;
}
#d1, #d3 {
 color: #000;
}
#d2 {
 color: #900;
}
#d4 {
 color: #009;
}