* html #footer {
height:1px;
}

@media screen and (max-width: 899px) {
	#sidebar 
	{
		display: none !important;
	}
	#navigation
	{
		float: left;
		width: 95%;
		padding: 0;
		background: #ffffff;
	}

	#navigation ul
	{
		margin: 0;
		padding-left: 5px;
	}

	#navigation ul li
	{
		list-style-type: none;	
		display: inline;
		padding: 25px 5px 0px 5px;	
	}

	#navigation li .search
	{
		display: none !important;
	}

	#navigation li a
	{
		display: none !important;
	}

	#navigation li img
	{
		display: block;
		float: left;
		padding: 10px;
		color: #000;
		font-family: Arial; 
		font-size: 13px;
		text-decoration: none;
	}	
	#wrap {
	width:100%;
	margin:0 auto;
	}	
	#main {
		width:98%;
		padding:5px;
		background:#ffffff;
		font-size: 17px;
	}	
	#header {
		width:100%;
		text-align:center;
		margin: 0 auto;
		background:#FFFFFF;
		margin-bottom: 10px;
	}	
	img {
 		 max-width: 100%;
    		 height: auto;
	}	
	#column-wrapper {
		 width: 95%;
 		 padding: 0px 5px 5px 5px;  
		 margin-top: -3px;
	}
	.column {
		 width: 100%;
		 padding: 0px 5px 5px 5px; 
		 margin-top: -3px;    
	}
	.column.mid {
	   	 margin: -3px 30px 0px 30px;
	   	 padding: 0px 5px 5px 5px;    
	}	
	div.boxc
	{
		width:95%;
		border:1px solid;
		border-color:#ccccff;
		color: #000;
		font-weight: 500; 
		padding:0px;
		margin-bottom: 25px;
		margin-left: auto ;
		margin-right: auto ;    
	}

	.boxc ul {list-style-type: none; padding-left: 2px; margin-top: -4px;}
	.boxc li {margin: 3em 0; padding: 0; font-family: Arial; font-size:12px; font-weight: 500; text-align: left; text-decoration: none;}
	.boxc p {overflow: hidden; font-size: 12px; font-weight: 500; margin-top: 0px;}		
}

@media screen and (min-width: 900px) {

	#navigation
	{
		float: left;
		width: 960px;
		padding: 0;
		background: #ffffff;
	}

	#navigation ul
	{
		margin: 0;
		padding-left: 5px;
	}

	#navigation ul li
	{
		list-style-type: none;	
		display: inline;
		padding: 25px 5px 0px 5px;	
	}

	#navigation li .search
	{
		text-align: right;
	}

	#navigation li a
	{
		display: block;
		float: left;
		padding: 25px 5px 0px 5px;
		color: #000;
		font-weight: bold;
		font-family: Arial; 
		font-size: 13px;
		text-decoration: none;
	}

	#navigation li img
	{
		display: block;
		float: left;
		padding: 10px;
		color: #000;
		font-family: Arial; 
		font-size: 13px;
		text-decoration: none;
	}
	#sidebar {
		float:right;
		width:340px;
		padding:5px;
		background:#ffffff;
		text-align: center;
	}
	#header {
		width:960px;
		text-align:center;
		margin: 0 auto;
		background:#FFFFFF;
		margin-bottom: 10px;
	}	
	#wrap {
		width:960px;
		margin:0 auto;
		background:#FFFFFF;
	}
	#main {
		width:960px;
		padding:5px;
		background:#ffffff;
		font-size: 17px;
	}	
	#column-wrapper {
		 width: 940px;
 		 padding: 0px 5px 5px 5px;  
		 margin-top: -3px;
	}
	.column {
		 width: 280px;
		 float: left;
		 padding: 0px 5px 5px 5px; 
		 margin-top: -3px;    
	}
	.column.mid {
	   	 margin: -3px 30px 0px 30px;
	   	 padding: 0px 5px 5px 5px;    
	}	
	div.boxc
	{
		width:270px;
		border:1px solid;
		border-color:#ccccff;
		color: #000;
		font-weight: 500; 
		padding:0px;
		margin-bottom: 25px;
		margin-left: auto ;
		margin-right: auto ;    
	}

	.boxc ul {list-style-type: none; padding-left: 2px; margin-top: -4px;}
	.boxc li {margin: 3em 0; padding: 0; font-family: Arial; font-size:12px; font-weight: 500; text-align: left; text-decoration: none;}
	.boxc p {overflow: hidden; font-size: 12px; font-weight: 500; margin-top: 0px;}	
}

body,
html {
	margin:0;
	padding:0;
	color:#000;
	background:#FFFFFF;
}

.class1 A:link {color: #ffffff;}
.class1 A:visited {color: #ffffff;}
.class1 A:active {color: #ffffff;}
.class1 A:hover {text-decoration: underline; color: red;}

.class2 A:link {text-decoration: underline; color: blue;}
.class2 A:visited {text-decoration: underline; color: blue;}
.class2 A:active {text-decoration: underline; color: blue;}
.class2 A:hover {text-decoration: underline; color: green;}

.temph1 { margin-top: 0; font-size: 22px; font-weight: bold; color: #000000;} 


#footer {
clear:both;
padding:5px 10px;
background:#FFFFFF;
text-align: center;
}

.adblocksmall {
    width: 300px;
    font-size: 5em;
    margin: 0 auto 0 auto;
    display: inline-block;
}

.adblocklarge {
    width: 650px;
    font-size: 5em;
    margin: 0 auto 0 auto;
    display: inline-block;
}

.container {
	position: relative;
	width: 900px;
}
.column-left {
	width: 33%;
	left: 0;
	position: absolute;
}
.column-center {
	width: 34%;
	margin-left: 33%;
	position: absolute;
}
.column-right {
	width: 33%;
	right: 0;
	position: absolute;
}

.center {
   text-align: center;
}

.credit {
   font-size:13px;
}

p.tags {font-size:13px;}
p.date {font-size:12px; font-style:italic;}

.center2 {
   text-align: center;
}

.homeh2 {margin: 0 0 25px 0; font-size: 21px; font-weight: bold; color:#333366;}

.homeh2b {font-size: 21px; font-weight: bold; color:#000080;}

a.elem1 {text-decoration:none; color: #333366}

a.elem2 {color: #000080; font-size: 16px; font-weight: 700;}

a.elem3 {color: #000000; font-size: 12px; font-weight: 500; text-decoration:none;}

a.elem6 {text-decoration: none; font-size: 12px; color: black; font-weight: lighter;}

a.elem7 {color: #000000; text-decoration:none;}

.date {font-size:12px; font-style:italic;}

.size12 {font-size:12px;} 

#wrapper {
border-width: 1px;
margin-top: auto;
margin-bottom: auto;
margin-left: 5px;
margin-right: auto;
padding: 2px;
border-style: solid;
}

#wrapper2 {
border-right-width: 1px;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
margin-top: 0px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
padding: 4px;
background-color: e6e6fa;
border-right-style: solid;
border-bottom-style: solid;
border-top-style: solid;
border-left-style: solid;
}

.mobileblog {text-align:left; font-size: normal; margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; 
padding: 0px;}
.mobileblog H1 { font-size: 150%; font-weight: bold; color: #333366;} 
.mobileblog H2 { font-size: 125%; font-weight: bold; color: #333366;} 
.mobileblog img { max-width: 100%; }

.mobilecats {text-align:left; font-size: normal; border-width: 1px; margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; 
padding: 0px; border-style: none;}
.mobilecats H1 { font-size: 150%; font-weight: bold; color: #333366;} 
.mobilecats H2 { font-size: 125%; font-weight: bold; color: #333366;} 
.mobilecats img { max-width: 250px; }

div.blog
{
width:520px;
text-align: left;
border:0px dotted;
margin-left: auto ;
margin-right: auto ;
border-color:#000000;
padding: 10px;
margin-bottom: 15px;
}

.blog img {float:left; margin:0 10px 0 20px;}
.blog p {overflow: hidden; font-size: 17px;}

div.catblog
{
width:520px;
text-align: left;
border:0px dotted;
margin-left: auto ;
margin-right: auto ;
border-color:#000000;
padding: 10px;
margin-bottom: 15px;
}

.catblog img {float:left; margin:0 10px 0 20px;}
.catblog p {overflow: hidden; font-size: 17px;}

.wwmore {text-align:left; font-size: normal; border-width: 1px; margin-top: auto; margin-bottom: 15px; margin-left: auto; margin-right: auto; 
padding: 0px; border-style: dotted;}

p {font-size: 17px; }

.first {font-size: 17px; }

p.oldhome {border-color: #400080; border-width: 1px; padding: 3px; border-style: dotted; margin-left: 5px; margin-right: 6px; margin-top: 0px;}

h1 { font-size: 14px; color: red; font-weight: bold;}

h2 { font-size: 12px; color: black; font-weight: normal;}

h4 { background-color: #ccccff; font-size: 13px;}

h5 { font-size: 15px; color: black; font-family: Lucida; font-style: italic;}

.social {margin-top: 11px; margin-bottom: 11px; margin-left: 0}
.social h3 {float: left; width: 75px; font-size: 13px;}
.social ul {width: 600px; list-style-type: none; margin-left: 0; padding-left: 0;}
.social li {float: left; }
.social #facebook {width: 95px; margin-left: 4px; }
.social #perm {width: 90px; margin-left: 0px; }
.social #twitter {width: 100px; margin-left: 0px; }
.social #sharethis {width: 90px; margin-left: 4px; }
.social #google {width: 50px; margin-left: 4px; }
.social #digg {width: 100px; margin-left: 4px; }
.social #stumbleupon {width: 90px; margin-left: 4px; }
.social #reddit {width: 90px; margin-left: 4px; }

.begin {margin-top: 0px; margin-bottom: 0px; margin-left: 0; padding: 0;}
.begin h3 {float: left; width: 75px; font-size: 13px;}
.begin ul {width: 170px; list-style-type: none; margin: 0; padding: 0;}
.begin li {float: left; margin: 0; padding: 0;}
.begin #facebook {width: 90px; margin-left: 0px; }
.begin #twitter {width: 50px; margin-left: 1px; }

.adsamz320 {
width: 320px ;
margin-left: auto ;
margin-right: auto ;
margin-top: 25px;
margin-bottom: 25px;
}

.sideheader {font-family: Arial; font-weight: bold; border-style:solid; border-color:#ccccff; background-color:#ccccff;}
.sideheaderww {font-family: Arial; font-weight: bold; border-style:solid; border-color:#ccccff; background-color:#ffffff;}
.sideheaderrr {font-family: Arial; font-weight: bold; border-style:solid; border-color:#ccccff; background-color:#ffffff;}
.sideheaderwtch {font-family: Arial; font-weight: bold; border-style:solid; border-color:#ccccff; background-color:#ffffff;}

.img-crop {
    width: 90px;
    height: 90px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
.img-crop img {
    width: 100%
}

.img-cropcats {
    width: 90px;
    height: 90px;
    overflow: hidden;
    float: right;
    margin-right: 20px;
}
.img-cropcats img {
    width: 100%
}

.img-cropc {
    width: 110px;
    height: 70px;
    overflow: hidden;
    float: left;
    margin-right: 12px;
}
.img-cropc img {  
    width: 100%; 
}

.img-cropht {
    width: 560px;
    height: 325px;
    overflow: hidden;
    text-align: center;
}
.img-cropht img {  
    width: 100%; 
}

.img-croph {
    width: auto;
    height: 200px;
    overflow: hidden;
}
.img-croph img {  
    width: 100%; 
}

.quicktop
{
	text-align: center;
	margin: 0px 0px 10px 0px;
}

.quicktopcat 
{
	display: inline-block;
	margin-left: 15px;
}

.prodz {
  width: 570px ;
  text-align: left;
  margin-left: 0 ;
  margin-right: auto ;
  margin-bottom: 15px;
  margin-top: 10px;
  padding:5px;  
}

.adstop{width:85%;max-width:900px;margin-left:auto;margin-right:auto;margin-bottom:20px;margin-top:10px}

.adsmain {
  width: 95%;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 25px;
  margin-top: 15px;
  padding:5px;  
}

.adsmainhome {
  width: 95%;
  max-width: 800px;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 25px;
  margin-top: 15px;
  padding:5px;  
}

.adsmobr {
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 10px;
  margin-top: 20px;
  padding:5px;  
}

.prodzmob {
  width: 95% ;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 20px;
  margin-top: 25px;
  padding:5px;  
}

.contentbox {
    width: 600px;
}

.featurebox {
    width: 95%;
    max-width: 700px;
    margin-left: auto ;
    margin-right: auto ;
    margin-bottom: 20px;
    margin-top: 25px;    
}