@CHARSET "UTF-8";

body { 
  margin: 0; 
  padding: 0; 
  background: #fff url('/images/bg.gif') repeat-x; 
  line-height: 1.6em; 
  color: #333; font-style:normal; font-variant:normal; font-weight:normal; font-size:.7em; font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif 
}

/* LINKS AND HEADINGS STYLING */

a { color: #875629; background: inherit; }
a:hover { color: #547592; background: inherit; }
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #996633; background-color:transparent; }
h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; }
h3  { clear: both; font-size: 1.1em; color: #000; background: #fff url('/images/h3bg.gif') no-repeat center left; margin: 0; padding-left:14px; padding-right:14px; padding-top:0; padding-bottom:0}
blockquote {
  margin: 10px 0 0 25px;
  padding: 0 20px;
  border-left: 1px solid #ccc;
  color: #666;
}
.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }


/* CONTENT WRAPPER */

#main { 
  width: 900px; 
  margin: 25px auto 0 auto; 
}

.metadata {
  margin: 0;
  padding: 0;
  border-top: 1px dotted #ccc;
  text-align: right;
  width: 100%;	
}

/* TOP LEFT LOGO */

#logo { 
  float: left; 
  padding: 10px 0 10px 10px; 
}
  #logo h1 { color: #000; background: #fff; }
  
  #logo a { text-decoration: none; }

/* TOP RIGHT HORIZONTAL MENU */
  
#menu { 
  float: right; 
  background: #fff url('/images/barul.gif') no-repeat bottom right; 
  color: #808080; 
  margin: 0; padding-left:0; padding-right:1px; padding-top:18px; padding-bottom:11px 
}
  #menu li { 
    color: #444; 
    background: #fff url('/images/bar.gif') no-repeat bottom left; 
    display: inline; 
    margin-left: -3px; padding-left:18px; padding-right:18px; padding-top:14px; padding-bottom:14px
  }
  #menu li.current_page_item { 
    background: #fff url('/images/baractive.gif') no-repeat bottom left; 
    color: #8D9CAF; 
    font-weight: bold; 
    margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0; padding-left:18px; padding-right:18px; padding-top:14px; padding-bottom:14px 
  }
  #menu li:hover { 
    background: #fff url('/images/baractive.gif') no-repeat bottom left;
  }
  #menu li a { 
    background: transparent; 
    color: #888888; 
    text-decoration: none; 
  }   
  #menu li a:hover { 
    color: #000; 
    background: transparent;
  }   
  .key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* LEFT INTRO SIDE */ 

#intro_left {
  clear: left;
  float: left;
  width: 250px;
  background: #FEF9F1 url('/images/leftintrobg.gif') repeat-x;
  color: #996633;
  margin-left:0; margin-right:0; margin-top:0; margin-bottom:1px
}
  #intro_left a { color: #fff; background: inherit; }
  #intro_left p { padding: 14px 15px; margin: 0; }

  /* LEFT VERTICAL MENU */

  #container_left { 
    float: left;  
    margin: 0 0 6px 0; 
    padding: 0 0 1px 0; 
    clear: left; 
  }
  
  #menu_left { 
    float: left;  
    margin: 0 0 6px 0; 
    padding: 0 0 1px 0; 
    border-bottom: 2px solid #e2e2e2;
    clear: left; 
  }
    #menu_left li { list-style: none; }
    #menu_left li a { 
      display: block; 
      color: #996633; 
      background: #FBDC9B url('/images/arrow.gif') no-repeat center left; 
      width: 204px; 
      font-weight: bold; 
      text-decoration: none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1px; padding-left:23px; padding-right:23px; padding-top:7px; padding-bottom:7px 
    } 
    #menu_left li a:hover { background: #996633 url('/images/arrow.gif') no-repeat center left; color: #fff  }
    
    #menu_left .active { background-color: #996633; width: 204px; }
    #menu_left .active a {  background-color: #996633; color: #FBDC9B; }

    #menu_left ul { margin: 0; padding: 0; }
    #menu_left ul li a { width: 184px; padding-left: 20px; }
    #menu_left .sub a { width: 184px; margin-left: 23px; }
    #menu_left .activesub  a { width: 184px; margin-left: 23px; text-decoration: underline; }


/* RIGHT INTRO SIDE */
  
#intro_right {
  float: right;
  width: 340px;
  background: #BCCEDA url('/images/header.jpg') no-repeat;
  color: #996633;
  height: 174px;
  border: 2px solid #e2e2e2;
  clear: right; margin-left:0; margin-right:0; margin-top:0; margin-bottom:6px; padding-left:20px; padding-right:280px; padding-top:25px; padding-bottom:0
}
  #intro_right h1 { margin: 0 0 20px 0; }
  #intro_right .white { color: #996633; background-color:transparent; }
  
/* LEFT SIDE */
  
#sidebar {
  float: left;
  width: 250px;
  clear: left;
}

#sidebar h2 {
  border-bottom: 1px solid #ccc;
  margin: 0; 
  padding : 0; 
}

#sidebar ul { 
  margin: 0; 
  padding : 0; 
  list-style : none; 
}

#sidebar li {
  list-style-type:none;
}

#sidebar li ul li{
  list-style-type:none;
  margin-left:20px;
}
  .box {
    padding: 4px 15px;
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
  }
  .note {
    height: 90px;
    border: 1px solid #CFCB66;
    background: #FFFFAD url('/images/feed.jpg') no-repeat;
    color: #996633; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:100px; padding-right:15px; padding-top:15px; padding-bottom:20px
  }

/* RIGHT SIDE */



.box {
  padding-top: 4px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  margin-top: 0pt;
  margin-right: 0pt;
  margin-bottom: 10px;
  margin-left: 0pt;
}



.errorFlash {
  color: red;
  font-weight: bold;	
}




/* Begin Comments*/

.commentlist li.alt {
  background-color:#FEF9F1;
  }

.commentlist {
  margin:15px;
  padding: 0;
  text-align: justify;
  }

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
  background: #fafafa;
  color: #282828;
  border: 1px solid #eeeeee;
  }

.commentlist p {
  margin: 10px 5px 10px 0;
  }

#commentform p {
  margin: 5px 0;
  }

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
  }

.commentmetadata {
  margin: 0;
  display: inline;
  }
/* End Comments */

#right {
  float: right;
  width: 643px;
  clear: right; 
}
  .leftcol {
    width: 610px;
    float: left; 
    padding: 12px 15px;
    border:#ccc 1px solid;
    text-align: justify;
    margin: 0 0 10px 0;
  }
  .rightcol { 
    float: right; 
    padding: 10px 15px;
    width: 285px; 
    border:#ccc 1px solid;
    margin: 0 0 10px 0;
    }
  .special {
    clear: both;
    margin:0px 0 20px 0;  
    padding: 5px 20px;
    border: 1px solid #ccc;
    background: #FEF9F1;
    color: #996633;
  }
  
  .alignright {
  float: right;
  }
    
  .alignleft {
  float: left
  }
  
  .navigation {
  padding: 1px;
  margin: 0;
  }

/* FOOTER */

#footer { text-align: right; clear: both; padding: 5px; border-top: 1px solid #ccc; }

#content_start {position: absolute;left: -10000px; }




.gravatar_photo {
  float: left;
  margin: 4px 10px 0 0;	
}


.bookmarks {
	margin: 15px 0 15px 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #eeeeee;
}

.bookmarks img {
	border: 0;
	padding-top: 5px;
}



.tag-cloud {
  margin: 0;
  padding: 0;
  background: #fff; 
  list-style-type: none;
}

.tag-cloud li {
  margin: 0;
  padding: 0 5px 0 0;
  background: #fff;
  display: inline;
}

.tag-cloud li a {
  margin: 0;
  padding: 0;
  background: #fff;
  text-decoration: underline;
}

.tag-cloud li small {
	font-size: 9px;
}

.tag-cloud li big {
  font-size: 12px;
}

.tag-cloud li big big {
  font-size: 14px;
}






.sf_comment_form {
  border: 0px;
  margin: 10px;
  padding: 10px;
}

.sf_comment_form fieldset {
  border: 0px;
}

.sf_comment_form label {
  clear: both;
  float: left;
  width: 110px;
  margin: 5px 0 5px 0;
}


.sf_comment_form div input, .sf_comment_form div textarea {
  border: 1px solid #ccc;
  margin: 5px 0 5px 0;
}

.submit {
  border: 1px solid #ccc;
  margin: 5px 0 5px 110px;
}


.sf_comment a, .sf_comment a:hover {
  color:#67706d;
  text-decoration:none;
  font-size:10px;
}

.sf_comment {
 border-bottom: 1px dotted #999999;
 padding-bottom:10px;
 margin-bottom:10px;
}