/*

Theme Name: Annes Theme

Version: 1.0

Description: Theme for Anne

Author: Christos Bouloutidis

Author URI: http://www.followtherabbit.se

*/







* {

	margin:0;
	padding:0;

	}



body {

	background: #66ccff url(images/moon.jpg) top center repeat-x;

	color: #ffffff;
	
	font-family: "Calibri", Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	display: block;
	
	line-height:18px;
	

	}

	

.container{

	background: url(images/banner3.jpg) top center no-repeat;

	margin:0 auto;

	padding:1px 112px 0 112px;

	width:800px;

	}

	

p {

	margin:0;

	padding: 10px 0;


	}
			
.wp-smiley{
	padding:0;
	}
	
h1 {
	float:left;
	margin:0;
	padding:0;

	}

h2 {

	font-size: 1em;

	}

	

h3{

	color:#375462;
	padding-bottom:20px;
	font-size: 18px;
	text-transform:uppercase;
	}

a {

	color: #ffffff;

	text-decoration: none;

	}

a:hover {

	color: #ff7e00;

	}
	
a img {
	border:none;

	}

blockquote {

	background: url("images/blockquote.jpg") no-repeat top left;

	font-style: italic;

	padding-left: 30px;

	}

#navlink {

	margin: 30px 0 30px 0;

	}



/* -header- */



#topbar {	
	float:left;

	padding: 50px 0 50px 0;

	width: 800px;

	text-align:left;

	}

.blogtitle, .blogtitle a {

	color: #274E62;

	font-weight: bold;

	text-transform: uppercase;

	font-size:24px;

	}

.blogdescription {

	color: #336680;

	padding:0 5px;

	margin:0 0 0 5px;

	text-transform: uppercase;
	
	font-weight:normal;
	
	font-size:24px;

	}

#banner {

	background: url("images/banner.jpg") no-repeat top left;

	border: 10px solid #000000;

	height: 224px;

	width: 480px;

	}



/* -content- */



#contentwrap {

	margin-top: 30px;

	width: 800px;

	}

#content {

	float: left;

	width: 530px;

	}

#content_single {

	float: left;
	width: 530px;
	padding-top:38px;

	}


/* -navigation- */



#sidebarwrap {

	float: right;

	padding:38px 0 0 0;

	width: 225px;

	}



 #nav {

	color: #DFFF40;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 1em;

}



#nav a:hover {

	color: #ffffff;

}

	

#nav ul {

}	



#nav li{

}



#nav li a{

padding: 10px 8px; 

}

.current_page_item a {
	color: #DFFF40;
	}

.current-cat a {
	color: #DFFF40;
	}
	
.sidebar {

	text-align:left;

	background: url(images/bg-trans.png);

	padding:0 20px;



	}

	

	.sidebar_top{ background: url(images/sidebar_top.png);	width:225px; height:10px;}

	.sidebar_bottom{ background: url(images/sidebar_bottom.png);	width:225px; height:10px; padding:0; margin: 0 0 20px 0;}



.sidebar p {
	padding:0;

	}

			

.sidebar div.navtitle {

	background: #ffffff;

	padding: 10px;

	}

.sidebar h2 {

	color: #DFFF40;

	font-weight: bold;

	text-transform: uppercase;

	}

.sidebar ul {

	list-style: none;

	padding: 0;

	}

.sidebar li {

	list-style: none;

		padding: 10px 0;

	}

.sidebar ul li {

	padding: 5px 0;

	}



/* -post and entries- */



.post{

	float:left;

	background: url(images/bg-trans.png);

	padding: 0 15px;

	margin: 0;

	width:500px;

	}
	
.entrywhole p a {
	text-decoration:underline;
	}
	
.entry ul{
	margin-bottom:15px;
		}	
		
.entry li {
	margin:0 0 0 15px;
		}	

	.bubbletop{	float:left;	background: url(images/bubble_top.png);	width:530px; height:10px;}

	.bubblebottom{	float:left;	background: url(images/bubble_bottom.png);	width:530px; height:20px; margin: 0 0 20px 0;}



.postdate {

	color: #ffffff;

	font-size: 2em;

	font-weight: bold;

	text-transform: uppercase;

	}

.pagetitle {

	color: #ffffff;

	font-size: 2em;

	font-weight: bold;

	margin-top: 20px;

	text-transform: uppercase;

	}
	
.back {

	float:right;
	
	font-size: 1em;

	font-weight: bold;

	text-transform: uppercase;
	
	}
	
.posttitle {

	float:left;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;
	
	padding:0;
	

	}

.posttitle a {

	color: #dfff40;
	
		float:left;


	}

.posttitle a:hover {

	color: #ffffff;

	}

.postmetadata {

	float:left;

	margin: 0;

	padding: 0;

	color:#bfeaff;

	}

	

	.postmetadata ul {

	margin:0;

	padding:0;

	list-style:none;

	}

	

	.postmetadata li {

	margin:0;

	padding:0 10px 0 0;

	list-style:none;

	display:inline;

	}

	

.postmetadata a {

	color: #dfff40;

	}

.postmetadata a:hover {

	color: #ffffff;

	}


	

.topextras{ font-size: 12px; font-style: italic; padding: 0 0 10px 0; margin:0; color: #333; width:480px;}

span.topComments {float:left; color: #333; background: url(images/comments-trans.png) left no-repeat; margin-left:20px; padding-left: 20px; height:16px;}

span.topMore a { float:right; color: #333; padding: 0; background: url(images/readmore-trans.png) left no-repeat; margin-left:20px; width:70px; height:16px; text-align:center;}

span.topTags {float:left; color: #333; background: url(images/tags-trans.png) left no-repeat; padding-left: 20px; margin-left:20px; height:16px;}

span.topCat {float:left; color: #333; background: url(images/cat-trans.png) left no-repeat; padding-left: 20px; height:16px;}

span.social {float:left; color: #333; background: url(images/add-trans.png) left no-repeat; padding-left: 20px; height:16px; margin-right:20px;}





/* -search form- */



#searchsubmit {

	display: none;

	}

#s {

	background: #000000 url("images/magnifier.png") no-repeat top left;

	border: none;

	color: #ffffff;

	padding: 1px 2px 1px 17px;

	width: 233px;

	}

	

.mood {

	padding:0 75px 30px 75px;

	width:80px;

	text-align:center;

	}



/* -footer- */



#footer {

	clear: both;

	color: #a9a9a9;

	padding: 0;

	margin:0;

	text-align:left;

	width: 800px;

	height:500px;

	background:url(images/anne.jpg) top center no-repeat;

	}

#footer a {

	color: #ffffff;

	}



/* -comments- */

.commentcontainer {

	clear: both;

	padding-top: 20px;

	}

#comments {

	clear: both;


	}

	

#comment{

	width:530px;

	}



.comment-info-split {

	clear: both;

	}

.commentmetadata {

	text-transform: uppercase;

	}

.commentlist div.alt {

	background: #274E62;

	color: #ffffff;

	padding: 10px;

	}

.commentlist div {

	padding: 10px;

	}

.comment-div {

	display: block;

	}

.comment-left {

	width: 30%;

	}

.comment-right {

	width: 70%;

	}



/* -floats -*/



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}

.clear {
	clear:both;
	}