.none {
    display: none
}

#login {
    border: 5px solid #ccd;
    background: #eef;
    padding: 20px;
    margin: 20px 0 0 20px;
    width: 400px;
}

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

#sidemenu li{
	list-style:none;
	padding:0;
	margin:0;
}

.postContainer, .newPostContainer {
    text-align: left;
    width: 90%;
    border-bottom: 1px dotted #ccd;
    padding: 10px 10px 30px 10px;
    margin: -30px 0 50px 0;
}

.postContainer h2 {
    position: relative;
	color:#831919;
    cursor: pointer;
    margin: 0;
    z-index: 1;
    padding: 0 0 0 0;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.2em;
}

.newPostContainer {
    padding: 5px 10px 40px 10px;
	margin:0 0 90px 0;
    border: 1px dotted #ccd;
    background: #eef;
}

span.edit_area span input, .newPostContainer input {
    color:#4471ae;
	font-weight:normal;
	font-size:2em;
	letter-spacing:0.1em;
    height: 35px;
    width: 250px;
	margin: 0 0 20px 0;
}

.postBody {
    position: relative;
    z-index: 1;
}

.postBody, .edit_area textarea, .newPostContainer textarea {
    font-size: 1em;
    font-family: arial;
}

.editable {
    background: URL( "../blogImages/edit_arrow.jpg" ) no-repeat top left;
    position: absolute;
    width: 80px;
    height: 38px;
    font-size: 1em;
    text-align: left;
    margin: -8px 0 0 -100px;
    padding: 9px 0 0 9px;
    z-index: 0;
    overflow: auto;
    color: #aab;
}

.editable div {
    background: URL( "../blogImages/edit_arrow.jpg" ) top right;
    height: 36px;
    width: 25px;
    float: right;
    margin: -9px 0 0 0;
}

#update {
    position: absolute;
}

.edit_area textarea, .newPostContainer textarea {
    height: 500px;
    width: 450px;
}

div.edit_area span a, .newPostContainer a {
    display: block;
    margin: 0px 20px 0 0;
    float: left
}

span.edit_area span a {
    margin: 0px 20px 0 0;
    float: right;
}

.blogMenu {
    text-align: left;
    font-size: 0.8em;
    letter-spacing: 0.2em;
    cursor: pointer;
    top: -10px;
    position: relative;
}

.postContainer > a {
    margin: 10px;
    display: block;
    float: right;
}

.date {
    font-size: 0.9em;
    color: #aaa;
}

#thisBlog {
    position: relative;
	padding:25px 0 0 0;
}

.nav a {
    text-align: center;
    display: block;
    float: left;
}





.comments a, .postBody a {
    display: inline;
    float: none;
    padding: 0;
    margin: 0;
}

.unpublished {
    opacity: 0.5;
    filter: alpha( Opacity = 50 );
}

.published {
    opacity: 1;
    filter: alpha( Opacity = 100 );
}

.comments {
    border: 1px dotted #dde;
    background: #eef;
    margin: 20px 0 0 0;
    padding: 5px;
}

.commentContainer {
    margin: 10px 0 10px 0;
    padding: 5px;
    border-bottom: 1px dotted #ddd;
}

.commentContainer h3 {
    font-size: 1.1em;
    margin: 2px 0 5px 0;
}

.comments textarea {
    width: 300px;
    height: 200px;
}

.imagesContainer{
	border:1px dotted #ccc;
	padding: 5px;
	overflow:auto;
}

.mainImage{
	width:390px;
	height:280px;
	border:1px solid #aaa;
}

.thumbnails{
	width:70px;
	height: 50px;
	float:left;
	border:1px solid #aaa;
	margin:3px;
	cursor: pointer;
}

.input{
	height: 1em !IMPORTANT;
	font-size:1em !IMPORTANT;
	color:#000 !IMPORTANT;
	margin:0 !IMPORTANT;
	
}