/* 
Theme Name: Oulipo
Theme URI: http://andreamignolo.com/oulipo
Description: A grid-based, black and white WordPress theme
Version: 1.0.4
Author: A. Mignolo 
Author URI: http://andreamignolo.com
Tags: white, three-columns, fixed-width, threaded-comments, sticky-post

License: GNU General Public License (GPL) version 3

*/


/* =Global
------------------------------------------------------------------*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address, .more-link  {
	margin:0;
	padding:0;
	}

a, a:link, a:visited {
	outline: none;
	text-decoration: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

blockquote:before, blockquote:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* =Layout
------------------------------------------------------------------*/

#wrapper {
	width: 60em;
	margin: 0 auto;
}

#main_nav {
	width: 10em;
	margin: 7.7em 0 0 0;
	float: left;
	display: inline;
	position: fixed;
}

#content {
	width: 50em;
	margin: 2em 0 0 0;
	float: right;
	display: inline;
	min-height: 30em;
}

#entry_content {
	width: 30em;
	margin: 0 2.5em 0 4.5em;
	float: left;
	/*display: inline;*/
}

#supplementary {
	width: 11em;
	margin: 4.4em 0 0 26px;
	padding-top:0px;
	float: left;
}

#footer_info {
	margin: 0 0 0 20em;
    width: 45em;
	float: left;
	display: inline;
}

#main_nav ul {
	margin: 2.5em 0 0 0;
}


.meta ul {
	margin: 1em 0 0 0;
}

.meta li {
	margin: .3em 0 0 0;
	line-height: 1.5em;
	padding: 0 0 .2em 0;
}
.meta li#twitter-1{
	font-size:1.2em;
}
.meta li #wp-calendar tbody a{
	background:#000;
	color:#fff;
	padding:0px 1px;
}
.meta li #wp-calendar tbody a:hover{
	background:#000;
}

ul#categories li, ul#archives li {
	border-bottom: 0;
}

#footer {
	clear: both;
	border-top: 0px solid #000;
}

.date, .description {
	margin: .1em 0 1.5em 0;
	padding: 0;
}


.header {
	margin: 0 0 1.5em 0;
}

.entry {
	margin: 0 0 4em 0;
    text-align: justify;
    text-justify: newspaper;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.entry img.alignright {
	margin: 0 0 1.5em 1em;
}

.entry img.alignleft {
	margin: 0 1em 1.5em 0;
}

.offsite img {
	margin-top: 1em;
	border: 0;
}

#main_nav h1.masthead a {
	line-height: 1em;
}

dd.gallery-caption {
	font-size: 11px;
	color: #CCC;
	line-height: 12px;
	margin-top: .5em;
}

.entry .gallery {
	margin-top: 0;
	padding-top: 0;
}

/* =Typography
------------------------------------------------------------------*/

#entry_content .sticky {
	border: 1px dotted #CCC;
	padding: 15px;
	margin-bottom: 20px;
}


/* =Typography
------------------------------------------------------------------*/

body, .delicious-desc {
	background: #FFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
}

h1, h2, h3, h4, h5, #main_nav ul, .date, .description, .ctitle, .fin,
 	.entry > p:first-child:first-line, .error, .navigation, .more-link, .comment-author, .comment-meta, #wp-calendar-caption {
	font-family: "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;
}
.entry > p.override:first-child:first-line{
	font-family:inherit;
}

h1, .date, .description {
	font-variant: small-caps;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.7em;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.7em;
	margin: 1em 0 0 0;
	border-bottom: 1px solid #eee;
}

#supplementary h3, h2.widgettitle {
	margin: 2em 0 1.3em 0;
	font-size: 1.3em;
	font-variant: small-caps;
	border-bottom: none;
}
#twitter-1 h2.widgettitle {
	margin-bottom:0px;
}

.widget li {
	border-bottom: 0;
}
.widget ul.twitter li{
	padding-bottom:15px;
}

h4 {
	font-size: 1.4em;
	margin: 2em 0 0 0;
	font-variant: small-caps;
}

h5 {
	font-size: 1.3em;
	margin: .8em 0;
}

#main_nav ul {
	text-transform: uppercase;
	font-size: .75em;
	list-style-type: none;
}

.entry {
	font-size: .75em;
	line-height: 1.9em;
}

#entry_content p {
	margin: .7em 0 2em 0;
}

.description, .date  {
	font-size: .8em;
	color: #aaa;
}

.rssFeed{
	height:4em;
	background-image:url(http://alexaitken.net/wordpress/wp-content/themes/oulipo/images/RSSButtonTilted.png);
	background-repeat:no-repeat;
	background-position:0em 1em;
}

.credits{
	font-size:.6em;
	color: #aaa;
	margin-top:4.5em;
}
#main_nav .credits a{
	display:inline;
	width:auto;
}
#main_nav .credits a:hover{
	border-right: 0px solid #EEE;
	color:#000;
}

.commentcount {
	color: #aaa ;
}

#entry_content .date {
	margin: -2em 0 2em 0;
}

.entry > p:first-child:first-letter {
	font-size: 2em;
}

.entry > p:first-child:first-line {
	font-variant: small-caps;
	font-size: 1.3em;
}

.entry > p.override:first-child:first-letter {
	font-size: 1em;
}
.entry > p.override:first-child:first-line {
	font-variant:normal;
	font-size: 1em;
}


.entry ul, .entry ol {
	margin: 1.5em 0 0 0;
	padding-left: 2.2em;
}

#search {
	margin-top: 1.5em;
	border-bottom: 1px dotted #999;
}

.search {
	text-transform: uppercase;
	font-size: .7em;
	padding-right: .5em;
}

#searchform {
	margin-top: -1em;
	text-align: right;
	padding: 0 0 1em 0;
	}

input {
	border: 1px solid #666;
	}

blockquote {
	width: 90%;
	margin: 2em auto;
	padding: 0 0 0 1em;
	border-left: 2px solid #000;
	font-style: italic;
}

.entry img {
	margin: 1.5em auto 0 auto;
	padding: 3px;
	border: 1px solid #000;
	display: block;
}

#entry_content .caption {
	margin: -2.4em 2em 1.5em 0;
	font-size: .85em;
	color: #666;
	text-align: center;
}

#entry_content .caption a, ol.footnotes a {
	font-size: 1.0em;
}

#entry_content h3 a {
	font-weight: normal;
	font-variant: small-caps;
	color: #000;
	font-size: .75em;
}

#supplementary ul {
	list-style-type: none;
}

#supplementary ul li ul li {
	border-bottom: 0px dotted #EEE;
}

#supplementary p {
	line-height: 1.5em;
}
#supplementary p.tags {
	display:none;
}

.meta {
	margin: 0;
	font-size: .7em;
	line-height: 1.9em;
}

.footnotes {
	margin: 3em 0 0 0;
	padding-left: 2.2em;
	border-top: 1px dotted #999;
	font-size: .85em;
	line-height: 1.2em;
}

li.footnote {
	margin-top: .5em;
}

.wp-tag-cloud {
	padding-left: 0;
}

.highlight {
	color: #ff9900;
}

.error {
	font-size: 5em;
	text-align: center;
}

#footer {
	font-size: .7em;
	line-height: 1.7em;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer_contact {
	padding: 1em 0 1em 1em;
}

#footer_info {
	height: 3.2em;
	padding: 1em 1.9em 1em 1em;
	border-right: 0px dotted #000;
}


#entry_content .fin {
	text-align: center;
	font-size: 1.3em;
	margin: 3em 0 4em 0;
}

.more-link .bracket {
	line-height: 5em;
	font-size: 1.5em;
}

.post_nav {
	/*position: fixed;*/
	width: 15.5em;
	padding-top:.1em;
}

code {
	font-size: 1.2em;
}

.navigation {
	font-size: .9em;
	border-top: 1px solid #EEE;
	font-variant: small-caps;
}

.spacer {
	height: 2em;
	background: url(./images/spacer.png) top center no-repeat;
	padding-right: 1em;
}


/* =Link Styles
------------------------------------------------------------------*/

a {
	color: #666;
}

#main_nav h1.masthead a {
	color: #0000ff;
}
#main_nav h1.masthead a:hover {
	border-right: none;
}

h2 {
	border-bottom: 1px solid #EEE;
}

h2 a, #main_nav a {
	color: #000;
}

h2 a:hover {
	color: #000000;
	/*border-bottom: 1px solid #000;*/
}

h3 {
	margin: 2em 0 0 0;
}

img a, img a:hover {
	text-decoration: none;
}

.entry a, .navigation a {
	font-weight: bold;
	font-size: 12px;
	color: #000;
	border-bottom: 1px solid #EEE;
}

.entry a:hover, .navigation a:hover {
	color: #000000;
	border-bottom: 1px solid #000;
}

.entry sup {
	font-size: 11px;
	color: #aaa;
}

.entry sup a {
	border: 0;
	color: #3399FF;
	margin: 0;
	font-weight: normal;
	font-size: 10px;
}

#supplementary .post_nav ul.about_nav li a, #supplementary .post_nav ul.single_post_meta a, #supplementary ul.contact_key li a {
	color: #888888;
	border-bottom: 0;
}

#main_nav li {
	border-bottom: 1px solid #EEE;
}

#main_nav a {
	display: block;
	width: 100%;
	line-height: 1.6em;	
	padding-top: .3em;
}
#main_nav ul a {
	/*background-image:url(http://alexaitken.net/wordpress/wp-content/themes/oulipo/images/bulletSprite.png);
	background-repeat:no-repeat;
	background-position:95% 25px;*/
	color:#999;
}

#main_nav a:hover, #main_nav ul li.current_page_item a, .current {
	width: 100%;
	border-right: 0px solid #99f;
	color:#000;
}

#footer a {
	border-bottom: 1px solid #eee;
}

#footer a:hover {
	color: #3399FF;
	border-bottom: 1px solid #FF9900;
}

#supplementary a {
	color: #888;
}

#supplementary a:hover {
	color: #000;

}

#supplementary .offsite a, .offsite a img {
	border: 0;
}

.entry h3 a, .entry h3 a:hover {
	color: #333;
	text-decoration: none;
	border: 0;
}

.entry a.more-link {
	color: #666;
	font-variant: small-caps;
	font-size: 1.2em;
	border: 0;
	text-align: center;
	display: block;
	margin: 1em auto;
	text-transform: none;
	font-weight: normal;
	clear: both;
	
}


/* =Plug-in Styles
------------------------------------------------------------------*/
ul.delicious {
	list-style-type: none;
}

ul.delicious li {
	margin: 1em 0;
	line-height: 1.5em;
	padding-bottom: .8em;
}

.twitter {
	margin: 0 0 4em 0;
	font-size: .7em;
	color: #999;
}

.smartarchives {
	margin: 2em 0 3em 0;
	font-size: .8em;
}

.smartarchives ul {
	margin: 0 0 1.5em 0;
	list-style-type: none;
}
	
.smartarchives h2 {
	margin: 0 0 0 0;
}

.smartarchives h2 a {
	text-decoration: none;
	color: #000;
	border: 0;
}

.smartarchives h2 a:hover {
	text-decoration: none;
	border: 0;
}

.monthly {
	clear: both;
	padding-top: 3em;
}

ul.archive_block {
	padding-left: 0;
	width: 100%;
	overflow: hidden;
	padding-bottom: 2em;
}

#content .archive_block li {
	float: left;
	display: inline;
	padding: 5px 7px;
	background: #000;
	color: #FFF;
	font-size: 11px;
	margin-left: .2em;
	margin-bottom: .2em;
}

#content .archive_block li.empty {
	font-size: 11px;
	color: #333;
}

#content .smartarchives .archive_block li a {
	color: #CCC;
	border-bottom: 0;
	font-weight: normal;
	font-size: 11px;
	border-bottom: 1px dotted #336699;
	
}

.contactform {
	margin: 2em 0;
}

.contactform label {
	font-weight: bold;
}

.contactleft {
	margin: 1em 0 0 0;
}

#contactsubmit {
	margin: 1em 0 0 0;
}




/* =Threaded Styles
------------------------------------------------------------------*/

ul.commentlist cite {
	font-style: normal;
	font-weight: bold;
}

ul.commentlist span.says {
	display: none;
}

ul.commentlist .comment-author, ul.commentlist .comment-meta {
	font-variant: small-caps;
}

ul.commentlist .comment-meta {
	margin-top: -.5em;
}

ul.children {
	list-style-type: none;
}

h3#comments {
	margin-bottom: 1em;
	clear: both;
}

ul.commentlist .navigation {
	border: 0;
}

ul.commentlist .comment.bypostauthor .vcard img {
	border: 1px solid #FF9900;
}

ul.commentlist .comment .comment-author.vcard img{
	border: 1px solid #000;
}

.depth-2 {
	margin-top: 2em;
}


/* =Comment Styles
------------------------------------------------------------------*/
ul.commentlist, ul.commentmeta {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


ul.commentmeta {
	margin-top: 2em;
}

img.avatar {
	margin: 0 1em 0 0;
	float: left;
	display: inline;
}

.commenttext {
	margin-left: 4.4em;
	border-bottom: 1px dotted #000;
	padding-bottom: 1.5em;
}

#comments, #respond {
	margin: 3em 0 0 0;
	border: 0;
}

.moderation {
	margin-left: 4.4em;
}

.ctitle {
	font-variant: small-caps;
}

/* =Better image scaling in IE
------------------------------------------------------------------*/

img { -ms-interpolation-mode:bicubic; }


/* =Required 
------------------------------------------------------------------*/

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

#entry_content .entry p.wp-caption-text {
	color: #CCC;
	text-align: center;
	font-size: 11px;
	margin-top: 0;
}

/* =Widget
------------------------------------------------------------------*/
.textwidget {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCC;
}

.meta ul.twitter,
.meta ul.twitter li{
	margin:0px;
}
#wp-calendar{
	border:1px solid #bbb;
	color:#999;
}
#wp-calendar-caption{
	text-align:left;
	padding-left:3px;
	color:#000;
    
}
td#showit a{
	display:none;
}


/* Code Samples - from LiveWriter plugin*/

.entry .csharpcode, .csharpcode pre
{
font-size: 1em;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.entry .csharpcode pre { margin: 0em; }
.entry .csharpcode .rem { color: #008000; }
.entry .csharpcode .kwrd { color: #0000ff; }
.entry .csharpcode .str { color: #006080; }
.entry .csharpcode .op { color: #0000c0; }
.entry .csharpcode .preproc { color: #cc6633; }
.entry .csharpcode .asp { background-color: #ffff00; }
.entry .csharpcode .html { color: #800000; }
.entry .csharpcode .attr { color: #ff0000; }
.entry .csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.entry .csharpcode .lnum { color: #606060; }

/*For Demo button pages*/
/*ZURB*/
.awesome{
background: #222 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
/*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
/* Sizes ---------- */
.small.awesome {
font-size: 11px;
}
.medium.awesome {
font-size: 13px;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}
 /* Colors ---------- */
.blue.awesome {
background-color: #00f;
}
.grey.awesome {
background-color: #f5f5f5;
color:#00f;
}
.black.awesome {
background-color: #030303;
color:#fff;
}
.red.awesome {
background-color: #e33100;
}
.magenta.awesome {
background-color: #a9014b;
}
.orange.awesome {
background-color: #ff5c00;
}
.yellow.awesome {
background-color: #ffb515;
}



/*css mods*/
#ama_outerWrapper #supplementary{
	margin-top:8em;
}

/*AMA*/
#ama_outerWrapper{
	width:60em;
	position:relative;
	margin:0 auto;
}
#ama_outerWrapper h2{
	margin-left:232px;/*combo of baselined 10em dif. b/w #outerwrapper width and #content widths AND 4.5em mleft margin on entry_content*/
	margin-right:248px;
	margin-top:32px;
}
#ama_outerWrapper #main_nav{
	margin-top:2.55em;
}
#ama_outerWrapper .date{/*currently defined on #entry_content .date*/
	margin:-2em 0 2em;
}
#ama_outerWrapper .date{
	margin-left:232px;/*ems..?*/
	margin-bottom:0px;
}
#ama_outerWrapper #content{
	margin-top:1.1em;
}
#ama_outerWrapper #supplementary{
	margin-top:3.95em;
}


#ama_outerWrapper .ama_demoLink{	
	position:absolute;
	z-index:3000;
	left:59.75em;
	top:7.85em;
}
#ama_outerWrapper #iframe{	
	position:absolute;
	width:0px;
	height:0px;
	top:7.85em;
}
#ama_outerWrapper #wrapper{
	position:relative;
	text-align:left;
	margin:0;
	float:left
}
.post-teaser-block{
    display:none;
}
.post{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -webkit-transition: background 0.15s ease-in;
}
.post.active{
    background:#eee;
    cursor:pointer;

}

.twitter_title_link{
    background:url(../../uploads/_system/twitter.png) no-repeat;
    float:left;
    height:22px;
    width:100%;
    opacity:.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
	filter: alpha(opacity=30);
}
.twitter_title_link:hover{
    opacity:.85;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
}

/*Vertical Rhythm post*/
.post-722 .entry p{
    background:url(http://alexaitken.net/wordpress/wp-content/uploads/2011/03/line-rule.png) 0px 4px;
}