/*  
Theme Name: Express Yourself
Theme URI: http://kris.cnxsite.be/
Description: Express Yourself, I don't know why but it's in this theme. I guess so.
Version: 1.0
Author: Kris Van den Bergh
Author URI: http://kris.cnxsite.be/

*/

/* ELEMENTS */

html {
	background: #F7ED8C;
}

body {
  	margin: 0 auto 0 auto;
  	padding: 0;
  	background: #FFF;
  	text-align: center;
  	width: 760px;
  	overflow: auto;
  	border-color: #000;
  	border-style: solid;
  	border-width: 0 3px 0 3px;
  	background-position: top right;
  	background-repeat: repeat-y;
}

del {
        text-decoration: line-through;
}

ins {
	text-decoration: underline;
}

small {
	font-size: 90%;
}

/* ID'S */

#header {
 	margin: 0;
  	padding: 0;
  	width: 760px;
  	height: 150px;
        background: #E8A741;
  	text-align: center;
        vertical-align: middle;
}

#header h1 {
  	margin: 0 auto;
        padding: 0;
  	font-family: "Georgia", arial, verdana, serif;
  	font-weight: bolder;
  	font-style: italic;
  	color: #E1333C;
  	font-size: 80px;
  	font-weight: normal;
}

#header h1 a {
  	text-decoration: none;
  	color: #E1333C;
}

#left {
  	margin: 0;
  	padding: 5px 10px 5px 10px;
  	background: #FFF;
  	float: left;
  	display: block;
  	text-align: left;
  	width: 520px;
  	overflow: hidden;
  	font-family: "Lucida sans Unicode", arial, verdana, sans-serif;
  	font-size: 12px;
}

#left a {
        color: #A76A3E;
  	text-decoration: none;
}

#left a:visited {
  	text-decoration: strike-through;
}

#left a:hover, #bottom a:hover {
  	text-decoration: underline;
}

#left input, #left textarea, #left select {
  	margin: 2px 0;
  	padding: 2px;
  	color: #000;
  	border: 1px solid #B4BDC4;
  	background: #E1E8ED;
  	font-family: verdana, arial, sans-serif;
  	font-size: 12px;
}

#left input:hover, #left textarea:hover {
  	background: #F0F3F6;
}

#left h1 {
  	margin: 0;
  	padding: 0;
        color: #D40D0D;
  	font-size: 30px;
  	font-family: "Palatino Linotype", arial, verdana, sans-serif;
  	font-weight: normal;
}

#left ul {
        list-style-type: none;
}

#right {
  	margin: 15px 5px 15px 0;
  	padding: 0 4px 5px 4px;
  	width: 190px;
  	display: block;
  	text-align: left;
  	float: right;
  	background: #EAEDFF;
  	font-size: 16px;
  	font-family: "Garamond", "Palatino Linotype", arial, verdana, sans-serif;
  	color: #000000;
  	border: 2px solid #B4B7BE;
}

#right h3 {
  	margin: 5px 2px;
  	padding: 0;
  	text-align: right;
  	font-family: "Georgia", arial, verdana, serif;
  	font-weight: bolder;
  	font-style: italic;
  	font-size: 17px;
  	color: #D40D0D;
}

#right ul {
  	margin: 0;
  	padding: 5px 10px;
  	list-style-type: none;
  	border-width: 0 4px 4px 0;
  	border-style: solid;
  	border-color: #B4B7BE;
  	background: #F4F6FF;
}

#right li {
  	margin: 0 5px;
  	padding-left: 15px;
}

#right ul li ul.children {
        margin: 0;
        padding: 2px 5px;
        border: 0;
}

#right ul li ul.children li {
        margin: 0 5px;
}

#right a:link, #right a:visited, #right a:hover {
  	text-decoration: none;
  	color: #696F7D;
}

#right a:hover {
  	text-decoration: underline;
}

#right form {
  	margin: 0;
  	padding: 0;
}
#right form input {
 	margin: 2px 0;
  	padding: 1px;
  	background: #F4F6FF;
  	border: 1px solid #B4B7BE;
  	font-family: "Georgia", arial, verdana, serif;
  	color: #D40D0D;
}

#commentlist {
        list-style-position: outside;
}

#commentlist li {
        margin: 10px 0;
        padding: 5px;
        background: #FBF5D7;
        border: 1px solid #EFD961;
        width: 100%;
}

#tagline {
        margin: 0 auto;
        font-family: "Georgia", arial, verdana, serif;
        font-size: 20px;
        color: #F9E9CF;
}

/* CLASSES */ 

.credits {
  	margin: 0;
  	padding: 1px 2px;
  	clear: both;
  	color: #FFFFFF;
  	background: #D40D0D;
  	font-size: 15px;
  	font-family: "Palatino Linotype", arial, verdana, sans-serif;
  	text-align: center;
}

.credits a {
  	color: #FFFFFF;
}

.credits a:link, .credits a:visited {
  	text-decoration: underline;
}

.credits a:hover {
  	text-decoration: none;
}

#commentlist, .post {
  	font-size: 12px;
}

.post {
  	margin: 5px 2px;
  	padding: 0;


  	line-height: 150%;
}

.post small {

        color: #8F7E50;
}

h2.comment-title, h2.post-title, h2.page-title {
  	margin-bottom: 3px;
  	padding: 0;
        line-height: 140%;
  	font-family: "Palatino Linotype", arial, verdana, sans-serif;
  	font-size: 30px;
  	font-weight: normal;
  	color: #E79237;
}

#left .post h2 a {
        padding: 0;
        color: #E79237;
        border-bottom: 2px solid #E79237;
}

#left .post h2 a:hover {
        background: #E8A741;
  	color: #E1333C;
        text-decoration: none;
        border-bottom: 2px solid #E1333C;
}

.post abbr, .post acronym {
  	cursor: help;
  	border-color: #565954;
  	border-width: 0 0 1px 0;
  	border-style: dashed;
}

.post blockquote {
        padding-left: 5px;
  	border-width: 0 0 0 5px;
  	border-color: #3F4344;
  	border-style: solid;
}

.post-meta-data {
        margin: 0 auto;
        border: 1px solid #F4A82E;
  	color: #F5E7BA;
        background: #EDBD71;
        text-align: center;
        width: 85%;
}