body {
	padding: 0; margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

/* Block-Level Elements */
	#masthead {
		background-color: #fff;
		color: #000000;
		margin: 0px;
		padding-left: 10px;
 		width: 1050px;
 		height: 90px;
	}
	
	#header-description {
                width: 1050px;
		height: 30px;
		padding-left: 10px; margin: 0;
		border-top: 2px solid #ccc;
		border-bottom: 1px solid #ccc;
		vertical-align: middle;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		line-height: 30px;
		font-size: 14px;
		text-align: left;
		color: #333;
		float: left;
	}

	#upper {
		background-color: #333;
		background-image: url(images/upper_bg.gif);
                background-repeat: repeat-x;
                width: 1050px;
		height: 30px;
		padding: 0; margin: 0;
		border-top: 2px solid #ccc;
		border-bottom: 1px solid #ccc;
		vertical-align: middle;
		float: left;
	}
	
	.nav {
               	background-image: url(images/upper_bg.gif);
                background-repeat: repeat-x;
		height: 30px; 
		padding: 0 10px 0 10px;
		margin: 0;
		border-right: 1px solid #ccc;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		line-height: 30px;
		font-size: 14px;
		text-align: left;
		color: #333;
		float: left;
	}
	
	.nav_right {
               	background-image: url(images/upper_bg.gif);
                background-repeat: repeat-x;
		height: 30px; 
		width: 30px;
		padding: 4px 0 0 0;
		margin: 0;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		line-height: 30px;
		font-size: 14px;
		text-align: right;
		color: #333;
		float: right;
	}
	
	.nav_right a:link, .nav_right a:visited, 
	.nav_right a:active, .nav_right a:hover {
		border: none; display: block;
	}
	
	.nav_right img#feedicon {
		width: 22px; height: 22px;
		display: block;
	}

	#mastcontent {
		width: 1050px;
		background-color: #ggg;
	}

	#main_content {
                background-color: #fff;
		width: 577px;
		padding: 20px;
                margin: 0;
		border-right: 0px dotted #333;
		float: left;
		text-align: left;
	}
 
        #leftbar {
                background-color: #fff;
		width: 150px;
		padding: 10px;
                margin: 0;
		text-align: left;
		float: left;
	}

#leftbar h2 {
                    font-family: Helvetica, Arial, sans-serif;
                    font-weight: bold;
                    font-size: 14px;
                    color: #333 !important;
                    margin: 5px 0 5px 0;
                    padding: 0 0 5px 0;
                    border-bottom: 1px solid #ccc;
                    width: auto;
                    }

.sidebar-text ul {
              padding: 0;
              margin: 0 0 15px 0;
              }

.sidebar-text ul li {
                 list-style-type: none;
                 font-size: 12px;
                 line-height: 16px;
                 padding:3px;
                 color: #101010;
                 }

 .sidebar-text { 
                font-size: 12px;
                margin: 0 0 10px 0;
                background-image: url(http://lab.rails2u.com/bgmaker/slash.png?margin=3&linecolor=FFFFFF&bgcolor=FFFFFF);
                line-height: 137%;
                padding: 10px;
}

        #rightbar {
                background-color: #fff;
                background-image: url(http://lab.rails2u.com/bgmaker/slash.png?margin=3&linecolor=CCCCFF&bgcolor=false);
		width: 238px;
		padding: 10px;
                margin: 0;
		text-align: left;
		float: right;
	}
	      
        

/* Images */
	#logo {
		border: 0; margin: 0;
		width: 171px;
		height: 90px;
	}


/* Typography */
	h1.hidden {
		display: none;
	}

        .nav a:link, .nav a:visited {
                text-decoration: none;
				border: none;
                color: #eee; 
				font-weight: normal;
				font-size: 14px;
        }

		.nav a:hover, .nav a:active {
			border: none;
			color: #186FD0;
		}

p { line-height: 150%; }
a { text-decoration: none; color: #000099; }
input { font-family: Verdana, Arial, Sans-serif; margin: 0px; padding: 4px; font-size:12px}
select { font-family: Verdana, Arial, Sans-serif; margin: 0px; padding: 4px; font-size:12px}
textarea { font-family: Verdana, Arial, Sans-serif; margin: 0px; padding: 4px; font-size:12px}

		
#headline {
            font-family: Helvetica, Arial, sans-serif;;
            font-weight: normal;
            font-size: 16px;
            color: #cc6600;
            padding: 0;
            margin: 0 0 10px 0;
            text-align: left;
            display: block;
            }

#headline a:link {
                   font-family: Helvetica, Arial, sans-serif;;
                   font-weight: normal;
                   color: #666;
                   padding: 0;
                   margin: 0 0 10px 0;
                   text-align: right;
                   text-decoration: none;
                   border: 0;
                   }

#headline a:visited {
                      font-family: Helvetica, Arial, sans-serif;;
                      font-weight: normal;
                      color: #333;
                      padding: 0;
                      margin: 0 0 10px 0;
                      text-align: right;
                      text-decoration: none;
                      border: 0;
                      }

#headline a:hover, #headline a:active {
                                        font-family: Helvetica, Arial, sans-serif;
                                        font-weight: normal;
                                        color: #186FD0;
                                        padding: 0;
                                        margin: 0 0 10px 0;
                                        text-align: right;
                                        text-decoration: none;
                                        border: 0;
                                        }

#rightbar h2 {
                    font-family: Helvetica, Arial, sans-serif;
                    font-weight: bold;
                    font-size: 14px;
                    color: #333 !important;
                    margin: 5px 0 5px 0;
                    padding: 0 0 5px 0;
                    border-bottom: 1px solid #ccc;
                    width: auto;
                    }

ul.children {
              margin-top: 5px;
              line-height: 15px;
              }

#rightbar ul li ul li {
                       padding-left: 5px;
                       }

#rightbar ul li a:link, #rightbar ul li a:visited {
                                                  font-family: inherit;
                                                  font-size: inherit;
                                                  text-decoration: none;
                                                  color: #186FD0;
                                                  border-bottom: 1px dotted #186FD0;
                                                  }

#rightbar ul li a:hover, #rightbar ul li a:active {
                                                  font-family: inherit;
                                                  font-size: inherit;
                                                  text-decoration: none;
                                                  color: #186FD0;
                                                  border-bottom: 1px solid #186FD0;
                                                  }

ul.children {
              margin-top: 5px;
              line-height: 15px;
              }

#rightbar ul li ul li {
                       padding-left: 5px;
                       }

#rightbar ul li a:link, #rightbar ul li a:visited {
                                                  font-family: inherit;
                                                  font-size: inherit;
                                                  text-decoration: none;
                                                  color: #186FD0;
                                                  border-bottom: 1px dotted #186FD0;
                                                  }

#rightbar ul li a:hover, #rightbar ul li a:active {
                                                  font-family: inherit;
                                                  font-size: inherit;
                                                  text-decoration: none;
                                                  color: #186FD0;
                                                  border-bottom: 1px solid #186FD0;
                                                  }

#main_content p {
                  font-family: Helvetica, Arial, sans-serif;
                  font-weight: normal;
                  font-size: 12px;
                  margin: 0 0 2em 0;
                  padding: 0;
                  line-height: 150%;
                  color: #101010;
                  }

#entry p {
           font-family: Helvetica, Arial, sans-serif;
           font-weight: normal;
           font-size: 14px;
           margin: 0 0 2em 0;
           padding: 0;
           line-height: 150%;
           color: #101010;
           }	
h4.comment {
             font-family: Helvetica, Arial, sans-serif;
             font-weight: normal;
             font-size: 12px;
             font-style: italic;
             padding: 0 0 9px 0;
             line-height: 18px;
             width: 565px;
             text-align: right;
             border-bottom: 2px solid #333;
             color: #101010;
             }

h4.comment a:link, a:visited {
                               color: #186FD0;
                               border-bottom: 1px dotted #186FD0;
                               text-decoration: none;
                               }

h4.comment a:active, a:hover {
                               color: #186FD0;
                               border-bottom: 1px solid #186FD0;
                               text-decoration: none;
                               }

h3.comment_title {
                   font-family: Helvetica, Arial, sans-serif;
                   font-weight: normal;
                   font-size: 14px;
                   color: #333;
                   border-top: 1px solid #333;
                   background-color: #ccc;
                   margin: 0; padding: 3px 0 3px 0;
                   width: auto;
                   }

h3.comment_title a:link {
                          font-family: Helvetica, Arial, sans-serif;
                          font-weight: normal;
                          font-size: 14px;
                          color: #333;
                          text-decoration: underline;
                          }

h3.comment_title a:visited {
                             font-family: Helvetica, Arial, sans-serif;
                             font-weight: normal;
                             font-size: 14px;
                             color: #333;
                             text-decoration: none;
                             }

h3.comment_title_reg {
                       font-family: Helvetica, Arial, sans-serif;
                       font-weight: normal;
                       font-size: 14px;
                       color: #fff;
                       text-indent: 10px;
                       border-top: 1px solid #186FD0;
                       background-color: #fff;
                       margin: 0; padding: 0;
                       }


/* Form Stuff */

#author, #email, #url, #s {
                            background-color: #eee;
                            font-family: Helvetica, Arial, sans-serif;
                            font-size: 12px;
                            color: #666;
                            border: 1px solid #333;
                            padding: 2px;
                            }

#author:focus, #email:focus, #url:focus, #s:focus {
                                                    background-color: #fff;
                                                    font-family: Helvetica, Arial, sans-serif;
                                                    font-size: 12px;
                                                    border: 1px solid #000;
                                                    color: #333;
                                                    padding: 2px;
                                                    }

#comment {
           background-color: #eee;
           font-family: Helvetica, Arial, sans-serif;
           font-size: 12px;
           color: #666;
           border: 1px solid #333;
           padding: 2px;
           width: 528px;
           }

#comment:focus {
                 background-color: #fff;
                 font-family: Helvetica, Arial, sans-serif;
                 font-size: 12px;
		border: 1px solid #000;
                 color: #333;
                 padding: 2px;
                 width: 528px;
                 }

#submit, #searchsubmit {
                         background-color: #fff;
                         font-family: Helvetica, Arial, sans-serif;
                         font-size: 12px;
                         border: 2px solid #000;
                         color: #333;
                         padding: 2px;
                         }

#submit:focus, #submit:hover, #searchsubmit:focus, #searchsubmit:hover {
                                                                         background-color: #fff;
                                                                         font-family: Helvetica, Arial, sans-serif;
                                                                         font-size: 12px;
                                                                         border: 2px solid #186FD0;
		color: #333;
                                                                         padding: 2px;
                                                                         }


/* Images */

a img, img a, #main_content p img a:link, 
#main_content p img a:active, 
#main_content p img a:visited, 
#main_content p img a:hover {
                              border: none; margin: 0;
                              text-decoration: none;
                              }

img.left {
           float: left;
           padding: 5px 5px 5px 0;
           }

img.right {
            float: right;
            padding: 5px 0 5px 5px;
            }

.entry_graphic {
                 display: block;
                 margin: 1em 0 1em 0; padding: 0;
                 border-top: 4px solid #333;
                 border-bottom: 4px solid #333;
                 }

#about { border-top: 3px solid #ccc; margin: 0; padding: 0; }

.download_graphic,
.download_graphic a:link, .download_graphic a:hover, 
.download_graphic a:visited, .download_graphic a:active, 
img.download_graphic {
                       display: inline;
                       margin: 10px 5px 10px 0; padding: 2px 0 2px 0;
                       border-top: 2px solid #333;
                       border-bottom: 2px solid #333;
                       width: 210px;
                       text-decoration: none;
                       }

img a:link, img a:hover, img a:visited, img a:active {
                                                       border: 0px;
                                                       }

#area {
        font-size: 10px;
        }

#search_form,#search_option{
                             padding: 5px 5px 0 5px;
                             margin-bottom: 10px;
                             /* border: 1px solid #6ebef2;*/
                             background-color: #edf4f8;
                             }

#search_form p {
                 padding-bottom: 10px;
                 margin: 0;
                 }

.error_message {
                 color: red;
                 }

table { 
        border-collapse: collapse;
        border: 1px solid #C0C0C0; 
        font-size: 12px;
        padding: 10px;
        margin-bottom: 10px;
        }

td { 
     border-collapse: collapse;
     border: 1px solid #C0C0C0; 
     font-size: 12px;
     padding: 5px;
     }

td.label {
           background-color: #EAEAEA;
           width: 120px;
           }

td.input {
           width: 400px;
           }

/* link to me */
.linktext {
            margin:0 0 10px 0;
            font-size:12px;
            padding:10px;
            border:1px solid #E2E2E2;
            background-color: #F1F1F1;
            }
.linktextarea {
                font-size:9px;
                font-family:verdana;
                overflow:hidden;
                height:12px;
                width:95%;
                }

/* column box */

#column_box {
              margin:0 0 10px 0;
              padding:0 10px;
              border:1px solid #E2E2E2;
              background-color: #F1F1F1;
}

#column_box p {
              margin:5px;
}

#column_box h3 {
                 font-weight:bold;
                 font-size:12px;
                 border-bottom:1px dotted #ccc;
                 padding-bottom: 5px;
                 margin:10px 0 5px 0;
                 color:#333;
}
#column_box li {
                 font-weight:nomal;
                 font-size:12px;
                 line-height: 110%;
                 margin: 0;
                 padding: 5px 3px 3px 20px;
                 background: transparent url('/images/post.gif') no-repeat 0% 5px;
                 color:#333;
                 }
#column_box table {
              border:1px solid #E2E2E2;
              background-color: #FFF;
}
/* mini box */

.mini-box {
              margin:5px;
              padding:0 10px;
              width: 160px;
              height: 160px;
              border:1px solid #E2E2E2;
              background-color: #FFF;
              float: left;
}

.mini-box h3 {
                 font-weight:bold;
                 font-size:12px;
                 border-bottom:1px dotted #ccc;
                 padding-bottom: 5px;
                 margin:10px 0 5px 0;
                 color:#333;
}

.mini-box ul{ 
              margin:0;padding:0;
              }

.mini-box li {
                 font-weight:nomal;
                 font-size:11px;
                 line-height: 110%;
                 margin: 0;
                 padding: 5px 3px 3px 3px;
                 color:#333;
               list-style-type: none;
               border-bottom: 1px dotted #ccc;
                 }

.gravatar {
            
            float:left;
            
            width:25px;

            padding: 1px;
            
            border: 1px solid #000;
            
            background: #fff;
            
            margin-right: 10px;
            }
/* column box */

#info {
              margin:0 0 10px 0;
              padding:0 10px;
              border:1px solid #CCC;
}

#info p {
              margin:5px;
              font-size:11px
}

#info li {
                 font-weight:nomal;
                 font-size:11px;
                 line-height: 110%;
                 margin: 0;
                 padding: 0px;
                 background: transparent url('/images/post.gif') no-repeat 0% 5px;
               list-style-type: none;
                 color:#333;
                 }