#body {
	width:1220px;
	margin:0px auto;
	background:#fff;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}

#dna { 
	margin:0px auto;
	padding:0px 5px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	color:#000; background:#fff;
	background-image:url('/artman2/images/backgrounds/raindrops2.jpg');
	background-repeat:repeat; }
</style>

.summary_title {font-size:13px; color:#f00;}
.summary_title a:link, .summary_title a:visited  { color:#f00; text-decoration:none; }
.summary_title a:hover, .summary_title a:active  { color:#f00; text-decoration:none; }
.summary_date { font-size:10px; color:#000; }
.summary {color:#000; font-size:12px;}
.summary a:link, .summary a:visited  { color:#000; text-decoration:none; }
.summary a:hover, .summary a:active  { color:#000; text-decoration:none; }
.summary_breadcrumb { font-size:12px; font-weight:bold; color:#000; }


/*HERE LIVES THE SLIDE SHOW*/
//how many images we have
$slides: 6;

// how much we want each slide to show
$time_per_slide: 5;

// total time needed for full animation
$total_animation_time: $time_per_slide * $slides;

.photocontainer{
  margin:50px auto;
  width:400px;
  height:300px;
  overflow:hidden;
  border:1px solid;
  border-top-color:#856036;
  border-left-color:#5d4426;
  border-bottom-color:#856036;
  border-right-color:#5d4426;
  position:relative;
}

.photo  {
  position:absolute;
  animation:round #{$total_animation_time}s infinite;
  opacity:0;
}

@keyframes round{   
  25%{
    opacity:1;
}

  40%{
    opacity:0;
  }

@for $index from 1 to $slides + 1{
  img:nth-child(#{$index}){
    animation-delay:#{$total_animation_time - $time_per_slide * $index}s
   }

#bigtable { 
	width:1100px;
	background:#fff;
	margin-top: -1px;
	/*border:2px solid #990000;*/
    border-spacing:0px; } /* cellspacing */
}

#bigtable th, td { padding: 0px; } /* cellpadding */
}

#lhcart {
	padding-left:3px;
	width:250px;
    /*background-color:#fff;*/
    color:#000;
    margin-top: 1px;
}

#lhcmain {
	padding-left:3px;
	width:250px;
    background-color:#fff;
    color:#000;
    margin-top: 1px;
}

#searchbox {
	text-align:left;
}


img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.bottom_text  {font-size:9px; line-height:17px; color:#990000; }
.bottom_text a:link, .bottom_text a:visited, { color:#990000; text-decoration:none }
.bottom_text a:hover, .bottom_text a:active, { color:#990000; text-decoration:underline }


  div.twitfollow {margin-top:0.50em; text-align:left; }
 .bg_nav_right_art {background-color:#fff; color:#000; /*font-size:12px;*/ padding-right:1px; width:250px; }
 .bg_nav_right_main {background-color:#fff; color:#000; /*font-size:12px;*/ padding-right:1px; width:292px; }


/* left navigation menu (category list) */
.nav_left_header_text { color:#000; font-size:14px; font-weight:bold;
}

  img.riaasucks {float:left; margin-right:3px; margin-bottom:8px; }
  img.locavore {float:left; margin-top:0; margin-right:3px; margin-bottom:8px; }
  div.twitfollow {margin-top:0.50em; text-align:left; }


#scopescroller {
    position:relative; /* mandatory */
    overflow:hidden; /* mandatory */
    font-size:11px;
    font-weight:normal;
    background-color:white;
    width:470px; height:250px;
    border:solid 1px #990000; margin:5px; /* optional */
    }
	
.scroll {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    height: 197px;
	width: 240px;
	overflow: auto;
	/*border: 1px solid #990000;*/
	background-color: #fff;
	padding: 4px;
	margin-bottom:4px;
    }

  .img.riaasucks {float:left; margin-right:3px; margin-bottom:4px; }

  .img.tjeckeyes {float:center; margin-right:3px; margin-bottom:4px; }

  .img.locavore {float:left; margin-top:0; margin-right:3px; margin-bottom:11px; }


#slideshow { 
    margin: 10px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
	}
		
#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
    }

.more_headlines {
	color:#990000;
	font-size:11px;
	text-decoration: underline
	}
	
.bg_nav_right_art {
	background-color:#fff;
	color:#000;
    /*font-size:11px;*/
	padding-right:1px;
	width:250px;
	}

.bg_nav_right_main {
	background-color:#990000;
	color:#000;
    /*font-size:11px;*/
	padding-right:1px;
	width:250px;
	}

.maintitle {
	padding:0px;
	font-size:42px;
	font-weight:bold;
	letter-spacing:.4px;
	text-transform:uppercase;
    background:#ffffff;
	}  

.logo_text {
	font-size:36px;
	color:#990000;
	line-height:1.1px;
	letter-spacing:.1px;
	text-transform:lowercase;
	font-weight:bold;
	margin-bottom:0.25px;
	}

.logo_text_sub {
	font-size: 20px;
	color: #990000;
	}

.bg_search_box {
	background-color:#fff;
	}

 /* also controls background nav right header */
.bg_nav_left_header {
	background-color:#fff;
	width: 240px;
	}

/*border had been solid all around*/ 
.bg_nav_left {
	background-color:#fff;
	/*border:1px solid #990000;*/
	font-size:11px;
	color:#000;
	}

.bg_nav_left_selected {
	background-color:#ffc;
	color:#990000;
	border-right:3px solid #990000;
	} 

/* common styles */
.header_category_name {
	color:#000;
	font-size:26px;
	font-weight:bold;
	text-transform:uppercase;
	}

.header_breadcrumb {
	color:#000;
	font-size:14px;
	}

.global_updated {
	font-size:14px;
	color:#000;
	}
	
.printed_text {
	font-size:12px;
	color:#000;
	}
	
.printed_article_text {
	font-size:12px;
	color:#000;
	}

/* right navigation (headlines) border:1px solid #990000; */
.bg_nav_right_header  { background-color:#fff; }
	 
.nav_right_header { background-color:#fff; color:#000; font-size: 14px;; }
.nav_right_category_header {color:#fff; font-size:14px;  /*text-transform:uppercase;*/ }
.nav_right_headlines {font-size:13px; color:#000; }
.nav_right_headlines a:link {font-size:13px; color:#000; }

.nav_right_category_name { color:red; font-size:14px; }


/* phil's add-ons */
.hr {
	width:75%;
	color: #990000;
	/*background-color: #990000;*/
	height:1px;
	}
	
.hrline {
	width:50%;
	color: #990000;
	/*background-color: #990000;*/
	height:1px;
	}
	
#feedbox {
	margin-top:10px;
	background: #ffc;
	text-align:center;
	width:144px;
	font-size:12px;
	color:#000;
	}
	
.hansbox {
	margin-top:10px;
	background:#fff;
	text-align:left;
	width:250px;
	color:#000;
	}

#amazon a {color:#000; }

#amazon a:hover {color:#990000; text-decoration: underline}

#topartwrapindex {
	background-color:#ffc;
	width:140px;
	/*border-top:3px solid #990000;*/
	border-bottom:3px solid #990000;
	margin:5px auto;  
	padding:0px 2px; }
	 
#topartwrap {
	background-color:#ffc;
	width:144px;
	border-top:3px solid #990000;
	border-bottom:3px solid #990000;
	padding:0px 2px; } 
	
.twitter {
	font-size:12px;
	color:#000;
	}

#toparticles { font-size:10px; line-height:12px; color:#000; text-align:left; }
#toparticles a:link, #toparticles a:visited { font-size:10px; color:#000; text-decoration:underline;}
#toparticles a:hover, #toparticles a:active { font-size:10px; color:#990000; text-decoration:none;}

#toparthead { 
	background-color:red; color:#fff;
	width:144px; height:35px; line-height:16px;
	margin-left:-2px; margin-bottom:2px; font-weight:bold; text-align:center; }
	
.topheadlines {	
   background-color:#fff; width:240px; /*border:1px solid #990000;*/ font-size:13px; color:red; margin-top:8px;
   }
.topheadlines a:link, .topheadlines a:visited
 { font-size:10px; line-height:14px; color:#000; text-decoration:underline;}
.topheadlines a:hover, .topheadlines a:active
 { font-size:10px; line-height:14px; color:#990000; text-decoration:none;}

.logo{ width:95px; padding:5px 0px; border-bottom:1px solid #ccc; }  
.text{ font-size:12px; line-height:18px; color:#000; width:320px; padding:5px 0px;
       border-bottom:1px solid #ccc; }
	   
.imgpreview {width:90px; }

.leftcolumn { text-align:left; }

.xmlfeed { margin:15px auto 0px; text-align:center; width:144px; padding:10px 0px; color:#000; font-size:11px; background:#ffc; border:1px solid #990000; }
	         
/*DIV that encompasses the entire feed
.hfblock {background-color:#e5d9aa; width:144px; border:1px solid #990000; } 
.hfblock a:link {font-size:10px; line-height:14px; color:#000; text-decoration:underline;}
.hfblock a:visited {font-size:10px; line-height:14px; color:#000; text-decoration:underline;}
.hfblock a:hover {color:#000; text-decoration:none;}
DIV that encompasses the entire feed*/

.hfticktick {background:#fff; /*#e5d9aa;width:100%;*/ }
.hfticktick TD { color:black;}
.hfticktick a {color:#000; text-decoration:underline}
.hfticktick a:hover {color:#990000;text-decoration:underline;}
#hfticker { /*border-top:1px solid #990000;*/ border-bottom:1px solid #990000; }

/*BELOW HERE IS THE CSS FROM THE TEMPLATE PAGES*/

html,
body {
	margin:0;
	padding:0;
	color:#000;
	background:#fff;
}
#body {
	width:960px;
	margin:0 auto;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
#header {
	padding:1px;
	background:#fff;
}
#content-1 { /*LEFT SIDEBAR*/
	float:left;
	width:240px;
	padding:0px;
	background:#FFFFFF;
	margin-top: 3px;	
	/*background:#FFF2CC;*/
	/*border-left: 1px solid #900;*/
	/*border-right: 1px solid #900;*/
	/*border-bottom: 1px solid #900;*/		
}
#content-2 {
	float:right;
	width:710px;
}
#content-2-1 {
	float:left;
	width: 450px;
	padding: 0px;
	background:#fff;
}
#content-2-2 { /*RIGHT SIDEBAR*/
	float:right;
	width:240px;
	padding:0px;
	background:#FFFFFF;
	margin-top: 3px;			
	/*background:#FFF2CC;*/
	/*border-left: 1px solid #900;
	border-right: 1px solid #900;
	border-bottom: 1px solid #900;*/		
}

#top-1 { /*THETOP FORM LEFT*/
	float:left;
	width:240px;
	height:220px;
	padding:0px;
	background:#FFFFFF;
	/*margin-top: 3px;*/	
	/*background:#FFF2CC;*/
	/*border-left: 1px solid #900;*/
	/*border-right: 1px solid #900;*/
	/*border-bottom: 1px solid #900;*/		
}
#top-2 {
	float:right;
	width:710px;
	height:220px;
}
#top-2-1 {
	float:left;
	width: 240px;
	height:220px;
	padding: 0px;
	background:#fff;
}
#top-2-2 { /*THETOP FORM RIGHT*/
	float:right;
	width: 470px;
	height:220px;
	padding:0px;
	background:#FFFFFF;
	/*margin-top: 6px;*/			
	/*background:#FFF2CC;*/
	/*border-left: 1px solid #900;
	border-right: 1px solid #900;
	border-bottom: 1px solid #900;*/		
}

#footer {
	padding:1px;
	background:#fff;
}
/* Easy clearing of floats (see http://positioniseverything.net/easyclearing.html) */
.cf:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:" ";
	font-size:0;
}
/* Does not validate ? use conditional comments for this bit if you want valid CSS */
.cf {*zoom:1;}

.sbtitle {
	width: 250px;
              font-size:14px;
	font-weight:bold;
	color:#000;
	margin-top:0px; margin-bottom:8px;
	text-align:left;
	background-color:#fff;
}

.sbtitlepd {
              width:250px;	
	color:red;
	margin-top:0px; margin-bottom:8px;
	text-align:left;
	background-color:#fafad2 
}


.subtitlebkg {
	margin-top:-11px;
	padding: 0.5px 0px;
	text-align:center;	
}
.sbtext {
	font-size:12px;
	text-align:left;
    padding:0px 3px 0px 3px;
}

.titlebox {
	/*border:1px solid #666;*/
	width:900px;
	height:100px;
	padding:0px;
	border-spacing:0px;
	margin-top:-20px;	
    background:#fff;
	text-align:center;	
	background-image:url('/artman2/images/backgrounds/montagecircular.jpg');
	/*padding-top:5px;*/
}

.img.locavore {
     float:left;
     margin-top:0; margin-right:3px; margin-bottom:11px;
}

.bg_header  {
	/*border-bottom:2px solid #990000;*/
	/*width: 900px;*/
	/*height:85px;*/
	padding:13px 0px;
	border-spacing:0px;
	text-align:center;
}

.center {
    margin: auto;
    width: 60%;
}

.summary_title {font-size:16px; color:#990000;}
.summary_title a:link, .summary_title a:visited  { color:#990000; text-decoration:underline; }
.summary_title a:hover, .summary_title a:active  { color:#990000; text-decoration:none; }
.summary {color:#000; font-size:12px;}
.summary a:link, .summary a:visited  { color:#000; text-decoration:underline; }
.summary a:hover, .summary a:active  { color:#990000; text-decoration:none; }
.summary_breadcrumb { font-size:12px; font-weight:bold; color:#990000; }
.summary_date { font-size:10px; color:#000; }

/* article pages */
.article_title {font-size:13px; font-weight:bold; color:#000; }
.printed_article_title {font-size: 11px; font-weight:bold; color:#000; }
.article_text  {font-size:0.70em; line-height:17px; color:#000;}
.summary_date { font-size:9px; color:#fff; }
.article_text a:link, .article_text a:visited, { color:#000; text-decoration:underline }
.article_text a:hover, .article_text a:active, { color:#990000; text-decoration:none }

.article_text a:link, .article_text a:visited, { color:#000; text-decoration:underline }
.article_text a:hover, .article_text a:active, { color:#990000; text-decoration:none }
.bg_printer_page  {font-size:0.15px; color:#000; background-color:#fff; }

.disclaimer_text {font-size:0.75em; line-height:0.50em; color:#990000;}

/* THE LINK SECTION */
/* body main links */
A { text-decoration:none;}
A:link	{color:black}
A:visited{color: black;}
A:hover	{color: #990000;background-color:#E8E8E8;}
 .tab {font-size:12px;font-family:Arial,Helvetica;color:black;}
 .tabb {font-size:16px; font-family:Arial,Helvetica;}
    


.bg_nav_left a:link, .bg_nav_left a:visited { color:#000; text-decoration:none; }
.bg_nav_left a:hover, .bg_nav_left a:active { color:#000; text-decoration:none; }

.header_breadcrumb a  { color:#000; text-decoration:none; }
.header_breadcrumb a:hover  { color:#000; text-decoration:underline; }

.more_headlines a:link, .more_headlines a:visited { color:#990000; text-decoration:none; }
.more_headlines a:hover, .more_headlines a:active { color:#990000; text-decoration:underline; }

.category_link_depth1 a { color:#000; font-size:12px; }
.category_link_depth2 a { color:#000; font-size:11px; }
.category_link_depth3 a { color:#000; font-size:11px; }

.advancedsearch_link { font-size:11px;  }

.tabletext a:hover{ color:#990000; }


#menulist {
	 font-size:14px;font-weight: bold; text-align:center;border-bottom:1px #990000 solid; padding:4px;}

#menulist a:hover {color:#990000;text-decoration:underline;}


#column1 {
		float:left;
		width: 33%;
	}

	#column2 {
		float:left;
		width: 33%;
	}

	#column3 {
		float:left;
		width: 33%;
	}


/*most recent attempt at making a table with css*/
#Column_Container
{   width:910px;
	/*border:#609 1px solid;*/
	/*padding:20px;*/
	 }
#leftColumn
{ 	float:left; 
	width:250px; 
	height:75px;
	margin-right: 5px; 
	/*border:#609 1px solid;*/
	background-color: #ffffff; }		
#centerColumn
{	float:left;
	width:410px; 
	height:75px;
	margin-right: 5px; 
	/*border:#609 1px solid;*/
	background-color: #ffffff; }		
#rightColumn
{	float:left; 
	width:250px; 
	height:75px;
	/*border:#609 1px solid;*/
	background-color: #ffffff; }
	
#topoftheplops
{    width: 910px; }

.topcell
{    vertical-align: text-top; }


#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}