/*
Theme Name: dilts
Description: A cheerful theme for dilts foundation website
Version: 1.0
Author: Danu Widatama
Author URI: http://widatama.csui05.org/

	dilts v1.0
	 

	This theme was designed and built by <a href="http://widatama.csui05.org/">Danu Widatama</a> based on blueprint CSS

*/

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

   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Copyright (c) 2007-2008. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

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

/*Colours*/
/*#F00 #f0f0f0 #fff*/


/* 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;}
html{height:100%;}
body {line-height:1.8;height:100%;background:url() #f00;}
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:#444;font-family: calibri, Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#222;font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;}
h1 {font-size:6em;line-height:0.6;margin-bottom:0;padding:0.2em 0 0.1em 0;font-weight:800;}
h1 a {color:#f00;}
h2 {font-size:3em;line-height:0.6;margin:0em 0 0em 0;padding:0.3em 0 0.3em 0;}
h3 {font-size:2em;line-height:1.8;margin:0em 0 0em 0;padding:0em 0 0em 0;}
.post h3{letter-spacing:0.01em;color:#f00;}
.post h2{letter-spacing:0.05em;color:#f00;}
h4 {font-size:1.5em;line-height:1.2;margin:0em 0 0 0;letter-spacing:0.1em;}
h5 {font-size:1.2em;line-height:1.5;margin:0;}
h6 {font-size:1em;font-weight:bold;margin-bottom:1.8em;}
.entry>p {margin:0em 0 1.2em 0;font-size:1.5em;line-height:1.2;}
#logo>p {margin:0em 0 1.2em 0;font-size:1.5em;line-height:1.2;}
#footer-left>p {margin:0em 0 1.2em 0;font-size:1.5em;line-height:1.2;}
.commentText>p {margin:0em 0 1.2em 0;font-size:1.5em;line-height:1.2;}
form p{margin:0em 0 1.2em 0;font-size:1.5em;line-height:1.2;}
a:focus, a:hover {color:#fefefe;}
a {color:#fefefe;text-decoration:none;}
#upcoming a, #latest a{color:#f00;}
#mainbar a:focus, #mainbar a:hover {color:#666;}
#mainbar a{color:#f00;text-decoration:none;}
.eventday{border-bottom:solid 0.1em #ddd;}
.eventday:hover{border-bottom:solid 0.1em #f00;font-weight:800;}
blockquote {background:#f5f5f5;padding:1.8em 1.8em 0;overflow:auto;margin-bottom:1.8em;}
blockquote.special{background:none;padding:0;margin:3.6em 0 3.6em;}
blockquote.special>p{font-size:2em;line-height:1.8;margin-bottom:0.9em;text-align:center;}
blockquote>p{margin:0em 0 1.2em 0;font-size:1.5em;line-height:1.2;}
strong {font-weight:bold;color:#222;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #ddd;}
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.8;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0;padding:0;}
ul {list-style-type:circle;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.8em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.8em;width:100%;}
th {text-transform:lowercase;letter-spacing:0.1em;border-bottom:solid 0.1em #ddd;padding:0.7em 0 0.7em 0;font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;}
th, td, tr {padding:0;margin:0;font-size:1.2em;line-height:1.5;margin-bottom:0;height:2.5em;}
tfoot {font-style:italic;}
table caption {text-align:center;font-size:2em;line-height:0.9;margin:0em 0 0em 0;padding:0.45em 0 0.45em 0;letter-spacing:0.01em;color:#f00;}
#today{border:#f00;}
cite{}
.small {font-size:1em;}
.large {font-size:2em;line-height:0.9;margin:0em 0 0em 0;padding:0.4em 0 0.5em 0;}
.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:960px;margin:0em auto -27em auto;background: #F00 url(images/bg.png) right top;min-height:100%;height:auto !important;height:100%;}
#header{width:100%;overflow:hidden;background:url(images/header.png) right top no-repeat;height:18em;}
#header h2{display:none;}
#photo1{margin:0em 0 0 280px;height:16.2em;width:640px;background:url(images/Photo1.png) top left no-repeat;display:block;}
#photo2{margin:0em 0 0 280px;height:16.2em;width:640px;background:url(images/Photo2.png) top left no-repeat;display:block;}
#photo3{margin:0em 0 0 280px;height:16.2em;width:640px;background:url(images/Photo3.png) top left no-repeat;display:block;}
#photo4{margin:0em 0 0 280px;height:16.2em;width:640px;background:url(images/Photo4.png) top left no-repeat;display:block;}
#photo5{margin:0em 0 0 280px;height:16.2em;width:640px;background:url(images/Photo5.png) top left no-repeat;display:block;}
#logo{float:left;width:210px;padding:1.8em 0px 0 70px;}
#logo p{margin-left:15px;}
#lang-selector{float:right;margin:0em 80px 0 0px;padding:0px 0 0px 0em;display:none;}
#lang-selector ul{margin:0;padding:0;}
#lang-selector ul li{margin:0;padding:0;display:block;list-style-type:none;float:left;margin-left:20px;}
#sidebar-top{margin:0;padding:0;width:280px;float:left;background:url(images/sidebar-bg-top.png) right top no-repeat;height:7.2em;}
#sidebar{width:280px;float:left;margin-top:3.6em;background:url(images/sidebar-bg.png) left top repeat-y;padding:0;}
#sidebar-bottom{margin:0;padding:0;width:280px;float:left;background:url(images/sidebar-bg-bottom.png) right top no-repeat;height:7.2em;}
#searchform{margin:0em 0 0em 0px;float:left;overflow:hidden;display:block;}
#mainbar{margin:1.8em 80px 0 320px;padding:0em 0px 1.8em 0;}
.post{margin:1.8em 0 0em 0;}
.entry{width:100%;}
.entry ul, .entry ol{font-size:1.5em;line-height:1.2;margin-bottom:1.2em;}
.entry img{max-width:560px;}
.staff-role{float:left;width:180px;font-size:1.5em;line-height:1.2;text-align:right;}
.staff-name{margin-left:200px;font-size:1.5em;line-height:1.2;margin-bottom:1.2em;}
.postmetadata{margin-top:1.6em;}
.postmetadata a{font-size:1.5em;line-height:1.2;padding:0.6em 0 0.6em 0;}
.date{font-variant:small-caps;margin:0;}
.navigation{margin:1.2em 0 0 0;font-size:1.5em;line-height:1.2;text-align:center;}
#commentArea{clear:both;}
.commentBody{border-top:solid 0.2em #eee;margin-bottom:1.6em;border-bottom:solid 0.1em #f00;background:#fdfdfd;padding:1.7em 1em 0 1em;}
.commentMetadata{font-size:1.5em;line-height:1.2;}
.commentText{margin:1.8em 1em 0 1em;}
#commentFormLabels{float:left;padding:0;}
#commentFormLabels p{margin-bottom:2.3em;}
#commentFormFields{float:left;margin-right:10px;padding:0;}
#latest{float:left;margin:0 0 0 40px;width:280px;overflow:auto;}
.lpbcArchive h4{display:none;}
.lpbcArchive>ul>li>ul>li{font-size:1.2em;line-height:1.5em;}
#upcoming{float:left;margin:0 0 0 40px;width:240px;}
#upcoming>ul>li{color:#444;list-style-type:none;font-size:1.2em;line-height:1.5;margin-top:1.5em;}
#footer-area{padding:0;margin:0;}
#footer-content{margin:0 auto 0 auto;width:960px;background:url(images/footer.png) no-repeat right top;height:46.8em;overflow:hidden;}
#footer-right{margin:43.2em 0 0 80px;overflow:auto;float:left;}
#footer-left{width:240px;float:left;padding:0 0px 0 0px;color:#fefefe;margin:0em 0 0 0px;background:url(images/sidebar-bg.png) left top repeat-y;height:46.8em;}
#footer-left>ul{margin:0 0 0 60px;padding:0;clear:both;font-size:1.5em;line-height:1.2;}
#footer-left>ul>li{color:#fefefe;list-style-type:none;}
#footer-left>ul>li>ul{list-style-type:none;padding:0;margin:0 0 0 10px;}
#footer-left>h4{margin:0.8em 0 0.4em 60px;color:#fefefe;font-weight:800;}
.image-box{width:180px;margin:1.8em 10px 0 0;text-align:center;float:left;}
.image-box-last{width:180px;margin:1.8em 0 0 0;text-align:center;float:left;}
hr{background:#ddd;width:100%;height:0.1em;margin:0 0 1.7em;border:none;}
.clearfooter{height:27em;clear:both;}
.clear{clear:both;height:3.6em;}

/* navigation.css */
#sidebar ul{list-style-type:none;margin:0;padding:0;clear:both;}
ul#nav{margin:0 0 0 60px;padding:0;clear:both;}
ul#nav>li.page_item{display:block;font-size:1.5em;line-height:1.2;padding:0.6em 0 0.6em 0;list-style-type:none;font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;font-weight:800;text-transform:lowercase;letter-spacing:0.1em;}
ul#nav>li>a{text-decoration:none;background:url(images/star.gif) no-repeat left top;padding-left:1.2em;}
ul#nav>li>a:hover{text-decoration:none;background:url(images/star-alt.gif) no-repeat left top;}
ul#sub-nav{margin:0;padding:0 0 0 1.2em;clear:both;}
ul#sub-nav>li{display:block;font-size:1.2em;line-height:1.5;padding:0.75em 0 0.75em 0em;list-style-type:none;font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;font-weight:800;text-transform:lowercase;letter-spacing:0.1em;}
ul#sub-nav a{background:url(images/star-sub.gif) no-repeat left top;padding-left:1.5em;}
ul#sub-nav a:hover{background:url(images/star-alt.gif) no-repeat left top;}
#footer-right>ul{margin:0;padding:0;}
#footer-right>ul>li{display:block;float:left;list-style-type:none;font-size:1.5em;line-height:1.2;margin:0 1.5em 0 0;font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;font-weight:800;text-transform:none;letter-spacing:0.1em;text-transform:lowercase;}
#footer-right>ul>li a{background:url(images/star.gif) no-repeat left top;padding-left:1em;}
#footer-right>ul>li a:hover{background:url(images/star-alt.gif) no-repeat left top;padding-left:1em;}

/*---------->forms<-----*/
#commentFormLabels label {font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;font-weight:bold;letter-spacing:0.02em;}
fieldset {padding:0 10px 1.8em;margin:1.8em 0px 1.8em 0px;border-top:0.2em solid #ddd;border-bottom:0.1em solid #f00;}
legend {font-family:font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;font-size:1.5em;line-height:1.2;margin-bottom:1.2em;font-weight:bold;color:#222;}
input.text, input.title, select {border:solid 1px #ddd;margin:0 0 14px 0;height:18px;}
input.text:focus, input.title:focus, select:focus {border:solid 1px #ddd;margin:0 0 14px 0;height:18px;}
input.text, input.title {width:auto;}
input.title {font-size:1.5em;}
#commentFormFields input{border:solid 1px #ddd;margin:0 0 12px 0;height:18px;}
#commentFormFields input:focus{border:solid 1px #ddd;margin:0 0 12px 0;height:18px;}
#commentFormTextarea{float:left;}
#searchform input{width:auto;border:solid 1px #aaa;margin:4px 0 6px 4px;height:19px;background:#fff;padding:2px 0 0;color:#666;float:left;}
#searchform input:focus{border:solid 1px #ccc;}
#searchform .searchbutton{margin:0px 0 0px 58px;padding:2px 0 0 0;float:left;}
.searchbutton img{vertical-align:middle;padding-bottom:8px;}
textarea {width:auto;height:auto;border:solid 1px #ddd;margin: 0 10px 1em 0;float:left;}
textarea:focus{width:auto;height:auto;border:solid 1px #ddd;margin:0 10px 1em 0;float:left;}


/*---------->button<-----*/
a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;	
  padding:2px 10px 2px 7px;   /* Links */  
  border:1px solid #eee;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#eee;
  font-family:"Trebuchet MS", helvetica, arial, sans-serif;
  font-size:1em;  
  text-decoration:none;
  font-weight:bold;
  font-variant:small-caps;
  color:#333;
  cursor:pointer;
}
button {width:auto;overflow:visible;
  padding:0px 10px 0px 7px;   /* IE6 */
}
button[type] {
  padding:0px 5px 0px 5px;   /* Firefox */
  line-height:18px;           /* Safari */
}
*:first-child+html button[type] {
  padding:0px 10px 0px 7px;   /* IE7 */
}
button img, a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}

/*---------->button colors<-----*/
button:hover, a.button:hover{background-color:#f00;border:1px solid #eee;color:#fff;}
a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}	

#searchform a.button, #searchform button {
  float:left;
  margin:0 0.583em 0.667em 0;	
  padding:2px 10px 2px 7px;   /* Links */  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f00;
  font-family:"Trebuchet MS", helvetica, arial, sans-serif;
  font-size:1em;  
  text-decoration:none;
  font-weight:bold;
  font-variant:small-caps;
  color:#333;
  cursor:pointer;  
}
#searchform button {width:auto;overflow:visible;
  padding:0px 10px 0px 7px;   /* IE6 */
}
#searchform button[type] {
  padding:0px 5px 0px 5px;   /* Firefox */
  line-height:18px;           /* Safari */
}
*:first-child+html button[type] {
  padding:0px 10px 0px 7px;   /* IE7 */
}
#searchform button img, #searchform a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}

/*---------->button colors<-----*/
#searchform button:hover, #searchform a.button:hover{background-color:#fff;border:1px solid #eee;color:#f00;}
#searchform a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}