/*
THEME NAME: Tom Robinson Fresh On The Net
DESCRIPTION: Heavily customized version of the Sandbox theme, developed by Sam David for Tom Robinson's Fresh On The Net blog
VERSION: 1.0
AUTHOR: Sam David based on <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

ul { list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em; }


body	{
	margin: 0;
	padding: 0;
	background: #6666cc;
	font-family: "Lucida Grande", "Lucida sans unicode", verdana, arial, helvetica, sans-serif;
	font-size: 0.68em;
}

a:link {
	color: #003399;
	text-decoration: none;
}

a:visited	{
	color: #003399;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
}

a img	{
	border: 0px transparent none;
	text-decoration: none;
}

#content h2, #content h2 a, #content h3, #content h3 a, h2.page-title, h2.page-title a, h3.entry-title, h3.entry-title a	{
	font: 18px/22px Tahoma, Geneva, sans-serif !important;
	text-transform: uppercase;
	margin: 5px auto 10px auto;
	color: #003399;
}

#listen a:link, .sidewhite a:link, #sidewhite a:link, a.sidewhite:link	{
	color: #ffffff;
}

#listen a:visited, .sidewhite a:visited, #sidewhite a:visited, a.sidewhite:visited	{
	color: #ffffff;
}

#listen a:hover, .sidewhite a:hover, #sidewhite a:hover, a.sidewhite:hover	{
	color: #ff0000;
}

#wrapper	{
margin: 0;
padding: 0;
border: 7px solid #6666cc;
/*width:720px;*/
}

#wrapper	{
	width:777px; /* width + borders + padding - hack for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit; 
	width:763px;
}

#container	{
	margin: 0;
	padding: 0;
float: left;
clear: both;
/*height: auto;*/
overflow: hidden;
width: 763px;
background: url(images/columns.gif);
/*background: #ffffff;*/
}

#topcontainer	{
	margin: 0;
	padding: 0;
float: left;
clear: both;
height: auto;
overflow: hidden;
width: 763px;
border-bottom: 7px solid #6666cc;
	background: url(images/columns1.gif);
}

#mastheadcontainer	{
	margin: 0;
	padding: 0;
float: left;
clear: both;
height: auto;
overflow: hidden;
width: 763px;
}
/* Layout sections: margins, floats, borders */

div#logo, div#fotn, div#listen, div#sidewhite, div#spare, div#totop, div.sidebar, div#content	{
	margin: 0;
	float: left;
}

div#logo, div#fotn, div#spare, div#totop, div.spacer	{
	border-bottom: 7px solid #6666cc;
}

div#logo, div#listen, div.sidebar, div#spare	{
	border-right: 7px solid #6666cc;
}

div#spare, div#totop	{
	border-top: 7px solid #6666cc;
}

div#spare, div.spacer{
	clear: both;
}

div#logo, div#spare, div.spacer	{
overflow:hidden;
}



/* Layout sections: colors and fonts*/

div#listen	{
	/*background: #000033;*/
	font-family: "Lucida Grande", "Lucida sans unicode", verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	/*line-height: 20px;*/
		overflow: hidden;
}


div#sidewhite	{
	/*background: #333399;*/
	color: #ffffff;
	font: 12px "Lucida Grande", "Lucida sans unicode", verdana, arial, helvetica, sans-serif;;
	line-height: 14px;
		overflow: hidden;
}

div.sidebar	{
	background: #3399CC;
}

div#content	{
	background: #ffffff;	
	font-size: 13px;
}

div#spare	{
	background: #3399cc;
}

div#totop	{
	background: #6666cc;
	text-align: center;
}

div.spacer	{
	background: #ffffff;
}

/* Layout sections: height and width, with IE 5.5 hacks*/
div#logo	{
/*	height: 60px;
	width: 180px;*/
	padding: 0;
}

#logo	{
	height: 67px; /* height + borders + padding - hack for IE 5.5 */
	width:257px; /* width + borders + padding - hack for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 60px;
	width: 250px;
}

html>body #logo {
  width:250px; /* Be nice to Opera browsers */
  height: 60px;
} 
 
div #fotn	{
/*	height: 60px;
	width: 535px;*/
	padding: 0;
}

#fotn	{
	height: 67px; /* height + borders + padding - hack for IE 5.5 */
	width:506px; /* width + borders + padding - hack for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 60px;
	width: 506px;
}

html>body #fotn {
  width:506px; /* Be nice to Opera browsers */
  height: 60px;
} 

div#listen	{
/*margin-bottom: -5000px;*/
padding: 6px 4px 8px 4px;
/*width: 172px;*/
/*height: 44px;*/
}

#listen	{
	height: 65px; /* height + borders + padding - hack for IE 5.5 */
	width:257px; /* width + borders + padding - hack for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 44px;
	width: 242px;
}

html>body #listen {
  width:242px; /* Be nice to Opera browsers */
  height: 44px;
}

div#sidewhite	{
/*	width: 521px;
	height: 44px;*/
	/*margin-bottom: -5000px;*/
	padding: 7px 7px 7px 7px ;
	}

#sidewhite	{
	height: 65px; /* height + borders + padding - hack for IE 5.5 */
	width:506px; /* width + borders + padding - hack for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 44px;
	width: 492px;
}

html>body #sidewhite {
  width:492px; /* Be nice to Opera browsers */
  height: 44px;
}	
	
div.sidebar	{
	/*margin-bottom: -10000px;*/
padding: 0 4px 4px 4px;	
	/*width: 172px;*/
}	

.sidebar	{
	width:257px; /* width + borders + padding - hack for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit; 

	width: 242px;
}

html>body .sidebar {
  width:242px; /* Be nice to Opera browsers */
}
	
div#content {
	/*margin-bottom: -10000px;*/
/*	width: 521px;*/
	padding: 0 7px 7px 7px;
}	

#content	{
	width:506px; /* width + borders + padding - hack for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 492px;
}

html>body #content {
  width:492px; /* Be nice to Opera browsers */
}
	
div#spare	{
/*width: 180px;
height: 30px;*/
display: none;
}

#spare	{
	height: 44px; /* height + borders + padding - hack for IE 5.5 */
	width:257px; /* width + borders + padding - hack for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 30px;
	width: 250px;
}

div#totop	{
/*	width: 535px;
	height: 30px;*/
}

#totop	{
	height: 44px; /* height + borders + padding - hack for IE 5.5 */
	width:763px; /* width + borders + padding - hack for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 30px;
	width: 763px;
}

html>body #totop {
  width:763px; /* Be nice to Opera browsers */
  height: 30px;
}

div.spacer	{
/*	width: 720px;
	height: 5px;*/
	padding: 0;
}

.spacer	{
	height: 14px;  /*height + borders + padding - hack for IE 5.5 */
	width:763px;  /*width + borders + padding - hack for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 7px;
	width: 763px;
}

html>body #spacer {
  width:763px; /* Be nice to Opera browsers */
  height: 7px;
}





#content a:link	{
	color: #003399;
	text-decoration: none:
}

#content a:visited	{
	color: #003399;
		text-decoration: none:
}

#content a:hover	{
	color: red;
	text-decoration: none:
}



#primary ul.xoxo li h3	{
	color:#ffffff !important;
	font-size:13px !important;
	line-height: 17px !important;
	margin: 2px 0 2px auto;
	font-family: "Lucida Grande", "Lucida sans unicode", verdana, arial, helvetica, sans-serif;
}

#primary .xoxo ul li, #primary .xoxo ul li a  {
	color:#000000;
	font-size: 11px;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida sans unicode", verdana, arial, helvetica, sans-serif;
	margin: 0px;
	line-height: 17px;
	text-decoration: none;
	text-indent: -2em;
}

#primary .xoxo ul li a:hover	{
	color: red;
}

/* Just some example content */

div#menu {
/*background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;*/
}

div#menu ul,div#menu ul ul {
/*line-height:1;
list-style:none;
margin:0;
padding:0;*/
}

div#menu ul a {
display:block;
/*margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;*/
}

div#menu ul ul ul a {
/*font-style:italic;*/
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
/*left:auto;*/
}

.entry-title,.entry-meta {
/*clear:both;*/
}

/*.entry-meta	{
	padding-bottom: 10px;
}

.entry-content	{
	border-bottom: 1px solid #c0c0c0;
}*/

div#container,div#primary {
/*margin-top:2em;*/
}

form#commentform .form-label {
/*margin:1em 0 0;*/
}

form#commentform span.required {
/*background:#fff;
color:#c30;*/
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
/*padding:0.2em;*/
}

div.comments ol li {
/*margin:0 0 3.5em;*/
}

textarea#comment {
/*height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;*/
}

.alignright,img.alignright{
/*float:right;
margin:1em 0 0 1em;*/
}

.alignleft,img.alignleft{
/*float:left;
margin:1em 1em 0 0;*/
}

.aligncenter,img.aligncenter{
/*display:block;
margin:1em auto;
text-align:center;*/
}

div.gallery {
/*clear:both;
height:180px;
margin:1em 0;
width:100%;*/
}

p.wp-caption-text{
/*font-style:italic;*/
}

div.gallery dl{
/*margin:1em auto;
overflow:hidden;
text-align:center;*/
}

div.gallery dl.gallery-columns-1 {
/*width:100%;*/
}

div.gallery dl.gallery-columns-2 {
/*width:49%;*/
}

div.gallery dl.gallery-columns-3 {
/*width:33%;*/
}

div.gallery dl.gallery-columns-4 {
/*width:24%;*/
}

div.gallery dl.gallery-columns-5 {
/*width:19%;*/
}

div#nav-above {
/*margin-bottom:1em;*/
}

div#nav-below {
/*margin-top:1em;*/
}

div#nav-images {
/*height:150px;
margin:1em 0;*/
}

div.navigation {
height:1.25em;
margin-bottom: 10px;
padding-bottom: 10px;
text-align: center;
border-bottom: 1px solid #DCDCDC;
}

div.navigation div.nav-next {
/*float:right;
text-align:right;*/
}

div.sidebar h3 {
/*font-size:1.2em;*/
}

div.sidebar input#s {
/*width:7em;*/
}

div.sidebar li {
/*list-style:none;
margin:0 0 2em;*/
}

div.sidebar li form {
/*margin:0.2em 0 0;
padding:0;*/
}

div.sidebar ul ul {
/*margin:0 0 0 1em;*/
}

div.sidebar ul ul li {
/*list-style:disc;
margin:0;*/
}

div.sidebar ul ul ul {
/*margin:0 0 0 0.5em;*/
}

div.sidebar ul ul ul li {
/*list-style:circle;*/
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
/*float:left;*/
}

div#header,div#footer {
/*text-align:center;*/
}

input#author,input#email,input#url,div.navigation div {
/*width:50%;*/
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
/*margin:0;
padding:0;*/
}


/* fROM SAMPLE PAGE*/


a {
	color: #003399;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
}
/*.blogtext {
	font-family: "lucida grande";
	font-size: 13px;
	left: 4px;
	right: 4px;
	padding: 10px;
}*/

/*.mainmenus6pxSpaced {
	font-size: 12px;
	font-weight: bold;
	padding: 24px 0px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 17px;
}*/

.sociable_tagline	{
 font-family: font-family: "Lucida Grande", "Lucida sans unicode", verdana, arial, helvetica, sans-serif !important;	
 font-size: 110% !important;
 color: #CCCCCC !important;
}

.entry-meta	{
	padding-bottom: 15px;
	/* border-bottom: 1px solid #DCDCDC; */
}

.published	{
	border: 0px transparent none;
}

.entry-title	{
	padding-top: 10px;
}