/* 
Theme Name: Oulipo
Theme URI: http://andreamignolo.com/oulipo
Description: A grid-based, black and white WordPress theme
Version: 1.0.6
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: "" ""; }

hr { border:1px; height:1px; color:#f2f2f2; background-color:#f2f2f2; margin:15px 0px; }

/* =Layout
------------------------------------------------------------------*/
body { background:#ffffff; }

#wrapper { width: 960px; padding:20px; margin: 0 auto;}

#header { margin-top: 20px; border-bottom: 1px dotted #999; margin-bottom:40px; padding-bottom:5px;}
	#header h1 { float:left; clear:left; }
	.search { text-transform: uppercase; padding-right: .5em; }
	#searchform { text-align: right; padding: 0 0 1em 0; }
	#search li { list-style-type:none; }
	#searchform input { border: 1px solid #666; }

#main_nav { width: 200px; margin: 0; float: left; padding-top:0px;}
	#main_nav ul { margin: 0 0 0 0; list-style-type: none; }
	#main_nav li { list-style-type:none; }
	/* #main_nav ul li ul li { padding-left:10px; background: url(images/puce.gif) 3% 50% no-repeat;} */
	
	#main_nav a { line-height: 1.6em; padding: 3px; border:none;}
		#main_nav a:hover, .current_page_item a, .current { color:white; background:#536273; }
	
	#main_nav ul li ul li { padding-left:10px; line-height:90%; background: url(images/puce2.gif) 2px 50% no-repeat;} 
		#main_nav .widget_pages ul li ul li a { color:#AAAAAA; }
			#main_nav .widget_pages ul li ul li a:hover, #main_nav .widget_pages .current_page_item a { color:#ffffff; }
			#main_nav .widget_pages .current_page_item ul li a  { color: #AAAAAA; background:none;}
	
	#supplementary { margin-top:5px; }
	.meta ul  li { margin: 10px 0 0px 0;  }
	.meta ul li ul li { margin: 0; line-height: 1.5em; }
	ul#categories li, ul#archives li { border-bottom: 0; }
	
	#main_nav #supplementary ul li ul li { padding-left:10px; }
	#main_nav #supplementary h2.widgettitle { color:black; font-size:1.2em; }
	


	
#content { width: 760px; margin: 0; float: right;}

#entry_content { width: 720px; margin: 0 20px 0 20px; float: left; }

	
.portfolioMenuBox {width:240px; float:left; text-align:left;}
		.portfolioMenuBox h3 { margin-top:10px; }
		.portfolioMenuBox p { padding-right:20px; }


	
#footer { clear: both; padding:10px 0px; text-align:center; margin-top:25px;}
#footer_contact { }
#footer_info { margin: 0; }


.description { margin: .1em 0 1.5em 0; padding: 0px; font-size:1em;}




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

body, .delicious-desc { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#3d3d3d; font-size: 0.8em; }

h1, h2, h3, .date, .entry-footer, .description, .ctitle, .fin, .error, .navigation {
	font-family: "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif; color:#536273; }

h1, .description {  }
h1 { font-size: 1.9em; font-weight:normal; }
h2 { font-size: 1.6em; margin-bottom: 5px; }
h3 { font-size: 1.4em; margin: 0 0 0 0; }
	#supplementary h3, h2.widgettitle { margin: 0; font-size: 1.5em;}
h4 { font-size: 1em; margin: 0 0 0 0; color:black; font-weight:bold;}
h5 { font-size: 1em; margin: 0; color:#666666;}

.widget li { border-bottom: 0; }



/*  entry_content Post articles */
.entry { margin: 0 0 20px 0; }
.date { margin: .1em 0 10px 10px; padding: 2px; font-size:1.2em; float:right;}
.header { margin: 0 0 1.5em 0; }
.alignleft { float: left; }
.alignright { float: right; }
.entry img.alignright { margin: 0 0 10px 10px; }
.entry img.alignleft { margin: 0 10px 10px 0; }
.offsite img { margin-top: 1em; border: 0; }
dd.gallery-caption { color: #CCC; line-height: 12px; margin-top: .5em; }
.entry .gallery { margin-top: 0; padding-top: 0; }

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

#entry_content h2 { border-bottom: dotted 1px #536273; }
#entry_content p { margin: 2px 0 8px 0; }
#entry_content .date { margin: 0; }
#entry_content .caption { margin: -2.4em 2em 1.5em 0; color: #666; text-align: center; }
	#entry_content .caption a, ol.footnotes a { }

#entry_content h3 a { font-weight: normal; font-variant: small-caps; color: #000; }
#entry_content .fin { text-align: center; font-size: 1.3em; margin: 3em 0 4em 0; }

.entry-footer { padding: 2px 10px 2px 10px; background:#f2f2f2; font-size:1.2em; clear:both; text-align:right; }

.entry { line-height: 1.7em; }
.entry ul, .entry ol { margin: 0 0 10px 0; padding-left: 2.2em; }
.entry img { margin: 0; display: block; }
.entry img.wp-smiley { display: inline; border: 0; padding: 0; margin: 0; }

.description, .date  { color: #aaa; }
.commentcount { color: #aaa ; }

.more-link .bracket { line-height: 5em; font-size: 1.5em; }
.post_nav { width: 15Opx; }
.footnotes { margin: 3em 0 0 0; padding-left: 2.2em; border-top: 1px dotted #999; 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; }
blockquote { width: 90%; margin: 2em auto; padding: 0 0 0 1em; border-left: 2px solid #000; font-style: italic; }
code { font-size: 1.2em; }
.navigation { border-top: 1px dotted #EEE; padding-top: 10px; }
.spacer { clear:both; height:1px; padding:0px; margin:0px;}

.nocomments { display:none; }

#footer { line-height: 1.7em; font-size:90%; }
	#footer p { margin: 0; padding: 0; }

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

a { color: #536273; border-bottom: 1px dotted #536273; background:none;}
	a:hover { color:black; }
	
#header h1.masthead a { border: none; }

h2 a { color: black; border:none;}
	h2 a:hover { color: #536273; }

img a, img a:hover , a img, a img:hover { text-decoration: none; border:none !important; padding:0px;}

.entry a, .navigation a {  }
.entry sup { color: #aaa; }
	.entry sup a { border: 0; margin: 0; font-weight: normal; }

#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; }

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

.entry h3 a, .entry h3 a:hover { color: #000; text-decoration: none; border: 0; }
.entry a.more-link { text-align: center; display: block; margin: 1em auto; text-transform: none; font-weight: normal; clear: both; }


a.buttonfixed {border:none;}

/* =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; color: #999; }

.smartarchives { margin: 2em 0 3em 0; }
	.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; margin-left: .2em; margin-bottom: .2em; }
	#content .archive_block li.empty { color: #333; }
	#content .smartarchives .archive_block li a { color: #CCC; border-bottom: 0; font-weight: normal; 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; }


#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 180px;
	text-align:right;
	clear:both;
	margin-right:10px;
}

#wpcf input {
	width: 250px;
	padding: 1px;
	margin: 2px 5px 2px 0;
	border: solid 1px #ccc;
}

#wpcf textarea {
	width: 250px;
	height: 100px;
	padding: 1px;
	margin: 2px 5px 2px 0;
	border: solid 1px #ccc;
}
#wpcf #contactsubmit {
	margin-left: 190px;
	width: 100px;
}


ul#qtranslate-4-chooser { float:right; margin-left:30px; line-height:1.9em;}
	ul#qtranslate-4-chooser li { list-style-type:none; display:inline; font-size:0.9em; padding-left:10px;}
	ul#qtranslate-4-chooser li.active a { border:none; color:#fff; background:#536273; padding:3px;}
	ul#qtranslate-4-chooser a { padding:3px 0px;}
		ul#qtranslate-4-chooser a:hover { color:#000; }


/* =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; }

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

ul.commentlist .navigation { border: 0; }

ul.commentlist .comment.bypostauthor .vcard img { border: none; }
	ul.commentlist .comment .comment-author.vcard img{ border: none; }

.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;
	clear:both;
}

.moderation {
	margin-left: 4.4em;
}

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

.commentlist li{ background: #F2F2F2; padding:10px 10px 2px 10px;}

/* =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;
	margin-top: 0;
}

/* =Widget
------------------------------------------------------------------*/
.textwidget {
	margin-top: 15px;
}

#main_nav #RSSLink a {line-height:16px;}
#main_nav #RSSLink a { display:block; float:left; }
	#main_nav #RSSLink a.imageLink:hover {background:none;}

#main_nav .textwidget { margin-top:0px; }


/* =Flickr Gallery 
------------------------------------------------------------------*/
div.flickr-gallery {}

div.flickr-photos {}

div.flickr-thumb { float: left; border: none; margin: 0px 8px 8px 0px; height: 75px; width: 75px; }

div.fg-clear { clear: both; }

div.flickr-set-meta { margin-left: 80px; }

div.flickr-collection-meta { margin-left: 191px; }

div.flickr-set-thumb, div.flickr-collection-thumb { float: left; border: none; margin: 3px; }

div.flickr-set, div.flickr-collection { margin-bottom: .5em; }

div.flickr-gallery.image.none { padding: 1em 0px; }

div.flickr-gallery.image.left, div.flickr-gallery.video.left { padding: 0px .5em .5em 0px; float: left; }

div.flickr-gallery.image.right, div.flickr-gallery.video.right { padding: 0px 0px .5em .5em; float: right; }

div.flickr-set-display { display: none; clear: both; }

.ui-tabs .fg-credit { margin-top: 4px; }

div.flickr-gallery ul.ui-tabs-nav li { list-style-type: none; }