/*	
   
/*	Reset browsers default styling
	----------------------------------------------------*/
   
	html, body, div, span, 
	h1, h2, 
	a, acronym,
	font, img,
	ul, li,
	fieldset, form, label, legend, button {
		margin: 0; padding: 0;
		border: 0; outline: 0;
		font-size: 100.01%; vertical-align: baseline;
		background: transparent; }   
	ul { list-style: none; }
	blockquote, q { quotes: none; }
	:focus, :active { outline: 0; }
	textarea { overflow:auto; }
	.cleared { clear:both;}

/*	Generic
	----------------------------------------------------*/
	html { background: #357071 repeat top center;}
	body { background: url(escortsbarna.gif) no-repeat top center;
		color: #fff;
		text-align: center;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 65.5%;
		word-spacing: 0.1em; }
		
	#centrado { width: 850px; margin: 0 auto; text-align: left; font-size: 1.14em; line-height: 1.4em; }
	#main { width:600px; float:left; margin:20px 20px 20px 0;}
	#sidebars { float:right;
	width:190px;
	background-color:#3c7e7f;
	padding: 8px 0 30px 15px;
	margin-top: 20px;}


	a, a:visited {color: #fff; text-decoration: underline;}
	a:hover {color: #f2f2f2; text-decoration:none; }

	h1 { font-size: 1.3em; }
   	h1 strong {display:none;}
	
	acronym { cursor: help; letter-spacing: 0.1em; font-variant: small-caps; }
	a acronym { cursor: pointer; }
	sup { font-size: 0.8em; line-height: 0; }
	
	input, textarea { border: 1px solid #DBD0CD; clear: both; color: #666; float: left; font-family: Baskerville,'palatino linotype','times new roman',serif; font-style: italic; line-height: 1.3em; margin: 0 0 5px 0; padding: 4px; }
	label { clear: left; float: left; margin: 0 10px 0 0; }
	
	.topMeta { font-size:10px}
	.topContent { padding:10px 0 30px 0}
	.topTitle, .topTitle a, .topTitle a:visited { color: #f36d22;}
	h2 {
	font-size:12px;
	padding:3px 10px;
	background-color:#fff;
	font-family:Verdana, Geneva, sans-serif;
}
	ul.recent_posts li { padding:2px 0;}
	
	#main img.left { float:left; padding:0 10px 10px 0;}
	#main img.right { float:right; padding:0 0 10px 10px;}
	#main img.center { display:block; }
   
	/*	Header
		----------------------------------------------------*/
	   
		#header {padding-top:200px;}
   
	/*	Warm Welcome - Top Block (the stuff under the header)
		----------------------------------------------------*/
	   	#categorias { height:95px; border-bottom:solid 1px #f36d22;}
		#categorias ul li { float:left; margin:61px 3px 0 0;}
		#categorias ul li a, #categorias ul li a:visited { background-color:#f99e29; color:#fff;padding:3px 20px; display:block; text-decoration:none;}
		#categorias ul li a:hover { background-color:#f99e29; color:#000;}
	   
	/*	Selected Works & Portfolio (all the jQuery goodness)
		----------------------------------------------------*/

		.foliobox h2 { float: left; clear: both; width: 375px; border-bottom: 1px solid #ccc; }
		.foliobox p { padding: 3px 0 10px; float: left; clear: both; width: 378px; }
		
		span.medium, span.title, span.date { float: left; text-transform: uppercase; font-size: 0.8em; padding: 2px 8px; }
		span.medium { background: #eee; }
		span.title { color: #395E70; }
		span.date { background: #eee; float: right; letter-spacing: 0.1em; }
		
		#selectedworks { float: right; width: 377px; clear: none; padding: 5px 0 0 0; }
		#selectedworks .foliobox { margin: 0 0 20px 0; display: block; }
		#selectedworks p { display: block; }
		#selectedworks .toggle { width: 370px; margin: 5px 0 2px 0; cursor: pointer; border-bottom: 3px solid #F8F7F5; width: 376px; line-height: 0; display: block; }
		#selectedworks .toggle:hover { border-bottom: 3px solid #B0BDC3; }
		
		#portfolio { text-align: center; border-bottom: 1px solid #ccc; }
		
		#container img.ornaments { margin: 5px auto; display: none; border: none; background: none; padding: 0; }
		#showfolio { height: 25px; width: 239px; background: #ccc url(/img/show-folio.png); font-variant: small-caps; border: none; cursor: pointer; margin: 0 auto; display: none; outline: none;}		
		#showfolio.active { background: url(/img/show-folio-active.png) }
		
		#foliocontainer { float: left; clear: both; width: 850px; text-align: left; margin: 20px 0 0 0; }
		#foliocontainer p.intro { padding: 25px 0 0; float: left; clear: both; font-size: 1.1em; width: 850px; }
		.folioWrapper { float: left; clear: both; width: 850px; margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid #eee; }
		#portfolio .foliobox { width: 378px; float: left; clear: none; padding: 0 0 0 15px; overflow: hidden; }
		#portfolio .foliobox.odd { float: right; padding: 0 15px 0 0; }
		.folioWrapper a.toggle { border-bottom: 3px solid #F8F7F5; float: left; clear: both; width: 376px; margin-bottom: 3px; padding: 0; line-height: 0;  }
		.foliobox a.toggle:hover { border-bottom: 3px solid #B0BDC3; }
				
	/*	Social profile list
		----------------------------------------------------*/
		
		#social p, #contact p { padding-bottom: 10px; margin-bottom: 10px; }
		#social ul { float: left; clear: both; width: 415px; }
		#social li { float: left; width: 110px; clear: none; border-bottom: 1px solid #DBD0CD; padding: 2px 0; }
		#social li.middle { margin: 0 30px; }
		
		#social ul a { border: none; float: left; width: 110px; position: relative; }
		#social ul a:active { padding-right: 0; }
		#social ul a:visited { background: url(/img/checked.gif) no-repeat right center; width: 93px;  }
		#social ul a:hover { background: url(/img/li-go.gif) no-repeat right center;  }

	/*	Contact form
		----------------------------------------------------*/

		#contact { float: right; width: 382px; clear: none; }
		#contact div { float: left; clear: both; width: 382px; }
		#contact fieldset { width: 380px; float: left; clear: both; }
		#contact span.half { float: left; clear: none; margin: 0 15px 0 0; position: relative; }
		#contact span.full { float: left; clear: both; width: 385px; }
		#contact .half input { width: 155px; font-size: 1.2em; }
		#contact .full input, #contact .full textarea { width: 335px; font-size: 1.2em; }
		#contact .buttons { padding: 5px 0 0 0; float: left; clear: both; width: 385px; }
		#contact .buttons input { text-transform: uppercase; float: left; clear: none; margin: 0 5px 0 0; font-style: normal; padding: 3px 4px 2px 4px; }
		#Reset { display: none; }
		#Submit { border-bottom: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #b6adaa; border-left: 1px solid #b6adaa; background: #EEE; cursor: pointer; font-size: 1.1em; }
		 
		span.loading { display: block; position: relative; margin: 0 0 1em; padding: 0.5em 0; border-bottom: 1px solid #ccc; }
		span.loading img { margin-right: 5px; }
		#contact .errorMessage { margin: 0 0 1em; padding: 5px 0; border-bottom: 1px solid #ccc; float: left; width: 380px }
		#contact .OK { display: block; position: relative; margin: 0 0 1em; padding: 0.5em 0; border-bottom: 1px solid #ccc; width: 380px; }
      
	/*	Footer
		----------------------------------------------------*/
   
		#footer { padding: 25px; margin: 50px 0 50px 0;  background-color:#f99e29; padding:12px;}
		#footer_links li{ float: left; margin: 5px; }

/*	JS positive ( jQuery goodness made unobtrusive )
	----------------------------------------------------*/      
	
	.jspositive #selectedworks .foliobox, .jspositive #foliocontainer { display: none; }
	.jspositive #portfolio { border-top: 1px solid #ccc; padding: 30px 0; margin: 30px 0; }
	.jspositive #portfolio .ornaments, .jspositive #portfolio button { display: block; }
	.jspositive #selectedworks .foliobox { margin: 0; }
		
/*	404 Error page (/404page.html)
	----------------------------------------------------*/      
	
	#landingpage #container { text-align: center; font-size: 1.5em; padding-top: 250px; }
	#landingpage h1 { border: none; }
	#landingpage p { width: 250px; margin: 0 auto; padding: 25px 0; font-size: 1.1em; }
	#landingpage a:visited, #landingpage a:active { background: none; padding-right: 0;}
	
								
	----------------------------------------------------*/