/*
THEME NAME: foox-u.com
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.5.2
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/
/***********[ Newsletter box classes ]***********/ 
#signupBox 
{
	position: absolute; 
	right: 30px; 
	top: 0px;
}

#signupBox .myForm TD {
 FONT-FAMILY: tahoma; FONT-SIZE: 12px
}
#signupBox INPUT {
 FONT-FAMILY: tahoma; FONT-SIZE: 12px
}
#signupBox SELECT {
 FONT-FAMILY: tahoma; FONT-SIZE: 12px
}
#signupBox TEXTAREA {
 FONT-FAMILY: tahoma; FONT-SIZE: 12px
}
#signupBox checkbox {
 FONT-FAMILY: tahoma; FONT-SIZE: 12px
}
#signupBox .required {
 COLOR: red
}

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */


/* Just some example content */
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}

.entry-title{clear:both;}
div.sidebar{margin-top:2em; text-align: left;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em; margin-top: 15px;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
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%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:14px;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0; margin-bottom: 15px;  line-height: 18px; }
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 10px;}
div.sidebar ul ul li{list-style:none;margin:0; margin-bottom: 10px; }
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

div#footer{text-align:center;}

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}

#content { width: 770px; float: right; }
.sidebar { font-size: 13px; }
body {
  background:               #FFFFFF;
  color:                    #000000;
  font-family:              Verdana, Arial, Sans-Serif;
  font-size:                13px;
  font-weight:              normal;
}

#site {
	margin: 				0px auto;
	width:					1000px;
	max-width:				1000px;
}

.subLink {
	font-size:				12px;
}

#pageNav {
	text-align:				right;
	margin-right:			100px;
	font-size:				x-small;
}

.pageNavLink {
	font-style:				italic;
	color:					black;
	text-decoration:		none;
	font-weight:			bold;
}

#header {
	min-height:				110px;
	min-width:				600px;
	margin-left:			0px;
	margin-top:				15px;
	background:		 		url(http://foox-u.com/images/y7/top-bg.jpg) bottom left no-repeat;
}

a img{
	border: none;
}

#left {
	float:					left;
	width: 100px; 
	background-image:		url(http://foox-u.com/images/y7/left-bg.jpg);
	background-repeat:		no-repeat;
	background-position:	left top;
	padding-left:			50px;
	padding-top:			40px;
	text-align:				right;
	line-height:			30px;
}

#logo {
	position:				relative;
	bottom:					10px;
	left:					50px; 
}

#right {
	float:					right;
	width:					600px;
	min-width:				34px;
	max-width:				34px;
	background:				url(http://foox-u.com/images/y7/right-bg.jpg) right top;
	background-repeat:		repeat-y;
}

.AddToCart {
	font-style:				italic;
	color:					#CC0000;
	text-decoration:		none;
}

#contentView {
	background-image:		url(http://foox-u.com/images/y7/bg-strip.jpg);
	background-repeat:		repeat-y;
	background-position:	19px 0px;
	width:940px;
	padding-right: 40px; 
}

#footer {
	clear:					left;
	margin-top:				0px;
	min-height:				30px;
	max-height:				50px;
	margin-left:			20px;
	min-width:				1004px;
	background:				url(http://foox-u.com/images/y7/bottom-bg.jpg) left top no-repeat;
}

#left a {
	font-family:			Arial, Helvetica, sans-serif;
	text-decoration:		none;
	color:					#222222;
	font-style:				italic;
}

#top-left-bg {
	position:				absolute;
	top:					0px;
	left:					0px;
	min-height:				121px;
	min-width:				85px;
	z-index:				0;
	background:				url(http://foox-u.com/images/y7/top-left.png) left top no-repeat;
}

#top-right-bg {
	position:				absolute;
	top:					0px;
	right:					0px;
	min-height:				121px;
	min-width:				85px;
	z-index:				1;
	background:				url(http://foox-u.com/images/y7/top-right.jpg) right top no-repeat;
}

#bottom-left-bg {
	position:				absolute;
	bottom:					0px;
	left:					0px;
	min-height:				94px;
	min-width:				86px;
	z-index:				1;
	background:				url(http://foox-u.com/images/y7/bottom-left.jpg) left bottom no-repeat;
}

#bottom-right-bg {
	position:				absolute;
	bottom:					0px;
	right:					0px;
	min-height:				86px;
	min-width:				80px;
	z-index:				0;
	background:				url(http://foox-u.com/images/y7/bottom-right.jpg) no-repeat;
	background-position:	500px 0px;
}

#tblMain {
  text-align:               left;
  width:                    90%;
}

#tdLogo {
  background:               #01669A;
  border-top:               1px solid #000000;
  border-left:              1px solid #000000;
  border-bottom:            1px solid #000000;
  color:                    #FFFFFF;
  font-family:              Verdana, Arial, Sans-Serif;
  font-size:                small;
  font-weight:              normal;
}

#tdMain {
  background:               #FFFFFF;
  border-left:              1px solid #000000;
  border-bottom:            1px solid #000000;
  border-right:             1px solid #000000;
  color:                    #000000;
  font-family:              Verdana, Arial, Sans-Serif;
  font-size:                small;
  font-weight:              normal;
}

#tblContent {
  background:               #FFFFFF;
  color:                    #000000;
  font-family:              Verdana, Arial, Sans-Serif;
  font-size:                small;
  font-weight:              normal;
  padding:                  5px 5px;
  width:                    100%;
}

#spnCopyright {
  background:               transparent;
  color:                    #000000;
  font-family:              Verdana, Arial, Sans-Serif;
  font-size:                small;
  font-weight:              normal;
}

#spnCopyright a {
  color:                    #000000;
  font-family:              Verdana, Arial, Sans-Serif;
  font-size:                small;
  font-weight:              normal;
}

#spnCopyright a:hover {
  color:                    #990000;
  font-family:              Verdana, Arial, Sans-Serif;
  font-size:                small;
  font-weight:              normal;
}

.clear { clear: both; }

