/*
Theme Name: Uglycute
Theme URI: http://www.uglycute.com
Description: Theme for uglycute.com
Version: 1.0
Author: ugly & cute
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clearfix:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; } 
.clearfix { display: block; }
/* End hide from IE-mac */

/* -------------------------------------------------------------------------------- */

body { font: 15px "Courier New", Courier; 
  padding: 113px 0 25px 25px; min-width: 980px; }

#page_furniture-objects { padding-top: 90px; }

#latest_news li, #content p { line-height: 22px; }

/* Typography */
blockquote { text-transform: uppercase; margin-top: 2em; }
h4 { display: inline; }

a { text-decoration: none; border-bottom: 1px solid #FF3002; color: black; }
a:hover { border-bottom: 1px solid black; color: black; }

em { font-style: italic; }

/* Common */
.seo { display: none; }

/* Header + nav */
#header { position: fixed; top: 20px; left: 25px; 
  font-size: 27px; letter-spacing: -1px; line-height: 36px; 
  z-index: 10; xwidth: 940px; min-width: 940px; } 
  
  html.ie6 #header { position: absolute; }
  
  #nav:hover { background: white; }
  #page_index #header:hover { background: transparent; }
  #header li { display: inline-block; margin-right: 2px; }
  
  html.ie #header li { display: inline; margin-right: 0.7em;}

/* #page_architecture-environments 176px
   #page_furniture-objects         302px
   #page_workshops-lectures        225px
   #page_press                     145px
   #page_uglycute                  470px */

#images { margin-bottom: 25px; }
  #images li { float: left; margin-right: 20px; }
  #images li .thumb { position: relative; display: block; }
    #images li .thumb img, #images li .thumb span { position: absolute; bottom: 0; }

  #page_workshops-lectures        #images li .thumb { height: 225px; }
  #page_uglycute                  #images li .thumb { height: 470px; }
  #page_index                     #images li .thumb { height: 313px; }
  #page_architecture-environments #images li .thumb { height: 176px; }
  #page_furniture-objects         #images li .thumb { height: 302px; }
  #page_press                     #images li .thumb { height: 145px; }

  #images li:hover p a { color: #FF3002; }
  #images li a:hover { border-bottom-color: #FF3002; }
  #images li a.thumb { border-bottom: none; }
  #images li p { margin-top: 0.5em; font-size: 14px; line-height: 18px; margin-bottom: 20px; width: 100%; }
  
  #images li .hover { position: absolute; background: #FF3002; opacity: 0.5; filter: alpha(opacity = 50); cursor: pointer;   }
  #images li:hover .hover { display: block !important; }

#content { margin-bottom: 2em; }
#page_single #content { margin-top: 1.5em; }
#content p { margin-bottom: 1em; width: 50%; }
#content #images li p { width: auto; }
#content ol li, #content ul li { width: 50%; }
#content #images li { width: auto; }

.column { float: left; width: 50%; }
.column div { margin: 0 33px 0 0; }
#content .column p, #content .column li { width: auto; }
#content .column h3 { font-weight: normal; }
html.ie #second_column { width: 49%; }

div.image { margin-bottom: 1em; position: relative; z-index: 1; left: -25px; }

/* About */
h3 { text-transform: uppercase; }
#page_news-contact #latest_news { margin-bottom: 1em; }
#page_news-contact #about_uglycute h3, 
h3 { padding-top: 0; border-top: none;  }

/* Our space */
#page_our-space #content p,
#page_our-space #content ul { margin-bottom: 1em; line-height: 22px; }

/* architecture-environments */
#page_single h2 { background: white; padding: 0; display: inline; text-transform: uppercase; font-weight: normal; }

/* Footer */
#footer { position: fixed; bottom: 10px; z-index: 11;  }
  #footer:hover { background: white; }

  html.ie #footer { display: inline; }
  html.ie6 #footer { position: static; }
  
  #footer #previous, #footer #previous a, 
  #footer #next, #footer #next a, 
  #footer .arrow, #footer #back, #footer .no-link { display: block; float: left; }
  
  #footer #back { margin-right: 5em; }
  #footer #previous { margin-right: 1.6em; margin-left: 0.6em; }
    #footer #previous .arrow { margin-right: 0.6em; }
  #footer #next .arrow { margin-left: 0.6em; }

.post-edit-link { position: fixed; right: 10px; bottom: 10px; z-index: 200;  }