ul.makeMenu, ul.makeMenu ul {
  width: 200px;                 /* sets the size of the menu blocks */
  border-bottom: 1px #ffffff;                  /* puts a black border around the menu blocks */
  border-top: 1px #ffffff;
  background: #5ca4d4;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #ffffff;                 /* sets the default font colour to white */
  padding: 8px 0px 4px 6px;
}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 0px;                    /* position slightly lower than the parent menu item */
  left: 200px;                  /* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */
  width: 225px;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #136f94;      /* gives the active menu items a yellow background */
  color: #ffffff;                 /* makes the active menu item text black */ 
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: #ffffff; display: block; width: 100%; text-decoration: underline; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #ffffff; }
ul.makeMenu li:hover > a { color: #ffffff; } /* supports links in branch headings - should not be display: block; */
ul.makeMenu > li {
	background: #5ca4d4 url(images/arrow.jpg) no-repeat right;
}
</style>


<!--[if gt IE 5.0]><![if lt IE 7]>
<style type="text/css">
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
  behavior: url( IEmen.htc );
}
ul.makeMenu ul {  /* copy of above declaration without the > selector, except left position is wrong */
  display: none; position: absolute; top: 0px; left: 198px;
}


#hr {
border-top: 1px solid #CCCCCC;
width:100px;
margin:3px auto 0;
}

#leftbottom{
margin: 0 30px 0 15px;
}

#leftbottom a{
color: #8f444b;
text-decoration: none;
}

a:link {
color: #8f444b;
text-decoration: none;
}
a:visited 
{color: #8f444b;
text-decoration:none;
}
a:hover {
color: #8f444b;
text-decoration:none;
}
a:active {
text-decoration:none;
}

#topmenubar {
text-align:left;
background:#8f444b;
position:relative;
top:0;
left:0px;
width:200px;
height:15px;
padding: 0px 0px 0px 0px;
margin-top:64px;
}

#pagetitle{
font-size:12px;
color:#404040;
position:absolute;
top:66px;
padding-left:5px;
font-weight:bold;
}











/* 
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;
	font-family:"Verdana",Arial;
	}
	
html {
	background:#f4f5f7 url(images/shadow.png) no-repeat top center;
	}

body{
	margin:0 auto;
	width:60em;
}

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 {
	background: url(images/page_bg.png) repeat-y center;
	width: 960px;
	margin: 0 auto;
	min-height: 650px;
}

#main_nav {
	background: url(images/lefttallbar4.jpg) repeat-y;
	width: 200px;
	margin: 0;
	float: left;
	display: inline;
	position: absolute;
}

#content {
background:transparent url(images/page_bg2.png) repeat-y right;
	width: 47.5em;
	margin: 0 0 0 4.5em;
	float: right;
	display: inline;
	min-height: 750px;
}

#entry_content {
	background:url(images/head.jpg) repeat-x top;
	width: 562px;
	margin: 0;
	float: left;
	display: inline;
	min-height: 400px;
}

#supplementary {
background:#ffffff;
	width: 178px;
	height:389px;
	margin: 0 0 0 0;
	float: right;
	display: inline;
	padding-left:7px;
	padding-right:3px;
}

#rightside{
background:#E3E6EB;
width:198px;
float:right;
height:562px;
padding-bottom:10px;
}

#gray{
background:clear;
margin-top:50px;
}

#footer_contact {
	width: 186px;
	float: right;
	display: inline;
}

#footer_info {
	margin: 0;
    width: 531px;
	float: right;
	display: inline;
	font-size:10px;
}

#main_nav ul {
	margin: 0;
}


.meta ul {
	margin: .95em 0 0 0;
	height:94px;
}

.meta li {
	margin: 0;
	line-height: 1.7em;
	padding: 0 0 .1em 0;
}

#toplinks{
	font-family:"Verdana",Arial;
font-size:12px;
font-size-adjust:none;
font-variant:normal;
font-weight:bold;
}

ul#links1 li {
	border-bottom: 0;
}

ul#links2 li {
	border-bottom: 0;
}

#footer {
	clear: both;
	border-top: medium double #7E8083;
}

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


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

.entry {
	margin: 111px 0 4em 0;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

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

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

.entry img.none {
	margin: 0;
	padding:0;
}

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

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


#main_nav h1.masthead {
	height: 70px;
	margin: 20px 20px 10px 0;
}

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:"Verdana",Arial;
}

h1, h2, h3, h4, h5, #main_nav ul, .date, .ctitle, .fin,
 	.entry > p:first-child:first-line, .error, .navigation, .more-link, .comment-author, .comment-meta {
	font-family:"Verdana",Arial;
}

h1, .date, .description {
}

.description {
	color:#136F94;
	font-family:"Verdana",Arial;
	font-size:14px;
	margin: 15px 25px 10px 10px;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
	margin: 1em 0 0 0;
	font-family:"Verdana",Arial;
}

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

#supplementary h3, h2.widgettitle {
	margin: .5em 0 -.7em 0;
	font-size: 12px;
	font-family:"Verdana",Arial;
	border-bottom: none;
	font-weight:bold;
}

.widget li {
	border-bottom: 0;
}

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 {
	list-style-type: none;
}

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

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

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

.commentcount {
	color: #aaa ;
}

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

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

#search {
	margin-top: .5em;
	border-bottom: 0;
	width:175px;
}

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

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

input {
	border: 0;
	}

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: 0;
	display: block;
}

.entry img.wp-smiley {
	display: inline;
	border: 0;
	padding: 0;
	margin: 0;
}

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

#entry_content h3 {
	font-weight: normal;
	font-variant: small-caps;
	color:#136F94;
	font-size: 1.25em;
	margin: 2em 30px 0;
}

#entry_content h2 {
	font-weight: normal;
	color:#136F94;
	font-size: 1.25em;
	margin: 2em 30px 0;
}

.flash{
margin:-103px 0;
}

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

#supplementary ul li ul li {
	border-bottom: 0;
	list-style-type: disc;
	list-style-position: outside;
	width: 150px;
	float:right;
}

#supplementary p {
	line-height: 1.5em;
}

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


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

code {
	font-size: 1.2em;
}

.navigation {
	font-size: .9em;
}

.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:#B0BDCD;
	font-family:"Verdana",Arial;
	font-size:15px;
	text-decoration:none
}
#main_nav h1.masthead a:hover {
	border: none;
}

h2 {
	margin: 2em 0 0 0;
}

h2 a, #main_nav a {
	font-size:11px;
	text-decoration:none;
}

h2 a:hover {
	color: #CCC;
	border-bottom: 1px solid #FF9900;
}

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: #8F444B;
	border-bottom: 0;
}

#entry_head{
position:absolute;
top:-21px;
margin-left:315px;
}

.entry a:hover, .navigation a:hover {
	color: #8F444B;
	border-bottom: 0;
}

.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:#8F444B;
	text-decoration:none;
	border-bottom: 0;
}

#main_nav li {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#main_nav a {
	display: block;
	width: 100%;
	line-height: 1.6em;
}

#main_nav img {
	margin: 20px 10px;
}

#main_nav a:hover, .current_page_item, .current {
}

#footer a {
	border-bottom: 0;
}

#footer a:hover {
}

#supplementary a {
	color:#8F444B;
	text-decoration:none;
}

#supplementary a:hover {
	color:#8F444B;
	text-decoration:none;
}

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

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

.entry h2 a, .entry h2 a:hover {
	color:#8F444B;
	text-decoration: none;
	border: 0;
	font-size:1em;
}

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