/***************************************************
   Styles for rounded corners
 ***************************************************/

b.rtop, b.rbottom{display:block}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #FFC}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/***************************************************
   HTML elements
 ***************************************************/

body {
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

h1 {
  color: #630;
  font-size: 18px;
  border-bottom: 1px dotted #CCC;;
  text-transform: uppercase;
}

h2 {
  color: #690;
  font-size: 10px;
}

h3 {
  color: #999;
  font-size: 10px;
  border-bottom: 1px dotted #999;
  text-transform: lowercase;
  margin-bottom: 5px;
  margin-top: 0;
}

ul {
    list-style: square;
}
a {
  color: #C60;
  text-decoration: none;
}

a:hover {
  color: #F90;
}

/***************************************************
   Containers
 ***************************************************/

#nav {
  position: absolute;
  top: 10px;
  left: 50px;
  width: 180px;
  min-height: 340px;
  color: #666;
  background: #333;
  padding: 10px;
}

#nav ul {
  margin: 0;
  padding: 0;
}

#nav ul li {
  list-style: none;
  line-height: 20px;
}

#nav li a {
  color: #F90;
  padding: 0 5px 0 5px;
  text-decoration: none;
  text-transform: lowercase;
  margin: 0;
}

#nav li a:hover {
  color: #630;
  background: #FFF;
}

#banner {
  position: absolute;
  top: 10px;
  left: 250px;
  width: 595px;
  height: 340px;
  background-color: #CCC;
}

#sidebar {
  position: absolute;
  top: 370px;
  left: 50px;
  width: 180px;
  margin-top: 30px;
  color: #630;
  text-align: center;
  line-height: 2em;
}

#box {
  position: absolute;
  top: 370px;
  left: 250px;
  width: 575px;
  color: #333;
  padding: 20px;
  line-height: 2em;
  border-bottom: 50px solid #FFF;
}

#box h3 {
    text-transform: none;
    font-size: 16px;
}

ul#pager {
    list-style-type: none;
    margin: 0 15px 0 0;
    padding: 0;
}

li#previous {
    float: left;
    width: 10px;
}

li#next {
    float: right;
    width: 10px;
}

li#pageinfo {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

#footer {
  clear: both;
  border-top: 1px dotted #630;
  padding: 10px;
  text-align: center;
}

#footer img {
  vertical-align: middle;
}

#footer a {
  color: #690;
}

#footer a:hover {
  color: #9C0;
}

/***************************************************
    Classes
 ***************************************************/
#tagline {
  margin-bottom: 30px;
}

#sidebar ul {
  text-align: left;
  margin-left: 60px;
  padding: 0;
}

.postTitle {
  color: #F90;
  font-size: 14px;
  border-bottom: 1px dotted #999;
  margin-bottom: 5px;
  margin-top: 0;
}

.post {
    margin-bottom: 25px;
}

.post-text {
    font-size: 12px;
}

.post-text a {
    color: #6495ED;
}

.taglabel {
    font-weight: bold;
}

.errorlist {
    color: red;
    font-style: italic;
}

.submit-button {
    float: right;
    border: 1px solid black;
    width: auto;
}

table.portfolio td {
    border-bottom: 1px dashed #000;
}

table.portfolio tr.last td {
    border-bottom: none;
}

table.portfolio td.left {
    padding-right: 5px;
}

table.portfolio td.right {
    padding-left: 20px;
}

table.portfolio h4 {
    text-align: center;
}

/***************************************************
   Misc
 ***************************************************/
code {
    padding: 5px;
    background-color: #ffffaa;
    border: 1px dashed black;
}

fieldset {
    margin-bottom: 20px;
}

legend {
    color: #f90;
    background-color: #630;
    font-size: 12px;
}

form ul {
    list-style-type: none;
}

form ul li {
    margin-bottom: 15px;
}

.errorlist, .errorlist li {
    padding-bottom: 0;
    margin-bottom: 0;
}

.errorlist li {
    padding-left: 20px;
}

form ul li label {
    width: 2em;
    float: left;
    margin-right: 4em;
    display: block;
    font-weight: bold;
}

input, textarea {
    background-color: #ffffaa;
    border: 1px solid black;
}

blockquote {
  margin: 0;
  padding:  5px 10px;
  border-left: 5px solid #690;
  background: #EEE;
}

blockquote.right_blue {
  margin: 0;
  padding: 5px 10px;
  border: 0;
  border-right: 5px solid #069;
  background: #EEE;
}

blockquote.top_orange {
  margin: 0;
  padding: 5px 10px;
  border: 0;
  border-top: 5px solid #F90;
  background: #EEE;
}

blockquote.top_grey {
  margin: 0;
  padding: 5px 10px;
  border: 0;
  border-top: 5px solid #999;
  background: #EEE;
}

a img {
    border: none;
}