/* @override http://localhost/stylesheets/local.css */

/*--------------------------------------------------------------
 Local.css
 Add any personal changes that you'd like to make to the theme
 in this template.
 --------------------------------------------------------------*/

.clear {
	clear: both ;
}

a.yellow-button,
a.yellow-button:hover {
	letter-spacing: -1px;
	background-position: 0 top;
	padding-bottom: 16px;
	padding-top: 16px;
	padding-right: 40px;
	padding-left: 14px;
        background-color: inherit ;
	background-image: url(/images/yellow-button.png);
      behavior: url("/resources/iepngfix.htc");
	display: block;
	width: 155px ;
	height: 18px ;
	font-size: 18px ;
	font-weight: bold ;
        line-height: 18px ;
	color: black !important ;
	text-decoration: none ;
	text-align: center ;
	margin-top: 10px ;
	margin-bottom: 10px ;
}

a.yellow-button:active {
	background-position: 0 49px;
	background-image: url(/images/yellow-button.png);
}

#masthead {
  max-height: 167px ;
  height: 167px ;
  min-height: 167px ;
  width: 720px;
  max-width: 720px;
  min-width: 720px;
  margin: 0;
  padding: 0;
  position: relative ;
  left: -20px ;
  padding-bottom: 10px;
}

#masthead img.hangover {
  position: absolute ;
  top: -30px;
  right: -21px ;
}

#video object {
  border: 1px #888 solid ;
}

#video {
  margin-left: 180px;
}

#tour-menu {
  float: left ;
  padding-right: 4px;
}

#tour-menu ol {
  width: 150px;
  max-width: 150px;
  padding-left: 10px;
  margin-left: 20px;
}

#tour-menu li {
  padding-bottom: 4px;
  margin-left: 0;
  padding-left: 0px;
}



ul.icon-bullets {
  margin-left: 20px;
  padding-left: 0;
}
ul.icon-bullets li {
  list-style-type: none ;
  padding-bottom: 8px;
  position: relative ;
  margin-left: 40px;
}
ul.icon-bullets img {
  position: absolute ;
  left: -40px;
  top: 0px;
}


ul.section-menu {
	height: 20px;
	text-align: right;
	list-style-type: none ;
	margin: 0;
	padding: 0;
	border-bottom: 1px #888888 solid ;
}

ul.section-menu li {
	display: inline ;
	line-height: 12px ;
	padding-left: 4px ;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 12px ;
}

ul.section-menu li.sel {
	background-repeat: no-repeat;
	background-image: url(/images/menu-selector.png) ;
	background-position: center bottom ;
	font-weight: bold ;
}

ul.section-menu li a {
	color: #888888;
	text-decoration: none ;
	padding: 1px ;
}

ul.section-menu li a:hover {
	background-color: #888 ;
	color: white ;
}

ul.section-menu li a:active {
	background-color: #333 ;
	color: white ;
}

#main {
	font-size: 12px ;
	line-height: 1.2 ;
}

#main h2 {
   font-size: 1.5em ;
}

/* @group Blog */

/* @group Referrers */

.tag1 a { font-size: 10px; }
.tag2 a { font-size: 11px; }
.tag3 a { font-size: 12px; }
.tag4 a { font-size: 13px; }
.tag5 a { font-size: 14px; }
.tag6 a { font-size: 15px; }
.tag7 a { font-size: 16px; }
.tag8 a { font-size: 17px; }
.tag9 a { font-size: 18px; }
.tag10 a { font-size: 19px; }

table.referrers {
	width: 100%;
}

table.referrers td {
	width: 30%;
	padding: 10px;
	max-width: 30%;
	vertical-align: top; 
	background-color: #e0e0e0 ;
}

table.referrers td.center {
	border-left: 1px #ccc solid ;
	border-right: 1px #ccc solid ;
}

table.referrers ul {
	list-style-type: none ;
	margin:  0;
	padding:  0;
}

table.referrers ul li {
	margin: 0 ;
	padding: 4px;
	display: block ;
}

table.referrers ul.tags {
	list-style-type: none ;
	padding:  0;
	margin:  0;
	display: block ;
}

table.referrers ul.tags li {
	margin:  0;
	padding: 0 ;
	display: inline ;
	padding: 4px;
}

table.referrers ul.tags li a {
	display: inline ;
}

/* @end */

/* @group Articles */

#blog-articles h2 a {
	text-decoration: none ;
        color: black ;
}

#blog-articles h2 a:hover {
       color: white;
}

#blog-articles h2.entry-title {
	margin-bottom: 2px;
	padding-bottom:  0;
	margin-left: 155px;
}

#blog-articles {
	background-color: #f5f5f5 ;
	border: 1px #f0f0f0 solid ;
	border-top: 1px #ccc solid;
}

#blog-articles .hentry,
#blog-articles .comments {
	font-size: 12px;
	line-height: 15px;
	margin-left: 0;
	margin-right: 20px;
	padding-bottom: 20px;
	position: relative ;
}

#blog-articles .hentry .vcard {
	font-size: 12px;
	font-weight: bold ;	
	color: #888;
	margin-left: 155px;
}

#blog-articles .hentry ul.meta {
	width: 120px;
	list-style-type: none ;
	margin:  0;
	padding: 0;
	padding-left: 20px;
	float: left ;
}

#blog-articles .hentry ul.meta li {
	margin: 0 ;
	padding: 0;
	list-style-type: none ;
	display: block;
	font-size: 11px;
	font-weight: bold ;
	text-align: right;
	padding-bottom: 4px;
}

#blog-articles .hentry ul.meta li img {
	width: 48px;
	border: 1px white solid ;
	outline: 1px #ccc solid;
}

#blog-articles .hentry .entry-content {
	margin-left: 155px;
}

#blog-articles .hentry .entry-content a {
	color: blue ;
	text-decoration: underline ;
	padding: 1px;
}

#blog-articles .hentry .entry-content a:hover {
	background-color: blue ;
	text-decoration: none ;
	color: white;
}

#blog-articles .hentry .entry-content a:active {
	background-color: #00c ;
}

/* @end */

/* @group Head */

#blog-head {
  height: 160px;
  min-height: 160px;
  max-height: 160px;
  background: url(/images/blog-background.jpg) no-repeat left top;
  position: relative ;
  margin-top: 10px;
}

#blog-foot {
  height: 60px;
  background: url(/images/blog-background.jpg) no-repeat left bottom;
  position: relative ;
	border-top: 1px #ccc solid;
	text-align: center ;
	color: white;
	font-weight: bold ;
	font-size: 11px;
}

#blog-foot a {
	color: white ;
	padding: 2px;
}

#blog-foot a:hover {
	background-color: white ;
	color: #005500;
}

#blog-head .blog-link {
  position: absolute ;
  display: block ;
  top:  0;
  left: 0;
  width:  100%;
  height: 110px;
}

#blog-head a.blog-link:hover,
#blog-head a.blog-link:active {
	background: none;
}

#blog-head .blog-link span {
	display: none ;
}

#blog-head ul.links {
	position: absolute ;
	width: 100%;
	top: 111px;
	list-style-type: none ;
	margin: 0;
	padding: 0 ;
}

#blog-head ul.links li {
	display: block ;
	float: left;
	list-style-type: none ;
	margin:  0;
	padding: 0 ;
	width: 25%;
	vertical-align: middle ;
	text-align: center ;
}

#blog-head ul.links li img {
	vertical-align: middle ;
}

#blog-head ul.links li a {
	text-decoration: none ;
	display: block ;
	line-height: 46px;
	padding-top: 3px;
	font-size: 13px;
	font-weight: bold ;
	color: #3f3f3f;
}

#blog-head ul.links li a:hover,
#blog-head ul.links li a.sel {
	background-color: #ddd ;
	color: black ;
}

#blog-head ul.links li a:active {
	background-color: #bbb ;
	color: black ;
}

/* @end */

/* @group Subscribe */

#blog-subscribe {
	background-color: #e0f0e0 ;
	border-top:  1px #ccc solid;
	padding: 20px;
	color: #004400;
	position: relative ;
	height: 240px;
}

#blog-subscribe h2 {
	margin:  0;
	padding:  0;
	font-size: 16px;	
}

#blog-subscribe a,
#blog-subscribe a:visited {
	color: #004400;
	text-decoration: underline ;
	padding: 2px ;
}

#blog-subscribe a:hover {
	color: white ;
	text-decoration: none ;
	background-color: #004400 ;
}

#blog-subscribe a:active {
	background-color: #002200 ;
}

#blog-subscribe .subscribe-method {
	float: left ;
	width: 30%;
	padding: 10px ;
	margin: 10px 0;
	text-align: center ;
}

#blog-subscribe .subscribe-method.middle {
	border-left: 1px #005500 solid;
	border-right: 1px #005500 solid;
}

#blog-subscribe .subscribe-method h3 {
	padding:  0;
	margin:  0;
}

#blog-subscribe .subscribe-method a {
	display: block ;
	vertical-align: middle ;
	text-decoration: none ;
	padding: 2px ;
	text-align: center ;
	margin: 0;
}


/* @end */

/* @group Comments */

#blog-articles div.comments h2,
#blog-articles div.comments p {
	margin-left: 155px;
}

ol#comments.comments {
	padding: 0;
	margin:  0;
}

ol#comments.comments li {
	padding: 0;
	margin: 20px 0 ;
	list-style-type: none ;
}

ol#comments li img.photo {
	float: left ;
	margin-left: 92px;
	width: 48px;
	border: 1px white solid ;
	outline: 1px #ccc solid;
}

ol.comments div.author {
	color: white ;
	background-color: #555 ;
	font-weight: bold ;
	padding: 2px;
	margin-bottom: 2px;
	margin-left: 155px;
}

ol.comments .content {
	margin-left: 155px;
}

ol.comments .author a {
	color: white ;
}

ol.comments .author a:hover {
	color: black ;
	background-color: white ;
}

ol.comments .author a:active {
	color: black ;
	background-color: #f0f0f0 ;
}

.comments #comment_body {
	width: 38em;
	height: 15em;
}

.comments form#comment-form {
	margin-left: 155px;
}

.comments form#comment-form p {
	margin-left: 0;
}

/* @end */

/* @group Archives */

h1.archives {
	text-align: center ;
	background-color: #bbb ;
	color: #333 ;
	font-size: 24px;
	padding: 9px;
	line-height: 24px;
	margin:  0;
	border-top: 1px #aaa solid;
}

#blog-archives {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	width:100% ;
	height: 100% ;
	z-index: 1000;
}

#blog-archives .inner {
	background-color: #999 ;
	position: absolute ;
	width: 200px;
	left: 340px;
	top: 198px;
	margin: 0;
	padding:  0;
}

#blog-archives ul {
	border: 1px #888 solid ;
	list-style-type: none ;
	margin:  0;
	padding: 0px ;	
	background-color: #f0f0f0;
	position: relative ;
	top: -2px;
	left: -2px;
}

#blog-archives ul li {
	display: block ;
	float: none ;
	width: auto ;
	margin:  0;
	padding: 0;
	position: relative ;
}

#blog-archives ul li a,
#blog-archives ul li span.disabled {
	display: block ;
	margin:  0 ;
	padding: 4px 10px ;
	text-decoration: none ;
}

#blog-archives ul li span.disabled {
	color: #888 ;
}

#blog-archives ul li a:hover {
	background-color: #555 ;
	color: white ;
}

#blog-archives ul li a:active {
	background-color: #333 ;
}

/* @end */


/* @end */

/* @group Page */

#page-body {
	padding: 10px 20px;
	line-height: 1.2;
}

#page-head {
	background: url(/images/page-about.jpg) repeat-y left top ;
	border-bottom: 2px #7e9271 solid ;
	border-top: 2px solid #7e9271;
	margin-top: 10px;
}

#page-head a,
#page-head a:hover,
#page-head a:active {
	display: block ;
	font-size: 30px;
	font-weight: bold ;
	text-align: right ;
	text-decoration: none ;
	padding: 20px ;
	color: white ;
	background: none ;
}

#page-foot {
	background: url(/images/page-about.jpg) repeat-y left top ;
	border-bottom: 2px #7e9271 solid ;
	border-top: 2px #7e9271 solid ;
	height: 20px;
	clear: both ;
}

.support #page-head,
.support #page-foot {
	background: url(/images/page-support.jpg) repeat-y left top ;
	border-bottom: 2px #816d91 solid ;
	border-top: 2px solid #816d91;
}

.mailroom #page-head {
	display: none ;
}

.mailroom #page-foot {
	height: 1px;
	border:  none ;
	border-top: 2px #555 solid ;
	background: none ;
	clear: both ;
}

.mailroom #page-body {
	padding: 0;
}

.support #page-body {
	background-color: #f5f5f5 ;
}

#masthead {
	margin-top: 10px;
	padding-bottom: 10px ;
}

/* @end */

/* @group Sidebar */

#sidebar {
	width: 200px;
	float: right ;
	font-size: 11px;
	padding:  0;
	margin:  0;
	line-height: 1.2 ;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

#sidebar ul li {
	margin-left:  0;
	padding-left: 0 ;
	margin-bottom: 2px;
}

#sidebar blockquote {
	margin:  0;
	padding: 0px ;
	color: #555;
}

#sidebar blockquote strong {
	color: black ;
	display: block ;
}

#main {
	margin-right: 220px;
}


/* @end */

/* @group nav */

ul#section-nav {
	background-color: #f0f0f0 ;
	padding:  0;
	list-style-type:  none ;
	border-top: #f0f0f0 2px solid ;
	border-bottom: #555 2px solid ;
	margin:  0;	
	text-align: center ;
}

ul#section-nav li {
	margin:  0;
	padding: 0;
	display: inline ;
}

ul#section-nav li a {
	color: #555;
	padding: 4px 15px;
	text-decoration: none ;
	font-weight: bold ;
}

ul#section-nav li a:hover,
ul#section-nav li a.sel {
	background-color: #555 ;
	color:  white;	
}

ul#section-nav li a:active {
	background-color: black ;
}

/* @end */