/*
Theme Name: Headless
Theme URI: http://ozanonay.com/blog/blogging/headless-wordpress-theme
Description: Headless WordPress theme is clean, pixel-perfect and grid-based. Since content is king, the 'header' is placed at the bottom leaving more content above the fold.
Version: 0.9.2
Author: Ozan Onay
Author URI: http://ozanonay.com/
Tags: simple, minimalist, fixed width, two columns, right sidebar, widget ready, valid CSS, valid XHTML, gray, white, gravatars

*************

Released on a Creative Commons GNU GPL license. See http://creativecommons.org/licenses/GPL/2.0/ for more details.

An 18px grid is used for aesthetic purposes. It is strictly adhered to on the vertical axis, and generally adhered to on the horizontal axis. Modifications will have the best result if all sizes (particularly line heights) are kept as multiples of 18. Notice that this can be a bit tricky when divs have borders (so for example where there's a 1px border, padding/margin should be 17/35/53 px).

I haven't styled the calendar, so you should style this before you use it.

*************/

/* Initialisation */
* { margin: 0px; padding: 0px; text-decoration:none; }
.clear, .postmetadata {clear: both;}


/* Core structure */
#page {margin: 54px auto; width: 936px;}
#content {float: left;padding: 0 0 54px 0px; width: 700px;}
#sidebar{float:right; margin: 0 0 0 36px; padding-bottom:54px; width: 198px;}
#footer, #header {margin: 0px auto; clear: both;}


/* Universal typography and colors */
body {font-size: 0.8em; line-height: 1.6em; font-family: Helvetica, Verdana, Arial, Sans-Serif; color: #333; text-align: center; background-color: #f2f2f2;}
#page {text-align: left;}
#sidebar, .postdetails, .posttags, #footer, #header, .postmetadata, #commentform, .commentmetadata {color:#666;} /*this is the lighter, faux-transparent text color */

a {color:#0084FF; padding:1px;} 
a:hover {color:#EE9640; /*border-bottom:1px solid black;*/ text-decoration:underline;}

.entry p a {border-bottom: 1px solid #999; text-decoration: none;}
/*small {font-size: 0.5em; line-height:1em;}*/
.entry li {line-height:2em;}

/* Universal header styles */
h1, h2, h3 {font-family: 'Century Gothic', Helvetica, Verdana, Arial, Sans-Serif; font-weight:normal;}
h2, h3 {margin-bottom:18px;}

h1, h1 a {color:#999; font-size: 1.8em; line-height:1.2em; text-align: left;}
h1 a:hover {color:#666; border:0;}

h2 {font-size: 1.8em; line-height: 1.2em; font-weight:bold;}
h3 {font-weight:bold;}

.head
{
  margin-left:20px; 
  margin-bottom: 20px; 
  width:90%;
}
.post h2
{
  /*position:relative;
  top: -0.2em;
  left: 2em;*/
  margin-bottom: 15px;
}

h2, h2 a {color:#333;}
h2 a:hover {border-bottom-color: #0084FF; color:#333;}


/* Content, entries */
.entry
{
  margin:10px 0;
  font-size: 1.2em;
  font-family: "Times New Roman";
  line-height: 1.6em;  
}
.entry ol, .entry ul {padding: 0 0 0 36px; margin:0px 0px 9px 0px;}
.post 
{
  margin: 0 0 36px;
  padding:20px;
  padding-bottom:10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  border:1px solid #d0d0d0;  
  position:relative;
  background: #e3e3e3 url(images/bg_post.png) no-repeat;
}
.entry p
{
	margin-bottom:10px;
}
.postmetadata
{
  /*display:none;
  width:120px;
  margin:0 0 10px 10px;
  border:1px solid #0084FF;
  background-color: #f2f2f2;
  -moz-border-radius: 2px;
  position:absolute;
  right:20px;
  z-index:1000;*/
}
.postmetadata_more
{
  font-size: 14px;
  padding: 3px 10px;
  cursor:pointer;
}
.postmetadata_more div
{
  color:#0084FF;
}
.postmetadata_details
{
  padding: 8px;
  border-top:1px solid #0084FF;
}


.left
{
  float:left;
}

.right
{
  float:right;
}

.inline
{
  display:inline;
}

.floater:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.floater{min-height: 0; height: 1%;}

.post hr {display: block;}
/*#content .post p {margin:0 0 18px 0;}*/
#content .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
#content .attachment {text-align: center;margin: 5px 0px;}
.postdetails {margin-bottom:18px;}


/* Sidebar */
#sidebar p {margin-bottom:18px;}
#sidebar h2 
{
  font-size: 12px; 
  line-height:18px; 
  margin:0px; 
  font-weight:bold; 
  color:#333;
  text-align:center;
  padding-bottom: 5px;
  border-bottom:1px dashed #D2D2D2;
}
#sidebar > ul
{
  background: #aaa url(images/bg_sidebar.png);
  border:1px solid #ccc;
  /*border-radius: 25px;
  -moz-border-radius: 25px;
  -khtml-border-radius: 25px;*/
}
#sidebar ul 
{
  list-style-type: none; 
  color:#AAA;
}
#sidebar ul li.widget 
{
  list-style-type: none; 
  margin: 0 0 18px 0;
  padding:12px;
}
#sidebar ul ul 
{
  list-style-type:none;
}
#sidebar ul ul li 
{
  border-bottom:1px dashed #D2D2D2;
  padding:3px 0 3px 20px;
}




/*ol li, #sidebar ul ol li {list-style: decimal outside;}*/


/* Footer */
#footer {background:#333; height:50px; padding-top:5px;}
#footer #h1 {font-family: 'Century Gothic', Helvetica, Verdana, Arial, Sans-Serif}
#footer p a, #footer h1 a, #footer ul a {color:#999; font-weight:bold;}
#footer p a:hover, #footer h1 a:hover, #footer ul a:hover {color:#fff;}

/* header */
#header 
{
  background:#333 url(images/eumel_200x150.jpg) no-repeat scroll left bottom;
  height:150px;
  border-bottom:1px solid #0084FF;
}

#header2 
{
  background:transparent url(images/susi_200x150.jpg) no-repeat scroll right bottom;
}

#header #h1, #header .description {font-family: 'Century Gothic', Helvetica, Verdana, Arial, Sans-Serif}

.description {color:#888;font-size: 14px;}

#header h1 a {color:#999;} 
#header h1 a:hover {color:#fff;}

#header p a, #header ul a {color:#333;}
#header p a:hover, #header ul a:hover {color:#333;}


#headercontainer 
{
  width:60%; 
  text-align:left; 
  margin: 0px auto; 
  padding: 18px 0px; 
  color:#666; 
  height:114px;
  position: relative;
}

#header ul {
  display:block; 
  bottom:0;
  padding:5px 5px 0;
  position:absolute;
}

#header ul li 
{
  background-color:#b3b3b3;
  border:1px solid #f2f2f2;
  border-bottom-width:0;
  float:left;
  font-size:18px;
  font-weight:normal;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  border-radius-topleft: 4px;
  border-radius-topright: 4px;
  -khtml-border-radiustopleft: 4px;
  -khtml-border-radiustopright: 4px;
  margin-right:10px;
  padding:8px 20px 2px;
  list-style-type:none;
  cursor:pointer;
}

#header ul li.current_page_item,
#header ul li.current_page_item:hover
{
  background-color:#F2F2F2;
  padding:5px 20px;
  border-color:#0084FF;
  position:relative;
  bottom:-1px;
}

#header ul li a {border:0px;}

/* Comments */
.commentlist {color:#666; text-align: left;}
.commentlist li {background: #f8f8f8 url('images/headless_respondbg.jpg') repeat-x top; border: 1px solid #eaeaea; margin: 18px 0 0;padding: 17px; list-style: none; font-weight: bold;}
.commentlist li .avatar { float: right; padding:0px 0px 9px 18px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
.commentlist p {font-weight: normal; font-size:12px; text-transform: none;}
.commentmetadata {margin: 0;display: block;font-weight: normal;}
.nocomments {text-align: center;margin: 0;padding: 0;}


/* Comments response form */
div#respond {background: #f8f8f8 url('images/headless_respondbg.jpg') repeat-x top; padding:17px; margin-top:36px; border:1px solid #eaeaea;}
#commentform input.text 
{
  width: 170px; 
  line-height:18px; 
  font-size:12px; 
  margin: 9px 5px 0px 0px; 
  background:transparent url('images/inputBg.gif') no-repeat top left; 
  border:1px solid #aaa;
  padding: 3px;
}

#commentform textarea 
{
  width: 646px;
  padding: 8px; 
  background:transparent url('images/inputBg.gif') no-repeat top left; 
  border:1px solid #aaa;
  font-size: 12px; 
  line-height: 18px; 
  font-family: Helvetica, Verdana, Arial, Sans-Serif; 
  color: #111; 
  margin-bottom:9px;
}
#commentform #submit {margin: 0;float: right;}
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center;}
select {width: 130px;}
.submit {position:relative; top:-18px;}


/* Searchbox (designed to be in sidebar but can be included elsewhere)*/
#searchbox { float:right; width: 198px; height: 36px; background: url(images/headless_searchbox.jpg) no-repeat; margin-bottom:18px; display:none;}
#searchbox #s { float: left; border: 0; margin:2px 0px 0px 6px; width: 152px; background: none; color:#999999; height:34px; font-size:24px; line-height:34px;}
#searchbox #go { float: right; width:36px; height:36px;  }


/* Images */
p img {max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {margin: 0 0 2px 18px;display: inline;}
img.alignleft {margin: 0 18px 2px 0;display: inline;}



/* Calendar - this is not intended for the theme and thus not styled */
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right; }
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }


/* Captions */
.wp-caption {text-align: center;background-color: #f3f3f3; padding:5px; -moz-border-radius:4px;}
/*.wp-caption img {margin: 0;padding: 0;border: 0 none;}*/
.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 18px; margin: 0px !important; color:#999;}


/* Misc. */
.alignright {margin: 0 0 10px 0; float: right;}
.alignleft {margin: 0 18px 10px 0; float: left}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
code {font-family:'Courier New', Courier, Fixed;}
blockquote {margin: 18px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}

/* Tagcloud */
#tag_cloud 
{
  text-align: center;
}
#tag_cloud h2
{
  text-align: center;
}
#tag_cloud a 
{
  white-space: nowrap;
}


/********* Live-Validation ********/

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
    display:none;
    visibility: hidden;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #008F00 !important;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000 !important;
}



/******** Calendar *********/

.calendar
{
  /*padding: 32px 40px 0 0;
  margin: 0px 13px 0 0;*/
  position:relative;
  font-size:1.5em;
  font-family: Georgia, inherit;
  height:45px;
  width:32px;
}

.calendar .day
{
  position: absolute; 
  top: 0.9em; 
  left: 0.15em;
}

.calendar_normal_red_01 { background: transparent url(images/calendar/normal-red/png/jan.png) no-repeat bottom left ;}
.calendar_normal_red_02 { background: transparent url(images/calendar/normal-red/png/feb.png) no-repeat bottom left ;}
.calendar_normal_red_03 { background: transparent url(images/calendar/normal-red/png/mar.png) no-repeat bottom left ;}
.calendar_normal_red_04 { background: transparent url(images/calendar/normal-red/png/apr.png) no-repeat bottom left ;}
.calendar_normal_red_05 { background: transparent url(images/calendar/normal-red/png/may.png) no-repeat bottom left ;}
.calendar_normal_red_06 { background: transparent url(images/calendar/normal-red/png/jun.png) no-repeat bottom left ;}
.calendar_normal_red_07 { background: transparent url(images/calendar/normal-red/png/jul.png) no-repeat bottom left ;}
.calendar_normal_red_08 { background: transparent url(images/calendar/normal-red/png/aug.png) no-repeat bottom left ;}
.calendar_normal_red_09 { background: transparent url(images/calendar/normal-red/png/sep.png) no-repeat bottom left ;}
.calendar_normal_red_10 { background: transparent url(images/calendar/normal-red/png/oct.png) no-repeat bottom left ;}
.calendar_normal_red_11 { background: transparent url(images/calendar/normal-red/png/nov.png) no-repeat bottom left ;}
.calendar_normal_red_12 { background: transparent url(images/calendar/normal-red/png/dec.png) no-repeat bottom left ;}

.calendar_normal_grey_01 { background: transparent url(images/calendar/normal-grey/png/jan.png) no-repeat bottom left ;}
.calendar_normal_grey_02 { background: transparent url(images/calendar/normal-grey/png/feb.png) no-repeat bottom left ;}
.calendar_normal_grey_03 { background: transparent url(images/calendar/normal-grey/png/mar.png) no-repeat bottom left ;}
.calendar_normal_grey_04 { background: transparent url(images/calendar/normal-grey/png/apr.png) no-repeat bottom left ;}
.calendar_normal_grey_05 { background: transparent url(images/calendar/normal-grey/png/may.png) no-repeat bottom left ;}
.calendar_normal_grey_06 { background: transparent url(images/calendar/normal-grey/png/jun.png) no-repeat bottom left ;}
.calendar_normal_grey_07 { background: transparent url(images/calendar/normal-grey/png/jul.png) no-repeat bottom left ;}
.calendar_normal_grey_08 { background: transparent url(images/calendar/normal-grey/png/aug.png) no-repeat bottom left ;}
.calendar_normal_grey_09 { background: transparent url(images/calendar/normal-grey/png/sep.png) no-repeat bottom left ;}
.calendar_normal_grey_10 { background: transparent url(images/calendar/normal-grey/png/oct.png) no-repeat bottom left ;}
.calendar_normal_grey_11 { background: transparent url(images/calendar/normal-grey/png/nov.png) no-repeat bottom left ;}
.calendar_normal_grey_12 { background: transparent url(images/calendar/normal-grey/png/dec.png) no-repeat bottom left ;}

.calendar_normal_blue_01 { background: transparent url(images/calendar/normal-blue/png/jan.png) no-repeat bottom left ;}
.calendar_normal_blue_02 { background: transparent url(images/calendar/normal-blue/png/feb.png) no-repeat bottom left ;}
.calendar_normal_blue_03 { background: transparent url(images/calendar/normal-blue/png/mar.png) no-repeat bottom left ;}
.calendar_normal_blue_04 { background: transparent url(images/calendar/normal-blue/png/apr.png) no-repeat bottom left ;}
.calendar_normal_blue_05 { background: transparent url(images/calendar/normal-blue/png/may.png) no-repeat bottom left ;}
.calendar_normal_blue_06 { background: transparent url(images/calendar/normal-blue/png/jun.png) no-repeat bottom left ;}
.calendar_normal_blue_07 { background: transparent url(images/calendar/normal-blue/png/jul.png) no-repeat bottom left ;}
.calendar_normal_blue_08 { background: transparent url(images/calendar/normal-blue/png/aug.png) no-repeat bottom left ;}
.calendar_normal_blue_09 { background: transparent url(images/calendar/normal-blue/png/sep.png) no-repeat bottom left ;}
.calendar_normal_blue_10 { background: transparent url(images/calendar/normal-blue/png/oct.png) no-repeat bottom left ;}
.calendar_normal_blue_11 { background: transparent url(images/calendar/normal-blue/png/nov.png) no-repeat bottom left ;}
.calendar_normal_blue_12 { background: transparent url(images/calendar/normal-blue/png/dec.png) no-repeat bottom left ;}