/* ----------------- GLOBAL ----------------- */
body
{
   font-size: 70.5%; /* Resets 1em to 10px */
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;	
   color: #232323;
}

#container
{
	width:950px;
	margin:0 auto;
	text-align:left;
}

p
{
   font-size: 1.4em;
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
   color: #232323;
}

p.small-print
{
   font-size: 1em;
   color: #999999;
}

li { font-family: Helvetica, Arial, sans-serif; }


h1, h2, h3, h4, h5, h6
{
   font-family: Cambria, Georgia, Serif;
   font-weight: normal;
}

h2
{
   font-size: 2.2em;
   color: #333;
   letter-spacing: -1px;
   padding-bottom: 4px;
   border-bottom: 1px solid #999;
}

   
a   
{
   color: #06c;
	text-decoration: none;
}
a:hover
{
	color: #147;
	text-decoration: underline;
}
a img, :link img, :visited img
{
   border:none;
}

   
   
   
/* ----------------- HEADER ----------------- */

/* remove blogger bar for several reasons */
#navbar-iframe
{
   display: none !important;
}




#header-linkbar, #footer-links
{
   text-align: center;
}
#header-linkbar ul, #footer-links ul
{
   list-style: none;
   margin-left: 0;
   padding-left: 0;
}
#header-linkbar li, #footer-links li
{
   display: inline;
   margin-right: 20px;
   font-size: 1.2em;
   font-weight: bold;
}



/* using text list puts an empty h2 even if not using.  need to get rid of line created from border and space taken up*/
#TextList1 h2 { display: none; }




div#header-inner { margin-top: -10px; }

/* becomes link on other blogger page types */
h1, h1 a
{
   clear: left;
   float: left;
   text-indent: -2000em;
   z-index: 1000; /* need for FX and IE */
   background-image: url("http://files.quadexperts.com/quadexperts-logo-full.gif");
   background-repeat: no-repeat;
   width: 601px;
   height: 99px; 
   margin-top: 0; /* anything less results in FF displaying image over image or something */
}




p.description
{
   float: right;
   width: 280px;
   margin-top: 15px;
   font-size: 1.6em;
   font-family: Georgia, Serif;
}


/* NEED TO WORK THIS IN */
p.announcement
{
	background-color: #fff9d8;
	border: 1px solid #ffe8cd;
	margin: 0 auto;
	margin-top: 1em;
	padding: 0.5em;
	width: 85%;
}
p.announcement a:link, p.announcement a:visited, a.announcement:link, a.announcement:visited 
{
	color: #D08802;
}





/* starts the wrapper around main and sidebar */
div#content-wrapper
{
   clear: both;
   margin-top: 3em;
}


/* ----------------- SIDEBAR ----------------- */

#sidebar-wrapper
{
   float: left;
   width: 350px;
   padding-right: 15px; 
   /* IE6 would put at bottom if 20px, doesn't even matter for others since floated right and still gets max padding */
}
#sidebar-wrapper ul
{
   margin-top: -0.7em;
   padding-left: 0;
   margin-left: 0;
   list-style: none;
}
#sidebar-wrapper li
{
   margin: 0 0 4px;
   font-size: 1.4em;
}


/* email subscription box */

#HTML1 label
{
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1.5em;
   font-weight: bold;
}
.email-address {
   width: 245px;
   background-color:#C8DBED
}
p.small-print { margin: 0 0 0 90px; }
.submit-button
{
   margin: 10px 0 10px 90px;
   font-size: 1.3em;
}




/* this is for the bikebandit image which was a little too long */
div.sponsor-area img
{
   width: 350px;
}
 
 /* 
 LinkLists under navigation section
 2 = type
 4 = category
 3 = news
 5 = size

  */

div#navigation-section
{
   margin-top: 25px;
}
  
#LinkList2, #LinkList4, #LinkList3, #LinkList5
{
   float: left;
   width: 160px;
}

#LinkList2, #LinkList3 { margin-right: 25px; }


#makers-section, #suggestions-section { clear: left; }


#makers-section {
   margin-top: 25px;
}
#LinkList6 ul li
{
   display:block;
   width: 115px;
   float:left;
}
#BlogArchive1 ul li
{
   display:block;
   width: 175px;
   float:left;
}







/* ----------------- BODY ----------------- */

/* will need to pay attention to the iframe form from dabble as i start to tweak things */

#main-wrapper
{
   float: right;
   width: 580px;
   margin-bottom: -2em; /* best tradeoff between IE and FF where IE leaves too much and any more would overlap for FF */
}

div.status-msg-body
{
   font-size: 1.5em;
	background-color: #fff9d8;
	border: 1px solid #ffe8cd;
}
div.status-msg-body a
{
   font-size: 0.6em;
}

/* should not wrap two lines since making above link smaller, but just enough in case, and looks better anyway */
.status-msg-wrap { margin-bottom: 35px; }


/* ----------------- POST ----------------- */
/* WILL NEED TO WATCH FOR THINGS AS MORE CONTENT AND MARKUP GETS PUBLISHED */
h3.post-title
{
   clear: both;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 3em;
   letter-spacing: -2px;
   font-weight: bold;
   line-height: 1em;
   margin-bottom: 0;
   margin-top: 10px;
}


div.post p
{
   margin-top: 0.4em;
}

div.post li
{
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;	
   font-size: 1.4em;
   color: #232323;
}
div.post blockquote {
   margin: -10px 25px;
   font-size: 1.3em;
}




/* FeedFlare - no longer using, replacing with own code */
p.post-actions { margin-bottom: 20px;
text-align: center;}

p.post-actions a
{
   padding: 7px 0 7px 40px;
   background-position: left;
   background-repeat: no-repeat;
}
p.post-actions a.email-this
{

   background-image: url("http://files.quadexperts.com/email.gif");
   margin-right: 15px;
}
p.post-actions a.save-this
{
  background-image: url("http://files.quadexperts.com/folder-save.gif");

}




.post-footer-line-2
{
   border-bottom: 1px dashed #ccc;
}
.post-author, .post-labels
{
   font-size: 0.8em;
   float: left;
   padding: 2px 5px;
}
.post-author {width: 180px; }
.post-labels {width: 380px; text-align: right;}


div.post-footer { margin-bottom: 8em; margin-top: 1em; }





div.feed-links { display: none; }
div.blog-pager { display: none; }

/* ----------------- FOOTER ----------------- */
#footer-wrapper
{
	clear:both;
	width:100%;
	margin-top: 2em;
	padding-top: 5px;
   border-top: 1px solid #ccc;
}

/* footer-links now styled in same place as header links since doing same */


p#footer-notice
{
   float: left;
   width: 70%;
   font-family: Cambria, Georgia, Serif;
   font-size: 1em;
}
p#footer-notice img
{
   float: left;
   margin: 15px;
}

#footer-logo { float: right; }
#footer-logo img { margin-right: 10px; }