@charset "UTF-8";
/* CSS Document */

/* ====================================================================
GLOBAL STYLES
-------------------------------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	background-image: url(/images/bg.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center;
	background-color:transparent;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

form {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

table, tr, td {
	margin: 0px;
	padding: 0px;
}

input .news {
	padding: 3px;
	font-size: x-small;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
	margin: 0px;
	border-top: 1px solid #71b4d5;
	border-right: 1px solid #71b4d5;
	border-bottom: 1px solid #3399FF;
	border-left: 1px solid #3399FF;
}

.submit {
	padding: 3px;
	font-size: x-small;
	color: #ffffff;
	font-weight: bold;
	background-color: #90d3f0;
	margin: 0px;
	border-top: 1px solid #3399FF;
	border-right: 1px solid #3399FF;
	border-bottom: 1px solid #3399FF;
	border-left: 1px solid #3399FF;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.bar1 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #71b4d5;	
}

.awardtable {
	background-color: #f0f0f0;
}

.awardheader {		
	background-color: #90d3f0;
}	
/* ====================================================================
BODY STYLES
-------------------------------------------------------------------- */
#wrapper table {
	margin-left : auto;
	margin-right : auto;
	padding: 0px;
}

.Frame {
	border: none;	
	width: 800px;
	height: 800px;
}

.sponsors1 p {
	background: #ffffff url(/images/bg_top_L.jpg) top left no-repeat;
}
		
.sponsors1 p span {
	display: block; /* sets all spans inside p to block, so only need this once */
	background: url(/images/bg_top_R.jpg) top right no-repeat;
}
		
.sponsors1 p span span {
	background: url(/images/bg_bot_R.jpg) bottom right no-repeat;
}

.sponsors1 p span span span {
	padding: 15px;
	height: 0; /* fixes a padding bug in IE */
	background: url(/images/bg_bot_L.jpg) bottom left no-repeat;
}

.sponsors1 p span span > span {
			height: auto; /* sets the height back to auto for all other browsers */
}
	
/* ====================================================================
TOP NAV: home|about|retail|faq|contact STYLES
-------------------------------------------------------------------- */
#corpNav  {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: small;
	font-weight: normal;
	color: #CCCCCC;
}

#corpNavsub  {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: small;
	font-weight: normal;
	color: #CCCCCC;
}

#corpNav ul  {
	margin: 0px;
	padding: 0px;
}

#corpNav li {
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#corpNav li:after {
     content: " | ";
	 padding-left: 8px;
}

#corpNav li:last-child:after {
     content: "";
}

#corpNav a  {
	color: #999999;
	text-decoration: none;
}

#corpNav a:hover  {
	color: #CCCCCC;
	text-decoration: underline;
}
#corpNav .number  {
	color: #999999;
}
/* ====================================================================
mimoco HEADER BACHGROUND
-------------------------------------------------------------------- */
#header  {
	background-image: url(/images/bg_bnr_blooh.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 128px;
}

#header p  {
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 85px;
}

/* ====================================================================
MAIN NAV: shop|mimobots|vimobots|mimoZine|artists|news|forum STYLES
-------------------------------------------------------------------- */
#mainNav  {
	list-style-type: none;
	color: #FFFFFF;
	background-color: #90d3f0;
	margin: 0px;
	padding: 5px 0px;
}

#mainNav ul {
	margin: 0px;
	padding: 0px;
}

#mainNav li {
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#mainNav li:after {
     content: " | ";
	 padding-left: 8px;
}

#mainNav li:last-child:after {
     content: "";
}

#mainNav a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#mainNav a:hover {
	color: #0099FF;
	text-decoration: none;
}

.mid {
	background-color: #9fd5dd;
}
	
/* ====================================================================
SUB LINKS: myspace|facebook|virb STYLES
-------------------------------------------------------------------- */
#sublinks  {
	list-style-type: none;
	color: #3399FF;
	margin: 0px;
	padding: 3px 0px;
	font-size: x-small;
}

#sublinks p  {
	margin: 0px;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}

#sublinks ul {
	margin: 0px;
	padding: 0px;
}

#sublinks li {
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#sublinks li:after {
     content: " | ";
	 padding-left: 8px;
}

#sublinks li:last-child:after {
     content: "";
}

#sublinks a {
	color: #3399FF;
	text-decoration: none;
}

#sublinks a:hover {
	color:#3399FF;
	text-decoration: underline;
}
/* ====================================================================
splash BACKGROUND
-------------------------------------------------------------------- */
#splash {
	margin: 0px;
	padding: 0px;
	width: 799px;
	height: 308px;
}

#splash img  {
	margin: 0px;
	padding: 0px;
}

/* ====================================================================
CONTENT - MAIN WRAPPER STYLES
-------------------------------------------------------------------- */
#content  {
	padding: 3px 0px;
	width: 799px;
	margin: 0px;
	color: #333333;
}

#content h1  {
	font-size: small;
	font-weight: bold;
	color: #3399FF;
	text-align: center;
}

#content h2  {
	font-size: large;
	font-weight: bold;
	color: #3399FF;
}

#content h3  {
	font-size: small;
	color: #000000;
	text-align: center;
}

#content td  {
	padding: 5px;
	vertical-align: top;
	margin: 0px;
}


/* ====================================================================
MAIN CONTENT STYLES
-------------------------------------------------------------------- */
#contentMain {
	color: #333333;
}

#contentMain .imgBorder  {
	padding: 0px;
	border: 1px solid #333333;
}

#contentMain h1  {
	font-size: medium;
	font-weight: bold;
	color: #3399FF;
}

#contentMain h2  {
	font-size: large;
	font-weight: bold;
	color: #3399FF;
}

#contentMain h3  {
	font-size: small;
	font-weight: bold;
	color: #3399FF;
	margin: 0px 0px -15px;
	padding: 0px;
}

#contentMain .caption  {
	font-size: x-small;
	font-weight: normal;
	color: #333333;
	line-height: 15px;
}

#contentMain a {
	color: #3399FF;
	text-decoration: underline;
}

#contentMain a:hover {
	text-decoration: none;
}

/* ====================================================================
COLUMN: Sub 1 Box STYLES
-------------------------------------------------------------------- */
#contentsub1	{
	font-size: small;
	font-weight: normal;
	color: #999999;
	padding: 0px;
}

#contentsub1 p {
	background: #ffffff url(/images/bg_top_L.jpg) top left no-repeat;
}
		
#contentsub1 p span {
	display: block; /* sets all spans inside p to block, so only need this once */
	background: url(/images/bg_top_R.jpg) top right no-repeat;
}
		
#contentsub1 p span span {
	background: url(/bg_bot_R.jpg) bottom right no-repeat;
}

#contentsub1 p span span span {
	padding: 15px;
	height: 0; /* fixes a padding bug in IE */
	background: url(/images/bg_bot_L.jpg) bottom left no-repeat;
}

#contentsub1 p span span > span {
			height: auto; /* sets the height back to auto for all other browsers */
}

#contentsub1 p#news {
			width: 40%;
}

#contentsub1 h1  {
	font-size: small;
	font-weight: bolder;
	color: #666666;
}

#contentsub1 a	{
	color: #666666;
	text-decoration: underline;
}

#contentsub1 a:hover	{
	text-decoration: none;	
}

#contentsub1 ul {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#contentsub1 li {
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
	list-style-type: disc;
}

.extra {
	font-size: small;
	color: #999999;
	padding: 5px;
}
/* ====================================================================
COLUMN 1 STYLES
-------------------------------------------------------------------- */
#content1 {
	color: #333333;
	background-color: ececec;
}

#content1 .imgBorder  {
	padding: 0px;
	border: 1px solid #333333;
}

#content1 h1  {
	font-size: medium;
	font-weight: bold;
	color: #3399FF;
}

#content1 h2  {
	font-size: large;
	font-weight: bold;
	color: #3399FF;
}

#content1 h3  {
	font-size: small;
	font-weight: bold;
	color: #3399FF;
	margin: 0px 0px -15px;
	padding: 0px;
}

#content1 a {
	color: #333333;
	text-decoration: underline;
}

#content1 a:hover {
	text-decoration: none;
}

.sponsors {
}	
/* ====================================================================
COLUMN 3: rounded corner background STYLES
-------------------------------------------------------------------- */
#content2	{
	font-size: small;
	font-weight: normal;
	color: #333333;
	padding: 0px;
}

#content2 p {
	background: #ffffff url(/images/bg_top_L.jpg) top left no-repeat;
}
		
#content2 p span {
	display: block; /* sets all spans inside p to block, so only need this once */
	background: url(/images/bg_top_R.jpg) top right no-repeat;
}
		
#content2 p span span {
	background: url(/images/bg_bot_R.jpg) bottom right no-repeat;
}

#content2 p span span span {
	padding: 15px;
	height: 0; /* fixes a padding bug in IE */
	background: url(/images/bg_bot_L.jpg) bottom left no-repeat;
}

#content2 p span span > span {
			height: auto; /* sets the height back to auto for all other browsers */
}

#content2 p#news {
			width: 40%;
		}

#content2 a	{
	color: #666666;
	text-decoration: underline;
}

#content2 a:hover	{
	text-decoration: none;	
}

#content2 ul {
	margin: 0px;
	padding: 0px;
}

#content2 li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
	list-style-type: none;
}

.extra {
	font-size: small;
	color: #999999;
	padding: 5px;
}
/* ====================================================================
SUB COLUMN 3: rounded corner background STYLES
-------------------------------------------------------------------- */
#content3	{
	font-size: x-small;
	font-weight: normal;
	color: #666666;
	padding: 0px;
}

#content3 p {
	background: #ffffff url(/images/bg_top_L.jpg) top left no-repeat;
}
		
#content3 p span {
	display: block; /* sets all spans inside p to block, so only need this once */
	background: url(/images/bg_top_R.jpg) top right no-repeat;
}
		
#content3 p span span {
	background: url(/images/bg_bot_R.jpg) bottom right no-repeat;
}

#content3 p span span span {
	padding: 15px;
	height: 0; /* fixes a padding bug in IE */
	background: url(/images/bg_bot_L.jpg) bottom left no-repeat;
}

#content3 p span span > span {
			height: auto; /* sets the height back to auto for all other browsers */
}

#content3 a	{
	color: #666666;
	text-decoration: underline;
}

#content3 a:hover	{
	text-decoration: none;	
}

#content3 ul {
	margin: 0px;
	padding: 0px;
}

#content3 li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
	list-style-type: none;
}

/* ====================================================================
COLUMN 4: Left Column bullet list STYLES
-------------------------------------------------------------------- */
#content4	{
	font-size: small;
	font-weight: normal;
	color: #666666;
	padding: 0px;
}

#content4 p {
	background: url(/images/bg_top_L.jpg) top left no-repeat;
}
		
#content4 p span {
	display: block; /* sets all spans inside p to block, so only need this once */
	background: url(/images/bg_top_R.jpg) top right no-repeat;
}
		
#content4 p span span {
	background: url(/images/bg_bot_R.jpg) bottom right no-repeat;
}

#content4 p span span span {
	padding: 15px;
	height: 0; /* fixes a padding bug in IE */
	background: url(/images/bg_bot_L.jpg) bottom left no-repeat;
}

#content4 p span span > span {
			height: auto; /* sets the height back to auto for all other browsers */
}

#content4 a	{
	color: #666666;
	text-decoration: underline;
}

#content4 a:hover	{
	text-decoration: none;	
}

#content4 ul {
	margin: 3px 0px 3px 3px;
	padding: 3px 0px 3px 3px;
}

#content4 li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 3px;
	list-style-type: disc;
}

/* ====================================================================
CONTENT STYLES
-------------------------------------------------------------------- */
#contest	{
	font-size: small;
	font-weight: normal;
	color: #ffffff;
	padding: 3px 0px;
	width: 799px;
	margin: 0px;
}

#contest h1  {
	font-size: small;
	font-weight: bold;
	color: #3399FF;
}

#contest h2  {
	font-size: large;
	font-weight: bold;
	color: #3399FF;
}

#contest h3  {
	font-size: medium;
	font-weight: bold;
	color: #3399FF;
}

#contest td  {
	padding: 5px;
	vertical-align: top;
	margin: 0px;
}

#contest a	{
	color: #ffffff;
	text-decoration: underline;
}

#contest a:hover	{
	text-decoration: none;	
}

#contest .txt	{
	font-size: small;
	font-weight: normal;
	color: #333333;
	
}

/* ====================================================================
SHOP - GLOBAL STYLES
-------------------------------------------------------------------- */
#shop  {
	padding: 3px 0px;
	width: 799px;
	margin: 0px;
	color: #333333;
}

#shop h1  {
	font-size: small;
	font-weight: bold;
	color: #3399FF;
}

#shop h2  {
	font-size: large;
	font-weight: bold;
	color: #3399FF;
}

#shop td  {
	padding: 5px;
	vertical-align: top;
	margin: 0px;
}

/* ====================================================================
SHOP - MAIN STYLES
-------------------------------------------------------------------- */

#shop1 {
	color: #666666;
}

#shop1 h1  {
	font-size: medium;
	font-weight: bold;
	color: #333333;
}

#shop1 h2  {
	font-size: large;
	font-weight: bold;
	color: #333333;
}

#shop1 h3  {
	font-size: small;
	font-weight: bold;
	color: #333333;
	margin: 0px 0px -15px;
	padding: 0px;
}

#shop1 a {
	color: #666666;
	text-decoration: underline;
}

#shop1 a:hover {
	text-decoration: none;
}

/* ====================================================================
SHOP - NAVIGATION STYLES
-------------------------------------------------------------------- */

#shop2	{
	font-size: small;
	font-weight: normal;
	color: #333333;
	padding: 0px;
}

#shop2 h1	{
	font-size: small;
	font-weight: bolder;
	color: #333333;
	padding: 3px 0px 2px 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	text-transform: lowercase;
}

#shop2 h2	{
	font-size: small;
	font-weight: bolder;
	color: #333333;
	padding: 3px 0px 2px 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #999999;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	text-transform: lowercase;
}

#shop2 h3	{
	font-size: small;
	font-weight: bolder;
	color: #333333;
	padding: 3px 0px 3px 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	text-transform: lowercase;
	background-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
}


#shop2 a	{
	color: #333333;
	text-decoration: none;
}

#shop2 a:hover	{
	text-decoration: underline;	
}



/* ====================================================================
FOOTER STYLES
-------------------------------------------------------------------- */		
#Footer  {
	font-size: small;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 20px;
	color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	text-align: center;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#Footer p  {
	margin: 0px;
	padding: 0px;
}

#Footer li {
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 3px;
}

#Footer li:after {
     content: " | ";
	 padding-left: 5px;
}

#Footer li:last-child:after {
     content: "";
}

#Footer a  {
	color: #999999;	
	text-decoration:none;
}

#Footer a:hover  {
	color: #cccccc;	
	text-decoration: underline;
}

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}