/*@charset "utf-8";
 CSS Document */
body {
	margin: 0;
	padding: 0;
	/*background-color:#989898;*/
	background-image:url(/sitegiffs/diamondnarrowgrey.png);
	background-color:rgb(252,252,252);
}
h1,h2,h3,h4,h5 {
	text-transform: capitalize;
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	font-weight: normal;
}
h1 {
	font-size: 2.5em;
	margin: 0 0 30px 0px;
	letter-spacing: -2px;
}
h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
}
ul,ol {
	margin: 0;
	padding: 0;
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	display: block;
}
a img {
	display: inline-block;
	border: none;
	background: none;
	outline: none;
	text-decoration: none;
}
a:hover img  {
	text-decoration: none;
	border: none;
	background: none;
	outline: none;
}
/*#################### NAVIGATION #######################*/
#navigation {
	/*position: fixed;
	top: 0px;*/
	width: 100%;
	text-align: right;
	/*z-index: 99;*/
	background-color: #222222;
	min-height: 50px;
	font: 1.3em Calibri, Tahoma, Arial, Sans-serif;
	color: #ccc;
}
#sitetitle a,
.navNewCatagories a {
	text-decoration:none;
	color:#ccc;
	border: none;
	margin-left:0.75%;
}
#sitetitle a:hover,
.navNewCatagories a:hover {
	color: #000;
	background-color: #FC0;
}
#sitetitle {
	position:relative;
	top:0;
	left:0;
	width:200px;
	height:50px;
	float:left;
	font-family: Calibri, Tahoma, Sans-serif, Arial;
	background-image:url(/sitegiffs/oct_katsbits-logo.png);
	background-position:left;
	background-repeat:no-repeat;
}
.sitename {
	font: 1.5em Calibri, Tahoma, Sans-serif, Arial;
	padding-top: 7px;
	margin-left: 55px;
	text-align: left !important;
}
.trade {
	font-size: 0.7em;
}
/*top of page adverts placed here for load order issues*/
.advertsTopMain {
	/*margin-top: 50px;*/
	padding: 0px;
	width: 100%;
	background-color: rgb(252,252,252);
}
.advertsTopMain .sponsorthanks {
	 font-family:Tahoma, Geneva, sans-serif;
	 background: maroon;
	 color: #fff;
	 font-size: 0.9em;
	 padding: 5px 5px;
	 text-align: center;
}
.ad728,.ad468,.ad320 {
	display: none;
}
/* page continues */
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 970px;
	/*width:100%;*/
}
#container {
	/*background-color: rgb( 245, 245, 245);*/
	background-color: rgb(252,252,252);
}
/* short menu hidden for general viewing */
#menu_down {
	display: none;
	position: fixed;
	top: 0px;
	float: right;
	right: 20px;
}
#menu_down a {
	padding: 20px 20px 10px 20px;
	background: #000;
	text-decoration: none;
	color: #c5c5c5;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	font: 1.3em Tahoma, San-serif;
}
#menu_down a:hover {
	color: #fc0;
}
/* BOTTOM MENU back to top of page*/
#back_to_top {
	position: fixed;
	bottom: 0px;
	font: 2.0em Tahoma, San-serif;
	float: right;
	right: 20px;
	margin: 0;
}
#back_to_top a {
	padding: 10px;
	background: #000;
	text-decoration: none;
	color: #c5c5c5;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding: 0px 10px;
	margin: 0;
}
#back_to_top a:hover {
	color: #000;
	background: #FC0;
}
/* main site menu */
.navNewCatagories {
	/*margin-top: 15px;*/
	padding-right: 20px;
	padding-top:15px;
}
.navNewCatagories p {
	font-size:1.0em;
}
.navNewCatagories p a:hover {
	padding-left:5px;
	padding-right:5px;
	padding-top:-5px;
	padding-bottom:-5px;
	margin-left:-6px;
	margin-right:-6px;
	border:1px solid #000;
}
/* search section top-right */
.search_container {
	text-align: right;
	padding: 0 0 10px 10px;
}
.search_inputbox {
	border: 1px;
	border-color: #FC0;
	width: 100%;
	font: 1.45em verdana, arial, sans-serif;
	padding: 0px 0px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	outline: none;
	background: #FC0;
	/*background:rgb(245,245,245);*/
}
.search_submit {
	position: relative;
	top: 0px;
	font-size: 1.0em;
	background-color: #FC0;
	border: 1px solid #fc0;
	padding: 8px 5px;
}
.search_optionText {
	font-family: Tahoma, Arial, Sans-serif;
	color: #000;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
}
/*#################### Home page site overview area*/
.welcome {
	height: 380px;
	width: 100%;
}
.welcome_search {
	margin-top: -180px;
	padding-left: 67px;
}
.welcome .welcome_search img {
	margin-left: 10px;
}
#leftContentTable ul.frontpage {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	font-size: 1.0em Sans-serif;
}
ul.frontpage li {
	display: block;
	float: left;
	list-style-type: none;
	width: 49.25%;
	/*min-height: 100px;*/
}
ul.frontpage a {
	color:#555;
	text-decoration:none;
	border-bottom:1px dashed #e5e5e5;
}
ul.frontpage a:hover {
	text-decoration:underline;
	border-bottom:none;
}
ul.frontpage h3 {
	margin-top:10px;
	margin-bottom:1px;
	color:#333;
	font-size: 1.3em;
}
ul.frontpage p {
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom:10px;
}
div.frontpage_rss {
	margin-top: 15px;
}
.search_include {
	background: rgb(255, 255, 255) transparent;
}
.paddingnull {
	margin: 0;
	padding: 0;
}
/*search box on home page*/
.searchbox {
	border-top: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	margin-bottom: 5px;
	width: 200px;
	height: 40px;
	font: 1.5em verdana, arial, sans-serif;
	padding: 5px 0px;
	outline: none;
	background: white;
}
.searchbutton {
	border: none;
	width: 200px;
	height: 77px;
	background:url(/sitegiffs/bunneh_front-search.png) no-repeat;
	cursor: pointer;
}
.do_not_display {
	display: none;
}
/*#################### LEFT COLUMN CONTENT*/
#leftColumn {
	width:69%;
	float:left;
}
#leftContent {
	padding: 25px 25px 25px 25px;
	background-color: rgb(252,252,252);
}
#leftContentTable {
	font-size:1.0em;
	text-align:left;
}
.breadcrumbs {
	color:#999;
}
.article_header {
	width: 100%;
	height: 348px;
	margin-top: -15px;
	margin-bottom: 20px;
}
.article_header img {
	height: 348px;
	overflow: hidden;
	width: 100%;
}
#leftContentTable p {
	line-height:1.3em;
	font-family: Calibri, Tahoma, Sans-Serif, Arial;
	margin-top:0px;
	margin-bottom:20px;
}
/*this CSS does not display in Dreamweaver*/
#leftContentTable > p:first-of-type {
	font-size: 1.5em;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	line-height: 1.25em;
}
#leftContentTable > p:first-of-type +p {
/*background-color: silver;*/
}
/*sub-headings in left content specifically*/
#leftContentTable h3 a,#leftContentTable h4 a,#leftContentTable h5 a,#leftContentTable h6 a {
	text-decoration: none;
	border-bottom: 1px dashed #999;
	color: #666;
	/*can't use else shoves ALL headings to the right 
	to make tap target on heading slightly larger*/
	padding: 0;	
}
#leftContentTable ul li a,#leftContentTable p a {
	/*same as above without tap-target increase*/
	text-decoration: none;
	border-bottom: 1px dashed #999;
	color: #666;
}
#leftContentTable h3 a:hover,#leftContentTable h4 a:hover,#leftContentTable h5 a:hover,#leftContentTable h6 a:hover {
	border: none;
	background-color: #FC0;
}
#leftContentTable ul li a:hover,#leftContentTable p a:hover {
	border: none;
	background-color: #FC0;
}
/*stop mouse-over effect on ul'd images (download now button)*/
#leftContentTable ul li a img {
	display: block;
	border: none;
	text-decoration: none;
	background: none;
	border: none;
	outline: none;
}
#leftContentTable  h3 {
	font-size: 1.4em;
}
#leftContentTable h4 {
	font-size: 1.3em;
}
#leftContentTable h5 {
	font-size: 1.2em;
}
#leftContentTable h6 {
	font-size: 1.2em;
}
#leftContentTable ol,
#leftContentTable ul {
	margin: 0px 10px 10px 10px;
	/*t, l, b, r*/
	padding: 0px 10px 10px 10px;
}
#leftContentTable ol li ul,
#leftContentTable ul li ul {
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
}
#leftContentTable ul li p,
#leftContentTable ol li p {
	margin:0;
	padding: 3px 0px;
}
/* content lists - tutorials, tools etc */
#leftContentTable ul.contentBlock {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
}
#leftContentTable ul.contentBlock  li {
	display: block;
	width: 48%;
	height: 290px;
	overflow: hidden;
	float: left;
	padding: 10px 1% 10px 1%;
}
#leftContentTable ul.contentBlock li p {
	padding-left: 5px;
	padding-right: 5px;
}
#leftContentTable ul.contentBlock li h4 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
#leftContentTable ul.contentBlock li img {
	width: 100%;
	max-height: 184px;
	display: inline-block;
	outline: none;
	border: none;
}
#leftContentTable .contentBlock h4 a,#leftContentTable .contentBlock p a,#leftContentTable blockquote a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dashed #999;
}
#leftContentTable .contentBlock h4 a:hover,#leftContentTable .contentBlock p a:hover,#leftContentTable blockquote a:hover {
	text-decoration: none;
	background: #FC0;
	border: none;
}
#leftContentTable ul.contentBlock li a img,#leftContentTable ul.contentBlock li a:hover img {
	display: block;
	border: none;
	text-decoration: none;
	background: none;
	border: none;
	outline: none;
}
/*#################### CONTENT NOTE (blockquote)*/
.content_note {
	/*obsolete - color:#444;*/
}
blockquote {
	display: block;
	margin-left: 0;
	padding-left: 20px;
	border-left: 5px solid #f4f4f4;
	font-style: italic;
	font-family: Calibri, Tahoma, Arial, Sans-serif;
	color: #757575;
	line-height: 1.35em;
}
blockquote.clear_styling {
	background: none;
	border: none;
	color: #333;
}
blockquote.txt_shortcut {
	margin-top: 0px;
	margin-bottom: 0px;
}
blockquote blockquote {
	border:none;
}
blockquote blockquote, ul, ol {
	margin-left: 0;
	padding-left: 20px;
}
.nolistitems {
	list-style-type: none;
}
/*images in article body*/
#leftContentTable blockquote .content_images > a img {
    border: none;
    text-decoration: none;
}
#leftContentTable blockquote .content_images > a:hover img {
    border: none;
    text-decoration: none;
}
.content_images {
	width: 100%;
	height: auto;
	margin-bottom:20px;
	background-color:#f5f5f5;
	background-color: rgb(247,247,247);
	text-align:left;
	/*need the following for instances without <p> tag*/
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	text-align: justify;
	font-size: 0.95em;
	font-style: italic;
}
.content_images > p {
	display: block;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 0.95em;
	font-style:italic;
	line-height: 1.35em;
	padding: 0px 10px 5px 10px;
	text-align: justify;
	color: #666;
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	margin: 0 !important;
}
.content_images img {
	margin: 0px;
	padding: 0;
	width: 100%;
	height: auto;
}
.content_images a img {
	text-decoration: none;
	background: none;
	border: none;
}
.content_images a:hover img {
	text-decoration: none;
	background: none;
	border: none;
}
.blenderFileRef {
	padding-left: 3px;
	padding-right: 3px;
	background-color: #fff;
	color: #000;
	font-family: "Courier New", Courier, monospace;
	border: 1px dotted #000;
	margin-top: 1px;
	font-weight: normal;
}
.contentImgSml {
	float:right;
	margin-left:10px;
	padding:10px 10px 5px 10px;
	width:64px;
	font-size:90%;
	font-style:italic;
	border:1px solid #666;
	background-color:#f5f5f5
}
.contentImg128,
.contentImg256 {
	float: right;
	margin-left: 20px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #666;
	background-color: #f5f5f5;
	margin-bottom: 20px;
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	font-style: italic;
	font-size: 0.9em;
}
.contentImg128 p,
.contentImg256 p {
	margin: 0px !important;
	padding-bottom: 0px !important;
	line-height: normal;
}
.contentImg256 {
	width: 256px;
}
.contentImg128 {
	width: 128px;
}
/*#################### resources boxout upper-right*/
.contentResources {
	width: 200px;
	float: right;
	background-color: rgb(245,245,245);
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	text-align: right;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
}
.contentResources .menu_contents a,
.contentResources .menu_resources a,
.contentResources .submenu a,
.contentResources ul li a {
	text-decoration: none;
	border-bottom: 1px dashed #666;
	color: #666;
}
.contentResources .menu_contents a:hover,
.contentResources .menu_resources a:hover,
.contentResources .submenu a:hover,
.contentResources ul li a:hover {
	color: #444;
	background-color: #FC0;
	border: none;
}
.contentResources a img  {
	text-decoration: none;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.contentResources a:hover img  {
	text-decoration: none;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
/* subNav container for tutorial bottom link strip */
.subNav {
	text-align:right;
	font: 1.15em Sans-serif !important;
	letter-spacing: -1px;
	padding: 00px 0px 00px 0;
	margin: 20px 0px 40px 0px !important;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	text-transform: capitalize;
}
.subNav a {
	border:none;
}
.menu_contents {
	text-transform: capitalize;
	margin: 0 !important;
	padding: 0 !important;
}
.menu_resources  {
	text-transform: capitalize;
	margin: 0 !important;
	padding: 0 !important;
}
.submenu {
	font-size: 1.1em;
	margin: 0 !important;
	padding: 0 !important;
	text-transform: capitalize;
}
.contentResources p {
	margin: 0;
	padding: 0;
}
.contentResources > h5 {
	margin: 20px 0 0 0 !important;
	font-weight: normal;
	font-size: 1.4em Calibri, Sans-serif, Tahoma, Arial !important;
	line-height: normal;
}
.contentResources ul {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
}
.contentResources ul li {
	margin-bottom: 1px;
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
}
.content_addendum {
	color:#990000;
}
div.texture_list img {
	width: 25%;
	height: auto;
}
/*#################### IMVU related content*/
.imvulistROOMS,
.imvulistITEMS,
.imvulistPETS,
.imvulistCLOTHES,
.imvulistACCESSORIES {
	border: solid 1px #ccc;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:5px;
	font-family: Calibri;
}
.imvulistROOMS td,
.imvulistITEMS td,
.imvulistPETS td,
.imvulistCLOTHES td,
.imvulistACCESSORIES td {
	padding-left: 10px;
	color: #333;
	padding-top: 2px;
	padding-bottom: 2px;
}
.imvulistROOMS h3,
.imvulistITEMS h3,
.imvulistPETS h3,
.imvulistCLOTHES h3,
.imvulistACCESSORIES h3 {
	padding-left:10px;
	font-size:130%;
}
.imvulistROOMS a,
.imvulistITEMS a,
.imvulistPETS a,
.imvulistCLOTHES a,
.imvulistACCESSORIES a {
	color: #333;
	text-decoration: none;
}
.imvulistROOMS a:hover,
.imvulistITEMS a:hover,
.imvulistPETS a:hover,
.imvulistCLOTHES a:hover,
.imvulistACCESSORIES a:hover {
	color: #333;
	background: #fc0;
}
/*#################### SMF NEW <include>*/
.smf_include {
}
.smf_subject {
	margin: 20px 0 20px 0;
}
.smf_subject img {
	display: none;
}
.smf_body {
	font: 1.0em Calibri, Tahoma, Arial, Sans-serif;
}
.smf_body img {
	width: 100% !important;
	height: auto:
}
.smf_date {
	font: 0.85em Calibri, Tahoma, Geneva, sans-serif;
	margin: 0 0 15px 0;
	padding: 0px;
}
.smf_extras {
	font: 0.9em Calibri, Tahoma, Geneva, sans-serif;
	margin: 15px 0 25px 0;
	padding: 0px;
}
.smf_subject a,
.smf_body a,
.smf_date a,
.smf_extras a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dashed #999;
}
.smf_subject a:hover,
.smf_body a:hover,
.smf_date a:hover,
.smf_extras a:hover {
	background: #fc0;
	border: none;
}
.smf_body a > img,
.smf_body  a:hover > img{
	display: block;
	float: left;
	text-decoration: none !important;
	border: none !important;
	margin-bottom: 15px;
}
.smf_jobs_button {
	float: right;
}
.smf_jobs_button > a {
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	background: #090;
	border: 1px solid #060;
	border-radius: 10px;
	padding: 10px 15px;
}
.smf_jobs_button > a:hover {
	text-decoration: underline;
	background: #fc0;
	border: 1px solid #f60;
}
/*bottom of page links to other things not pulled from smf*/
.smf_more {
	margin: 20px 0 20px 0;
}
/*#################### CUTENEWS related CSS*/
#cn_include {
	font: 1.0em Calibri, Tahoma, Arial, Sans-serif;
}
#cn_include a {
	color: #555;
	text-decoration: none;
	border-bottom: 1px dashed #999;
}
#cn_include a:hover {
	border-bottom: none;
}
.cn_entry {
	width: 100%;
	padding: 0 0 15px 0;
}
.cn_subject {
	/*heading for each general listing*/
	font: 1.15em Calibri, Tahoma, Arial, Sans-serif;
	margin: 5px 0 5px 0;
	padding: 0;
	color: #333;
}
.cn_subject a,
.cn_date a,
.cn_date p a,
.cn_comment a,
.cn_comment p a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dashed #999;
}
.cn_subject a:hover,
.cn_date a:hover,
.cn_date p a:hover,
.cn_comment a:hover,
.cn_comment p a:hover  {
	border: none;
	background-color: #fc0;
}
.cn_body {
	/*font: 1.0em Calibri, Tahoma, Arial, Sans-serif;*/
}
.cn_date,
.cn_date p {
	/*date posted*/
	font: 1.0em Calibri, Tahoma, Arial, Sans-serif;
	margin: 0;
	padding: 0;
}
.cn_comment,
.cn_comment p {
	/*comment or perma link*/
	font: 1.0em Calibri, Tahoma, Arial, Sans-serif;
	margin: 0;
	padding: 0;
}
.boxout {
	background-color: #f7f7f7;
	border-color: #000000 black black;
	color: #333333;
	border-style: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
/*#################### DISQUS*/
#disqus_container {
	border-top: 2px dashed #f5f5f5;
	padding: 0 2%;
}
#disqus_container p {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding: 10px 15px;
	margin-bottom: 30px;
	background-color: #fefefe;
	border-radius: 5px;
	border: 2px solid #eee;
}
#disqus_thread {
	margin-top:20px;
}
#disqus-thread p {
	font-size: 1.2em !important;
}
/*#################### RIGHT COLUMN CONTENT*/
#rightColumn {
	width:300px;
	float:right;
	font-family: Sans-Serif;
}
#rightContent {
	text-align:left;
	margin-top: 15px;
}
#rightContent  a {
	text-decoration:none;
	color:#444;
}
#rightContent  a:hover {
	color:#000;
	text-decoration:underline;
}
#rightContent  .social {
	float: right;
	padding-right: 10px;
	padding-bottom: 5px;
}
#rightContent .adsRgt {
	margin: 10px 0 10px 0;
}
#rightContent  .adsRgt p {
	text-align:right;
	margin: 0;
	padding-right: 10px;
	font-size:0.75em;
}
#rightContent  .adsRgt ul {
	margin: 0;
	padding: 0;
}
#rightContent  .adsRgt ul li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 2px 0;
}
#rightContent .adsRgt ul li img {
	width: 100%;
	height: auto;
}
/*#################### FOOTER AREA*/
#footer {
	padding-top:20px;
	padding-bottom:20px;
	background-color:#222222!important;
	text-align:left;
	color:#ccc;
	padding-left:25px;
	padding-right:25px;
	border: none;
	font: 1.0em Calibri, Tahoma, Arial, Sans-serif;
}
#footerNav {
	float:left;
	width:575px;
	border-right:3px dashed #444;
}
#footerNav .text {
	margin-bottom:10px;
	/*font-size: 0.9em;*/
	line-height:1.5em;
	margin-right:15px;
}
#footerNav .text p {
	margin-top:0px;
	margin-bottom:5px;
}
#footerNav .text a,#footerNav .container ul li a,.footer_about a {
	text-decoration:none;
	color:#ccc;
	border-bottom:1px dashed #666;
}
#footerNav .text a:hover,#footerNav .container ul li a:hover,.footer_about a:hover  {
	color:#000;
	text-decoration: none;
	border-bottom:1px dashed #666;
	background: #FC0;
}
#footerNav .container {
	/*font-size: 1.0em;*/
}
#footerNav .container ul {
	display: block;
	float: left;
	margin:0px;
	padding:0px;
}
#footerNav .container ul li {
	margin: 0px 0 0px 0;
	padding: 0 0 0 0;
	list-style-type: none;
	font-weight:bold;
}
ul.width1st {
	width: 25%;
}
ul.width2nd {
	width: 25%;
}
ul.width3rd {
	width: 30%;
}
ul.width4th {
	width: 20%;
}
.width50pcnt {
	width: 50%;
}
#footerNav .container ul li ul {
	display: block;
	width: 100%;
	margin: 10px 0px 10px 0;
	padding: 0px 0px 0px 0;
}
#footerNav .container ul li ul li  {
	margin: 0 0px 6px 17px;
	padding:0 0px 0 0px;
	font-weight:normal;
	list-style-type: disc;
}
/* ### sponsored links ### */
#footerLinks {
	float:right;
	width:325px;
}
#footerLinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footerLinks ul li {
	float: left;
	margin-right: 10px;
}
/* ### About text over view in right side of footer ### */
.footer_about {
	margin-bottom: 25px;
	line-height: 1.4em;
}
.footer_about img {
	float: right;
	margin-left: 10px;
	margin-top: 5px;
}

/* ### curved corners section at bottom of page ### */
.footerBase {
	border: none;
	height:11px;
	width: 100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 35px;
	background: #232323;
}
/*#################### MISC*/
.align_left {
	text-align: left;
}
.align_right {
	text-align: right;
}
.align_justify {
	text-align: justify;
}
.align_centre {
	text-align: center;
}
.clear {
	clear: both;
}
/*text colour highlighting*/
.padding_sides {
	padding: 5px 10px!important;
}
.highlight_yellow {
	background-color: #FC0;
}
.hierarchylvl1 {
	color:red;
}
.hierarchylvl2 {
	color:green;
}
.hierarchylvl3 {
	color:blue;
}
.white {
	color: #fff;
}
.red {
	color:#900;
}
.green {
	color:#090
}
.courier {
	font:0.9em 'Courier New', Courier, monospace;
}
.imagesMisc {
	padding-left:15px;
}
sup, sub {
	height: 0;
	line-height: 0;
}
sup {
	/*color: #060;*/
}
.fracUp {
	/*display upper character of a fractions i.e. '1'/2*/
	font-size:60%;
	vertical-align:1.2ex;
}
.fractDwn {
	/*display lower character of a fraction i.e. 1/'2'*/
	font-size:60%;
	vertical-align:-0.5ex
}
.floatRgt {
	float: right;
}
.floatLft {
	float: left;
}
/*#################### Site Adverts*/
.adverts {
	margin-top:0;
	margin-left:20px;
	margin-right:20px;
}
.advertsbody {
	text-align:right;
	font-size:75%!important;
	color:#999;
}
.advertsbody a {
	color:#999!important;
}
.adverts .content {
	border:1px dashed #ccc;
	padding:10px;
	background-color:#f5f5f5;
	margin:0px;
}
.adverts p {
	text-align:right;
	font-size:80%!important;
	margin-bottom:2px;
	margin-top:-5px!important;
}
.adverts p a {
	color:#777!important;
	text-decoration:none!important;
	border:none!important;
}
.adverts p a:hover {
	background:none!important;
	color:#333!important;
}
.adverts .content h1 {
	font-weight:normal;
	font-size:100%!important;
	margin-bottom:0px!important;
}
/*#################### STORE GRAPHIC TRIANGLE*/
.storeTriangle {
	position: absolute;
	top: 0px;
	right: 300px;
}

/*#################### WORKSHOP & right colume store link etc in forum*/
div.wsstorebuttonlinks {
	padding-top: 20px;
	padding-bottom: 25px;
	text-align: center;
}
div.wsstorebuttonlinks > a.wsbuttons {
	background-color: #f90;
	padding: 15px 10px;
	color: #fff !important;
	font-family: Tahoma;
	letter-spacing: 0px;
	font-size: 1.0em;
	border: none !important;
	box-shadow: 0px 0px 3px 0px #555;
	text-decoration: none;
}
div.wsstorebuttonlinks > a.wsbuttons:hover {
	background-color: #3C0 !important;
	border: none;
	text-decoration: none;
	color: #333;
}
div.wsstorebuttonlinks .wsbuttonclean {
	text-decoration: none;
	font-size: 90%;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-shadow: 0px 1px 2px #444;
	border: 1px solid #060;
}
/*=====================EXTERNAL LINKS (PAID INCLUSIONS)=====================*/
.linksexternal {
	margin: 0px;
	padding: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#CCC;
	font-size:0.8em;
	background-color:transparent;
}
.linksexternal p {
	margin: 0px;
}
.linksexternal a {
	text-decoration: none;
	color: #ccc;
}
.linksexternal a:hover {
	background-color:#CCC;
	color:#000;
}
.linksexternal .sponsoredlinks {
	text-align:right;
}
/*#################### WORKSHOPS PAGE*/
.workshops {
	margin-top: 15px;
	padding: 20px 10px;
	background-color: #fff;
}
.workshops .container {
	float: left;
	height: 225px;
	margin-right: 20px;
	width: 300px;
}
.workshops .register {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	margin-bottom: 25px;
}
.workshops .register a {
	background-color: #393;
	color: #fff;
	padding: 15px 10px;
	border: 1px solid #630;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 0px 2px 5px 0px #999;
	-webkit-box-shadow: 0px 2px 5px 0px #999;
	box-shadow: 0px 2px 5px 0px #999;
	text-decoration: none;
}
.workshops .nya a {
	background-color: #ccc;
}
.workshops .register a:hover {
	color: #000;
	background-color: #FC0;
	border: 1px solid #F90;
	text-decoration: none !important;
	border-bottom: none !important;
}
.workshops .grayed {
	opacity : 0.25;
	filter: alpha(opacity=25);
}
.workshops h4 {
	margin-top: 10px!important;
	margin-bottom: 5px!important;
	font-family: Arial, Helvetica, sans-serif!important;
}
.workshopnotes {
	color: #666;
	background-color: #f9f9f9;
	padding: 5px 10px;
}
/*=======================================================================================
MEDIA
========================================================================================*/
/* PRINT MEDIA */
@media print {
	body {
		color:#000000;
		background:#ffffff;
		font-family:"Times New Roman", Times, serif;
		width:100%;
		margin:0;
		padding:0;
		}
}
/*DEVICE max width 240 PORTRAIT*/
@media handheld, only screen
	/*and (min-width: 240px)*/
	and (max-width: 320px)
	/*and (-webkit-min-device-pixel-ratio: 1.5)
	and (-webkit-min-device-pixel-ratio: 2)*/
	and (orientation: portrait) {
	body {
		/*width: 100%;*/
		margin:0;
		padding:0;
	}
	#navigation {
		width: 100%;
		background-color: #222222;
	}
	#wrapper {
		/*max-width: 320px;*/
		font-size: smallest;
		width:100%;
	}
	div.navNewCatagories {
		display: none;
	}
	div#menu_down {
		display: block;
		visibility: visible;
		top: 0px;
		right: 10px;
	}
	.ad970, .ad728, .ad468 {
		display: none;
	}
	.ad320 {
		visibility:visible;
		display:block;
		/*width:100%;*/
		margin:0 auto;
	}
	#leftColumn {
		width: 98%;
		padding: 0 1%;
	}
	#leftContent {
		padding: 10px 0 0 0 !important;
	}
	#footer {
		/*display: none;*/
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	div.footer_about {
		float: none;
		font-size: 0.5em !important;
		width: 98%;
		padding: 0 1%;
	}
	#footerNav {
		width: 98% !important;
		padding: 0 1%;
		clear: both;
		border: none;
		font-size: 0.5em !important;
	}
	#footerNav div.text {
		font-size: 0.5em !important;
		width: 100% !important;
		padding-top: 15px;
	}
	#footerNav .text img {
		float: none;
	}
	#footerNav .container {
		font-size: 0.5em !important;
	}
	#footerNav div.container ul {
		/*display: block;*/
		width: 98%;
		padding: 0 1%;
	}
	#footer div.container ul li {
		float: none;
	}
	#footerLinks {
		clear: both;
		float: none;
		width: 98%;
		padding: 0 1%;
	}
}
/*Device max width 320 LANDSCAPE*/
@media handheld, only screen
	and (min-width: 240px)
	and (max-width: 320px)
	/*and (-webkit-min-device-pixel-ratio: 1.5)
	and (-webkit-min-device-pixel-ratio: 2)*/
	and (orientation: landscape) {
	body {
		margin:0;
		padding:0;
		}
	#navigation {
		width: 100%;
		background-color: #222222;
	}
	#wrapper {
		/*max-width: 320px;*/
		font-size: smallest;
		width:100%;
	}
	div.navNewCatagories {
		display: none;
	}
	div#menu_down {
		display: block;
		visibility: visible;
		top: 0px;
		right: 10px;
	}
	.ad970, .ad728, .ad468 {
		display: none;
	}
	.ad320 {
		visibility:visible;
		display:block;
		/*width:100%;*/
		margin:0 auto;
	}
}
/*PORTRAIT 320 width x*/
/*PORTRAIT 320 width x1.5 pixel density (1.5*320=480px width)*/
@media handheld, only screen
and (min-width: 320px)
and (max-width: 480px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (min--moz-device-pixel-ratio: 1.5)
and (-o-min-device-pixel-ratio: 1.5/1)
and (min-device-pixel-ratio: 1.5)
and (min-resolution: 144dpi)
and (min-resolution: 1.5dppx)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: portrait) {
	body {
		/*width: 100%;*/
		margin: 0;
		padding:0;
	}
	#navigation {
		width: 100%;
		background-color: #222222;
	}
	div#menu_down {
		display: block;
		visibility: visible;
		top: 0px;
		right: 10px;
	}
	div#menu_down a {
		padding: 10px 15px 10px 15px;
		margin: 0;
		background: #000;
		text-decoration: none;
		color: #c5c5c5;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		font: 1.0em Tahoma, San-serif;
	}
	div#back_to_top {
		right: 10px;
	}
	div#back_to_top a {
		padding: 0 15px;
		padding-top: 5px;
	}
	div.navNewCatagories {
		display: none;
	}
	div.sponsorthanks {
		font-size: 0.6em !important;
	}
	.ad970, .ad728, .ad468 {
		display: none;
	}
	.ad320 {
		visibility:visible;
		display:block;
		/*width:100%;*/
		margin:0 auto;
	}
	#wrapper {
		/*max-width: 360px!important;*/
		font-size: smallest !important;
		width:100%;
	}
	/*#leftColumn,*/
	#leftColumn {
		width: 98%;
		padding: 0 1%;
	}
	#leftContent {
		padding: 10px 0 0 0 !important;
	}
	#leftContentTable {
		padding: 0;
		margin: 0;
		font-size: 1.0em;
		word-wrap: break-word;
	}
	.article_header {
		/*width: 310px;*/
		width: 100%;
		height: auto;
	}
	.article_header iframe {
		width: 310px;
		height: 174px;
	}
	.article_header img {
		width: 100%;
		height: auto;
	}
	#leftContentTable h1 {
		font-size: 1.5em;
	}
	#leftContentTable > p:first-of-type {
		font: 1.2em Calibri, Tahoma, Geneva, sans-serif;
		line-height: 1.1em;
	}
	#leftContentTable ul {
		padding: 0;
		margin: 0;
	}
	ul.frontpage {
		padding: 0 0 10px 0;
		margin: 0;
	}
	ul.frontpage li {
		width: 90%;
		float: none;
		clear: both;
	}
	div.contentResources {
		display: none;
	}
	div#leftContentTable ul.contentBlock {
		margin: 0;
		padding: 0;
	}
	#leftContentTable ul.contentBlock  li {
		float: none;
		clear: both;
		width: 98%;
	}
	#leftContent div#leftContentTable ul.contentBlock li h4 {
		text-overflow: clip;
		overflow: hidden;
	}
	#leftContent div#leftContentTable ul.contentBlock li img {
		width: 100%;
		height: auto;
	}
	#rightColumn {
		clear: both;
		width: 100%;
	}
	#footer {
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	div.footer_about {
		float: none;
		font-size: 1.0em !important;
		width: 98%;
		padding: 0 1%;
	}
	#footerNav {
		width: 98% !important;
		padding: 0 1%;
		clear: both;
		border: none;
		font-size: 1.0em !important;
	}
	#footerNav div.text {
		font-size: 1.0em !important;
		width: 100% !important;
		padding-top: 15px;
	}
	#footerNav .text img {
		float: none;
	}
	#footerNav .container {
		font-size: 1.0em !important;
	}
	#footerNav div.container ul {
		width: 98%;
		padding: 0 1%;
	}
	#footer div.container ul li {
		float: none;
	}
	#footerLinks {
		clear: both;
		float: none;
		width: 98%;
		padding: 0 1%;
	}
	div.footerBase {
		width: 100%;
	}
}
/*PORTRAIT 320 width x2 pixel density*/
@media handheld, only screen
/*and (min-device-width: 320px)*/
and (max-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (min--moz-device-pixel-ratio: 2)
and (-o-min-device-pixel-ratio: 2/1)
and (min-device-pixel-ratio: 2)
and (min-resolution: 192dpi)
and (min-resolution: 2dppx)
and (orientation: portrait) {
	body {
		margin: 0;
		padding: 0;
		/*width: 100%;*/
	}
	#navigation {
		width: 100%;
		background-color: #222222;
	}
	div#menu_down {
		display: block;
		visibility: visible;
		top: 0px;
		right: 10px;
	}
	div#menu_down a {
		padding: 10px 15px 10px 15px;
		margin: 0;
		background: #000;
		text-decoration: none;
		color: #c5c5c5;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		font: 1.0em Tahoma, San-serif;
	}
	div#menu_down a:hover {
		background: #FC0;
		color: #000;
	}
	div#back_to_top {
		right: 10px;
	}
	div#back_to_top a {
		padding: 0 15px;
		padding-top: 5px;
	}
	div.navNewCatagories {
		display: none;
	}
	div.sponsorthanks {
		font-size: 0.6em !important;
	}
	.ad320 {
		display: block;
		visibility: visible;
		/*width:100%;*/
		margin:0 auto;
	}
	.ad970, .ad728, .ad428 {
		display: none;
	}
	#wrapper {
		/*width: 480px!important;*/
		/*max-width: 360px!important;*/
		font-size: smallest !important;
		width:100%;
	}
	/*#leftColumn,*/
	#leftColumn {
		width: 98%;
		padding: 0 1%;
	}
	#leftContent {
		padding: 10px 0 0 0 !important;
	}
	#leftContentTable {
		padding: 0;
		margin: 0;
		font-size: 1.0em;
		word-wrap: break-word;
	}
	.article_header {
		max-width: 460px;
		/*width: 100%;*/
		height: auto;
	}
	.article_header iframe {
		width: 310px;
		height: 174px;
	}
	.article_header img {
		width: 100%;
		height: auto;
	}
	#leftContentTable h1 {
		font-size: 1.5em;
	}
	#leftContentTable > p:first-of-type {
		font: 1.2em Calibri, Tahoma, Geneva, sans-serif;
		line-height: 1.1em;
	}
	#leftContentTable ul {
		padding: 0;
		margin: 0;
	}
	ul.frontpage {
		padding: 0 0 10px 0;
		margin: 0;
	}
	ul.frontpage li {
		width: 90%;
		float: none;
		clear: both;
	}
	div.contentResources {
		display: none;
	}
	div#leftContentTable ul.contentBlock {
		margin: 0;
		padding: 0;
	}
	#leftContentTable ul.contentBlock  li {
		float: none;
		clear: both;
		width: 98%;
	}
	#leftContent div#leftContentTable ul.contentBlock li h4 {
		text-overflow: clip;
		overflow: hidden;
	}
	#leftContent div#leftContentTable ul.contentBlock li img {
		width: 100%;
		height: auto;
	}
	#rightColumn {
		clear: both;
		width: 100%;
	}
	#footer {
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	div.footer_about {
		float: none;
		font-size: 1.0em !important;
		width: 98%;
		padding: 0 1%;
	}
	#footerNav {
		width: 98% !important;
		padding: 0 1%;
		clear: both;
		border: none;
		font-size: 1.0em !important;
	}
	#footerNav div.text {
		font-size: 1.0em !important;
		width: 100% !important;
		padding-top: 15px;
	}
	#footerNav .text img {
		float: none;
	}
	#footerNav .container {
		font-size: 1.0em !important;
	}
	#footerNav div.container ul {
		width: 98%;
		padding: 0 1%;
	}
	#footer div.container ul li {
		float: none;
	}
	#footerLinks {
		clear: both;
		float: none;
		width: 98%;
		padding: 0 1%;
	}
	div.footerBase {
		width: 100%;
	}
}
/*PORTRAIT 320*/
@media handheld, only screen
	and (min-width: 320px)
	and (max-width: 480px)
	and (orientation: portrait) {
	body {
		margin: 0;
		padding: 0;
		/*width: 100%;*/
	}
	#navigation {
		width: 100%;
		background-color: #222222;
	}
	.siteTitle {
	}
	div#menu_down {
		display: block;
		visibility: visible;
		top: 0px;
		right: 10px;
	}
	div#menu_down a {
		padding: 10px 15px 10px 15px;
		margin: 0;
		background: #000;
		text-decoration: none;
		color: #c5c5c5;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		font: 1.0em Tahoma, San-serif;
	}
	div#back_to_top {
		right: 10px;
	}
	div#back_to_top a {
		padding: 0 15px;
		padding-top: 5px;
	}
	div.navNewCatagories {
		display: none;
		background-color: #222222;
	}
	div.sponsorthanks {
		font-size: 0.6em !important;
	}
	.ad970, .ad768, .ad468 {
		display: none;
	}
	.ad320 {
		display: block;
		visibility: visible;
		/*padding-bottom: 10px;*/
		/*width:100%;*/
		margin:0 auto;
	}
	#wrapper {
		/*max-width: 480px!important;*/
		width: 100%;
		font-size: smallest !important;
	}
	#container {
		/*padding-top: 10px;*/
	}
	/*#leftColumn,*/
	#Content {
		/*max-width: 320px !important;*/
	}
	#leftColumn {
		width: 98%;
		padding: 0 1%;
	}
	#leftContent {
		padding: 10px 0 0 0 !important;
	}
	#leftContentTable {
		/*width: 320px !important;*/
		padding: 0;
		margin: 0;
		font-size: 1.0em;
		word-wrap: break-word;
	}
	.article_header {
		/*width: 310px;*/
		height: auto;
	}
	.article_header iframe {
		width: 310px;
		height: 174px;
	}
	.article_header img {
		width: 100%;
		height: auto;
	}
	#leftContentTable h1 {
		font-size: 1.5em;
	}
	#leftContentTable > p:first-of-type {
		/*background-color: gold;*/
		font: 1.2em Calibri, Tahoma, Geneva, sans-serif;
		line-height: 1.1em;
	}
	#leftContentTable ul {
		padding: 0;
		margin: 0;
	}
	ul.frontpage {
		padding: 0 0 10px 0;
		margin: 0;
	}
	ul.frontpage li {
		width: 90%;
		float: none;
		clear: both;
	}
	div.contentResources {
		display: none;
	}
	div#leftContentTable ul.contentBlock {
		margin: 0;
		padding: 0;
	}
	#leftContentTable ul.contentBlock  li {
		float: none;
		clear: both;
		width: 98%;
	}
	#leftContent div#leftContentTable ul.contentBlock li h4 {
		text-overflow: clip;
		overflow: hidden;
	}
	#leftContent div#leftContentTable ul.contentBlock li img {
		width: 100%;
		height: auto;
	}
	#rightColumn {
		clear: both;
		width: 100%;
	}
	#footer {
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	div.footer_about {
		float: none;
		font-size: 1.0em !important;
		width: 98%;
		padding: 0 1%;
	}
	#footerNav {
		width: 98% !important;
		padding: 0 1%;
		clear: both;
		border: none;
		font-size: 1.0em !important;
	}
	#footerNav div.text {
		font-size: 1.0em !important;
		width: 100% !important;
		padding-top: 15px;
	}
	#footerNav .text img {
		float: none;
	}
	#footerNav .container {
		font-size: 1.0em !important;
	}
	#footerNav div.container ul {
		width: 98%;
		padding: 0 1%;
	}
	#footer div.container ul li {
		float: none;
	}
	#footerLinks {
		clear: both;
		float: none;
		width: 98%;
		padding: 0 1%;
	}
	div.footerBase {
		width: 100%;
	}
}
/*lANDSCAPE 480 x1.5 pixel density*/
@media handheld, only screen
and (min-width: 320px)
and (max-width: 480px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (min--moz-device-pixel-ratio: 1.5)
and (-o-min-device-pixel-ratio: 1.5/1)
and (min-device-pixel-ratio: 1.5)
and (min-resolution: 144dpi)
and (min-resolution: 1.5dppx)
and (orientation: landscape) {
	body {
		/*width: 100%;*/
		margin:0;
		padding:0;
	}
	#navigation {
		width: 100%;
		background-color: #222222;
	}
	#wrapper {
		/*max-width: 480px!important;*/
		width:100%;
	}
	div.navNewCatagories {
		display: none;
	}
	div#menu_down {
		display: block;
		visibility: visible;
		top: 0px;
		right: 10px;
		font-size: medium !important;
	}
	div#back_to_top a {
		padding: 0 15px;
		padding-top: 5px;
	}
	div.sponsorthanks {
		font-size: 0.5em !important;
	}
	.ad970, .ad728, .ad468 {
		display: none;
	}
	.ad320 {
		display: block;
		visibility: visible;
		/*width:100%;*/
		margin:0 auto;
	}
	#leftColumn {
		width: 98%;
		padding: 0 1%;
	}
	#leftContent {
		padding: 10px 0 0 0;
		font-size: 0.6em !important;
	}
	#leftContentTable > p:first-of-type {
		font-size: 1.1em;
	}
	#leftContentTable h1 {
		font-size: 2.3em;
	}
	ul.frontpage {
		padding: 0 0 10px 0;
		margin: 0;
		font-size: medium;
	}
	ul.frontpage li {
		width: 90%;
		float: none;
		clear: both;
	}
	#leftContent #leftContentTable p {
	}
	.article_header {
		width: 470px;
		height: 280px;
	}
	.article_header iframe {
		width: 470px;
		height: 264px;
	}
	.article_header img {
		width: 100%;
		height: auto;
	}
	.contentResources {
		display: none;
	}
	#leftContentTable ul.contentBlock {
		padding: 0;
		margin: 0;
	}
	#leftContentTable ul.contentBlock  li {
		width: 46%;
		height: auto;
		font-size: 0.95em;
		padding: 1%;
		margin:0;
	}
	#leftContentTable ul.contentBlock li h4 {
		overflow: hidden;
	}
	#leftContentTable ul.contentBlock p {
		font-size: medium;
	}
	#leftContentTable .smf_body {
		font-size: 0.75em;
	}
	#footer {
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	div.footer_about {
		float: none;
		font-size: 0.5em !important;
		width: 98%;
		padding: 0 1%;
	}
	#footerNav {
		width: 98% !important;
		padding: 0 1%;
		clear: both;
		border: none;
		font-size: 0.6em !important;
	}
	#footerNav div.text {
		font-size: 1.0em !important;
		width: 100% !important;
		padding-top: 15px;
	}
	#footerNav .text img {
		float: none;
	}
	#footerNav .container {
		font-size: 1.0em !important;
	}
	#footerNav div.container ul {
		width: 98%;
		padding: 0 1%;
	}
	#footer div.container ul li {
		float: none;
	}
	#footerLinks {
		clear: both;
		float: none;
		width: 98%;
		padding: 0 1%;
	}
}
/*LANDSCAPE 480 x2 pixel density*/
@media handheld, only screen
and (min-width: 320px)
and (max-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (min--moz-device-pixel-ratio: 2)
and (-o-min-device-pixel-ratio: 2/1)
and (min-device-pixel-ratio: 2)
and (min-resolution: 192dpi)
and (min-resolution: 2dppx)
and (orientation: landscape) {
	body {
		margin:0;
		padding:0;
		/*width: 100%;*/
	}
	#navigation {
		width: 100%;
		background-color: #222222;
	}
	#wrapper {
		/*max-width: 480px!important;*/
		width:100%;
	}
	div.navNewCatagories {
		display: none;
	}
	div#menu_down {
		display: block;
		visibility: visible;
		top: 0px;
		right: 10px;
		font-size: medium !important;
	}
	div#back_to_top a {
		padding: 0 15px;
		padding-top: 5px;
	}
	div.sponsorthanks {
		font-size: 0.5em !important;
	}
	.ad970, .ad468, .ad728 {
		display: none;
	}
	.ad320 {
		display: block;
		visibility: visible;
		/*width:100%;*/
		margin:0 auto;
	}
	#leftColumn {
		width: 98%;
		padding: 0 1%;
	}
	#leftContent {
		padding: 10px 0 0 0;
		font-size: 0.6em !important;
	}
	#leftContentTable > p:first-of-type {
		font-size: 1.1em;
	}
	#leftContentTable h1 {
		font-size: 2.3em;
	}
	ul.frontpage {
		padding: 0 0 10px 0;
		margin: 0;
		font-size: medium;
	}
	ul.frontpage li {
		width: 90%;
		float: none;
		clear: both;
	}
	#leftContent #leftContentTable p {
	}
	.article_header {
		width: 470px;
		height: 280px;
	}
	.article_header iframe {
		width: 470px;
		height: 264px;
	}
	.article_header img {
		width: 100%;
		height: auto;
	}
	.contentResources {
		display: none;
	}
	#leftContentTable ul.contentBlock {
		padding: 0;
		margin: 0;
	}
	#leftContentTable ul.contentBlock  li {
		width: 46%;
		height: auto;
		font-size: 0.95em;
		padding: 1%;
		margin:0;
	}
	#leftContentTable ul.contentBlock li h4 {
		overflow: hidden;
	}
	#leftContentTable ul.contentBlock p {
		font-size: medium;
	}
	#leftContentTable .smf_body {
		font-size: 0.75em;
	}
	#footer {
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	div.footer_about {
		float: none;
		font-size: 0.5em !important;
		width: 98%;
		padding: 0 1%;
	}
	#footerNav {
		width: 98% !important;
		padding: 0 1%;
		clear: both;
		border: none;
		font-size: 0.6em !important;
	}
	#footerNav div.text {
		font-size: 1.0em !important;
		width: 100% !important;
		padding-top: 15px;
	}
	#footerNav .text img {
		float: none;
	}
	#footerNav .container {
		font-size: 1.0em !important;
	}
	#footerNav div.container ul {
		width: 98%;
		padding: 0 1%;
	}
	#footer div.container ul li {
		float: none;
	}
	#footerLinks {
		clear: both;
		float: none;
		width: 98%;
		padding: 0 1%;
	}
}
/*LANDSCAPE 480*/
@media handheld, only screen
	and (min-width: 320px)
	and (max-width: 480px)
	and (orientation: landscape) {
	body {
		/*width: 100%;*/
		margin:0;
		padding:0;
	}
	#navigation {
		width: 100%;
		background-color: #222222;
	}
	#wrapper {
		/*max-width: 480px!important;*/
		width:100%;
		/*font-size: smallest !important;*/
	}
	div.navNewCatagories {
		display: none;
	}
	div#menu_down {
		display: block;
		visibility: visible;
		top: 0px;
		right: 10px;
		font-size: medium !important;
	}
	div#back_to_top a {
		padding: 0 15px;
		padding-top: 5px;
	}
	div.sponsorthanks {
		font-size: 0.5em !important;
	}
	.ad970, .ad728, .ad468 {
		display: none;
	}
	.ad320 {
		display: block;
		visibility: visible;
		/*width:100%;*/
		margin:0 auto;
	}
	#leftColumn {
		width: 98%;
		padding: 0 1%;
	}
	#leftContent {
		padding: 10px 0 0 0;
		font-size: 0.6em !important;
	}
	#leftContentTable > p:first-of-type {
		font-size: 1.1em;
	}
	#leftContentTable h1 {
		font-size: 2.3em;
	}
	ul.frontpage {
		padding: 0 0 10px 0;
		margin: 0;
		font-size: medium;
	}
	ul.frontpage li {
		width: 90%;
		float: none;
		clear: both;
	}
	#leftContent #leftContentTable p {
	}
	.article_header {
		width: 470px;
		height: 280px;
	}
	.article_header iframe {
		width: 470px;
		height: 264px;
	}
	.article_header img {
		width: 100%;
		height: auto;
	}
	.contentResources {
		display: none;
	}
	#leftContentTable ul.contentBlock {
		padding: 0;
		margin: 0;
	}
	#leftContentTable ul.contentBlock  li {
		width: 46%;
		height: auto;
		font-size: 0.95em;
		padding: 1%;
		margin:0;
	}
	#leftContentTable ul.contentBlock li h4 {
		/*font-size: 1.1em;*/
		overflow: hidden;
	}
	#leftContentTable ul.contentBlock p {
		font-size: medium;
	}
	#leftContentTable .smf_body {
		font-size: 0.75em;
	}
	#footer {
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	div.footer_about {
		float: none;
		font-size: 0.5em !important;
		width: 98%;
		padding: 0 1%;
	}
	#footerNav {
		width: 98% !important;
		padding: 0 1%;
		clear: both;
		border: none;
		font-size: 0.6em !important;
	}
	#footerNav div.text {
		font-size: 1.0em !important;
		width: 100% !important;
		padding-top: 15px;
	}
	#footerNav .text img {
		float: none;
	}
	#footerNav .container {
		font-size: 1.0em !important;
	}
	#footerNav div.container ul {
		width: 98%;
		padding: 0 1%;
	}
	#footer div.container ul li {
		float: none;
	}
	#footerLinks {
		clear: both;
		float: none;
		width: 98%;
		padding: 0 1%;
	}
}
/*PORTRAIT 600*/
@media handheld, only screen
	/*and (min-device-width: 600px)*/
	and (min-width: 481px)
	and (max-width: 1023px)
	/*and (-webkit-min-device-pixel-ratio: 1.5)
	and (-webkit-min-device-pixel-ratio: 2)*/
	and (orientation: portrait) {
	body {
		/*font-size: larger;*/
		margin: 0;
		padding: 0;
		/*width: 98%;*/
	}
	.ad970, .ad320, .ad728 {
		display: none;
	}
	.ad468 {
		display: block;
		visibility: visible;
		/*width: 100%;*/
		margin: 0 auto;
	}
	#wrapper {
		width: 100%;
		/*max-width: 720px;*/
		margin: 0px auto;
		padding: 0px;
	}
	#container {
		width: 100%;
		padding: 0;
		margin: 0;
		/*font-size: larger;*/
	}
	#leftContentTable > p:first-of-type {
		font-size: 1.2em;
	}
	#navigation {
		/*height: auto;*/
		width: 100%;
		/*box-shadow: 0 0 0px 0px #333;*/
		background-color: #222222;
	}
	#leftContentTable iframe {
		width:100%;
		/*height:auto;*/
	}
	ul.frontpage {
		padding: 0;
		margin: 0;
		font-size: large;
	}
	ul.frontpage li {
		width: 45%;
		padding: 1%;
		/*float: none;
		clear: both;*/
	}
	.article_header {
		/*width: 580px;
		height: 335px !important;*/
		height: auto;
	}
	.article_header iframe {
		/*width: 580px;
		height: 326px;*/
		height: auto;
	}
	.article_header img {
		width: 100%;
		height: auto;
	}
	div#menu_down {
		display: block;
		visibility: visible;
	}
	div#back_to_top a {
		padding: 0 15px;
	}
	div.navNewCatagories {
		display: none;
	}
	div.advertsTopMain {
	}
	div.adsbygoogle {
		width: 100% !important;
	}
	#rightColumn {
		display: none;
		clear: both;
		width: 100%;
	}
	#leftColumn {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#leftContent {
		width: 100%;
		padding: 0 !important;
		margin: 0;
	}
	#leftContentTable {
		padding: 10px 10px;
		margin: 0;
	}
	#leftContentTable .smf_body img {
		width: 100% !important;
		height: auto !important;
	}
	.contentResources {
		display: none;
	}
	ul.contentBlock {
		padding: 5px;
		margin: 5px;
	}
	ul.contentBlock  il {
		display: block;
		width: 50%;
		height: auto;
		font-size: larger;
		padding: 0px;
		margin: 0px;
	}
	ul.contentBlock li h4 {
		font-size: 1.1em !important;
		overflow: hidden;
	}
	ul.contentBlock li  img {
		margin: 0px;
	}
	#footer {
		width: 100%;
		font-size: larger;
		padding: 0;
		margin: 0;
	}
	#footerNav {
		width: 100%;
		clear: both;
		border: none;
	}
	#footerNav div.container ul {
		width: 90%;
		padding: 0 20px 0 20px;
	}
	#footerNav div.text {
		padding-top: 15px;
	}
	#footerNav div.text p {
		width: 90%; /* don't set to 100% otherwise padding pushes content outside page*/
		padding: 0 10px 0px 10px;
	}
	#footerLinks {
		clear: both;
		width: 96%;
		padding: 0 10px 10px 10px;
	}
	div.footerBase {
		width: 100%;
	}
}
/*Device max width 1024 LANDSCAPE*/
@media handheld, only screen
	and (min-width: 600px)
	and (max-width: 1023px)
	/*and (-webkit-min-device-pixel-ratio: 1.5)
	and (-webkit-min-device-pixel-ratio: 2)*/
	and (orientation: landscape) {
	body {
		/*font-size: larger;*/
		margin: 0;
		padding: 0;
		/*width: 100%;*/
		/*font-size: large;*/
	}
	.ad728 {
		display: block;
		visibility: visible;
		/*width: 100%;*/
		margin: 0 auto;
	}
	.ad970, .ad468, .ad320 {
		display: none;
	}
	#navigation {
		width: 100%;
		background-color: #222222;
	}
	#wrapper {
		/*width: 970px!important;*/
		width: 100%;
		/*max-width: 1024px;*/
		margin: 0px;
	}
	#container {
		font-size: large;
	}
	#leftColumn {
		width: 660px;
		/*font-size: 1.2em;*/
	}
	#leftContentTable {
		padding: 0;
		margin: 0;
	}
	#leftContentTable > p:first-of-type {
		font-size: 1.2em;
	}
	#leftContentTable iframe {
		width:100%;
		/*height:auto;*/
	}
	ul.contentBlock {
		padding: 5px;
		margin: 5px;
	}
	ul.contentBlock  il {
		width: 50%;
		height: auto;
		font-size: larger;
		padding: 0px;
		margin: 0px;
	}
	ul.contentBlock li h4 {
		font-size: 1.1em;
		overflow: hidden;
	}
	ul.contentBlock li  img {
		margin: 0px;
	}
	#rightColumn {
		visibility:visible;
		/*display: none;
		clear: both;*/
		float: right;
		/*width:100%;*/
	}
	div.footerBase {
		width: 100%;
	}
}
/*Device width GREATER THAN 1024 LANDSCAPE*/
@media handheld, only screen
	and (min-width: 1024px)
	and (orientation: landscape) {
	body {
		/*font-size: larger;*/
		margin: 0;
		padding: 0;
		/*width: 100%;*/
		/*font-size: large;*/
	}
	#navigation {
		width: 100%;
		background-color: #222222;
	}
	.ad970 {
		display: block;
		visibility: visible;
		/*width: 100%;*/
		margin: 0 auto;
	}
	.ad728,.ad468,.ad320 {
		display: none;
	}
	#wrapper {
		/*width: 970px!important;*/
		width: 970px;
		/*max-width: 1024px;*/
		margin: 0px auto;
	}
	#leftColumn {
		max-width: 660px;
		/*font-size: 1.2em;*/
	}
	#leftContentTable iframe {
		width:100%;
		/*height:auto;*/
	}
	#rightColumn {
		visibility:visible;
		float:right;
		/*width:100%;*/
	}
	div.footerBase {
		width: 100%;
	}
}