/*

Theme Name: Bitter Sweet

Theme URI: http://templates.arcsin.se/

Version: 1.0

Description: Citrus flavoured theme with two columns, based on the <a href="http://templates.arcsin.se/">free website template</a> Bitter Sweet.

Author: CSS Design Templates

Author URI: http://templates.arcsin.se/

*/



/* standard elements */

* {

	margin: 0;

	padding: 0;

}

a {color: #C61D91;}

a:hover {color: #C146A4;}

body {

	background: #111 url('img/bg.jpg') fixed no-repeat center;

	color: #FFF;

	font: normal 62.5% "Georgia",sans-serif;

}

input {

	color: #FFF;

	font: normal 1.0em "Georgia",sans-serif;

}

p, cite, code, ul {
 
  text-align: center;

	font-size: 1.2em;

	padding-bottom: 1.2em;
  
	margin right: 1.2em;
	
}

ul {margin-left: 1.2em;}

.content ul li {list-style-image: url('img/li.gif');}



.content ol li {

margin-left:15px;}

h1 {font-size: 1.4em;}

blockquote {

	color: #FFF;

	font-size: 1.0em;
	
	margin-right: -12px;
	
	direction: rtl;

}

blockquote p {padding: 3px 0;}

h1, h2, h3 {color: #654;}



/* misc */

.clearer {clear: both; font-size: 0;}

.left {float: left;}

.right {float: right;}



/* structure */

.container {

	background: url('img/bgcontainer.gif') repeat-y center top;

	margin: 0 auto;

	width: 526px;

}



/* header */

.header {

  position: relative; 
  left: -148px;
  
	background: url('img/header.jpg') no-repeat;

	height: 180px;

	margin: 0 auto;

	width: 630px;

}



/* navigation */





.top {

       background: #CA2094;

       font: normal 1.9em Verdana,sans-serif;

       height: 40px;

       margin: 0;

       width: 482px;

}

.top a:hover {

       background: #CA2094;

       color: #FFF;

       width: 482px;

}





.top a {

	color: #FFF;

	display: block;

	line-height: 40px;

	text-decoration: none;

	width: 100%;

}

.top span {padding-left: 0px;}





/* item */

.item {clear: both;}

.item .date {

	background: url('img/bgdate.gif') no-repeat;

	color: #FFF;

	float: left;

	height: 40px;

	text-align: center;

	width: 36px;

}

.item .date div {padding-top: 4px;}

.item .date span {font: normal 2.0em serif;}

.item .content {
	
	float: left;

	width: 290px;

}

.item h1 img {
	float: none;
	position:relative;
  top:-18px;
	border: 0;
	margin: 0px;
	margin-bottom: -4px;
	padding-right: 4px;
}


.item h1 {

	background: #222 url('img/bgdate.gif') repeat-x;

	color: #FFF;

	line-height: 20px;
	
	padding-left: 4px;
	
	padding-bottom: 10px;

}


.item h1 a {

	color: #FFF;

	text-decoration:none;

}


.item h1 a:visited{

	color: #FFF;

	text-decoration:none;

}



.item h1 a:hover{

	color: #FFF;

	

}



.item .body {

  padding: 24px 12px 12px 42px;

	font-size: 1.2em;
	
	right: 40px;
	
  
}

/* main */

.main {float: left;}



/* sub navigation */

.navigation {

	float: left;

	margin-left: 0px;

	width: 156px;
	
	background: #222;
	
	text-align: center;

}

.navigation h1 {

	background: url('img/bgdate.gif') repeat-x;

	color: #FFF;

	font-size: 1.3em;

	line-height: 40px;

	padding-left: 12px;

}

.navigation ul {margin: 0; padding: 0;}

.navigation li {

	list-style: none;

}

.navigation li a {

	background: #222;	

	color: #FFF;

	display: block;

	padding: 8px 4px 8px 12px;

	text-decoration: none;

}

.navigation li a:hover {

	background: #000;

	color: #FFF;

}

.navigation .red li a {

  display: block;

  background:#d40300;
	
	font-size: 1.3em;
	
	color: #000;

}
.navigation .red li a:hover {

  display: block;

  background:#000;
	
	font-size: 1.3em;
	
	color: #fff;

}

.navigation .orange li a {

  display: block;

  background:#fd7b0c;
	
	font-size: 1.3em;
	
	color: #000;

}
.navigation .orange li a:hover {

  display: block;
	
  background:#000;
	
	font-size: 1.3em;
	
	color: #fff;

}

.navigation .yellow li a {

  display: block;
	
  background:#f4f200;
	
	font-size: 1.3em;
	
	color: #000;

}
.navigation .yellow li a:hover {

  display: block;

  background:#000;
	
	font-size: 1.3em;
	
	color: #fff;
}
	
.navigation .green li a {

  display: block;
	
  background:#02e30c;
	
	font-size: 1.3em;
	
	color: #000;

}
.navigation .green li a:hover {

  display: block;

  background:#000;
	
	font-size: 1.3em;
	
	color: #fff;

}

.navigation .cyan li a {

  display: block;
	
  background:#03d59e;
	
	font-size: 1.3em;
	
	color: #000;

}

.navigation .cyan li a:hover {

  display: block;

  background:#000;
	
	font-size: 1.3em;
	
	color: #fff;

}

.navigation .blue li a {

  display: block;
	
  background:#1d5dfa;
	
	font-size: 1.3em;
	
	color: #000;

}

.navigation .blue li a:hover {

  display: block;

  background:#000;
	
	font-size: 1.3em;
	
	color: #fff;

}

.navigation .magenta li a {

  display: block;
	
  background:#1b02e3;
	
	font-size: 1.3em;
	
	color: #000;

}

.navigation .magenta li a:hover {

  display: block;

  background:#000;
	
	font-size: 1.3em;
	
	color: #fff;

}
/* footer */

.footer {

	background: #CA2094;

	color: #FFF;

	font-size: 1.1em;

	line-height: 40px;

	margin: 0;

	text-align: center;

	width: 326px;

}

.footer a {color: #FFF;}

.footer a:hover {color: #FFF;}

.footer .left, .footer .right {padding: 0 10px;}


/*post styling*/

.item{ 

  margin:0 0 25px 0;

}



.item .info{

	border-top: 7px dashed #222;

	padding: 12px 24px 12px 24px;

	color: #505050;

	margin: 0 0px 0 31px;

}




/* Comments Styling */

ol.commentlist {margin-left: 2.5em;}

.comment_author {font: bold 16px sans-serif; margin-bottom: 2px;}

.comment_metadata {margin-bottom: 4px;}

.comment_title h1 {padding-bottom: 11px; padding-top: 9px;text-align: center;}

#commentlist li {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #111;

}

#commentform {

margin: 0px 31px;

background: #000;

border: 11px solid #000;

width: 237px;

}



#commentform textarea {

background: #222;

border: 0px solid #000;

width: 237px;

}

#commentform textarea:hover {

background: #333;

border: 0px solid #000;

}

#commentform textarea:focus {

background: #333;

border: 0px solid #000;

}



#commentform #email, #commentform #author, #commentform #url {

font-size: 1.5em;

background: #222;

border: 0px solid #000;

width: 237px;

}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {

font-size: 1.5em;

background: #333;

border: 0px solid #000;

width: 237px;

}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

font-size: 1.5em;

background: #333;

border: 0px solid #000;

width: 237px;

}

#commentform input{

margin-bottom: 3px;

}

.myicons {

border: 0px;
}