/****************************************************************************
*****************************************************************************
*****************************************************************************

	This "iPhone.css" file specifically targets mobile Safari for the iPhone.
	
	The css code below has been documented for custom modication purposes.
	
	I do not offer support for any code modified past the "danger zone" as 
	you'll see below, same goes for additional code you
	decide to add in. And, please do not email custom code requests, 
	my support only covers anything going wrong with the original theme.  

	Note: You can downlaod Apple's iPhone simulator for real world
	testing. To get access though, you must regster as an iPhone Developer.

    http://developer.apple.com/iphone/program/start/register/
    
    If you do this, be prepared for a 1.75 GB file download.
    
    
    Thank you for supporting my work with your purchase. 
       
      ~ Nick Cates 
      Rapid Refills.com
        

*****************************************************************************
*****************************************************************************
*****************************************************************************/


/* h1.title and h2.slogan:

   "font-size" - Adjusts the size of the (non-link) footer text.
   
   "color" - Adjusts the color of the menu links.
   			 Google "css hex color" for more color options. */

h1.title{
	font-size: 38px;
}

h2.slogan{
	color: #ddd;
	font-size: 19px;
}

/* #trim:

   "border-bottom-width" - Adjusts the height of the footer color trim line.
   
   "height" - Adjusts the height of the entire footer section.
   			  When adjusting this value, you must adjust the "#highlight: top" 
   			  to the same pixel value. */

#trim {
	border-bottom-width: 10px;
	height: 200px;
}

#highlight {
	top: 200px;
}

/* #contentWrapper:

   "padding" - Adjusts the space between the content section and footer 
   			   in order of top, right, bottom, left. */

#contentWrapper{
	padding: 25px 0 25px 0;
}



/* @group Toolbar Level 1 */

/* #toolbar ul:

   "margin-top" - Adjusts the space between the header section and toolbar. */
   				   
#toolbar{
	margin-top: 55px;
}

/* #toolbar ul li:
   
   "background" - Adjusts the color of the email button background.
   				  Google "css background" for more image and color options.
   				  
   "font-size" - Adjusts the size of the menu links.
    
   "-webkit-border-radius" - Adjusts the radius of rounded email button corners.
   
   "-webkit-appearance" - Makes the iPhone render this as a button.
   						  Don't want the button look? Delete the code line. */
   						  
#toolbar ul li{
	background: #111;
	font-size: 18px;
	-webkit-border-radius: 15px;
	-webkit-appearance: push-button;
}

/* #toolbar ul li a:

   "color" - Adjusts the color of the menu links.
   			 Google "css hex color" for more color options.
   
   "text-shadow" - Adjusts the shadow of the email button text.
   				   Google "css text shadow" for more options. */
   				   
#toolbar ul li a{
	color: #ffffff;
	text-shadow: #0f0f0f 0 0 4px;
}

/* @end */



/* @group Toolbar Sub Menu */

/* #myExtraContent4 ul li:

   "font-size" - Adjusts the size of the menu links.
   
   "background" - Adjusts the color of the email button background.
   				  Google "css background" for more image and color options.
    
  "-webkit-border-radius" - Adjusts the radius of rounded email button corners.
   
   "-webkit-appearance" - Makes the iPhone render this as a button.
   						  Don't want the button look? Delete the code line. */

.sub1 ul li{
	font-size: 16px;
	background: #262d42;
	-webkit-border-radius: 10px;
	-webkit-appearance: push-button;
}


/* .sub1 ul li a:

   "color" - Adjusts the color of the menu links.
   			 Google "css hex color" for more color options.
   
   "text-shadow" - Adjusts the shadow of the email button text.
   				   Google "css text shadow" for more options. */
   				   
.sub1 ul li a{
	color: #ffffff;
	text-shadow: #2c2c2c 0 0 3px;
}

/* @end */

/* @group "Extra Content" Sub Menu */

/* #myExtraContent4 ul li:

   "font-size" - Adjusts the size of the menu links.
   
   "background" - Adjusts the color of the email button background.
   				  Google "css background" for more image and color options.
    
  "-webkit-border-radius" - Adjusts the radius of rounded email button corners.
   
   "-webkit-appearance" - Makes the iPhone render this as a button.
   						  Don't want the button look? Delete the code line. */
   						  
#myExtraContent4 ul li{
	font-size: 14px;
	background: #2c3e72;
	-webkit-border-radius: 10px;
	-webkit-appearance: push-button;
}


/* #myExtraContent4 ul li a:

   "color" - Adjusts the color of the menu links.
   			 Google "css hex color" for more color options.
   
   "text-shadow" - Adjusts the shadow of the email button text.
   				   Google "css text shadow" for more options. */
   						  
#myExtraContent4 ul li a{
	color: #ffffff;
	text-shadow: #2c2c2c 0 0 3px;
}

/* @end */

/* @group Content Section */

/* #sidebar:

   "display" - "none" value hides the sidebar. 
   			   To enable sidebar, delete "display:none" and "padding:0" below */

#sidebar{
	display: none;
}

#content{
	padding: 0;
}

/* @end */

/* @group Footer Section */

/* #footerWrapper:

   "border-top-width" - Adjusts the height of the footer color trim line.
   "height" - Adjusts the height of the entire footer section. */

#footerWrapper{
	border-top-width: 10px;
	height: 280px;
}


/* #contact:

   "font-size" - Adjusts the size of the (non-link) footer text. */

#contact{
	font-size: 15px;
}


/* #contact a:

   "background" - Adjusts the color of the email button background.
   				  Google "css background" for more image and color options.
   
   "border-width" - Adjusts the border width of the email button.
    
   "border-style" - Adjusts the border style of the email button.
   					Google "css border styles" for more options.
   					
   "font-size" - Adjusts the font size of the email button.
   
   "font-weight" - Adjusts the font weight of the email button text.
   				   Enter "normal" for normal, and "bolder" for bold.	
   
   "text-shadow" - Adjusts the shadow of the email button text.
   				   Google "css text shadow" for more options.
   
   "-webkit-border-radius" - Adjusts the radius of rounded email button corners.
   
   "-webkit-appearance" - Makes the iPhone render this as a button.
   						  Don't want the button look? Delete the code line. */
   
#contact a{
	background: #000000;
	border-width: 7px;
	border-style: solid;
	border-color: #272727;
	font-size: 40px;
	font-weight: bolder;
	text-shadow: #000 0 0 7px;
	-webkit-border-radius: 25px;
	-webkit-appearance: push-button;
}

/* @end */





/* @group THE DANGER ZONE */

/* Don't change code passed this line, unless you really know what your doing.
*****************************************************************************
*****************************************************************************
*****************************************************************************/


/* Things we've made disappear for a cleaner look. */

#topShadow, #footerShadow, #breadcrumb, #myExtraContent3{
	display: none;
}

#footer, #footerStart{
	background: none;
}

/* Format resetting for the iPhone  */

body{
	-webkit-text-size-adjust: 200%;
	margin-top: 0;
}

.wrapperWidth{
	min-width: 900px;
	max-width: 1000px;
	padding: 0 30px;
}

#trim {
	position: absolute;
	background-repeat: repeat;
	border-bottom-width: 10px;
	z-index: 0;
	margin: 0;
}

#contentWrapper{
	min-height: 410px;
}

h1.title{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: -20px;
}

h2.slogan{
	margin-top: 0px;
	width: 100%;
	padding-bottom: 27px;
}

h1.title, h2.slogan{
	text-align: left;
	position: relative;
	z-index: 10;
	text-shadow: #000 0 0 7px;
}

#toolbar{
	border: none;
	clear: both;
}

.divider{
	display: none;
}
	
#toolbar ul{
	border: none;
	float: left;
	height: auto;
	padding-bottom: 5px;
}

#toolbar ul li{
	margin: 0 15px 15px 0;
	padding: 15px 30px 0;
}

.sub1{
	margin: 0;
	padding: 0;
	clear: both;
	height: auto;
	float: left;
}

.sub1 ul{
	margin: 0;
	padding: 0 0 7px 0;
	float: left;
	height: auto;
}

.sub1 ul li{
	margin: 0 10px 10px 0;
	padding: 8px 20px 0px;
	font-weight: bolder;
}

.sub1 ul ul{
	display: none;
}

#myExtraContent4 {
	clear: both;
	position: relative;
	float: left;
	text-shadow: #363636 0 1px 1px;
}
	
#myExtraContent4 ul{
	list-style-type: none;
}

#myExtraContent4 ul li{
	float: left;
	font-weight: bolder;
	padding: 3px 20px 0px;
	margin: 0 10px 10px 0;
}

#contentWrapper{
	font-size: 1em;
	-webkit-text-size-adjust: 270%;
	line-height: 1.1em;
}

#content{
	font-size: 12px;
}

.iPhone{
	display: block;
	clear: both;
}

.iPhone #myExtraContent3, .iPhone #myExtraContent4{
	display: none;
}

#footerWrapper{
	position: relative;
	clear: both;
	background-repeat: repeat;
}

#contact{
	padding: 0;
	margin-top: 5px;
	float: none;
	margin: 0 auto;
	text-align: center;
	display: block;
}

#contact a{
	display: block;
	height: 105px;
	margin-top: 17px;
	margin-left: 15px;
	padding: 45px 0 0 0;
	width: 850px;
}

#lbOverlay {
	height: 100%;
}

/* @end */