/* --- --- --- DEFAULTS --- --- --- */
/* ---------------------  top elements 
* { padding: 0; margin: 0; }
*/

body {
	margin: 0;
	padding: 0;
	font: .8em/1.5em  Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color: #3f3f3f; 
	/*background: #f4f3f3 url('../imagesbuck/bg_fade.jpg') repeat-x;*/
	background: #606060 url('images/bg3.gif') repeat-x;
	text-align: center;
}

form { display: inline; }

/* default links */
a:link, a:visited { color: #009; text-decoration: none; }
a:hover { color: #7373b6; text-decoration: none; }


/***********************
	  LAYOUT
************************/
/* content */

#content, #header-content, #footer-content  {width: 945px !important; }

#wrap 
{
	background-color: White;
	width: 945px;
	margin: 0 auto;	
	text-align: left;
}
#content-wrap {
	clear: both;
	margin: 0; padding: 0;	
	background: #FFF;
}

/* --------------------- header */
/* header */
#header {
	background: #FAFAFA url('../imagesbuck/bg1.gif') repeat-x;
	height: 81px; 	
	text-align: left;	
	
	/* height: 195px; */
}
#header-content {
	position: relative;
	margin: 0 auto; padding: 0;	
}

#header-content h1 {	
	position: absolute;
	background: transparent url('images/mobucksweeps.png') no-repeat 0 0;
	margin: 0; padding: 0;	
	height:56px; width: 303px; 
	/* change the values of left and top to adjust the position of the slogan */
	left: 5px; top: 3px; }

#header-content h1 span {position: absolute; left: -2000px; }

#header-content #slogan {
	position: absolute;	
	font: normal 11px 'Trebuchet MS',sans-serif;
	letter-spacing: 0px;
	color: #cbcbcb;	
	margin: 0; padding: 1px 0;
	text-transform: none;
	border-top: 1px solid #555;
	/* change the values of left and top to adjust the position of the slogan */
	top: 44px; left: 173px; }

/* main navigation tabs */
#header-content ul {
	position: absolute;
	list-style:none;
    margin:0; padding:0;	
	font: bold 13px Tahoma, 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	letter-spacing: 0;
	right:0 ; top: 36px;
}
#header-content li {
   display:inline;
   margin:0; padding:0;
}
#header-content a {
   float:left;
   margin:0;
   padding:0 0 0 8px;
   text-decoration:none;
	color: #ABABAB;
}
#header-content a span {
   float:left;
   display:block;
   padding:7px 25px 7px 7px;
   color: #ABABAB;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header-content a span {float:none;}
/* End IE5-Mac hack */
#header-content a:hover span {
	color:#FFF;
}
#header-content a:hover {
    color: #FFF; 
}
#header-content a:hover span {
  	 color: #FFF; 
}
#header-content #current a {
   background: url('images/tableftL.gif') no-repeat left top;  
   color: #FFF; 	
}
#header-content #current a span {
   background: url('images/tabrightL.gif') no-repeat right top;
	color: #FFF;
}

/* --------------------- main */
#main {
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	padding: 0 0 20px 0;
	width: 500px;		
}

#main h1 {font-size: 19px; color: #000;}

#sweepsarea h1 a:link, #sweepsarea h1 a:visited, #sweepsarea h1 a:hover { display: block; text-decoration: none; color: #111; }

#sweepsarea h1 {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.3em;
}

#sweepsarea h2 { /* post titles */
	font-size: 17px;
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	line-height: 0.7em;
}

#sweepsarea h3 { /* post info */
	color: #555;
	font-weight: normal;
	font-size: 11px;
	padding: 0;
	margin: 7px 0 0 0;
	line-height: 0.7em;
}

#sweepsarea h4 { /* comments */
	color: #555;
	font-weight: normal;
	font-size: 11px;
	padding: 0;
	margin: 7px 0 0 0;
	line-height: 0.7em;
}
/* --------------------- main */


/* --------------------- sidebar */


/* sidebar */	
#sidebar {
	float: right;	
	width: 360px;
	padding: 20px 30px 0 0; margin:0;		
}

#sidebar h1{ font-size: 16px;}
#sidebar h2{ font-size: 14px; color: #000;}
#sidebar h3{ font-size: 12px;}
#sidebar p{font-size: 11px; line-height: 12px;}

#tips{width: 336px; padding: 10px 0 10px 0;}


/* --------------------- Footer */
#footer { 
	clear: both; 
	color: #FFF; 
	background: #606060; 
	border-top: 5px solid #35ab49;
	margin: 0; padding: 0; 
	height: 50px;	  
	font-size: 95%;		
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer .footer-left{
	float: left;
	width: 80%;
}
#footer .footer-right{
	float: right;
	width: 18%;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url('../images/clock.gif') no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url('../images/comment.gif') no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url('../images/page.gif') no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}


p.post { /* post body */
	margin: 4px 2px 5px 2px;
	font-size: 11px;
}

div.post
{
	float: left;
	font-size: 11px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	width: 450px;
}

div.subpost
{
	float: left;
}

/* post title links 
a.title:link, a.title:visited { 
	color: #006; 
	text-decoration: none;
}

a.title:visited { 
	color: #380474; 
	text-decoration: none;
}

a.title:hover {
	color: #006; 
	text-decoration: underline;
}
*/

/* post body links */
#main p a:link { color: #009; text-decoration: underline; }
#main p a:visited { color: #999; text-decoration: none; }
#main p a:hover { color: #7373b6; text-decoration: underline; }

/* ---------------------  alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* ---------------------  additional classes */
.clear { clear: both; }
.green { color: #9EC630; }
.gray  { color: #BFBFBF; }
.darkgray  { color: #515151; }

.mascot
{
	float:left;
	padding: 10px 12px 10px 0;
}