/*	-------------------------------------------------------------
	angieyoo.com 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	autor         Angie Yoo
	version       2.0
	url       angieyoo.com
	timestamp       08/06/2008 
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. Body
	2. Floats
	2. Links
	3. Typography
	4. General Properties
	5. Header
    6. Footer
    7. Layout


/*  -------------------------------------------------------------
	1. BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

     body {      
		background-color: #ffffff;
		margin: 0px;
		padding: 0px;
		border: 0px;
		color: #515151; 
		font-family: 'Gill Sans', Arial, Helvetica, 'Trebuchet MS', sans-serif;
		font-size: 13px;    
		}
		
/*	-------------------------------------------------------------
	2. FLOATS & CLEARS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	 .clear-both{
		clear:both;
		}
	 
	 .clear-left{
		clear: left;
		}
		
	 .clear{
	  	width: 780px;
	  	height: 1px;
	  	background: url('../images/clear.gif') repeat;
		}
		
	 .spacer{
	  	padding-left:8px;
	  	height:100px;
		}
	
/*	-------------------------------------------------------------
	3. LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	 a:link, a:visited {
		text-decoration: none;
		color: #00a9a4;
		}

	 a:hover {
		text-decoration: underline;
		color: #00a9a4; 
		}

	 a:active {
		text-decoration: underline;
		color: #00a9a4; 
		}

	 a img {
		border:none;
		}
	
	 .breadcrumb a:link {text-decoration: none; color:#2a9791;}
	 .breadcrumb a:visited {text-decoration: none; color:#2a9791;}
	 .breadcrumb a:active {text-decoration: underline; color:#2a9791;}
	 .breadcrumb a:hover {text-decoration: underline; color: #2a9791;}

/*	-------------------------------------------------------------
	4. GENERAL PROPERTIES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	 .note {
		width: 364px;
		height: auto;
		background-color:transparent;
		margin-left: 10px;
		}
		
	 .note-long {
		width: 364px;
		height: auto;
		background-color:transparent;
		margin-left: 20px;
		}

	 .note-content{
		background-color:#fff;
		border-color: #ddd;
		border-width: 1px;
		border-style: solid;
		border-top-width:0px;
		width: 326px;
		height: auto;
		text-align: left;
		line-height:25px;
		margin-left:7px;
		background: url('../images/notes/line_bg.gif') repeat;
		padding-left: 17px;
		padding-right:12px;
		padding-top:3px;
		padding-bottom: 20px;
		}

	 .content-note-top{
		height: auto;
		}
		
	 .note-content-long{
		background-color:#fff;
		border-color: #ddd;
		border-width: 1px;
		border-style: solid;
		border-top-width:0px;
		border-bottom-width:0px;
		width: 660px;
		height: auto;
		text-align: left;
		line-height:25px;
		margin-left:7px;
		background: url('../images/notes/line_bg2.gif') repeat;
		padding-left: 17px;
		padding-right:12px;
		padding-top:3px;
		padding-bottom: 20px;
		}
	
	 .note-resume {
		width: 450px;
		height: auto;
		background-color:#f5f5f5;
		margin-left: 0px;
		margin-bottom:15px;
		}
		
	 .note-resume2 {
		width: 150px;
		height: auto;
		background-color:#f5f5f5;
		margin-left: 35px;
		}
		
	 .note-404 {
		width: 150px;
		height: auto;
		background-color:#f5f5f5;
		margin-left: 10px;
		}
		
	 .note-content-resume{
		background-color:#fff;
		border-color: #ddd;
		border-width: 1px;
		border-style: solid;
		border-top-width:0px;
		border-bottom-width:1px;
		width: 450px;
		height: auto;
		text-align: left;
		line-height:25px;
		margin-left:7px;
		background: url('../images/notes/line_bg3.gif') repeat;
		padding-left: 17px;
		padding-right:12px;
		padding-top:3px;
		padding-bottom: 20px;
		
		}
		
	 .note-content-resume2{
		background-color:#fff;
		border-color: #ddd;
		border-width: 1px;
		border-style: solid;
		border-top-width:0px;
		width: 150px;
		height: auto;
		text-align: left;
		line-height:25px;
		margin-left:7px;
		background: url('../images/notes/line_bg4.gif') repeat;
		padding-left: 18px;
		padding-right:18px;
		padding-top:3px;
		padding-bottom: 20px;
		
		}
		
	 .nolines {
		background-color:#fff;
		border-color: #ddd;
		border-width: 1px;
		border-style: solid;
		border-top-width:0px;
		width: 326px;
		height: auto;
		text-align: left;
		line-height:25px;
		margin-left:7px;
		background: url('../images/notes/mail_bg.gif') repeat;
		padding-left: 17px;
		padding-right:12px;
		padding-top:3px;
		padding-bottom: 20px;
		}
	 

/*	-------------------------------------------------------------
	5. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 .footer {
	 	width: 780px;
  		height: auto;
  		background: url('../images/container/white2.png') repeat;
  		padding-top: 4px;
  		padding-bottom:5px;
  		text-align:left;
		}
	 
	 .footer-text {
	 	font-size:11px;
		text-align: left;
		margin-left:12px;
		/* letter-spacing:0.3px; */
	 }
	  .footer-text2 {
	 	font-size:11px;
		text-align: left;
		margin-right:8px;
	 }
	  .btt {
	  	margin-top:5px;
	    text-align:right;
	  	width: 780px;
	  }
        
/*	-------------------------------------------------------------
	6. LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	  .menu {
		width: 780px;
		height: auto;
		padding-top:20px;
		}
		
	 .content {
		width: 780px; 
		margin-top:0px;
		margin-bottom:0px;
		margin-right: auto;
		margin-left: auto;
		}
	 
	 .grey{
  		width: 780px;
  		height: auto;
  		background: url('../images/container/middle3.png') repeat; 
  		text-align:left;
		}
	 
	 .hgrey{
  		width: 790px;
  		height: auto;
  		background: url('../images/container/heading.png') repeat; 
  		text-align:left;
  		padding-top:25px;
  		padding-bottom:8px;
		}
		
	 .slidingmenu{
  		width: 780px;
  		height: auto;
  		background: url('../images/container/menu.png') repeat; 
  		text-align:left;
   		overflow:hidden;
		}
         
	 .white{
  		width: 780px;
  		height: auto;
  		background: url('../images/container/white2.png') repeat;
  		padding-top: 15px;
  		padding-bottom:5px;
		text-align: left;
		}
		
	 .header{
	 	width: 780px;
  		height: auto;
  	/* 	background: url('../images/container/white.jpg') repeat; */
  
  		padding-bottom:5px;
		text-align: left;
		
	 }
	  
	  .border-top{
	  	width: 780px;
	  	height: 10px;
	  	background: url('../images/container/top2.png') no-repeat;
	  	overflow:hidden;
		}
	  
	  .border-bottom{
	  	width: 780px;
	  	height:1px;
	  	background: url('../images/container/bottom2.png') no-repeat;
		overflow:hidden;	  	
		}
		
		/* top right bottom left */
		
	  .left{
	 	margin:0px 10px 0px 30px;
	 	padding-top: 30px;
	 	display:inline;
	 	float:left;
	 	}
	  
	  .left2{
	 	margin:0px 10px 0px 30px;
	 	padding-top: 48px;
	 	padding-left:15px;
	 	float:left;
	 	}
	 	
	  .right{
	 	margin:0px 10px 0px 10px;
	 	padding-top: 30px;
	 	float:left;
	 	}
	 	
	  .center{
	 	margin:0px 10px 0px 10px;
	 	padding-top: 30px;
	 	
	 	}
		
/*	-------------------------------------------------------------
	7. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

         
/*	-------------------------------------------------------------
	8. IMGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 .showcase_first{
		margin-left: 30px;
		margin-top: 22px;
		margin-bottom: 22px;
		}

	 .showcase{
		margin-left: 18px;
		margin-top: 22px;
		margin-bottom: 22px;
		}
     
     .screenshot{
		border-color: #dddddd;
		border-width: 1px;
		border-style: solid;
		padding:12px;
		background:#fff;
		width: 300px;
		}
		
	 .prez{
		margin-left:90px;
		border-color: #dddddd;
		border-width: 1px;
		border-style: solid;
		padding:22px;
		background:#fff;
		width: 480px;
		}
		
	 .photos_first {
		margin-top: 6px;
		}

	 .photos {
		margin-left: 2px;
		margin-top: 6px;
		}
	 .resume-right {
	 	margin-left: 35px;
	 }
	 
	 .twitter {
	 	margin: 0px 0px -4px 0px;
	 }
	 
	 .copyright {
	 	margin: 0px 0px 0px 3px;
	 }


	 
/*	-------------------------------------------------------------
	10. BUTTONS: RSS-FEED
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	-------------------------------------------------------------
	13. TYPOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 		
	  h1{
	  	font-family: 'Georgia';
	  	color:#515151;
	  	font-size: 27px;
	  	margin-left: 33px;
	   	
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  
	  h2{
	  	font-family: 'Georgia';
	  	color:#515151;
	  	font-size: 18px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	   
	  .bold{
	   	color: #494949;
	   	font-weight:normal;
	   	}
	   	
	 .heading {
	 	font-family: 'Georgia';
	  	color:#515151;
	  	font-size: 27px;
	  	margin-left: 33px;
	  	text-align: left;
		}
	  	
	 .breadcrumb {
	 	text-align:left;
		padding-left:30px;
		padding-top:3px;
		font-size:11px;
		height:17px;
		background: url('../images/container/breadcrumb.png') repeat;
		background-color:#fff;
		}
	
	 .indent {
		margin-left:12px;
		}
		
	 li {
		 list-style:url('http://www.angieyoo.com/images/icons/bullet.gif');
		 margin:0px;
		}

	 ul {
		margin:0px;
		}
	
/*	-------------------------------------------------------------
	13. FORM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	form {
	color: #515151; 
	font-family: 'Gill Sans', Arial, Helvetica, 'Trebuchet MS', sans-serif;
    font-size: 13px;
	font-weight: normal;
	}
	
	input, select, option, textarea{
	margin:3px;
	color: #515151; 
	font-family: 'Gill Sans', Arial, Helvetica, 'Trebuchet MS', sans-serif;
    font-size: 13px;
	font-weight: normal;
	border: 1px solid #ddd;
	}