* { margin:0; padding:0; }

body
{
	font-family:Georgia, "Times New Roman", serif;
	color:#6a6460; 
	font-size:12px;
	line-height:20px;
	background:#f7ffef url(http://pralangga.org/assets/body-bg.jpg) repeat-x;
	position:relative;
	}

    html>body { height:auto; }
	
#wrapper { 
	width:960px;
	margin:0px auto;
	}
	
	#header {
	    margin-top:25px;
	}
	
		.logo {
		   width:300px;
		   float:left;
		   right:640px;
                  /* top:200px;
                   position:absolute; */
                     }
		   
		.accessibility {
			width:300px;
			float:right;
			font-family:Helvetica, Arial, sans-serif; 
			font-size:11px;
			text-align:right;
			line-height:28px;
			font-weight:bold;
			}
			
	#menu {
	    width:800px;
		/* margin-top:10px; */
		margin-bottom:0px;
		/* margin-left: 180px; */
                   margin-left:20px; 
		}
		
		

	#masthead {
	    width:960px;
		margin-top:0px;
		margin-bottom:10px;
		background:url()no-repeat;
		}
		
		#about {
        position: relative; 
        width: 960px; 
        height: 416px;
      } 
	  
       #about-content {
        position: absolute;
        bottom: 0; 
        left: 0; 
        height: 125px; 
        width: 960px; 
        background-image: url(http://pralangga.org/assets/about-bg.png);
      } 
	  
       #about-content h1 {
        margin: 0;
        padding: 0;
        line-height: 125px;
        padding: 0 30px;
        font-weight: normal;
        font-size: 2.3em;
		color:#28466b;
      } 
	  

       /* eksperimental */

       #about-content h1.min {
        margin: 0;
        padding: 0;
        line-height: 85px;
        padding: 0 30px;
        font-weight: normal;
        font-size: 2.3em;
		color:#28466b;
      } 
	  
       #about-content a {
        margin-left:380px; 
        font-size: .6em; 
        color: #fff; 
        text-decoration: none; 
        text-transform: uppercase; 
      }
	  
	  span.fff { color:#fff; font-size:120% ; }
	  
	  #masthead-post, #primary {
		 width:500px;
		 float:left;
		 margin-bottom:20px;
		 }
		 
			#primary p {
			    text-align:justify;
				margin-bottom:20px;
				font-size: 12px;
				/* font-family: Helvetica, sans-serif; */
				line-height: 1.5em;
				color:#444;
				}
				
	  #facebook-banner, #secondary {
	     margin-bottom:20px;
         width:400px;
		 float:right;
			}

          #secondary p {
               text-align:justify;
                      }
			
	  #secondary .correspondent, .recent-comments {
         margin-top:10px;
		 margin-bottom:10px;
		  }
		  
		  .recent-stories {
		   margin-top:20px;
		   }
		 
		  .column1 {
		    float:left;
			width:190px;
			margin-bottom:10px;
			}
			
		 .column2 {
			float:right;
			width:190px;
			margin-bottom:10px;
				} 
				
				
				.details {
				  font-size:11px;
				  }
		
	#main {
	   width:960px;
       min-height:200px;
	   border-bottom:1px solid #ccc;
	   margin-bottom:10px;
	   }
	   
	    .stories-banner {
	       width:310px;
		   float:left;
		   display:block;
		   }
		   
	    .mission-banner {
		   width:310px;
		   float:left;
		   display:block;
		   }
		   
		.jobs-banner {
		   width:310px;
		   float:left;
		   display:block;
		   }
		   
		   html>body .stories-banner, .mission-banner { margin-right:15px; }
		   
		   /* for IE */
		   
		   .stories-banner, .mission-banner  { margin-right:13px; display:block ; }
		   
		   
		   
	#extra {  margin-top:10px; }
	
	#featured {
	    width:630px;
		margin-bottom:0px ;
		margin-right:15px;
		float:left;
		border-right:1px solid #ccc;
		}
      
        	    
		.gallery {
		    width:410px;
			float:left;
			}
			
			.videos {
			   padding:4px 4px 2px 4px;
			   border:1px solid #ccc;
			   }
			   
			   #featured .videos p { font-family: Helvetica, Arial, sans-serif; font-size:12px; }
			
		.media {
			float:right;
			width:200px;
			}
			
			.media-list { margin-bottom: 50px;  }
			
			.media-thumb, .cc-thumb {
			 float:left;
			 margin-right:8px;
			 padding:2px;
			 border:1px solid #ccc;
			 height:auto;	
			 }
			 
			.media p, span.status, p.cform { font-family: Helvetica, Arial, sans-serif; 
			font-size:11px; }

			
			.correspondent p, .recent-comments p, .recent-stories p { clear:both; margin-bottom:20px; }
	
	
	#linklove {
		width:310px;
		float:right;
				}
				
		html>body #linklove p { margin-bottom:2px; }
		        #linklove p { margin-bottom:10px; } /* coz IE is suck */
	
	#footer , #site-meta{
	    margin-top:0px;
		border-top:1px solid #ccc;
		padding-top:10px;
		font-family:Helvetica, Arial, sans-serif; 
		font-size:11px;
		line-height:16px;
					}
		
		
        #footer	{ background: url('http://pralangga.org/assets/footer-bg.jpg') ; height:12em;  }
		
		  html>body #footer {  min-height:120px; height:auto; padding:10px}
			
		.sitemap {
		    margin-top:10px;
			width:660px;
			float:left;
			margin-left:10px;
			margin-bottom:10px;
				}
				
				html>body .sitemap { margin-left:0px; }
				
			.first-col, .middle-col, .so-middle-col {
				width:150px;
				float:left;
				margin-right:20px;
				}
			
						
			.last-col {
				width:150px;
				float:left;
				}
				
				dt { font-weight:bold; margin-bottom:10px; }
				dd { left:-20px; }
				
				
		.feedburner {
			margin-top:10px;
			width:280px;
			float:right;
			margin-bottom:10px;
						}
 

                #feed {
                      margin-top:20px;
                      position:relative;
                      width:400px;
                      height:190px;
                      }

                .detail {
                      position: absolute;
                      bottom: 0; 
                      left: 0; 
                      height: 80px; 
                      width: 400px; 
                      background-image: url(http://pralangga.org/assets/about-bg.png);
                        }

                .detail h1 {
                      margin-top: 10px;
                      padding: 0;
                      line-height: 12px;
                      padding: 0 30px;
                      font-weight: normal;
                      font-size: 1.1em;
	              color:#28466b;
                            }

                        h1 span.big-text {
                           font-size:2.5em; 
                           color:#fff;
                           margin-top:20px;
                           display:inline;
                              } 

                       h1 span.text {
                           padding-left:10px;
                           font-size:1.1em;
                              }

                       h1 p { font-size:1.2em; margin-bottom:.65em;}

                       h1 p.form { padding-left:80px; margin-bottom:4px;}
                            





    #site-meta {
	    margin-bottom:10px;
		}



		/* blog */
		
div.post-title { width:100% ; }

div.post-title span.author-image, author-image { width:54px; float:left; padding-right:12px; min-height:90px;  }
				img.author { border: 1px solid #ccc; padding:1px; }

div.post-title div.real-post-title { float:right; font: georgia, sans-serif; }

div.post-body { margin-bottom:30px; }

div#article-list div.post-body { margin-bottom:20px; }		

span.more { padding: 0.5em; text-align: center; background: #eee; }

div.contributor_detail span.contributor_img { float:left; padding:4px; border:1px solid #bae2f0; }



   /* navigation articles */

   ul.pagination {margin: 1em 0; padding: 0.5em; text-align: center;}
   ul.pagination li {display: inline; padding: 0.5em;}
   ul.pagination li.active {background: #fff; border: 1px solid #eee;}


/* heading */

#secondary h4, #primary h4.section { 
    font-family:Helvetica, Arial, sans-serif; 
	font-size:16px;
	line-height:24px;
	text-transform:uppercase;
	margin-bottom:20px;
	margin-top:10px;
	}

	/* post */
	
	div.post-title h3, div.simplepie h3 {
	    font-family:Arial, sans-serif;
		font-weight:normal;
	    font-size:22px;
		line-height:28px;
	}
	
	div.post-title h4 { 
	    font-family: Helvetica, Arial, sans-serif; 
	    font-size:11px; 
	    font-weight:normal;
	}

	div.post-title h4 div.addthis { 
	    display:inline; 
	    padding:4px 0px 0px 4px; 
	    margin-top:50px; 
	}


        img.feat-corr, img.cmmntr-img { float:left; padding:4px; border:1px solid #bae2f0; margin-right:8px; background-color: #e3f4f9;}




/* comments & co */

div#cpreview span.alert p{ text-align:center; }

div#commentsbox { clear:both; width:100%; margin:20px 0px 10px 0px; }

div#commentsbox .author { border:1px solid #bae2f0; background:#e3f4f9; }

div#comments div.comment_author, div#cpreview div.comment_author { float:left; padding-right:20px; width:60px; }

div#comments div.comment_body, div#cpreview div.comment_body { float:right; width:360px; }



.button {
    background-image: url(http://pralangga.org/assets/36px-blended.png); 
    display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
        margin-right:20px;
         }

.button:hover	{ background-color: #111; color: #fff; }
.button:active	{ top: 1px; }

#txpCommentPreview { 
    font-size: 11px; 
    color:#fff;
    font-weight:bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.75);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    background-color: #d90000;
    cursor:pointer;
    }

#txpCommentSubmit {
   font-size: 11px; 
    color:#fff;
    font-weight:bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.75);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    background-color: #2daebf;
    cursor:pointer;
    }

input.disabled { display:none; }


















/* clear */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


a:link, a:visited, div.simplepie ul li a { border-bottom:1px dotted #ccc; text-decoration:none; color:#6a6460; }

a:hover { border-bottom:1px solid #ccc; border:none;}

a.noborder { border:0px; text-decoration:none; }

img { border:none; }
img.left { float:left; padding:10px; }
img.right { float:right; padding:10px; }


/* som */


#som_list img { width: 80px; height: 80px; }
#som_list a { padding: 3px; display: block; float: left;}
#som_list a:hover { background: #ddd; }


/* hide */

#hd_print, #hd_print_author { display:none }

/* tipo */

.caps {font-size:.92em;}
    .amp {color:#666; font-size:1.05em;font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua",serif; font-style:italic;}    
    .dquo {margin-left:-.38em;}

/* tabs */

/* Style for Usual tabs */
.usual {
  color:#111;
  width:500px;
  margin:0px auto;
  min-height:450px;
   }

.usual li { list-style:none; float:left; padding:0px; margin:0px;}

.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:#FFF;
  background:#444;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:#e7fef6;
  border-bottom:1px solid snow;
  cursor:default;
  }
.usual div {
  *padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
    }

*.usual div a { color:#000; font-weight:bold; }

div.simplepie ol li {
        margin: 0px;
	padding: 0px;
}

div.simplepie ol li {
                                text-align:justify;
				margin-bottom:20px;
				font-size: 12px;
				line-height: 1.5em;
				color:#000;
                                }

div.simplepie ol li strong {
                font-family:Helvetica, Arial, sans-serif;
                        }

div.simplepie ol li br {
                 margin-bottom:12px;
}


div.simplepie h3 {
        font-family:Helvetica, Arial, sans-serif;
        font-size:18px;
        margin:20px 0 10px 0;
}

#usual1 h5 { font-size:16px; }