/*
Theme Name: CoCoA
Theme URI: 
Description: A simple clean theme for CoCoA
Author: Danu Widatama
Author URI: http://widatama.csui05.org
Version: 1.0
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.8;height:100%;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:62.5%;color:#555;background:#fff;font-family:Georgia, "Times New Roman", Times, serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#333;}
h1 {font-size:4em;line-height:0.45;margin-bottom:0;padding:0.5em 0 0.4em 0;font-style:italic;}
h2 {font-size:3em;line-height:1.2;margin:0em 0 0em 0;padding:0.6em 0 0.0em 0;letter-spacing:-0.03em;display:block;}
h3 {font-size:2em;line-height:1.8;margin:0em 0 0em 0;padding:0.4em 0 0.5em 0;display:block;}
h4 {font-size:1.5em;line-height:1.2;margin:0em 0 0 0;font-weight:800;}
h5 {font-size:1.2em;line-height:1.5;margin:0;}
h6 {font-size:1em;font-weight:bold;margin-bottom:1.8em;}
.post h2{padding-left:10px;width:800px;}
p {margin-bottom:1.2em;font-size:1.5em;line-height:1.2;clear:both;}
a:focus, a:hover {color:#555;}
a {color:#A05A2C;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 0em 1.2em 1em;}
ul {list-style-type:circle;font-size:1.5em;line-height:1.2;}
ol {list-style-type:decimal;font-size:1.5em;line-height:1.2;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
hr{background:#eee;width:100%;height:.1em;margin:0 0 1.7em;border:none;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/*layout.css*/
#container{width:1000px;margin:0em auto -5.4em;overflow:auto;background:url();min-height:100%;height:auto !important;height:100%;}
#header{width:100%;overflow:auto;}
#title{float:left;}
#title p{margin-left:10px;}
#logo{margin-left:840px;}
#breadcrumb{width:990px;border-bottom:dashed 0.1em #C07A4C;border-top:solid 0.2em #C07A4C;overflow:hidden;padding:0.7em 0 0.8em 10px;}
#misc{margin-left:835px;font-size:1.5em;line-height:1.2;}
#feed{padding-left:1.3em;background:url(images/feed.png) no-repeat left center;}
#login{padding-left:1.3em;background:url(images/key.png) no-repeat left center;}
#mainbar{margin-top:1.8em;overflow:auto;min-height:63em;background:url() no-repeat right bottom;}
.post{clear:both;}
.entry{width:800px;float:left;border-top:dashed 0.1em #C07A4C;padding-top:1.7em;margin-bottom:1.8em;margin-left:10px;}
.entry img{margin-bottom:12px;max-width:800px;clear:both;}
.postmetadata{font-size:1.2em;line-height:1.5;margin:0em 10px 0 840px;font-style:italic;border-top:0.1em dashed #C07A4C;border-bottom:0.1em dashed #C07A4C;padding:1.4em 0 1.4em 5px;}
.post-author{display:block;padding-left:1.6em;background:url(images/user_gray.png) no-repeat left center;}
.post-date{display:block;padding-left:1.6em;background:url(images/date.png) no-repeat left top;}
.post-time{display:block;padding-left:1.6em;background:url(images/clock.png) no-repeat left center;}
.post-comments{display:block;padding-left:1.6em;background:url(images/comments.png) no-repeat left center;}
.post-category{display:block;padding-left:1.6em;background:url(images/bricks.png) no-repeat left center;}
.post-tag{display:block;padding-left:1.6em;background:url(images/tag_blue.png) no-repeat left center;}
.post-edit{display:block;padding-left:1.6em;background:url(images/pencil.png) no-repeat left center;}
.navigation{clear:both;margin:0 0em 1.5em 10px;font-size:1.2em;line-height:1.5;}
#commentarea{padding: 0 10px 0 10px;overflow:auto;margin-top:1.8em;}
.comment-body{border-top:dashed 0.1em #C07A4C;padding-top:1.7em;margin-bottom:3.6em;overflow:auto;clear:both;}
.comment-text{float:left;width:800px;}
.comment-metadata{font-size:1.2em;line-height:1.5;font-style:italic;margin:0 0 0 845px;}
.comment-author{display:block;padding-left:1.6em;background:url(images/user_comment.png) no-repeat left center;}
.comment-date{display:block;padding-left:1.6em;background:url(images/date.png) no-repeat left center;}
.comment-time{display:block;padding-left:1.6em;background:url(images/clock.png) no-repeat left center;}
.comment-edit{display:block;padding-left:1.6em;background:url(images/pencil.png) no-repeat left center;}
#commentFormText{float:left;margin-bottom:1em;}
#commentFormLabels{float:left;font-size:1.5em;line-height:1.2;margin-left:1em;font-style:italic;}
#commentFormFields{float:left;margin-left:1em;}
#commentarea fieldset{clear:both;}
#commentarea button{clear:both;}
#footer{width:1000px;margin:0em auto;border-top:solid 0.2em #C07A4C;padding:1.3em 0px 1.5em 0px;font-size:1.2em;line-height:1.5;overflow:auto;background:url() no-repeat right top;}
#footer-text{float:left;margin-left:10px;width:980px;font-size:.8em;}
#footer-search{margin-left:845px;margin-right:10px;}
.clearfooter{height:5.4em;clear:both;}

/*navigation.css*/
#breadcrumb ul{list-style-type:none;margin:0;font-size:1.5em;line-height:1.2;float:left;}
#breadcrumb ul li{display:inline;}
#breadcrumb ul li a{margin-right:1em;}
#breadcrumb ul li#current a{border-top:solid 0.4em #C07A4C;padding-top:0.2em;}
#breadcrumb form{display:block;float:left;padding:0 0 0em 2em;background:url(images/zoom.png) no-repeat left center;}
#breadcrumb form input{padding:0 0 0em 0;border-bottom:dashed 1px #bbb;height:18px;border-top:none;border-left:none;border-right:none;color:#555;}
#breadcrumb form input:focus{border-bottom:dashed 1px #A05A2C;}
#breadcrumb ul li.page-home{padding-left:1.3em;background:url(images/house.png) no-repeat left center;}
#breadcrumb ul li.page-about{padding-left:1.3em;background:url(images/cup.png) no-repeat left center;}
#breadcrumb ul li.page-crews{padding-left:1.3em;background:url(images/group.png) no-repeat left center;}
#breadcrumb ul li.page-colophon{padding-left:1.3em;background:url(images/wand.png) no-repeat left center;}
#breadcrumb ul li.page-guestbook{padding-left:1.3em;background:url(images/book_open.png) no-repeat left center;}

/*---------->forms<-----*/
label {font-weight:bold;font-style:normal;font-style:italic;}
fieldset {border-top:0.1em dashed #C07A4C;border-bottom:0.1em dashed #C07A4C;padding:1.8em 0;margin:1.8em 0px 1.8em 0px;}
legend {font-size:1.5em;line-height:1.2;height:1.2em;font-weight:bold;padding:0 0 1.2em 0;}
input.text, input.title {width:auto;}
input.title {font-size:1.5em;}
#commentFormFields input{border-bottom:dashed 1px #bbb;margin:0 0 14px 0;height:18px;border-top:none;border-left:none;border-right:none;}
#commentFormFields input:focus{border-bottom:dashed 1px #A05A2C;margin:0 0 14px 0;height:18px;border-top:none;border-left:none;border-right:none;}
textarea {width:auto;height:auto;border:dashed 1px #bbb;font-family:verdana;color:#555;}
textarea:focus{width:auto;height:auto;border:dashed 1px #A05A2C;}
#comment {margin:0 10px 6px 0px;}
label.error{font-family:constantia,"Times New Roman",Times,serif;font-style:italic;font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
label.error {color:#ee2200;margin-left:1.25em;}
label.error a {color:#8a1f11;}
textarea + label.error {display:block; margin-top:1.25em;margin-left:0;}

/*---------->button<-----*/
#footer a.button, #footer button
{
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;	
  padding:5px 10px 5px 7px;   /* Links */  
  border:1px dashed #ddd;
  font-family:"Times New Roman", serif;
  font-size:1em;  
  text-decoration:none;
  font-weight:bold;
  font-variant:small-caps;
  color:#555;
  cursor:pointer;
}
a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;	
  padding:5px 10px 5px 7px;   /* Links */  
  border:1px dashed #ddd;
  border-top:1px dashed #ddd;
  border-left:1px dashed #ddd;
  background-color:#fff;
  font-family:Georgia,"Times New Roman", serif;
  font-size:1em;  
  text-decoration:none;
  font-weight:bold;
  text-transform:lowercase;
  color:#555;
  cursor:pointer;
}
button {width:auto;overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:6px 10px 8px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
/*---------->button colors<-----*/
button:hover, a.button:hover{background-color:#eee;border:1px dashed #bbb;color:#A05A2C;}
a.button:active{background-color:#6299c5;border:1px dashed #6299c5;color:#fff;}