/*  
Theme Name: Pecha Kucha Manila Version 2
Version: 2.0
Author: Val Nizam B. Villar
Theme made by : Val Villar & Dan Matutina.
*/

* {
  margin: 0;
  padding: 0;
}
:focus {
  outline: 0;
}
body {
  background: #fff;
  color: #000;
  font-size: 11px;
  font-family: Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}

img {
  border: none;
}
h1 {
  font-family: 'Droid Serif', arial, serif;
  font-size: 11px;
  font-weight: bold;
}
h2 {
  font-family: 'Droid Serif', arial, serif;
  font-size: 11px;
  font-weight: normal;
  color: #4d4d4d;
}
h3 {
  font-family: 'Droid Sans', arial, serif;
  color: #333;
  font-size: 11px;
  font-weight: normal;
}

a:link {
color: #000;
text-decoration: underline;
}
a:visited {
color: #000;
text-decoration: underline;
}
a:active {
color: #000;
text-decoration: underline;
}
a:hover {
color: #000;
text-decoration: none;
}


/*** THE CLEARERS ***/
.header_top:after, .header_bottom:after , .belt:after, #footer:after, .outer_wrap:after {
  clear: both;
  content: ".";
  display:block;
  height: 0;
  visibility: hidden;
  min-height: 0;	
}

.outer_wrap {
  width: 800px;
  margin: 0px auto;
}

.header_wrap {
  width: 800px;
  margin: 0 auto;
  padding-top: 20px;
}

.header_top_left {
  width: 330px;
  float: left;
}
#nav {
  float: left;
  width: 470px;
}
#nav li {
  list-style: none;
  margin-bottom: 2px;
}
#nav li a {
  color: #000;
  text-decoration: none;
  font-family: 'Droid Serif', arial, serif;
}
#nav li a:hover {
  color: #4d4d4d;
}
.header_bottom {
  margin: 10px 0 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
#logo {
  float: left;
  width: 300px;
}
#logo_desc {
  float: left;
  width: 470px;
  margin: 0 0 0 30px;
}
#logo_desc p, #twitter_feed, .footer_two_col p, .post p {
  margin: 10px 0;
  font-family: 'Droid Sans', arial, serif;
  color: #333;
}
/*** START OF CAROUSEL STYLE ***/
.stepcarousel {
  position: relative; /*leave this value alone*/
  overflow: scroll; /*leave this value alone*/
  width: 800px; /*Width of Carousel Viewer itself*/
  min-height: 470px; /*Height should enough to fit largest content's height*/
  margin-top: 10px;

}
.stepcarousel .belt {
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
}

.stepcarousel .panel {
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 0px; /*margin around each panel*/
  width: 800px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
  position: relative;
}
.stepcarousel .panel h1 {
  font-family: 'Droid Serif', arial, serif;
  font-size: 60px;
  font-weight: normal;
  position: absolute;

 }

.stepcarousel .panel h1 a {
  color: #000;
  text-decoration: none;
  background: url(images/transparent.png) repeat;

}
.stepcarousel .panel:hover {
  cursor: pointer;
}
/*** END OF CAROUSEL STYLE ***/

#slider {
  float: right;
}

.post {
  width: 820px;
  margin: 0 auto;
}
.post h2 a {
  font-family: 'Droid Serif', arial, serif;
  font-size: 60px;
  font-weight: normal;
  text-decoration: none;
  color: #000;
}

.latest_post {

}
.latest_post ul li {
  display: inline;
  margin-right: 80px;
}
.latest_post ul li a {
  font-family: 'Droid Serif', arial, serif;
  font-size: 14px;
  font-weight: normal;
  color: #808080;
  text-transform: uppercase;
  text-decoration: none;
 
}
/*** START OF FOOTER ***/
#footer { 
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  margin: 20px auto 10px auto;
  width: 800px;
}
.footer_two_col {
  width: 300px;
  float: left;
}
#twitter_feed {
  width: 240px;
}
.footer_two_col p {
  width: 200px;
}
#footer a {
  color: #000;
  text-decoration: underline;
}
#footer a:hover {
  text-decoration: none;
}
#sponsors {
  width: 800px;
  margin: 0 auto;
}
#sponsors h1 {
  margin-bottom: 10px;
}
/*** END OF FOOTER ***/

#prev_next {
  margin: 20px 0 0 0;
  width: 40px;
  float: right; 
  padding: 2px 2px 0 2px; 
}