/* Stylesheet "The Party Timer" :: v1 (19 Nov. 2009) */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2009 "The Party Timer" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	- Site Structure Styles
		- General Styles
		- Main Layout Styles
		
	- Content Styles
		- General Content Styles
		- Heading Styles
		- Paragraph Styles
		- Link Styles
		
	- Image Styles
		- General Image Styles

*/ 







/*** Site Structure Styles ***/

		/* General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* Main Layout Styles */
			
			body {
	 			background:       url(../images/bg_body.jpg) repeat #1e1e1e; 
				color:						#84c5ef;
				text-shadow: 			0 1px #000;
				font-family:			"Helvetica Neue",Arial,Verdana,sans-serif;
				font-size:				13px;
				line-height:			20px;
			}
			
			#container {
				margin:           0 auto;
  			overflow: 				hidden;
 			 	width:            960px;
			}			
			
			#content {
				float:            left;
 				overflow: 				hidden;
 				width:            520px;
			}
			
			#sidebar {
 	 			background:       url(../images/bg_iphone.jpg) no-repeat top right; 
 				float:            right;       
				height:           639px;
 				overflow: 				hidden;
 				width:            400px;
			}        
			
			body#french #sidebar {   
 	 			background:       url(../images/bg_iphone_fr.jpg) no-repeat top right; 
			}
			
			#footer {                    
				border-top:       1px solid #222;  
				clear:            both;
				font-size: 				12px;
				margin: 					32px auto 10px auto;
				padding: 					10px 0 ;
 	 			overflow: 				hidden;
 	 			width:            960px;
 		}
			

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







/*** Content Styles ***/

		/* General Content Styles */

			a:link, a:visited, a:active {
				color: 							#fff;
				outline: 						none;
			}
			
			a:hover {
				color: 							#dad091;
			}
							
		/************************/
	
		/* Heading Styles */
			
			h1, h2, h3 {              
				clear:            both;
				color:            #fff;  
				font-size:        18px; 
				margin:           20px 0 ;
			}                           
			
			h1 {
	 			background:       url(../images/logo.jpg) no-repeat center center;
				height:           200px;
				text-indent:			-4000px;
				width:            960px;
			}   
			
			body#french h1 {   
	 			background:       url(../images/logo_fr.jpg) no-repeat center center;
			} 
			   

		/************************/
	
		/* Paragraph Styles */		
			
			p {
 				clear: 						both;
				margin: 					20px 0;
 			}
               
			#footer p {
				color:            #666;          
				margin:           5px 0;
			}
		/************************/
	
		/* Link Styles */
			
			a#appstore_button:link, a#appstore_button:visited {
 				background:       url(../images/button_download.png) no-repeat top left; 
				display:          block;   
				float:            right;
				height:           97px;    
				margin:           0 auto 30px 0;
				text-indent:      -10000px;
				width:            248px;
			}   
			
			body#french a#appstore_button:link, body#french a#appstore_button:visited {   
 				background:       url(../images/button_download_fr.png) no-repeat top left; 
			} 
		
			a#appstore_button:hover, a#appstore_button:active {
				background:       url(../images/button_download.png) no-repeat 0 -97px; 
			}

			body#french a#appstore_button:hover, body#french a#appstore_button:active {   
 				background:       url(../images/button_download_fr.png) no-repeat 0 -97px; 
			} 
		
			a#youtube_button:link, a#youtube_button:visited {
 				background:       url(../images/button_youtube.png) no-repeat top right; 
				display:          block;   
				float:            left;
				height:           97px;    
				margin:           1px auto 30px 0;
				text-indent:      -10000px;
				width:            252px;
			}    
		
			a#youtube_button:hover, a#youtube_button:active {
				background:       url(../images/button_youtube.png) no-repeat right -97px; 
			}
			
			a#twitter_button:link, a#twitter_button:visited {
 				background:       url(../images/bg_twitter_a.png) no-repeat top left; 
				display:          block;  
				height:           100px;    
				margin:           20px 0;
				text-indent:      -10000px;
				width:            400px;
			}    
		
			a#twitter_button:hover, a#twitter_button:active {
				background:       url(../images/bg_twitter_a.png) no-repeat 0 -100px; 
			
			}      
			
			#social li a {
				display:          block;
				height:           50px;
				width:            50px;    
			}

			#delicious a {
 				background:       url(../images/icon_delicious.png) no-repeat top left; 
		 	}

			#digg a {
 				background:       url(../images/icon_digg.png) no-repeat top left; 
		 	}

			#twitter a {
 				background:       url(../images/icon_twitter.png) no-repeat top left; 
		 	}

			#facebook a {
 				background:       url(../images/icon_facebook.png) no-repeat top left; 
		 	}          
		
			#footer a:link, #footer a:visited {
				color:            #999;
			}

			#footer a:hover, #footer a:active {
				color:            #ccc;
			}

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







/*** List Styles ***/

		/* General List Styles */
           
			#content ul {              
				clear:            both;
				margin:           20px 0;    
				overflow:         hidden;
			}                         
			
      li {
        list-style:       none;
        margin:           0 0 0 1em;
      }              

      #social li {                    
				float:            left;
				margin:           0 2.5em 10px 0;
 				text-indent:			-4000px;
 		}

			#sidebar li {
				display:					block;
				list-style:				none;   
				margin:						0 0 16px 0;
			}

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







/*** Image Styles ***/

		/* General Image Styles */
		
		
		/************************/