/* 
Theme Name: Uplipo
Theme URI: http://andreamignolo.com/oulipo
Description: A grid-based, black and white WordPress theme
Version: 0.0.1
Author: A. Mignolo, modified by J. Guberman
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, blockquote, ul, ol, dl, address, .more-link {
margin:0;
padding:0;
}
a, a:link, a:visited {
outline:medium none;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
blockquote:before, blockquote:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
#wrapper {
margin:0 auto;
width:60em;
}
#main_nav {
display:inline;
float:left;
margin:9em 0 0;
/*position:fixed;*/
width:10em;
}
#content {
display:inline;
float:right;
margin:2em 0 0;
min-height:30em;
width:50em;
}
#entry_content {
display:inline;
float:left;
margin:0 2.5em 0 4.5em;
width:30em;
}
#supplementary {
display:inline;
float:right;
margin:0;
width:11em;
}
#footer_contact {
display:inline;
float:right;
width:15.7em;
}
#footer_info {
display:inline;
float:left;
margin:0 0 0 20em;
width:45em;
}
#main_nav ul {
margin:2.5em 0 0;
}
#main_nav ul li ul {
font-size: 0.85em;
margin: 0;
padding-left: 1em;
}
.meta ul {
margin:1em 0 0;
}
.meta li {
line-height:1.5em;
margin:0.3em 0 0;
padding:0 0 0.2em;
}
ul#categories li, ul#archives li {
border-bottom:0 none;
}
#footer {
border-top:1px solid #000000;
clear:both;
}
.date, .description {
margin:0.1em 0 1.5em;
padding:0;
}
.header {
margin:0 0 1.5em;
}
.alignleft {
float:left;
margin:0 1em 0.5em 0;
}
.alignright {
float:right;
margin:0 0 0.5em 1em;
}
.alignleftplain {
float:left;
}

.alignrightplain {
float:right;
}

.offsite img {
border:0 none;
margin-top:1em;
}
#main_nav h1.masthead a {
line-height:1em;
}
dd.gallery-caption {
color:#CCCCCC;
font-size:11px;
line-height:12px;
margin-top:0.5em;
}
.entry .gallery {
margin-top:0;
padding-top:0;
}
#entry_content .sticky {
border:1px dotted #CCCCCC;
margin-bottom:20px;
padding:15px;
}
body {
background:none repeat scroll 0 0 #FFFFFF;
/*font-family:"Lucida Grande","Lucida Sans Unicode",verdana,sans-serif;*/
font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,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 {
font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,serif;
}
h1, .date, .description {
font-variant:small-caps;
}
h1 {
font-size:2em;
}
h2 {
font-size:1.7em;
margin:1em 0 0;
border-bottom:1px solid #EEEEEE;
}
h3 {
font-size:1.5em;
margin:1em 0 0;
}
#supplementary h3, h2.widgettitle {
border-bottom:medium none;
font-size:1.15em;
font-variant:small-caps;
margin:2em 0 -0.7em;
}
.widget li {
border-bottom:0 none;
}
h4 {
font-size:1.4em;
font-variant:small-caps;
margin:1em 0 0;
}
h5 {
font-size:1.3em;
margin:0.8em 0;
}
#main_nav ul {
font-size:0.75em;
list-style-type:none;
text-transform:uppercase;
}
.entry {
/*font-size:0.75em;
line-height:1.9em;*/
font-size:90%;
line-height:1.6em;
text-align:justify;
color: #516064;
/*margin: 0px 0px 4em;*/
}
#entry_content p {
margin:0.7em 0 0em;
}
.post {
margin: 0 0 2em;
}
.description, .date {
color:#AAAAAA;
font-size:0.8em;
}
.commentcount {
color:#AAAAAA;
}
#entry_content .date {
/*margin:-2em 0 2em;*/
}
.entry > p:first-child:first-letter {
/*float:left;
font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,serif;
font-size:3.5em;
margin-right:0.1em;
padding-top:0.1em;
line-height:0.5em;*/
font-size:2em;
}
.entry > p:first-child:first-line {
color:#656E72;
font-size:1.3em;
font-variant:small-caps;
}
.firstp > p:first-child:first-letter {
font-size:2em;
}
.firstp > p:first-child:first-line {
color:#656E72;
font-size:1.3em;
font-variant:small-caps;
}
.entry ul, .entry ol {
margin:0em 0 0;
padding-left:2.2em;
}
#toptitle {
border-bottom:1px dotted #999999;
font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,serif;
font-size:4.5em;
font-variant:small-caps;
margin-top:0.5em;
text-align:center;
position: relative;
}
#toptitle a {
color:#000;
opacity:0.25;
}
#toptitle a:hover {
color:#FF9900;
opacity:1;
}
.search {
border-bottom:medium none;
font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,serif;
font-size:0.75em;
font-variant:small-caps;
}
.leftsearch {
border-bottom:medium none;
font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,serif;
font-size:0.75em;
text-transform:uppercase;
}
#searchform {
margin-top:2em;
padding:0 0 1em;
text-align:left;
}
input,#searchsubmit,#submit{
font-family:"Hoefler Text","Constantia",Georgia,"Times New Roman",Times,serif;
font-size: 1em;
}
input {
border:1px solid #666666;
}
blockquote {
border-left:2px solid #000000;
font-style:italic;
margin:2em auto;
padding:0 0 0 1em;
width:90%;
}
.entry img, .post_banner img {
border:1px solid #000000;
background: #FFFFFF;
display:block;
margin: 0em auto 1em;
padding:3px;
}
.entry img.wp-smiley {
border:0 none;
display:inline;
margin:0;
padding:0;
}
#entry_content .caption {
color:#666666;
font-size:0.85em;
margin:-2.4em 2em 1.5em 0;
text-align:center;
}
#entry_content .caption a, ol.footnotes a {
font-size:1em;
}
#entry_content h3 a {
color:#000000;
font-size:0.75em;
font-variant:small-caps;
font-weight:normal;
}
#supplementary ul {
list-style-type:none;
}
#supplementary ul li ul li {
border-bottom:1px dotted #EEEEEE;
}
#supplementary p {
line-height:1.5em;
}
.meta {
font-size:0.7em;
line-height:1.9em;
margin:0;
}
.footnotes {
border-top:1px dotted #999999;
font-size:0.85em;
line-height:1.2em;
margin:3em 0 0;
padding-left:2.2em;
}
li.footnote {
margin-top:0.5em;
}
.wp-tag-cloud {
padding-left:0;
}
.highlight {
color:#FF9900;
}
.error {
font-size:5em;
text-align:center;
}
#footer {
font-size:0.7em;
line-height:1.7em;
}
#footer p {
margin:0;
padding:0;
}
#footer_contact {
padding:1em 0 1em 1em;
}
#footer_info {
border-right:1px dotted #000000;
height:5em;
padding:1em 1.9em 1em 1em;
}
#entry_content .fin {
font-size:1.3em;
margin:3em 0 4em;
text-align:center;
}
.more-link .bracket {
font-size:1.5em;
line-height:5em;
}
.post_nav {
width:15.5em;
}
code {
font-size:1.2em;
}
.navigation {
border-top:1px solid #EEEEEE;
font-variant:small-caps;
padding-bottom:1em;
font-size:1.1em;
}
.spacer {
background:url("./images/spacer.png") no-repeat scroll center top transparent;
height:2em;
padding-right:1em;
}
a {
color:#888;
}
a:hover{
color: #F90;
}
#main_nav h1.masthead {
font-size:1.5em
;}
#main_nav h1.masthead a {
color:#FF9900;
}
#main_nav h1.masthead a:hover {
border-right:none;
color:#7AAFFF;;
}
h2 a, #main_nav a {
color:#889296;
}
h2 a:hover {
border-bottom:1px solid #FF9900;
color:#CCCCCC;
}
img a, img a:hover {
text-decoration:none;
}
.entry a {
border-bottom:1px solid #DDD;
color: #444;
font-weight:bold;
}

.entry a:hover {
border-bottom:1px dotted #333333;
color:#FF9900;
}

.navigation a {
border-bottom: none;
color:#444;
font-weight:normal;
}

.navigation a:hover {
/*border-bottom:1px dotted #333333;*/
border-bottom: none;
color:#FF9900;
}

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

.multipage a:hover{
font-weight:normal;
border:none;
}

.entry sup {
color:#AAAAAA;
font-size:11px;
}
.entry sup a {
border:0 none;
color:#000000;
/*font-size:10px;*/
font-weight:normal;
margin:0;
}
/*#supplementary .post_nav ul.about_nav li a, #supplementary .post_nav ul.single_post_meta a, #supplementary ul.contact_key li a {
border-bottom:0 none;
color:#888888;
}*/
#main_nav li a {
border-bottom:1px solid #EEEEEE;
}
#main_nav li a {
display:block;
line-height:1.6em;
padding-top:0.3em;
width:100%;
}
#main_nav li a:hover {
border-right:3px solid #EEEEEE;
}
#main_nav li a:hover, .current_page_item, .current {
background: #F9F9F9;
width:100%;
}
.current_page_item a {
border-right:3px solid #EEEEEE;
}
.current_page_item ul {
background: #FFFFFF;
}
.current_page_item ul a {
border-right:none;
}
#main_nav a:hover {
color:#7AAFFF;
}
#footer a {
border-bottom:1px solid #EEEEEE;
}
#footer a:hover {
border-bottom:1px solid #FF9900;
color:#7AAFFF;
}
#supplementary a {
color:#888888;
}
#supplementary a:hover {
color:#7AAFFF;
}
#supplementary .offsite a, .offsite a img {
border:0 none;
}
.entry h3 a, .entry h3 a:hover {
border:0 none;
color:#333333;
text-decoration:none;
}
.entry a.more-link {
border:0 none;
clear:both;
color:#666666;
display:block;
font-size:1.2em;
font-variant:small-caps;
font-weight:normal;
margin:1em auto;
text-align:center;
text-transform:none;
}
.entry a.more-link:hover{
color:#f90;
}
.twitter {
color:#999999;
font-size:0.7em;
margin:0 0 4em;
}
.smartarchives {
font-size:0.8em;
margin:2em 0 3em;
}
.smartarchives ul {
list-style-type:none;
margin:0 0 1.5em;
}
.smartarchives h2 {
margin:0;
}
.smartarchives h2 a {
border:0 none;
color:#000000;
text-decoration:none;
}
.smartarchives h2 a:hover {
border:0 none;
text-decoration:none;
}
.monthly {
clear:both;
padding-top:3em;
}
ul.archive_block {
overflow:hidden;
padding-bottom:2em;
padding-left:0;
width:100%;
}
#content .archive_block li {
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
display:inline;
float:left;
font-size:11px;
margin-bottom:0.2em;
margin-left:0.2em;
padding:5px 7px;
}
#content .archive_block li.empty {
color:#333333;
font-size:11px;
}
#content .smartarchives .archive_block li a {
border-bottom:1px dotted #336699;
color:#CCCCCC;
font-size:11px;
font-weight:normal;
}
.contactform {
margin:2em 0;
}
.contactform label {
font-weight:bold;
}
.contactleft {
margin:1em 0 0;
}
#contactsubmit {
margin:1em 0 0;
}
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:-0.5em;
}
ul.children {
list-style-type:none;
}
h3#comments {
clear:both;
margin-bottom:1em;
}
ul.commentlist .navigation {
border:0 none;
}
li.commentlist .comment.bypostauthor .comment-author.vcard img {
border:1px solid #FF9900;
}
li.commentlist .comment .comment-author.vcard img {
border:1px solid #000000;
}
/*.depth-2 {
margin-top:2em;
}*/
ul.commentlist, ul.commentmeta {
list-style-type:none;
margin:0;
padding:0;
}
ul.commentmeta {
margin-top:2em;
}
img.avatar {
display:inline;
float:left;
margin:0 1em 0 0;
}
.commenttext {
border-bottom:1px dotted #000000;
margin-left:4.4em;
padding-bottom:1.5em;
}
#comments, #respond {
border:0 none;
margin:3em 0 0;
}
.moderation {
margin-left:4.4em;
}
.ctitle {
font-variant:small-caps;
}

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

.wp-caption {
border:1px solid #DDDDDD;
padding:4px 3px 0;
text-align:center;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;background-color:#F3F3F3;
}
wp-caption img {
border:0 none;
margin:0;
padding:0;
}
#entry_content .entry p.wp-caption-text {
color:#AAA;
font-size:11px;
margin-bottom:0;
margin-top:-0.9em;
text-align:center;
}
.textwidget {
border-bottom:1px dotted #CCCCCC;
margin-top:15px;
padding-bottom:15px;
}
.udmarg {
margin:1em 0;
}
/* COMMENT STYLING STUFF */
li.bypostauthor {
background: #F3F3F3;
border: medium double #999;
}
.commentlist ul.children {
background: #FFF;
/*border: thin solid #AAA;*/
}
li.bypostauthor, .commentlist ul.children {
padding: 0.7em 0.4em 0.4em 0.7em;
}
#commentform textarea {
padding:2px;
width:99%;
}

#footer a:hover {
border-bottom: none;
color: #F90;
}