@charset "utf-8";

/* Global Declarations */
* { margin:0; padding:0; }
body { background-color:#464545; }
a { color: #000000; text-decoration:none; font-weight:bold; }
a img { border:none; }

/* Layout IDs */
#wrapper { margin:0 auto; width:920px; font:10px verdana, Arial, Helvetica, sans-serif; color:#111111;  }
#top { width:920px; height:30px; background:url(images/top.jpg) 0 0 no-repeat; }
#logo { width:250px; height:60px; background:url(images/tip-and-skip-logo.jpg) 0 0 no-repeat; float:left; }
#header { width:670px; height:60px; background:url(images/header.jpg) 0 0 no-repeat; float:left; }
#bottom { width:920px; height:30px; background:url(images/bottom.jpg) 0 0 no-repeat; }
#content { width:860px; padding:0 30px 0 30px; background:url(images/bg.jpg) 0 0 repeat-y; line-height:1.6em; }
#content h1 { font:18px verdana, Arial, Helvetica, sans-serif; color:#666666; }
#content h2 { font:14px verdana, Arial, Helvetica, sans-serif; color:#999999; }
#content p { padding-top:1em; text-align:justify; }
#content ul { margin-left:20px; }
#footer { width:920px; padding-top:6px; }
#footer p, a { text-align: center; color:#999999; padding-bottom: 0.3em; }
#footer a { padding:0 6px 0 6px; }

/* Top-level Navigation */
#nav { list-style-type:none; height:40px; clear:both; }
#nav li { float:left; padding:0; margin:0; height:40px; }
#nav li a { display:block; padding:0; margin:0; float:left; height:40px; cursor:pointer; overflow:hidden; }
#nav li a em { margin-left:-9999px; }
#nav li a.nav-home { width:82px; background:url(images/home-a.jpg) 0 0 no-repeat; }
#nav li a:hover.nav-home { background-position:0 -40px; }
#nav li a.nav-services { width:106px; background:url(images/services-a.jpg) 0 0 no-repeat; }
#nav li a:hover.nav-services { background-position:0 -40px; }
#nav li a.nav-about { width:107px; background:url(images/about-a.jpg) 0 0 no-repeat; }
#nav li a:hover.nav-about { background-position:0 -40px; }
#nav li a.nav-news { width:82px; background:url(images/news-a.jpg) 0 0 no-repeat; }
#nav li a:hover.nav-news { background-position:0 -40px; }
#nav li a.nav-contact { width:122px; background:url(images/contact-a.jpg) 0 0 no-repeat; }
#nav li a:hover.nav-contact { background-position:0 -40px; }
#nav-left { width:31px; height:40px; background:url(images/nav-left.jpg) 0 0 no-repeat; }
#nav-bg { width:370px; height:40px; background:url(images/nav-bg.jpg) 0 0 no-repeat; }
#nav-right { width:20px; height:40px; background:url(images/nav-right.jpg) 0 0 no-repeat; }
#nav-bottom { width:920px; height:20px; background:url(images/nav-bottom.jpg) 0 0 no-repeat; clear:both; }

/* Two columns */
#column-left { width:420px; margin-right: 20px; float:left; }
#column-right { width:420px; float:right; }

/* Blog */
#blog-left { width:690px; margin-right: 20px; float:left; }
#blog-right { width:150px; float:right; }
.date-header { margin:10px 0 10px 0; font-size:10px; color:#999999; }
.post-title { margin:10px 0 10px 0; }
h2.post-title a { color:#000; font-weight:bold; }
h2.sidebar-title a { color:#000; font-weight:bold; }


/* General Classes */
.left { float:left; }
.right { float:right; }
.cleared { height:0; clear:both; overflow:hidden; }