/*  
Theme Name: Lima Cohen
Theme URI: http://lima-cohen.com/
Description: Lima Cohen Theme
Version: 1.0
Author: David C. S. Lima Cohen
Author URI: http://lima-cohen.com/david
*/

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

Obviously feel free to change the info above once you've added your own styling

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

body { font:normal 0.8em Georgia,Serif; max-width: 900px; margin:0 auto;
		width:expression(document.body.clientWidth > 900? "900px" : "auto"); }
a, a:hover, a:link, a:active, a:visited { text-decoration:none; color: #00f; }
a:hover { border-bottom: 1px dotted #00f; }
	a img { border: 0; }
/*ol li { margin-bottom: 1em; }*/
sup { font-size:0.7em; color:#f00; position:absolute;
	text-transform:uppercase; font-weight:bold; padding-left:0.3em; }
abbr { font-weight:bold; cursor:help; }

#header { font-size:0.9em; padding-top:120px; margin-bottom:20px; }
	/* Legacy css-only title.. R.I.P.
	 #h p { font:italic 4em/0.3em Georgia; color:#555;
			letter-spacing:-0.1em; margin-top:-1.5em; text-indent:-1em; }
	 #h p small { color:#777; font-size:0.5em; letter-spacing:0; padding-left:8em; } */
	#header h1, p#h1 { margin:5px; font:normal 1em Courier new; color:#333; letter-spacing:0.2em;
		border-top:1px dashed #888; text-transform:uppercase; line-height:0.1em; } /*#f00 ?*/
	 #header h1 strong, p#h1 strong { margin-left: 10px; padding: 120px 5px 0; background:#fff url(images/logo.png) no-repeat;
		color: #333 !important; border: 0; } /* Logo font credits: Demon Cubic Block Font by DemonhillFontFactory (http://www.geocities.co.jp/SiliconValley/1286/) */
	address { background:url(images/workdesk.png) right top no-repeat; padding-top:93px; text-align:right; margin-top:-120px; }
	
#content { float:right; width:660px; }
#content .post p, #content .post ul, #content .post ol { font-size:1.1em; line-height:140%; margin: 1em 0; }
.navigation { float: right; }
#sidebar { width: 220px; margin-left: 5px; padding-bottom: 15px; border-style: dashed; border-color: #888; border-width: 0 1px 1px; }
	#sidebar ul { list-style:none; margin:0; padding: 0 0 0 10px; }
	#sidebar ul ul, #me ul { margin-left:10px; list-style: square inside; }
		#sidebar .item { padding-left:20px; line-height:20px; margin:20px 0 0; }
			#sidebar .status { background:url(images/twt.png) no-repeat; font-style:italic; color:#666; }
			#sidebar .archives { background:url(images/cal.png) no-repeat; }
			#sidebar .categories { background:url(images/cat.png) no-repeat; }
			#sidebar .meta { background:url(images/meta.png) no-repeat; }
	.social { position: absolute; top: 110px; right: -140px; background: #fff; padding: 0 5px; }
	.social a { text-indent: -32766px; display: inline-block; width: 16px; height: 17px; margin: 1px;
		background-image: url(/assets/themes/lima-cohen/images/s.png); background-repeat: no-repeat; }
	.social a:hover { margin: 0 2px 2px 0; border: 0; }
	.social .facebook {  }
	.social .twitter { background-position: 0 -21px; }
	.social .linkedin { background-position: 0 -42px; }
	.social .posterous { background-image: url(/assets/themes/lima-cohen/images/posterous.png); }
	.social .tumblr { background-image: url(/assets/themes/lima-cohen/images/tumblr.png); }
	.social .lastfm { background-image: url(/assets/themes/lima-cohen/images/lastfm.png); }
	.social .flickr { background-image: url(/assets/themes/lima-cohen/images/flickr.png); }
	.social .lastfm img { width: 16px; height: 16px; }
	.nowplaying { display: none; }

#footer { border-top:1px dashed #888; }

/* Legacy contact form
#cf { width:230px; float:right; } #cf fieldset { background:#fff; }
form { width:200px; margin:20px 50px 0 0; float:left; }
	fieldset { padding-bottom:20px; }
	 legend { letter-spacing:0.4em; color:#888; text-transform:uppercase; }
	 label { display:block; width:200px; }
	 fieldset p { margin:0; }
	 fieldset ul { margin:0 0 10px 0; padding-left:1em; }
	 #x { float:right; background:#fff; padding:0 3px;
		  border:1px solid #777; font-family:Arial; }*/

#me { position:absolute; top:0; width:470px; margin:5px 0 0 270px; }
#me p#cv { float:right; width:260px; }
#me ul { width:160px; padding:10px 0;
		 background:url(images/me.png) right center no-repeat; }

		/* Begin Images */
		p img {
			padding: 0;
			max-width: 100%;
			}

		/*	Using 'class="alignright"' on an image will (who would've
			thought?!) align the image to the right. And using 'class="centered',
			will of course center the image. This is much better than using
			align="center", being much more futureproof (and valid) */

		img.centered {
			display: block;
			margin-left: auto;
			margin-right: auto;
			}

		img.alignright {
			padding: 4px;
			margin: 0 0 2px 7px;
			display: inline;
			}

		img.alignleft {
			padding: 4px;
			margin: 0 7px 2px 0;
			display: inline;
			}

		.alignright {
			float: right;
			}

		.alignleft {
			float: left
			}
		/* End Images */