/*
Theme Name: Bunilaw Blog Theme Nov V3
Theme URI: http://www.bunilaw.com/
Description: Theme specially designed for bunilaw.com
Version: 3.0
Author: xuan zhang
Author URI: http://www.designx_z.com/
Tags: custom header, fixed width, two columns, widgets


	This theme was designed and built by Xuan Zhang,
	whose website you will find at http://www.designx_z.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

body { border-top-style:solid;
	border-width: 9px;
	border-color: #d7d7da;
	margin: 0;
	font-family: "Helvetica",Arial,Sans Serif;
	}		

a:link {border: none; margin:0; text-decoration: underline; color: #c1282d;}
a:visited {border: none; margin:0; text-decoration: underline; color: #c1282d; }
a:active {border: none; color: #c1282d;}

#wrapper { margin:40px 10% 0 10%;
		   width:852px;
		   padding: auto;
		   }		 

/*header*/

#header {
		 height:100px;
		 padding-bottom:30px;
		 padding-left:0;
		 padding-right:0;}

#logo { width: 212px;
		height: 93px;
		float: left;
		margin: 0 40px 0 0;
		border:none;
		background-image: url('images/logo.gif');
		}

#logo a{ text-decoration: none;
		 border: none; }
		
#logo h1{ visibility:hidden; }

		
	 
#nav { 	float: left;
		display: block;
		height: 81px;
		width:600px;
		margin:30px 0 0 0;
		padding:0;
		white-space: nowrap;
	  	}
	  	

#nav ul {
		list-style-type: none;
		padding: 0px;
		z-index: 30;
		margin-left:auto;
		margin-right:auto;
		width:600px;
		white-space: nowrap;
		}
		


#nav li {	display: inline;
			padding: 0;
			margin-left:auto;
			margin-right:auto;
			font-weight: bold;
			font-size: 10pt;
			}
			
			
#nav li a {display: inline;
		padding: 5px 16px 3px 13px;
		margin: 0;
		background-color: #d7d7da;
		font-weight: bold;
		font-size: 10pt;
		color: #4e4d4d;
		text-decoration: none;
		}
		
#nav li a:hover {background-color: gray; color: white;}

#nav li a:active {background-color: gray; color: white;}

		

		
#nav #current a {display: inline;
		padding: 5px 16px 3px 15px;
		background-color:  #c1282d;
		color: white;
		text-decoration: none;
		font-weight: bold;
		font-size: 10pt;;
		margin:0;
		}
		
		

p.small {margin-top:-2px; 
		font-size: 8.5pt;
		line-height: 1.6em;
		letter-spacing: 0.05ex;
		}

				


/*main*/
#main { width: 600px;
		float: left;
		margin-bottom: 5px;
		margin-left: 40px;
		display: block;}



/*sidebar*/	

#sidebar1 {
			float:left;
			width: 212px;
			margin: 0 0 50px 0;
			padding: 0;
				}
			
#intro {margin:0; }
			
			
.sub_bold {	font-weight: bold;
			font-size: 9pt;
			line-height: 1.5em;
			letter-spacing: 0.2ex;
			}
					
					
.sub_title{
			font-weight: bold;
			font-size:9pt;
			line-height: 1.5em;
			letter-spacing: 0.2ex;
			padding: 2px 15px 2px 10px;
			background-color: #d7d7da;
			margin-left: -1px;
			margin-top: 15px;
			color: #4e4d4d;
			width: 90%;
			text-align: center;
				}
					
			
#connect {margin: 0; border: none;}

#connect ul{ list-style-type: none; 
			list-style-position: inside;
			margin: 15px 0 0 0; /*removes indent IE and Opera*/
			padding: 0; /*removes indent Mozilla and NN7*/
			border: none;
		 		}
		 		
#connect li { font-weight: bold;
			font-size: 9pt;
			line-height: 1.5em;
			margin: 0 0 .6em 0;
			letter-spacing: 0.2ex;
			border:none;
			}
			
li.linkedin {background-image: url(images/linkedin.png);
			background-repeat: no-repeat;
			background-position: 0em;
			padding: 0 0 0 2em;}

li.twitter {background-image: url(images/twitter.png);
			background-repeat: no-repeat;
			background-position: 0em;
			padding: 0 0 0 2em;}

li.email {background-image: url(images/mail.gif);
			background-repeat: no-repeat;
			background-position: 0em;
			padding: 0 0 0 2em;}

li.rss {background-image: url(images/rss.png);
			background-repeat: no-repeat;
			background-position: 0em;
			padding: 0 0 0 2em;}
			
			
#connect li a:link {text-decoration: none;
				border:none; color: black; }
				

#connect li a:active {text-decoration: none;
				border:none; color: #c1282d; }
			
#connect li a:visited {text-decoration: none;
				border:none; color: black }
				
#connect li a:hover {text-decoration: none;
				border:none; color: #c1282d; }
			
				
#connect li img {border:none;}

#widget ul {list-style-type: none; 
			list-style-position: inside;
			margin: 15px 0 0 0; /*removes indent IE and Opera*/
			padding: 0; /*removes indent Mozilla and NN7*/
			border: none;
			color: #c1282d;
			font-size: 9pt;
			font-weight: normal;
			line-height: 1.5em;}
		
			
#widget li {margin: 0 0 1em 0; }


#widget li a {
			padding: 0 0 0 0;
			text-decoration: underline;
					 color: #c1282d; }
					 
#widget li a:visited{text-decoration: underline;
					 color: #c1282d; }

			
			
p {margin-top:-3px;
		margin-left: 0;
		padding-right: 15px;
		font-size: 10pt;
		line-height: 1.5em;
		letter-spacing: 0.05ex;
					}

							 

					
/*blog*/


#toolbar {width: 585px;
		 padding:8px 8px 5px 9px;
		 margin: 0 0 20px 0;
		 float:left;
		 background-color: #d7d7da;
		 display: block; }
		 
#toolbar form {float:right;}

#toolbar button { height: 22px; font-size: 9pt; font-weight:bold; text-align:center; color: white; background-color: #c1282d; padding:0 5px 5px 5px;}

.article {margin: 0 0 15px 0;
			padding: 0 0 15px 0;
			border-bottom:.2em dotted #bfbfbf;
			  }
			  
			  
.article h2 {font-size:13pt; 
			margin: 10px 0 10px 0;
			padding:0;
			font-weight: bold;
			color: black;}

.article h2 a{text-decoration:none; 
			font-weight: bold;
			color: black;
			line-height:1.3em;
			 }
			
.article h2 a:visited{text-decoration:none; 
			         color: black;}
			         
.article h2 a:hover{text-decoration:none; 
					color: #c1282d;}
			         
			         
			         
.article h2 a:active{text-decoration:none; 
			         color: #c1282d;}


.article p.stamp_date {font-size: 9pt; color: #4e4d4d;}

.article p.postmetadata {font-size: 9pt; color: #4e4d4d;}

.article p.postmetadata a{font-size: 9pt; color: #c1282d; text-decoration: underline;}

.article p.postmetadata a:visited{font-size: 9pt; color: #c1282d; text-decoration: underline;}

.article p.postmetadata a:active{font-size: 9pt; color: #c1282d; text-decoration: underline;}

.page_nav {text-align:right; padding: 0 0 20px 0; margin:0; letter-spacing: 0.1ex; text-transform:uppercase; font-size: 10pt; }
.page_nav a{font-weight:bold; color: #c1282d; text-decoration: none;}
.page_nav a:visited{font-weight:bold; color: #c1282d; text-decoration: none;}

.blog_nav {padding: 0 0 30px 0; margin:0 50px 20px 50px; font-size: 10pt; }
.blog_nav a{font-weight:bold; color: #c1282d; text-decoration: underline;}
.blog_nav a:visited{font-weight:bold; color: #c1282d; text-decoration: underline;}


/*single*/

#comments-template {padding: 0 0 10px 0;
			border-bottom: .2em dotted #bfbfbf; margin:0 50px 20px 50px;}
			
#comments-template h3{font-size:11pt; 
			margin:0 0 1em 0;
			padding:0;
			font-weight: bold;
			line-height: 1.5em;
			color: black;}
			
#comments-template ol {list-style-position: inside;
					margin: 0; /*removes indent IE and Opera*/
					padding: 0; /*removes indent Mozilla and NN7*/}

#comments-template li { font-size: 10pt;}
					
#comments-template p{
		margin: 0 0 1em 0;
		padding: 0;
		font-size: 10pt;
		line-height: 1.5em;
		letter-spacing: 0.05ex;}
		
#comments-template a {font-size:10pt;}

#not-found h3{font-size: 14pt; margin: 0 0 15px 0;}

#not-found p{font-size: 10pt;}
				
				
/*footer*/

#footer {clear:both;
		margin: auto;
		font-weight: normal;
		font-size: 9pt;
		line-height: 1.5em;
		letter-spacing: 0.2ex
		color: #4e4d4d;
		margin-top: 15px;
		margin-bottom: -1px;
		padding-top:5px;
		background-color: #bfbfbf;
		}

				
#footer p {
		text-align: center;
		padding: 0;
		color:#4e4d4d;
		margin: auto;
		}