/*  
Theme Name: PowerToThePeople
Theme URI: http://www.wp.sg/
Description: WP default theme
Version: 1.0
Author: Koh Choong Yong
Author URI: http://www.choongyong.com/

*/

/* Page Structure
----------------------------------------------- */
body {
    background: url('images/background.gif') #7be repeat-x;
}
#doc {
  width:69.2em;
  *width:67.5em; /* IE */
  min-width:900px;
  background:#fff;
  margin-top:20px;
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:2px solid #1a3f55;
  border-right:2px solid #1a3f55;
}
#hd {
 /* background: url('../images/header_background.gif');*/
  
}

#yui-main {
}
#content{
  margin:2px;	
  font-family: verdana; 
}
#pri_navi {
  border-bottom:1px solid #fff;
  font-size:100%;
  padding-top:2px;
  padding-bottom:2px;
  font-family: verdana; 
  
}
#sec_navi {
  margin:2px;
  font-size:100%;
  font-family: verdana; 
  
}
#bd {
}
#ft {
  border-top: 1px solid #cdcdcd; 
  padding-top:5px;
  margin-left:5px;
  margin-right:5px;  
  font-size:75%;

}
#header {
  background: #7be;
}

#header_banner_02 {
  position: absolute;
  top:20px;
}
#menu { font: 15px Verdana, Arial, Helvetica, sans-serif; }

#menu #current { border-bottom: 5px solid #000; }

#menu #last a { margin-right: 0; }

#menu a { color:#fff; height: 18px; margin-left: 25px; text-decoration: none; }


#menu li { display: inline; margin: 0; text-align: center; }

#menu ul { height: 22px; list-style: none; margin: 0; padding: 0;  }

/* Text Styles
----------------------------------------------- */
h1  {
  position:relative;
  color:#036;
  font: normal 2.0em Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif
}
h2  {
  position:relative;
  color:#036;
  font: normal 1.5em Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif
}
h3 { 
  margin: 0px;
  padding-bottom: 10px;
  font-size: 100%;
  color: #2f2f2f;
}
.sectionHeader {
  padding:5px;
  font-size:120%;
  border-bottom:#cecfce solid 3px; 
}

.pagelinks {
 	text-align: right;
}

/* Form Styles
----------------------------------------------- */
.editForm {
	padding:5px;
}
.formLabel {
	padding:2px;
}
.formValue input {
	margin:2px;
	margin-left:10px;
}
.formButtons {
	text-align:right;
}

/* Box Styles
----------------------------------------------- */

.box.blue { background: top left repeat-x url(images/bg_hd.gif) #e5e5e5; border: 1px solid #578dc7; padding:5px; margin-bottom:10px;}
.box.blue a {FONT-FAMILY: "Century Gothic", Arial, Times, serif; }
.box.red { background: top left repeat-x url(images/bar_red.gif) #ecdada; border-bottom: 1px solid #c76867; padding:5px; margin-bottom:10px;}

.box.grey { background: top left repeat-x url(images/bar_grey.gif) #e5e5e5; border-bottom: 1px solid #999; padding:5px; }

.box.green { 
    border-top:1px solid #81c757; 
    border-bottom: 1px solid #81c757; 
    padding:5px; 
    margin-bottom:10px;
    margin-left:10px
}

.sidebox { background: top left repeat-x url(images/bar_grey.gif) #e5e5e5; border-bottom: 1px solid #999; padding:5px; margin-top:10px;
}
.sidebox a { text-decoration: none; }
.sidebox a:hover { border-bottom: 2px solid #444; }

.box H3 { 
	margin-top: 0px;
	padding-bottom: 10px;
	font-size: 100%;
	color: #2f2f2f;
	display: block;
    font-weight:bold;
}
.box .rev { 
	margin-top: 0px;
	padding-bottom: 10px;
	font-size: 120%;
    font-weight:bold;
	color: #2f2f2f;
	display: block;
    FONT-FAMILY: "Century Gothic", Arial, Times, serif;
}
.box.blue .rev,
.box.grey .rev {
    color:#fff;
}
.box.blue {
	margin-right:10px;
	margin-top:10px;
	}
.box.green .rev {
	font-size: 100%;
    color:#000;
    margin:0px;padding:0px;
}
.box .bottomhead { 
	margin-top: 0px;
	padding-bottom: 10px;
	font-size: 100%;
    font-weight:bold;
	color: #000;
	display: block;
}
.box.feature{ 
    border:3px solid #81c757; 
    border:1px dotted #d43f4e;
    padding:5px; 
    background:#FFF;
    margin-left:10px;
    margin-bottom:10px;
    margin-top:10px;
}
.box.feature H3 { 
    FONT-FAMILY: Century Gothic, Arial, Times, serif;
    font-size:200%;
 ;   font-weight:bold;
	color: #000;
}

.box.newsroom { 
    padding:10px; 
    margin-top:10px;
    margin-left:5px;
    background:#FFF5DF;
    border: 1px solid #B6CDE1; 
}
.box.faq { 
    padding:10px; 
    margin-top:10px;
    margin-left:5px;
    background:#FFF5DF;
    border: 1px solid #B6CDE1; 
}
.box.section_head{ 
    padding:10px; 
    margin-top:10px;
    margin-left:5px;
    background:#7be;
    border-right: 2px solid #e5e5e5; 
    border-bottom: 2px solid #e5e5e5; 
    
}
.box.party { 
    padding:10px; 
    margin-top:10px;
    margin-left:5px;
    background:#EFF3F6;
    border: 1px solid #B6CDE1; 
}

.box.bottom_left{ 
    padding:5px; 
    margin-bottom:10px;
    background:#FFF5DF;
    border: 1px solid #B6CDE1; 
    margin:0px;
    margin-left:10px;
}
.box.bottom_left h3{ 
    border-bottom: 3px dotted #B6CDE1; 
    padding:0px; 
    margin:0px; 
    font-size:110%;
}
.box.bottom_left li { 
  background-image: url('images/arrow.gif'); 
  background-repeat: no-repeat;
  background-position: 0 .5em;
  padding-bottom:5px;
  padding-left: 15px;
}
.box.bottom_right{ 
    padding:5px; 
    margin:0px;
    margin-bottom:10px;
    background:#FFF5DF;
    border: 1px solid #B6CDE1; 
}
.box.bottom_right h3{ 
    border-bottom: 3px dotted #B6CDE1; 
    padding:0px; 
    margin:0px; 
    font-size:110%;
}
.box.bottom_right li { 
  background-image: url('images/arrow.gif'); 
  background-repeat: no-repeat;
  background-position: 0 .5em;
  padding-bottom:5px;
  padding-left: 15px;
}


#side_photos ul {
    text-align:center;
}
#side_photos img {
    width:150px;
}

.summary2 {
    padding-left:2px;
    font-size:90%;
}
.summary {
    padding-top:10px;
    padding-left:2px;
    font-size:110%;
}
.taglinks {
    padding-top:5px;
    font-size:80%;
}

.summary2 li { 
  background-image: url('images/arrow.gif'); 
  background-repeat: no-repeat;
  background-position: 0 .5em;
  padding-bottom:5px;
  padding-left: 15px;
}
.summary2 p {
  padding-top:15px;
}


/* Style for photo gallery page
----------------------------------------------- */

.photoset h3 {
  padding:0;
  margin:0;
  margin-top:10px;
  color:#000;
  border-bottom:1px solid #000;
}

.photoset img {
  padding:5px;
  width:150px;
}

.photoset .name {
  font-family: "Century Gothic", Arial, Times, serif;
  font-weight:bold;
  font-size:150%;
}

/* Style for events page
----------------------------------------------- */
.event h3 {
  padding:0;
  margin:0;
  margin-top:10px;
  color:#000;
  border-bottom:1px solid #000;
}

.event img {
  padding:5px;
  width:150px;
}

/* Style for newsroom page
----------------------------------------------- */
.news_section h3 {
  padding:0;
  margin:0;
  margin-top:10px;
  color:#000;
  border-bottom:1px solid #000;
}
.faq h3 {
  padding:0;
  margin:0;
  color:#000;
}
.faq h3:hover {
	text-decoration:none;
}
.img_left {
   float:left;
   padding:3px;
}
.img_right {
   float:right;
   padding:3px;
}

.arrowed_list li { 
  background-image: url('images/arrow.gif'); 
  background-repeat: no-repeat;
  background-position: 0 .5em;
  padding-bottom:5px;
  padding-left: 15px;
}

.arrowed_list_p li { 
  background-image: url('images/arrow.gif'); 
  background-repeat: no-repeat;
  background-position: 0 .5em;
  padding-bottom:5px;
  padding-left: 15px;
  color:#666;
}
.arrowed_list_p li:hover{	
	background-color:#FFF5DF;
}
h3{font-size: 85%;text-decoration:none;}
h3:hover {text-decoration:underline;}
p{color:#484848; padding:10px; padding-top:5px;}
p:hover{background:#FFF5DF;}