/* bgcolor="black" text="#ccccff" link="#33ff00" alink="red" vlink="#ff00ff" */

body
{
	margin-bottom: 18px;
	background-color: #F3F8FE;
	color: #333;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-weight: bold; font-size: 16px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 13px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }

input, textarea
{
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	
}

textarea
{
	margin: 0px;
	padding: 0px;
}

ul {
   /* list-style-image: url(); */
   list-style-type: circle;
}

img
{
	border: none;
	margin: 5px;
}


.clearfix {
	clear: both; /* clear left and right aligns */
	font-size: 0px;
	line-height: 0px;
	padding: 0px;
}

.clear-left {
	clear: left; /* clear left and right aligns */
	font-size: 0px;
	line-height: 0px;
	padding: 0px;
}

#header-logo-banner {
  /* background-image: url(/images/juggle1.gif); */
   height: 118px;
   width: 800px; 
   margin: 0px;
   
}

#header-logo-banner img {
	padding: 0px;
	margin: 0px
   
}

#footer-banner
{
	background-color: #ff5930;
	width: 768px; /* 800 - 16 *2 */
	font-size: 10px;
	text-align: center;
	padding: 16px;
	margin-top: 8px;
	color: #fff;
}

#footer-banner a {
	 color: #ff3; 
}

.main-container
{
	width: 768px;
	margin-left: 16px;
}

.left-subcontainer {
  float: left;
  width: 568px;
}

.left-subcontainer2 {
	float: left;
    width: 524px;
      padding: 0px 27px 10px 17px;
   
   background-color: #cef;
   border-color: #bde;
   border-style: solid;
   border-width: 3px;
}

.left-column {
   float: left;
   width: 224px;
   padding-bottom: 12px;
   
  /* background-color: #efc; debug */
}

.bottom-row {
	margin-left: 200px;
	font-size: 10px;
}

.middle-column {
   float: left;
   width: 310px;
   padding: 0px 27px 10px 17px;
   
   background-color: #cef;
   border-color: #bde;
   border-style: solid;
   border-width: 3px;
}

.right-column {
	float: right;
	width: 164px;
	padding: 4px 0px 10px 10px;
	margin: 0px 0px 10px 10px;
	line-height: 18px;
	text-align: left;


}


#main-info {
   float: left;
   width: 310px;
   padding: 0px 27px 10px 17px;
   
   background-color: #cef;
   border-color: #bde;
   border-style: solid;
   border-width: 3px;
}

#dev
{
	padding-right: 10px;
	background-color: #fec;
	border-color: #edb;
	border-style: solid;
    border-width: 3px;

	
}

#iphone
{
	padding-right: 10px;
	padding-top: 10px;
	background-color: #fbb;
	border-color: #eaa;
	border-style: solid;
   border-width: 3px;
	
}

#iphone ul {
	font-size: 11px;
	line-height: 120%;
	

   /* list-style-image: url(); */
   list-style-type: circle;
}




#iphone2
{
	float: right;
	width: 164px;
	padding: 4px 0px 10px 10px;
	margin: 0px 0px 10px 10px;
	line-height: 18px;
	text-align: center;
	padding-right: 10px;
	padding-top: 10px;
	background-color: #E6B91B;
	border-color: #da0;
	border-style: solid;
	border-width: 3px;
}



#parody
{
	padding-right: 10px;
	background-color: #afa;
	border-color: #9e9;
	border-style: solid;
    border-width: 3px;
	font-size: 11px;

}

#featured
{
	width: 340px;
	padding: 5px 15px 15px 15px;
	margin: 20px 20px 20px 120px;
	background-color: #8a8;
	border: 3px #686 dashed;
	color: #000;
}

#featured2
{
	float: right;
	width: 480px;
	padding: 5px 15px 15px 15px;
	margin: 12px 8px 0px 0px;
	background-color: #8a8;
	border: 3px #686 dashed;
	color: #000;
}

.input-text {
	width: 300px;

}

.gamethumb
{
	margin: 10px 0px 10px 20px;
	border: 4pt #E6FFD9 ridge;
	float: right;
	
}

.quote
{
	margin-left: 3em;
	font-style: oblique;
	line-height: 120%;
	font-family: Times New Roman, serif;
 	font-size: 12px;
}


/* new stuff home page redesign march 2011 */

/* outside container */
#universe
{
  margin: 0px auto; width: 800px;
  
}

.iphone4container
{
	float: left;
	width: 240px;
	height: 350px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 5px;
	text-align: center;
	/* background-color: #E6B91B; */
	/* border-color: #da0;
	 border-style: solid;
	 border-width: 3px; */

	text-decoration: none; /* to remove the underline */

	
}

.iphone4device{
	background-image: url(/images/iPhone4_50pct.png);
	background-repeat: no-repeat;
	width: 218px;
	height: 416px;
	top: -32px;
	left: 10px;
	position: relative;

}

.iphone4screen
{
	top: 80px;
	left: 0px;
	position: relative;
}

.iphone4apptitle
{
	
	font-size: 13px;
	font-weight: bold;
	line-height: 100%;
	color: #ffffff;
	top: 36px;
	position: relative;
	z-index: 1;
	 visibility: hidden; 
/*	display: none; */
	 
	 text-decoration: none; /* to remove the underline */
	/*cursor: text; */
	/* to make the cursor stay as a text cursor, not the hand */



}

.iphone4container:hover .iphone4apptitle
{
	/* display: block; */
	visibility: visible;
}

.menunav
{
	color: #FFF;
	top: -40px;
	position: relative;
	left: 40;
	text-align: right;	
	text-decoration: none;
	/* to remove the underline */
	/* cursor: text; */
	/* to make the cursor stay as a text cursor, not the hand */
	font-weight: bolder;
}

.menunav a{
	color: #FFF;
}


.app-store-badge img { 
	padding: 0px; 
	margin: 0px;
	text-align: left;
	
}

.icon {
	padding: 5px;
}

.screenshot {
	padding-right: 10px;
	padding-top: 10px;
	background-color: #cfc;
	border-color: #9e9;
	border-style: solid;
   border-width: 3px;
}