/* default CSS */

body {
    margin: 10px;
    padding: 0px;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
}

body{
    color: #333;
}
a {
  color: #1982d1;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4 {
    margin-bottom: 10px;
}

p {
    margin-top: 10px;
}

pre ,code {font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	padding:1px 4px;background-color:#EEEEEE;border:1px solid #e8e8e8;
	border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

h1, h2, h3 {
    color: #000;
}

h1 a, h2 a, h3 a,
a.read-more {
    color: #1982d1;
}

a.read-more {
    font-style: italic;
}

img {
    border: none;
}

.thumbnails img, img.thumbnails {
    max-width: 100px;
    max-width: 100px;
    padding: 5px;
    float: left;
}

/* page margins */
.page_margins {
    text-align: left;
    margin: 0 auto;
    min-width: 700px;
    max-width: 1000px;
}


/* horizontal lists: */

.hlist {
    margin: 0px;
    list-style-type: none;
}

.hlist ul {
    list-style-type: none;
    display: inline;
}

.hlist ul li {
    list-style-type: none;
    display: inline;
}


/* but header should be block */
#header .hlist ul {
    display: block;
}


#header {
    margin: 20px 0px;
    list-style-type: none;
}

#header h1,
#header h2,
#header h3
{
    margin: 0px;
}

#header h3 {
    font-size: 110%;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
}

#header h1 a,
#header h2 a,
#header h3 a
{
    color: #888;
    text-decoration: none;
}

#header h1 a:hover,
#header h2 a:hover
{
    color: #000;
    text-decoration: none;
}

#header form {
    margin-top: 15px;
    float: right;
    width: 25%;
}

#header ul {
    margin-top: 0px;
    padding: 5px 0px 5px 0px;
    border-top: 2px solid #ddd;
    border-bottom: 4px #888 solid;

}

#header ul
#header ul li,
#header ul li a
{
    color: #686;
    padding: 5px;
}

#header ul li {
    display: inline;
}

#header ul li a {
    color: #686;
    text-decoration: none;
}

#header ul li a:hover,
#header ul li.active a,
#header li a
{
    color: #1982d1;
    text-decoration: none;
}

/* col1: main column */
#col1 {
    float: left;
    width: 70%;
}


#col1_content h1:first-child,
#col1_content h3:first-child
{
    margin-top: 0px;
}

/* col3: side bar */
#col3 {
    font-size: 0.9em;
    float:  right;
    width:  25%;
}

#col3_content {
    padding-left: 10px;
    padding-right: 20px;
    padding-bottom: 50px;
    /* add border */
    border-left: 1px solid #ddd;
}

#col3_content a {
    color: #1982d1;
}

.post, .excerpt {
    line-height: 20px;
}

h3.excerpt {
    font-weight: bold;
    font-size: 100%;
    color: #1982d1;
    border-top: 2px solid #ddd;
    border-bottom: 4px #888 solid;
}

h3.excerpt a {
    color: #1982d1;
    text-decoration: none;
}


.paging {
    margin: 20px 0px;
}

.paging .newer {
    float: right;
    width: 25%;
}

.paging .older {
    float: left;
    width: 25%;
}


.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
}

/* vertical lists: */
/* title */

h3.vlist, h6.vlist {
    font-weight: bold;
    font-size: 100%;
    margin:0;
    color: #444;
    background-color: #fff;
    border-top: 2px solid #ddd;
    border-bottom: 4px #888 solid;
}

h3.vlist {
    width: 20%;
    padding: 3px 0px 3px 3px; /* LTR */
}

h6.vlist {
    width: 90%;
    padding: 3px 0px 3px 10%; /* LTR */
}

.vlist {
    margin: 0px;
    list-style-type: none;
    padding-left: 6px;
}

.vlist ul {
    margin: 0px;
    list-style-type: none;
    padding-left: 6px;
}

.vlist li {
    padding: 4px 0 4px 28px;
}


.excerpt { }

.meta {
    display: block;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #666666;
    padding: 5px;
}

/* extra space before final entry */
.final {
    margin-top: 15px;
}

/* colors like a post-it note */
.note {
    display: block;
    background-color: #FFFF99;
    border: 1px solid #CCCCCC;
    color: black;
    padding: 5px;
}

#footer {
    border-top: 2px solid #ddd;
    padding-top: 5px;
    margin: 12px auto;
}

#footer a {
    color: #686;
    text-decoration: none;
}

#footer a:hover
{
    color: #000;
    text-decoration: none;
}

/* active element */
#footer ul li.active a {
    color: #000;
    text-decoration: none;
}

table {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}