/* - - - - - - - - - - - - - - - - - - - - -
Title : MYOB Express layout and style
Author : Design by Reese
URL : http://www.designbyreese.com
Modified : June 26, 2007
- - - - - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - - - 
STANDARD ELEMENTS
- - - - - - - - - - - - - - - - - - - - - */
html {
background: transparent url(/images/bodybg2.gif) repeat-x top left;
margin: -5px 0 0 0;
padding: 0;
font-family: trebuchet ms, tahoma, verdana, sans-serif;
font-size: 13px;
color: #3e463a;
}

body {
background: transparent url(/images/bodybg.gif) no-repeat 50% 4px;
margin: 0;
padding: 0;
}

a {color: #c50c54; text-decoration: none;}
a:hover {color: #c50c54; text-decoration: none; border-bottom: 3px double #7AC144;}

input, area, select, textarea, text, option {
background-color: #E1E7E7;
font-family: trebuchet ms, tahoma, verdana, sans-serif;
}

/* - - - - - - - - - - - - - - - - - - - - - 
STRUCTURAL ELEMENTS (the layout) 
- - - - - - - - - - - - - - - - - - - - - */
#container_top {
width: 757px;
margin: -2px auto 0 auto;
position: relative;
}

#container_main {
width: 757px;
margin: 250px auto 0 auto;
position: relative;
/*
background: transparent url(/images/grid.gif) repeat-y 17px 0;
*/
background: transparent url(/images/container.gif) repeat-y;
}

#header { 
position: absolute; 
top: -30px;
left: 13px;
width: 356px;
height: 144px;
z-index: 100;
}

#header h1 {
text-indent:-9999px;
height:1px;
display:block;
}

#header a:hover {
border: 0;
}

#navigation {
position: absolute;
top: 25px;
right: 9px;
width: 379px;
height: 96px;
z-index: 200;
background: transparent url(/images/nav-static.gif) no-repeat top left;
}

p.intro_content {
position: absolute;
top: 145px;
left: 25px;
width: 705px;
z-index: 900;
font-size: 15px;
font-style: italic;
color: #2F2F2F;
}

#main_content {
float: left;
padding: 20px 0 0 20px;
width: 525px;
}

#sidebar {
float: right;
margin: 45px 18px 0 0;
width: 175px;
background: transparent url(/images/blog-sidebarbg.gif) repeat-y;
border-bottom: 3px solid #0086ac;
}

#footer {
clear: both;
width: 757px;
height: 56px;
background-repeat: no-repeat;
background-image: url(/images/footer.gif);
}

/* - - - - - - - - - - - - - - - - - - - - - 
NAVIGATION 
- - - - - - - - - - - - - - - - - - - - - */
ul#menu {
width:379px;
height:96px;
margin:0;
padding:0;
border:0;
background:transparent url(/images/nav.gif) no-repeat 0 0;
}

ul#menu li {
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;
color: #000;
}

ul#menu li a {
border:0;
display:block;
text-decoration:none;
background:transparent url(/images/nav.gif) no-repeat;
outline: none;
}

li#home a {
width:192px;
height:49px;
padding: 0;
margin: 0;
}

li#about a {
width:187px;
height:49px;
padding: 0;
margin: 0;
}

li#products a {
width:192px;
height:47px;
padding: 0;
margin: 0;
}

li#contact a {
width:187px;
height:47px;
padding: 0;
margin: 0;
}

li#home a:hover {
background-position: 0 -96px;
}

li#about a:link, li#about a:visited {
background-position: -192px 0px;
}

li#about a:hover {
background-position:-192px -96px;
}

li#products a:link, li#products a:visited {
background-position: 0 -49px;
}

li#products a:hover {
background-position: 0 -145px;
}

li#contact a:link, li#contact a:visited {
background-position: -192px -49px;
}

li#contact a:hover {
background-position:-192px -145px;
}

/* - - - - - - - - - - - - - - - - - - - - - 
BLOG TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - */
h2 { 
font-family: Futura, Century Gothic, Gill Sans MT, Gill Sans, Verdana, sans-serif; 
font-size: 30px;
color: #0086ac;
margin: 0;
padding: 0;
font-weight: normal;
clear: left;
}

.entry_text {
margin: -20px 0 6px 0;
}

.blogdatebox {
float: right;
margin: 21px 0 15px 15px;
border: 1px solid #c50c54;
padding: 10px;
width: 123px;
text-align: center;
}

p.date {
color: #c50c54;
font-size: 15px;
font-family: Futura, Century Gothic, Gill Sans MT, Gill Sans, Verdana, sans-serif; 
margin: 6px 0 9px 0;
padding: 6px 0 0 0;
text-transform: uppercase;
border-top: 1px solid #c50c54;
}

p.comments {
color: #c50c54;
font-size: 12px;
font-family: Futura, Century Gothic, Gill Sans MT, Gill Sans, Verdana, sans-serif; 
margin: 0 0 9px 0;
padding: 0;
}

p.category {
color: #c50c54;
font-size: 12px;
font-family: Futura, Century Gothic, Gill Sans MT, Gill Sans, Verdana, sans-serif; 
margin: 0;
padding: 0;
}

ul.blog_meta {
margin: 0 0 21px 0;
padding: 12px 0 0 0;
list-style: none;
float: left;
font-size: 11px;
border-top: 1px solid #a1ff59;
}

.blog_meta li {

float: left;
margin: 0 10px 0 0;
padding: 12px 0 12px 106px;
text-transform: uppercase;
background: transparent url(/images/icon-blogmeta.gif) no-repeat 0 50%;
}

/* SIDEBAR */
ul#monthly_archives_list {
list-style: none; margin: 12px 12px 21px 0; padding: 40px 0 0 12px;
background: transparent url(/images/header-monthlyarchives.gif) no-repeat top right;
text-transform: uppercase;
}

#monthly_archives_list li {
margin: 0 0 0 15px;
border-left: 1px solid #fff;
padding: 0 0 6px 6px;
}

ul#category_archives_list {
list-style: none; margin: 12px 12px 21px 0; padding: 40px 0 0 12px;
background: transparent url(/images/header-categories.gif) no-repeat top right;
text-transform: uppercase;
}

#category_archives_list li {
margin: 0 0 0 15px;
border-left: 1px solid #fff;
padding: 0 0 6px 6px;
}

p.subscribe {
background: transparent url(/images/icon-feed.gif) no-repeat 0 50%;
padding: 3px 0 3px 25px;
}

/* - - - - - - - - - - - - - - - - - - - - - 
ABOUT PAGE
- - - - - - - - - - - - - - - - - - - - - */
#about-page #main_content {
width: 350px;
padding-right: 13px;
margin-top: 10px;
}

#about-page #main_content p {
margin-top: 3px;
}

#about-page #sidebar_wide {
width: 333px;
float: left;
background-color: #7ac144;
padding: 10px;
margin-top: 10px;
border: 1px solid #fff;
}

#about-page #sidebar_wide h2 {
color: #fff;
margin: 0;
padding: 0;
}

#about-page #sidebar_wide p{
margin: 0;
padding: 0;
color: #284d0b;
}

#about-page .sidenarrow1 {
float: left;
width: 169px;
padding-right: 8px;
margin-top: 20px;
border-right: 1px solid #fff;
}

#about-page .sidenarrow1 h2{
font-size: 18px;
color: #284d0b;
}

#about-page .sidenarrow1 p {
font-size: 12px;
}

#about-page .sidenarrow2 {
float: left;
width: 169px;
padding-left: 8px;
padding-top: 6px;
margin-top: 50px;
border-top: 1px solid #fff;
}

.sidenarrow2 h2 {
background-image: url(/images/underlinebg.gif);
background-position: 0% 100%;
background-repeat: no-repeat;
padding-bottom: 13px;
padding-top: 0;
margin-top: 0;
text-align: left;
font-size: 21px;
}

.sidenarrow2 ul {
margin: 0 0 0 12px;
padding: 0;
font-size: 12px;
}
.sidenarrow2 p {
font-style: italic;
}

ul#footer_links {
text-align: center;
list-style: none;
margin: 0;
padding: 12px 0 0 0;
text-transform: uppercase;
font-size: 10px;
}

ul#footer_links li {
display: inline;
margin: 0 18px 0 0;
}

ul#footer_links li.break {
display: block;
margin-top: 3px;
}

ul#footer_links li h2 {
display: inline;
margin: 0;
padding: 0;
font-size: 10px;
font-weight: normal;
font-family: trebuchet ms, tahoma, verdana, sans-serif;
color: #3e463a;
}

ul.commentlist {
list-style:  none;
padding: 0;
margin: 15px 0 0 0;
}

ul.commentlist li {
margin-bottom: 15px;
padding-bottom: 10px;
margin-top: 0;
border-bottom: 1px solid #8fe3ff;
}

ul.commentlist li span.commentposted {
background: transparent url(/images/icon-comment.gif) no-repeat 0 5%;
padding: 0 0 3px 25px;
text-transform: uppercase;
}
ul.commentlist li.authorcomment span.commentposted {
background: none;
padding: 3px 12px 3px 6px;
text-transform: uppercase;
background-color: #fff;
}

.comment_form input, textarea {
background: #74cc00 url(/images/inputbackground.gif) repeat-x bottom left;
border: 1px solid #fff;
padding: 6px;
font-size: 13px;
}

p.inputbutton input {
color: #fff;
text-transform: uppercase;
background-color: #c50c54;
background-image: none;
border: 1px solid #fff;
font-weight: bold;
margin: 0;
}