/* stylesheet for blogart */

body {background-color: #6c7f9a; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0;}

a {text-decoration: none;}
a:link,a:visited {color: #4433bb;}
a:hover,a:active {color: #ddaa00;}

div {text-align: left; border: 0px black solid;}
div#page {width: 760px; font-size: 0.9em; margin-left: auto; margin-right: auto; background-color: #ffffff; border: 4px #ffffff solid;}
div#title {width: 740px; background-color: #eeeeee; padding: 10px; padding-top: 0; border-bottom: 4px #ffffff solid;}
div#l {width: 430px; float: left;}
div#r {width: 330px; float: right;}

.section-left {width: 406px; padding: 10px; padding-top: 14px; background: url(images/corner.gif) no-repeat top right; border-bottom: 4px #ffffff solid; border-right: 4px #ffffff solid;}
.section-right {width: 310px; padding: 10px; padding-top: 14px; background: url(images/corner.gif) no-repeat top right; border-bottom: 4px #ffffff solid;}
div#examples-section {background-color: #e7eef8;}
div#news-section {background-color: #f0edfb;}
div#suggestion-section {background-color: #faebea;}
div#tools-section {background-color: #faf9e0;}
div#links-section {background-color: #edf8e5;}
div#other-section {background-color: #e5f8eb;}

div#footer {clear: both; font-size: 0.75em; background-color: #eeeeee; padding: 10px;}
.anchor {clear: both; font-size: 0; height: 0;}

.header {position: relative; top: -6px; left: -13px; font-size: 2em; font-weight: bold; color: #ffffff; margin-top: 0; margin-bottom: 0;}
.subheader {font-size: 0.9em; margin-top: 0.5em;}
.section-title {font-size: 1.8em; font-weight: bold; margin-top: 5px; margin-bottom: -1px;}
#examples-title {color: #e7eef8;}
#news-title {color: #f0edfb;}
#suggestion-title {color: #faebea;}
#tools-title {color: #faf9e0;}
#links-title {color: #edf8e5;}
#other-title {color: #e5f8eb;}

.item {position: relative; line-height: 1.1em; border-bottom: 1px #ffffff solid; margin-bottom: 20px; padding-bottom: 20px;}
.item2 {position: relative; line-height: 1.1em; border-bottom: 1px #ffffff solid; margin-bottom: 10px; padding-bottom: 10px;}
.item-image {float: left; width: 120px; height: 80px; border: 1px #cccccc solid; margin-right: 8px; margin-bottom: 8px;}
.item-title {margin-top: 0; margin-bottom: 0.7em; font-size: 0.9em;}
.item-desc {font-size: 0.75em;}
.last {border-bottom: none; margin-bottom: 10px; padding-bottom: 0px;}

.formbox {width: 200px; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; border: 0px; border-top: 1px #dddddd solid; border-left: 1px #dddddd solid;}
.button {color: #333333; background-color: #e9e9e9; border: 0px; border-bottom: 1px #dddddd solid; border-right: 1px #dddddd solid;}

/* misc stuff */
img {border: 0px;}