/*
Theme Name: HelpMeTy.com
Theme URI: http://helpmety.com/
Description: The default HelpMeTy Theme
Version: 2.0
Author: Tim Barsness
Author URI: http://barsnesssolutions.com/
Tags: custom

*/
/* CSS Document */
/*
Colors:
Residnetial Orange:  #ffb923
Business Blue:  #4397cd
Web Green:  #76d13e;
Gray:  #b7b7b7;
Dark Gray:  #434343;  (this is the main content color)
*/

body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #d9d8d8; font-size: 12px; }

div, img { margin: 0; padding: 0; border: 0; }
img { line-height: 0; }

a { color: #0000ff; text-decoration: none; }
a:hover { text-decoration: underline; }

.fixed:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.fixed { display:block; }
/*  \*/
.fixed { min-height:1%; }
* html .fixed { height:1%; }

#container { text-align: left; background: url(images/main-background.gif) top left repeat-y; margin: 7px auto; width: 987px; }
#content-container { padding: 0 6px; }
#tagline { float: left; font-size: 14px; color: #9d9d9d; padding: 27px 15px 0; }
#content { padding: 3px 7px 10px; }

#menubar { background: url(images/menubar-background.gif) top left repeat-x; font-size: 12px; }
#menubar img { line-height: 0; margin: 0; padding: 0; }
#menubar li { float: left; margin: 0; padding: 5px 0 8px; }
#menubar li.current_page_item { background: url(images/menubar-selected.gif) top left repeat-x; }
#menubar ul { list-style-type: none; margin: 0; padding: 0; }
#menubar a { color: #ffffff; text-decoration: none; background: url(images/menubar-separator.gif) top right no-repeat; margin: 0; padding: 5px 22px 7px; }
#menubar .first { padding: 0; }
#blogsidebar { float:right; width:200px; background:#333333; padding:15px;}
#blogsidebar ul { list-style-type:none; margin:0px; padding:0px;}


#right-container { width: 226px; margin: 7px; float: right; }
#right-container div { margin: 5px 0; }
#right-container .contact { line-height: 0; }
#right-container .blog { line-height: 0; border: 2px solid #dcdcdc; border-bottom-width: 1px; margin: 0 0 7px 0; padding: 0; }
#right-container .blog div { line-height: normal; padding: 2px 0 2px 5px; margin: 0; border-bottom: 1px solid #dcdcdc; }
#right-container .blog a { color: #000000; text-decoration: none; }
#right-container .blog a:hover { text-decoration: underline; }
#right-container .blog span { color: #999999; font-size: 10px; }
#right-container .blog strong { color: #4397cd; }
#right-container .buttons { margin:0; }
#right-container .buttons img { margin: 5px 0; }

h1, h2, h3 { color: #b7b7b7; font-weight: normal; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
#residential h1, #residential h3 { color: #ffb923 }
#business h1, #business h3 { color: #4397cd }
#web h1, #web h3 { color: #76d13e }
h1, h2, h3, p { margin: 0; padding: 7px; }
p, ul, li { font-size: 12px; }

#left-container { width: 688px; float: left; margin: 14px 7px; }
#residential #left-container, #business #left-container, #web #left-container { background: url(images/web-background.gif) top right repeat-y; padding: 0; margin: 14px; }
#residential #left-background-repeat, #business #left-background-repeat, #web #left-background-repeat {  }
#residential #left-background, #business #left-background, #web #left-background { border: 2px solid #e1e1e1; }
#residential #left-background { background: url(images/residential-main-image.jpg) top right no-repeat; }
#business #left-background { background: url(images/business-main-image.jpg) top right no-repeat; }
#web #left-background { background: url(images/web-main-image.jpg) top right no-repeat; }

#home #header-top, #header-top { background: url(images/header-top-home.jpg) top left no-repeat; }
#residential #header-top { background: url(images/header-top-residential.jpg) top left no-repeat; }
#business #header-top { background: url(images/header-top-business.jpg) top left no-repeat; }
#web #header-top { background: url(images/header-top-web.jpg) top left no-repeat; }
#header-top { height: 48px; }



#home #footer, #footer { background: url(images/footer-background-home.gif) top left no-repeat; }
#residential #footer { background: url(images/footer-background-residential.gif) top left no-repeat; }
#business #footer { background: url(images/footer-background-business.gif) top left no-repeat; }
#web #footer { background: url(images/footer-background-web.gif) top left no-repeat; }
#footer { height: 96px; text-align: center; font-size: 10px; }
#footer div { padding-top: 16px; }
#footer, #footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footermenu { padding:0; margin:0px 0px 0px 280px; list-style-type:none; white-space:nowrap; }
#footermenu li {  font-size: 9px; float:left; display:inline-block;}
* html #footermenu li { float:left; }
#footermenu a { width:auto; display:block; padding: 0 4px; }
* html #footermenu a { float:left; }

#footer .container {clear:both; text-decoration:none;}
* html #footer .container {display:inline-block;}
