﻿/*
	--------------------------
	Home Styles
	--------------------------
*/

div#homebanner  { background-color: #f6a800; width: 180em; height: 13.75em; padding: 1em 0px 1em 1em; position: relative; }
div#homebanner div  { width: 58.3em; margin-right: 1em; height: 13.75em; float: left; position: relative; }
div#homebanner ul  { float: right; margin: 0px; padding: 0px; list-style-type: none; width: 18.75em; }
div#homebanner ul li    { text-align: center; }
div#homebanner ul li.join    { margin-top: 2em; }
div#homebanner img  { width: auto; float: none; }
div#homebanner p    { font-size: 0.75em; }
div#homebanner p a    { color: #4e2e1d; }
div#homebanner p a 			{ border-bottom: dotted 1px #4e2e1d; }
div#homebanner p a:hover		{ color: #e8541c; border-bottom: solid 1px #e8541c; }
div#homebanner p.last   { margin: 0px; }

div#homebanner p.learnuse a { border: 0px; }
div#homebanner ul.learnuse { float: left; width: 57.3em; margin-top: 0.75em; }
div#homebanner ul.learnuse li { float: left; font-size: 0.7em; line-height: 1.25em; width: 19.5em; margin-right: 1em; text-align: left; }
div#homebanner ul.learnuse li.last  { margin-right: 0px; }

div.sniffalatest    { float: left; width: 27.65em; margin-right: 0.75em; }
div.sniffalatest div.sniffaround	{ width: 27.525em; }
div.sniffalatest div.sniffaround ul  { width: 26.4em; }
div.sniffalatest div.sniffaround ul li  { width: 30.75em; }
div.sniffalatest div.sniffaround ul li ul    { float: left; width: 21em; margin: 0px; padding: 0px; }
div.sniffalatest div.sniffaround ul li ul li    { border: 0px; margin: 0px; padding: 0px; }
div.sniffalatest div.sniffaround ul li ul li span    { display: inline-block; width: 5em; color: #e8541c; }

div.sniffalatest h2.videos  { font-family: arial, helvetica; font-size: 0.8em; background-color: #cea369; margin: 0.5em 0px 0px 0px; padding: 0.35em 0.5em; color: #fff; }
div.videos  { width: 27.5em; height: 7.9em; overflow-x: scroll; overflow-y: hidden; border: solid 1px #cea369; margin: 0px 0px 0.5em 0px; padding: 0.5em 0px; }
div.sniffalatest ul.videos { list-style-type: none; padding: 0px; margin: 0px; width: 55em; }
div.sniffalatest ul.videos li  { float: left; margin: 0px 0.85em; }
div#body div.sniffalatest ul.videos li a { border: 0px; }
div.sniffalatest ul.videos li img  { border: solid 2px #fff; }
div.sniffalatest ul.videos li.current img  { border: solid 2px #e8541c; }
div.sniffalatest ul.videos li.current a  { color: #e8541c; }

div.sniffaround ul li img  { border: 0px; margin: 0px; float: none; }
div.sniffaround ul li div.image   { float: left; margin-right: 0.5em; width: 7.8em; height: 6.75em; overflow: hidden; text-align: center; }
div.sniffaround ul li div   { float: left; }

div.sniffaspotlight { width: 11.3em; float: left; }
div#body div.sniffaspotlight a.ads   { border: 0px; }
div.sniffaspotlight h2  { font-family: arial, helvetica; font-size: 0.8em; background-color: #cea369; margin: 0px; padding: 0.35em 0.5em; color: #fff; }
div.sniffaspotlight h2.featured { }
div.sniffaspotlight div { font-size: 0.85em; padding: 0.35em 0.5em 1em 0.5em; margin: 0px 0px 0.5em 0px; border-left: solid 1px #cea369; border-right: solid 1px #cea369; border-bottom: solid 1px #cea369; }
div.sniffaspotlight div a   { margin: 0px; }
div.sniffaspotlight div p   { margin: 0px; }
div.sniffaspotlight div div.image { height: 7em; }
div.sniffaspotlight div.separate    { border-top: solid 1px #cea369; border-bottom: solid 1px #cea369; padding: 1em 0.5em 0.55em 0.5em; margin-bottom: 0.75em; }
div.sniffaspotlight div.featured    { border-bottom: solid 1px #cea369; margin-bottom: 0.75em; }

div.sniffaspotlight h3  { font-family: arial, helvetica; font-size: 0.85em; margin: 0px; height: 3.25em; overflow: hidden; }
div.sniffaspotlight ul  { list-style-type: none; margin: 0px; padding: 0px; }
div.sniffaspotlight ul li span  { display: inline-block; width: 5em; color: #e8541c; }
div.sniffaspotlight ul li   { overflow: hidden; height: 1.6em; }
div.sniffaspotlight ul li.memo   { overflow: auto; height: auto; }
div.sniffaspotlight ul li.date   { overflow: hidden; height: auto; }

div.sniffaspotlight a.image { height: 6.5em; overflow: hidden; display: block; }
div.sniffaspotlight a.image img { min-height: 6.5em; }

div.sniffaspotlight div.responsible h3  { height: auto; }
div.sniffaspotlight div.sniffaresponsible  { padding: 0px; border-top: solid 1px #cea369; background-color: #ebdbc4; }
div.sniffaspotlight div.sniffaresponsible p   { padding: 0.8em 0.5em 1em 0.5em; }

div.sniffaspotlight div.event   { height: 50.1em; overflow: hidden; border-top: solid 1px #cea369; }
div.sniffaspotlight div.event h3    { height: auto; }
div#body div.sniffaspotlight div.event h3 a  { color: #4e2e1d; border-color: #4e2e1d; }
div.sniffaspotlight ul.event    { margin-bottom: 1em; }
div.sniffaspotlight ul.event li.date span    { width: 3em; }

div.sniffafull    { float: left; width: 39.6em; }

div.homebox { border: solid 1px #cea369; width: 39.6em; }
div.homebox h2 { font-size: 0.95em; background-color: #cea369; color: #4e2e1d; margin: 0px; padding: 0.35em 1.25em 0.35em 0.75em; }
div.homebox ul { list-style-type: none; margin: 0px; padding: 0px; float: left; width: 38.5em; margin: 0.5em; }
div.homebox ul li { float: left; width: 10em; margin-right: 2em; }
div.homebox ul li div.image   { float: left; margin-right: 0.5em; width: 9.75em; height: 7.5em; overflow: hidden; border: solid 2px #f6a800; }
div.homebox ul li div.image img { max-width: 12em; max-height: 15em; }

div.homebox h3  { margin: 0.5em; }
div.homebox p   { margin: 0.5em; }

div.homebox a.image { height: 7.5em; overflow: hidden; display: block; text-align: center; }

/* Forum Snippets */
div.snifforum   { border: solid 1px #e8541c; margin-bottom: 1em; padding: 0px; width: 27.525em; float: left; }
div.snifforum ul  { width: 26.4em; list-style-type: none; margin: 0px; padding: 0.5em 0.5em 0.75em 0.5em; float: left; }
div.snifforum ul li  { width: 31.75em; margin: 0.5em; float: left; }
div.snifforum ul li a.image { display: block; width: 4em; height: 4em; overflow: hidden; float: left; margin-right: 0.5em; }
div.snifforum ul li a.image img { max-height: 4em; }
div.snifforum ul li span    { display: block; font-size: 0.85em; }

div.snifforum div.showall { background-color: #e8541c; clear: both; }
div.snifforum div.showall a { display: block; color: #fff; padding: 0.25em 0.5em; text-align: right; font-size: 0.75em;}
div#body div.snifforum div.showall a  { border: 0px; }

