/* general content markup */

h1, h2, h3
{
  margin: 0 0 1em 0;
  font-weight: normal;
}
h1
{
  font-size: 2em;
}
h2
{
  font-size: 1.6em;
}
h3
{
  font-size: 1.2em;
}

/* links */

a
{
  color: #00c;
}
a:hover
{
  background-color: #00c;
  color: #fff;
}
#tagline a,
#header h1 a,
.post h2 a,
.nav a
{
  text-decoration: none;
}
#tagline a:hover,
#header h1 a:hover,
.post h2 a:hover
{
  text-decoration: underline;
  background-color: transparent;
}

/* post */

.post
{
  margin: 0 0 2em 0;
}
.post h2,
.post .meta
{
  margin: 0;
}
.post h2 a
{
  color: #000;
}
.post .meta
{
  font-size: .8em;
}
.post .edit
{
  margin: 0;
  float: right;
}
.draft
{
  background-color: #eee;
}

/* comment */

.comment
{
  margin: 0 0 2em 0;
}
.comment h2
{
  font-size: 1.4em;
}
.comment h2,
.comment .meta
{
  margin: 0;
}
.comment .content
{
  margin: .5em 0 0 0;
}
.comment h2 a, 
{
  color: #000;
}
.comment .meta
{
  font-size: .8em;
}
.comment a.delete
{
  margin: 0;
  float: right;
  color: #c00;
}
.comment a.delete:hover
{
  background-color: #c00;
  color: #fff;
}
.comment p
{
  margin: 0 0 1em 0;
}
.by_author
{
  background-color: #eee;
}

/* trackback */

.trackback
{
  margin: 0 0 2em 0;
}
.trackback h2
{
  font-size: 1.4em;
}
.trackback h2,
.trackback .meta
{
  margin: 0;
}
.trackback .content
{
  margin: .5em 0 0 0;
}
.trackback h2 a, 
{
  color: #000;
}
.trackback .meta
{
  font-size: .8em;
}
.trackback a.delete
{
  margin: 0;
  float: right;
  color: #c00;
}
.trackback a.delete:hover
{
  background-color: #c00;
  color: #fff;
}
.trackback p
{
  margin: 0 0 1em 0;
}

/* global layout */

body
{
  margin: 0;
  padding: 0;
  background: #ccc url(mainbg.png) top left repeat-x;
}
#tagline
{
  margin: 0;
  padding: 4px 1em;
  background: #4f4f4f url(taglinebg.png) bottom left repeat-x;
}
#tagline,
#tagline a
{
  color: #fa6;
}
#main
{
  margin: 0;
  padding: 2em 10%;
  color: #4f4f4f;
}
.topcorner1, .topcorner2, .topcorner3, .topcorner4, .topcorner5
{
  height: 1px;
  padding: 0;
}
.topcorner1
{
  margin: 0 5px;
  background-position: -5px 0px;
}
.topcorner2
{
  margin: 0 3px;
  background-position: -3px -1px;
}
.topcorner3
{
  margin: 0 2px;
  background-position: -2px -2px;
}
.topcorner4
{
  margin: 0 1px;
  background-position: -1px -3px;
}
.topcorner5
{
  margin: 0 1px;
  background-position: -1px -4px;
}
.topcorner1, .topcorner2, .topcorner3, .topcorner4, .topcorner5, #header
{
  background-image: url(test.jpg);
}
#header
{
  min-height: 93px;
  padding: 2em;
  background-position: 0px -5px;
  color: #ccc;
} 
#header h1
{
  margin: 0;
  font-size: 2em;
  text-shadow: #555 2px 2px 3px;
}
#header h1,
#header h1 a
{
  color: #fff;
}
#header p
{
  margin: 0;
}
#wrapper, .bottomcorner1, .bottomcorner2, .bottomcorner3, .bottomcorner4, .bottomcorner5
{
  background-color: #fff;
}
.bottomcorner1, .bottomcorner2, .bottomcorner3, .bottomcorner4, .bottomcorner5
{
  height: 1px;
  padding: 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.bottomcorner1
{
  margin: 0 4px;
}
.bottomcorner2
{
  margin: 0 2px;
}
.bottomcorner3
{
  margin: 0 1px;
}
.bottomcorner4
{
  margin: 0 1px;
  border-left: none;
  border-right: none;
}
.bottomcorner5
{
  margin: 0 0px;
}
.bottom
{
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
#container
{
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}
#content div
{
  padding: 1em 2em;
}
#sidebar div
{
  padding: 1em;
}
#content div div,
#sidebar div div
{
  padding: 0;
}
.clear 
{
  height: 0;
  clear: both;
}
#footer
{
  margin: 0;
  padding: 0 1em;
}
#tagline p,
#footer p
{
  margin: 0;
  font-size: .8em;
}

/* signup invitation box */

#invitation 
{
  margin: 1em 0;
}
#invitation .box
{
  padding: 1em;
}
#invitation h2
{
  margin: 0;
}
#invitation p
{
  margin: .5em 0 0 0;
}
#invitation .box, 
#invitation .topcorner1, 
#invitation .topcorner2, 
#invitation .topcorner3, 
#invitation .topcorner4, 
#invitation .topcorner5,
#invitation .bottomcorner1, 
#invitation .bottomcorner2, 
#invitation .bottomcorner3, 
#invitation .bottomcorner4, 
#invitation .bottomcorner5
{
  background-color: #cdf;
  background-image: none;
}
#invitation .topcorner1, 
#invitation .topcorner2, 
#invitation .topcorner3, 
#invitation .topcorner4, 
#invitation .topcorner5,
#invitation .bottomcorner1, 
#invitation .bottomcorner2, 
#invitation .bottomcorner3, 
#invitation .bottomcorner4, 
#invitation .bottomcorner5
{
  border-left: 1px solid #def;
  border-right: 1px solid #def;
}
#invitation .topcorner1,
#invitation .bottomcorner1
{
  margin: 0 4px;
}
#invitation .topcorner2,
#invitation .bottomcorner2
{
  margin: 0 2px;
}
#invitation .topcorner3,
#invitation .bottomcorner3
{
  margin: 0 1px;
}
#invitation .topcorner4,
#invitation .bottomcorner4
{
  margin: 0 1px;
  border-left: none;
  border-right: none;
}
#invitation .topcorner5,
#invitation .bottomcorner5
{
  margin: 0 0px;
}

/* type */

body,
textarea,
input
{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: small;
}

/* sidebar */

#sidebar hr
{
  border: none;
  background-color: #ccc;
  height: 1px;
}
#sidebar h2
{
  margin: 0 0 .5em 0;
  font-size: .8em;
  border-bottom: 1px solid #ccc;
}
#sidebar p,
#sidebar ul
{
  margin: .5em 0 1em 0;
}
.logout
{
  font-size: .8em;
}

/* navigational lists */

.nav
{
  list-style-type: none;
  margin: 1em 0;
  padding: 0;
}
.nav .action a
{
  color: #c00;
}
.nav .action a:hover
{
  background-color: #c00;
  color: #fff;
}

/* actions list */
ul#actions
{
  list-style-type: none;
  margin: 0 0 1em 0;
  padding: 0;
}
ul#actions li
{
  display: inline;
  margin: 0;
  padding: 0 .5em 0 0;
}
ul#actions a
{
  color: #c00;
}
ul#actions a:hover
{
  background-color: #c00;
  color: #fff;
  text-decoration: none;
}

/* form markup */

form
{
  margin: 0;
  padding: 0;
}
form div
{
  margin: .5em 0;
}
form div div
{
  margin: 0;
}
form div div span
{
  font-size: .8em;
  color: #888;
}
form div.title input,
form textarea
{
  width: 100%;
}
form div.title input
{
  font-size: 1.5em;
}
p.tip
{
  margin: 0;
  font-size: .8em;
  color: #888;
}
img.wait
{
  vertical-align: middle;
}
div.submit
{
  margin-top: 1em;
}
div.submit input
{
  margin-right: .5em;
  border-width: 1px;
}
div.submit a.delete
{
  color: #c00;
}
div.submit a.delete:hover
{
  color: #fff;
  background-color: #c00;
}
div.submit input:hover
{
  background-color: #ccc;
}
.text
{
  padding: 1px 2px;
  border: 1px solid #ccc;
  background-color: #f8f8fa;
}
.fullwidth
{
  width: 100%;
}
.fieldWithErrors 
{
  margin: 0 !important;
  padding: 1px;
  background-color: #c00;
  display: table;
}

/* error message box */

#errormsg 
{
  margin: 1em 0;
  padding: 0 1em;
}
#errormsg h2 
{
  font-size: 1em;
  padding: 0 1em 5px 1em;
  margin: 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
#errormsg p,
#errormsg ul
{
  margin: 0;
  padding: 5px 1em;
  border-left: 1px solid #c00;
  border-right: 1px solid #c00;
}
#errormsg ul
{
  list-style-type: none;
}
#errormsg h2,
#errormsg .topcorner1, 
#errormsg .topcorner2, 
#errormsg .topcorner3, 
#errormsg .topcorner4, 
#errormsg .topcorner5,
#errormsg .bottomcorner1
{
  background-color: #c00;
  background-image: none;
}
#errormsg p,
#errormsg ul,
#errormsg .bottomcorner2, 
#errormsg .bottomcorner3, 
#errormsg .bottomcorner4, 
#errormsg .bottomcorner5
{
  background-color: #e8e8e8;
  background-image: none;
}
#errormsg .topcorner1, 
#errormsg .topcorner2, 
#errormsg .topcorner3, 
#errormsg .topcorner4, 
#errormsg .topcorner5
{
  border-left: 1px solid #fcc;
  border-right: 1px solid #fcc;
}
#errormsg .bottomcorner1, 
#errormsg .bottomcorner2, 
#errormsg .bottomcorner3, 
#errormsg .bottomcorner4, 
#errormsg .bottomcorner5
{
  border-left: 1px solid #c00;
  border-right: 1px solid #c00;
}
#errormsg .topcorner1
{
  margin: 0 4px;
}
#errormsg .topcorner2
{
  margin: 0 2px;
}
#errormsg .topcorner3
{
  margin: 0 1px;
}
#errormsg .topcorner4
{
  margin: 0 1px;
  border-left: none;
  border-right: none;
}
#errormsg .topcorner5
{
  margin: 0 0px;
}
#errormsg .bottomcorner1
{
  margin: 0 5px;
}
#errormsg .bottomcorner2
{
  margin: 0 3px;
  border-left: 2px solid #c00;
  border-right: 2px solid #c00;
}
#errormsg .bottomcorner3
{
  margin: 0 2px;
}
#errormsg .bottomcorner4
{
  margin: 0 1px;
}
#errormsg .bottomcorner5
{
  margin: 0 1px;
}

/* XML feed button */

a.feed
{
  float: right;
  display: block;
  margin: 0 .25em .5em .25em;
  padding: 0 4px; 
  border: 1px solid #999;
  font-family: Verdana, sans-serif; 
  font-weight: bold;
  font-size: 9px;
  text-decoration: none;
  color: #fff; 
  background-color: #f60;
  border-color: #f93 #930 #930 #f93;
}
a.feed:hover
{
  border-color: #920 #f93 #f93 #920 !important;
  outline: none;
}