/*
 * Main Content
 */
div#articles
{
   float: left;
   width: 710px;
   text-align: justify;
   font-size: 105%;
}
div#side-bar
{
   margin: 0 0 0 22px;
   float: left;
   width: 240px;
}
div#articles h2, div#articles h2 a, div#side-bar h2
{
   background-color: inherit;
   color: #9f9f9f;
   float: none;
   padding: 0;
   text-shadow: none;
}
div#articles h2 a:hover
{
   background-color: inherit;
   color: #506778;
}
div#articles div.article h2
{
   background-color: inherit;
   color: #777d88;
}

/*
 * Blog article styles
 */
div#articles h2
{
   font-size: 190%;
   margin: 15px 0 0 0;
}
div#articles h2, div#articles h2 a
{
   text-align: left;
   font-weight: bold;
   text-decoration: none;
}
div#articles h2#page-heading
{
   background-color: inherit;
   color: #506778;
   font-size: 190%;
   font-weight: normal;
   margin: 0;
}
div#articles h3
{
   font-weight: normal;
   font-size: 115%;
}
div#articles div.article
{
   margin: 0 0 6px 0;
   padding: 4px 0;
   border-bottom: 1px solid #dadada;
}
div#articles p
{
   text-indent: 6px;
   padding: 4px 6px;
}
div#articles div.article ul
{
   list-style-type: none;
   padding: 6px;
}
div#articles div.article ul li
{
   background: url('/images/bullet.png') no-repeat 16px 7px;
   padding: 2px 4px 2px 34px;
}
div#articles pre
{
   background-color: #f9f9f9;
   border: 1px solid #c0c0c0;
   margin: 6px 0;
   padding: 4px 6px;
}
div.controls a
{
   text-decoration: none;
   font-size: 105%;
}
div#articles div.article h2
{
   font-weight: normal;
   font-size: 150%;
}
div#articles h3#comments
{
   background-color: inherit;
   color: #506778;
   font-size: 190%;
   font-weight: normal;
   margin: 20px 0 0 0;
}
ul.commentlist
{
   padding: 6px 0;
   list-style-type: none;
}
ul.commentlist li
{
   margin: 8px 0;
   padding: 4px 6px;
   background: #eef;
}
ul.commentlist li.alt
{
   background: #e7e7e7;
}
ul.commentlist li.admincomment
{
   background: #ffd;
}
div.navigation div.alignleft
{
   float: left;
}
div.navigation div.alignright
{
   float: right;
}

/*
 * Side-bar styles
 */
div#side-bar h2
{
   margin: 0;
   padding: 1px 0;
   border-bottom: 1px solid #dadada;
   font-weight: bold;
   font-size: 120%;
}
div#side-bar input
{
   width: 165px;
   padding: 5px;
   height: 15px;
}
div#side-bar input.button
{
   width: 60px;
   margin-top: 1px;
   height: 27px;
}
div#side-bar ul.blogroll
{
   padding: 0;
   list-style-type: none;
}
div#side-bar ul.blogroll li
{
   padding: 4px 1px 0 1px;
}
div#side-bar ul.blogroll li span
{
   display: block;
   padding: 1px 4px;
}
div#side-bar ul.blogroll li a
{
   text-decoration: none;
   font-size: 110%;
}
div#side-bar ul
{
   padding: 6px 4px 6px 24px;
   list-style-type: circle;
}
div#side-bar ul a
{
   font-size: 110%;
   text-decoration: none;
}
div#side-bar p
{
   padding: 6px 0;
   text-align: center;
}
div#side-bar p a
{
   display: block;
   float: left;
   background: #fff;
   color: #8cafc7;
   padding: 2px 5px;
   margin: 2px;
   text-decoration: none;
   font-size: 110%;
}
div#side-bar p a:hover
{
   background: #8cafc7;
   color: #fff;
}


/*
 * Footer styles
 */
div#footer a.portfolio-thumb-image
{
   border: 3px solid #e6e6e6;
   background: url('/images/portoflio/default.png') no-repeat;
   display: block;
   width: 200px;
   height: 72px;
   text-indent: -80000em;
}