/*
Theme Name: Andrea Gandino
*/

@import url(reset.css);
@import url(typography.css);

/* !Utilities */

.h { position: absolute; left: -999em; }

/* !Global elements */

a { text-decoration: none; }
a:link, a:visited { color: #000; }
a:hover { color: #999780; }
a:active { color: #999780; }

h1 a { color: #fff; }

.text a, .more a { border-bottom: 1px solid; }
.main a:active { background: #000; }

body { font: normal 62.5%/1 Georgia, serif; background: url(images/bg.jpg); color: #000; }
#page { margin: 0 auto; max-width: 96em; }

.side { width: 30%; margin-right: 5%; text-align: right; }
.main .side, .article .side { width: 46.2%; }
.left { float: left; }
.outset { margin-left: -53.892%; }

/* !Head */

#head { float: left; width: 20%; background: #3c3c3c url(images/bookmark_l3.jpg) bottom center no-repeat; color: #fff; text-align: center; padding-bottom: 100px; }
	#head .wrapper { display: block; padding-bottom: 12em; margin-right: 2em; padding-top: 1.071em; }
	#head h1 { background: url(images/logo.jpg) center center no-repeat; font-family: Goudy, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif; font-size: 1.4em; text-transform: lowercase; font-variant: small-caps; line-height: 1.071; padding: 3em 0 2.071em 0; margin-bottom: 1.071em; font-weight: normal; letter-spacing: .05em; text-align: center; }
	#head p { background: url(images/hsep.jpg) center -3px no-repeat; color: #888; font-size: 1.2em; text-align: center; padding: 2em 1em 0 1em; }
	#head h2 { position: absolute; left: -999em; }
	#head ul { margin: 3em 0; }
		#head ul li { text-align: center; padding: 1em 0; margin-bottom: .5em; }
		#head ul li.active { background: #9c0001 url(images/highlight.jpg) repeat-x; box-shadow: #111 0px 3px 10px; -moz-box-shadow: #111 0px 3px 10px; -webkit-box-shadow: #111 0px 3px 10px; }
			#head ul li a { font-size: 1.5em; font-style: italic; line-height: 1; padding: 1em 0; font-weight: normal; font-family: Goudy, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif; }
				#head ul li a span { color: #888; display: block; font-size: .833em; font-variant: small-caps; text-transform: lowercase; font-style: normal; font-family: Georgia, "Times New Roman", Times, serif; }
				#head ul li.active a span { color: #DD9090; }
	#head a { color: #fff; }
		#head a span { color: #888; }
		
/* !Breadcrumb */

#content #breadcrumb { font-size: 1.2em; line-height: 1.5; margin-top: 4.89em; position: relative; }
	#content #breadcrumb .pagenum { right: 0; position: absolute; }

/* !Content */

#content { float: right; width: 75%; background: url(images/bg3.jpg) right repeat-y; line-height: 1.5; }
#content { background: url(images/bg3_as.jpg) top right no-repeat, url(images/bg3.jpg) right repeat-y; }
#content .wrapper { background: url(images/bg2.jpg) left repeat-y; padding: 0 8em; overflow: hidden; }
	#content .main { padding-left: 35%; }
	#content .more.main { padding-top: 3em; }
	#content .box { border: 1px solid #999780; background: #fff; padding: 1.5em; }
	#content .full { clear: both; overflow: hidden; }
		.elsewhere #content .full { font-size: .857em; margin-top: 4.89em; }
	#content .row { overflow: hidden; }
	#content .col { float: left; width: 30%; margin-right: 5%; }
		.single #content #secondary .col, .single #content #tertiary .col { margin: 0; width: 100%; }
	#content .reduced .col { position: relative; left: 35%; }
	#content .col.last { margin-right: 0; }
	
	/* !Lists */
	
	.list {}
	.short.list { position: relative; top: .05em; }
	.single #tertiary .list { background: url(images/thinline.jpg) bottom repeat-x; padding-bottom: .75em; margin-bottom: 1.5em; }
	.journal .archive.list { padding-left: 35%; }
		.list .item { background: url(images/thinline.jpg) bottom repeat-x; padding-bottom: .75em; margin-bottom: .75em; }
		.single #tertiary .list .item { background: none; }
		.short.list .item { padding-bottom: .75em; margin-bottom: .75em; }
			.list .item .title, .short.list .item .title { display: block; text-shadow: 0 0 0 #000; text-transform: uppercase; font-weight: normal; }
				.list .item .title span { text-transform: lowercase; font-style: italic; color: #999780; }
				body.elsewhere .list .item .title span { text-transform: uppercase; font-style: normal; color: #000; }
			.archive.list .item .title { width: 70%; }
			.list .item .meta { font-style: italic; float: left; }
			.journal .archive.list .item .meta { float: right; margin-top: -1.667em; font-size: .857em; }
			.single .list .item .meta { float: none; font-size: .857em; color: #999780;}
				.list .item .meta .date:after { content: "—"; }
				.single .list .item .meta .date:after { content: ""; }
			.full.year .list .item .date { float: left; margin-left: -53.892%; position: relative; left: 46.2%; color: #999780;}
			.list .item .text {  }

	/* !Primary */
	
	#primary { font-size: 1.467em; clear: both; padding: 4em 0; background: url(images/hbar.gif) bottom repeat-x; }
		#primary h4.sidetitle { position: relative; width: 30%; text-align: left; font-size: 1em; font-weight: normal; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 0; }
	
		/* !About */
		body.about #contact { margin-top: 1.5em; background: #fff; overflow: hidden; }
			body.about #contact .wrap { margin: 10px; border: 1px dashed #999; padding: 10px; }
			body.about #contact a { border: none; }
			body.about #contact a.vcard { background: url(images/vcard.gif) no-repeat; padding-left: 29px; }
			body.about #contact a.twitter { background: url(images/twitter-16x16.png) no-repeat; padding-left: 21px; }
	
		/* !Portfolio */
		body.portfolio .text img { width: 96%; }
	
		/* !Article */
		
		.article { position: relative; }
			.article .title, .main .title { font-family: Goudy, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif; margin: 0 0 1.5em 35%; font-weight: normal; font-size: 1.8em; text-align: center; }
			.main .title { margin-left: 0; }
				body.about .main .title { display: none; }
			.main.list .title { margin: 0; text-align: left; }
			#tertiary .col .title { font-size: 1em; }
			.article .meta { font-variant: small-caps; text-transform: lowercase; margin-top: .25em; font-size: .818em; position: absolute; top: 0; width: 30%; float: left; }
				.article .meta li { text-align: center; padding: .5em 0; background: url(images/thinline.jpg) bottom repeat-x; }
				.article .meta .date { line-height: 1.5em; padding: 0; font-size: 1.8em; border-bottom: 3px solid; background: none; font-variant: small-caps; text-transform: lowercase; }
				.article .meta .topic, .article .meta .discussion { font: italic 1.5em/1 Goudy, "Adobe Caslon Pro", Baskerville, Georgia, serif; }
				
			.article .text { margin-left: 35%; text-align: justify; }
			.article .more p { border: 1px solid #999780; background: #fff; padding: 1.5em; }
			
			/* Discussion */
			#discussion p.intro { margin-bottom: 4em; font-style: italic; }
				#discussion .remark { margin-bottom: 3em; }
				#discussion .last.remark { margin-bottom: 0; }
					#discussion .remark .author cite { font-style: normal; font-variant: small-caps; text-transform: lowercase; }
					#discussion .remark .date { color: #999780; padding-top: .1em; font-style: italic; text-transform: lowercase; }
					#discussion .remark p { margin-bottom: 1.5em; }
						#discussion .last.remark p { margin-bottom: 0; }

				/* Form */
				#discussion form { margin: 4em 0 0 0; }
					#discussion form p.intro { margin-bottom: 2em; }
					#discussion form div { margin-bottom: 1em; }
					#discussion form label { text-transform: lowercase; letter-spacing: .1em; font-variant: small-caps; display: block; }
					#discussion form input[type='text'] { width: 98%; padding: .5em 0; text-indent: .5em; font-family: inherit; font-size: 1em; }
						#discussion form input#name { font-weight: bold; }
					#discussion form textarea { margin-top: -0px; width: 95%; padding: .5em; font-family: inherit; font-size: 1em; }
	
	/* !Secondary */
	
	#secondary { font-size: 1.2em; clear: both; padding-top: 4.89em; }
	.single #secondary { font-size: 1.467em; padding-top: 4em; }
		#secondary h3, #tertiary h3, .elsewhere .full h3, .journal .full h3 { text-shadow: 0 0 0 #000; padding: .5em 0; font-weight: normal; font-size: 1.223em; margin-bottom: 1.5em; font-variant: small-caps; text-transform: lowercase; border-style: dotted none solid none; border-width: 1px; letter-spacing: .075em; }
		.single #secondary .col h3, .single #tertiary .col h3, .journal .full h3 { font-size: 1em; text-align: left; padding-left: 35%; }
		.journal .full h3 { margin-top: 3em; }
			.single #secondary .col #discussion h3 { text-align: center; padding-left: 0; }
		#secondary h3:after, #tertiary h3:after, #secondary h3:before, #tertiary h3:before, .elsewhere .full h3:after, .elsewhere .full h3:before,
		.journal .full h3:after, .journal .full h3:before { content: "·"; }
			#secondary h3 span, #tertiary h3 span, .elsewhere .full h3 span, .journal .full h3 span { text-shadow: none; letter-spacing: -.05em; font: italic 1.5em/1 "Adobe Caslon Pro", Baskerville, Georgia, serif; }
		#secondary .col h3, #tertiary .col h3, .elsewhere .full .col h3 { text-align: center; }
		#secondary h4, #tertiary h4 { text-shadow: 0 0 0 #000; }
		#secondary h4 span, #tertiary h4 span { text-shadow: none; text-transform: lowercase; font-style: italic; }
		
	/* !Tertiary */
	
	#tertiary { font-size: 1.2em; clear: both; }
	.single #tertiary { font-size: 1.467em; padding-top: 4em; }
		#tertiary p { margin-bottom: 1.5em; }
		#tertiary h4 { margin-top: .15em; font: italic 1.222em/1 "Adobe Caslon Pro", Baskerville, Georgia, serif; }
		
/* !Foot */

#foot { clear: right; float: right; width: 75%; position: relative; background: url(images/footer1a.jpg) bottom left no-repeat; }
	#foot p { text-align: right; padding: 10em 6.667em; font-size: 1.2em; background: url(images/bg3_e.jpg) bottom right no-repeat; }