/*  
Theme Name: Amellie's Theme
Description: well... u can pretty much see what it is, right??
Author: Amalia Sanusi
Author URI: http://amellie.net/
*/


html, body, body * {
	margin:0;
	padding:0;
}

html {
	margin-bottom:1px;
	height:100%;
}

body {
	background: url('images/bg.gif');
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

p {
	padding:0px 0px 15px 0px;
}

ul {	list-style-type:none; }


a img { border: 0; }


.clear, .clear2{
	clear: both;
}
.clear2 {
	margin:0; padding:0;
}

div#container{
	width: 763px;
	margin-left: auto;
	margin-right: auto;
	font-family: Georgia, "Times New Roman", "Century Gothic";
	background-color: #fff;
}

div.general {
	color: #5f5f5f;
}

.ten {
	margin:10px;
}

abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dashed #000;
  border-color: #5f5f5f;
}

div.center {
	text-align:center;
	margin:0px 0px 15px 0px;
}



/************* header ****************/

div#header {
	height: 269px;
}
	#header #photo {
		/*background: url('images/photo1.gif') no-repeat center left;*/
		height:269px;
		width:274px;
		float:left;
	}

	#header #title1 {
		width: 272px;
		height: 167px;
		background: url('images/title1.gif') no-repeat center left;
		float:left;
	}

	#header #title2 {
		width: 217px;
		height: 167px;
		background: url('images/title2.gif') no-repeat center left;
		float:left;
	}
	
	#header #navigation {
		width:488px;
		margin-top:20px;
		float:left;
	}

/*************navigation ****************/
ul#nav  {
	margin:15px 0 0 10px;
	float:left;
}
ul#nav li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin-right: 0px;
}

ul#nav li a {
	text-decoration: none;
	text-indent:-9999px;
	display:block;
	height:30px;
}

	ul#nav li a#home, ul#nav li a#home_cur {
		background: url('images/nav_home.gif') no-repeat;
		width:75px;
	}
	ul#nav li a#about, ul#nav li a#about_cur {
		background: url('images/nav_about.gif') no-repeat;
		width:85px;
	}
	ul#nav li a#archives, ul#nav li a#archives_cur {
		background: url('images/nav_archives.gif') no-repeat;
		width:112px;
	}
	ul#nav li a#contact, ul#nav li a#contact_cur {
		background: url('images/nav_contact.gif') no-repeat;
		width:111px;
	}
	ul#nav li a#links, ul#nav li a#links_cur {
		background: url('images/nav_links.gif') no-repeat;
		width:76px;
	}

ul#nav li a:hover#home, ul#nav li a:hover#about, ul#nav li a:hover#archives, ul#nav li a:hover#contact, ul#nav li a:hover#links,
		ul#nav li a#home_cur, ul#nav li a#about_cur, ul#nav li a#archives_cur, ul#nav li a#contact_cur, ul#nav li a#links_cur{
	background-position: 0 -33px;
}

/************* main ****************/

#main {
	padding: 10px;
	margin-top:20px;
}
		
	#main h2 {
		color:#be6db2;
		margin-bottom:10px;
	}
	#main h1 {
		padding-top:10px;
		font-weight:bold;
		color: #4670a8;
		line-height:25pt;
	}

	#main .post {
		margin: 0 10px 10px 20px;
		line-height:16pt;
	}
	
		#main .post .title { 
			margin-bottom: 20px;
		}
		
			#main .post .title .date {
				background: url('images/bg_date.gif') no-repeat;
				text-align:center;
				color: #8a8137;
				font-size:15pt;
				font-weight:bold;
				width:96px;
				height:82px;
				padding:8px 0px 0px 0px;
				margin-right:10px;
				line-height:22px;
				/*border:1px solid red;*/
				float:left;
			}
			
				#main .post .title h1 a {
					color: #4670a8;
					text-decoration:none;
				}
				#main .post .title h1 a:hover {
					color: #4670a8;
					text-decoration:underline;
				}
			
			#main .post .title .info {
				font-size:9pt;
				color: #338fb6;
			}
		
		#main .post .content {
			color: #5f5f5f;
		}
	
			#main .post .content  blockquote, #main #comments blockquote {
				color: #636363;
				padding:1em 1.5em 1em 4.5em;
				font-family: 'Courier New', Arial;
				font-size:10pt;
			}
		
			#main .post .content blockquote {
				margin:1.5em;
				background: url(images/icon_quote1.gif) no-repeat top left;
			}
		
		#main .post a:link, #main .post a:visited, #main #page a {
			color:#518bd4;
			text-decoration:none;
		}
		
		#main .post a:hover, #main #page a:hover {
			color:#cc55d1;
		}
		
		#main .post img, #main .post a img, #main #page img, #main #page a img {
			padding: 10px;
			margin: 0 10px 0 10px;
			border:1px dashed #d3d3d3;
		}
		
		#main .post a:hover img, #main #page a:hover img{
			border:1px dashed #8e9dd5;
		}
		
		
		#main .post ul li {
			margin:0 0 5px 0;
			padding-left:20px;
			background:url(images/bullet4.gif) no-repeat 0 3px;
		}		
		#main .post ol{
			margin:0px 0px 10px 35px;
		}
			#main .post ol li{
				margin:0px 0px 10px 0px;
			}

		
		#main .post .continue {
		}
		
			#main .post .continue a {
				background: url(images/icon_arrow.gif) no-repeat right;
				padding-right:40px;
				padding-top:5px;
			}
		
	#main #meta {
		font-size:11pt;
	}
		#main #meta #top {
			background:url(images/bg_meta_top.gif) no-repeat;
			width:714px;
			height:25px;
		}
		#main #meta #left {
			background:url(images/bg_meta_left.gif) no-repeat;
			width:35px;
			height:104px;
			float:left;
		}
		#main #meta #right {
			background:url(images/bg_meta_right.gif) no-repeat;
			width:25px;
			height:104px;
			float:left;
		}
		#main #meta #mcontent {
			background: #ddc0c0 url(images/bg_meta_fly.gif) no-repeat bottom right;
			width:652px;
			height:104px;
			float:left;
			color: #996699;
		}
		
		#main #meta #bottom {
			background:url(images/bg_meta_bottom.gif) no-repeat;
			width:721px;
			height:28px;
			clear:both;
		}
		
		#main #meta #social {
			overflow:hidden;
			margin-top:5px;
		}
			#main #meta #social a{
				float:left;
				text-indent:-9999px;
				display:block;
				height:24px;
				width:24px;
				overflow:hidden;
				margin-right:10px;
			}
			
			#main #meta #social a#rss {
				background:url(images/icon_rss.gif) no-repeat;
			}
			
			#main #meta #social a#track {
				background:url(images/icon_track.gif) no-repeat;
			}
			
			#main #meta #social a#fb {
				background:url(images/icon_fb.gif) no-repeat;
			}
			
			#main #meta #social a#twit {
				background:url(images/icon_twitter.gif) no-repeat;
			}
	
	#main .divider {
		background: url('images/bg_divider.gif') no-repeat center;
		height:68px;
		margin-bottom:20px;
	}
	
	#main ul.out li , #main #page li{
		background:url(images/bullet5.gif) no-repeat 0 3px;
	}
	#main ul.out li small, #main #page li small {
		margin-left:20px;
		font-size:9pt;
		color: #909090;
	}
	
	#main #bottom_content a {
		color: #3d72ad;
	}
	
	#main #bottom_content a:hover{
		color: #a46da6;
	}
	
	#main #post_nav {
		margin-top:30px;
		font-size:14pt;
	}
	#main #post_nav a {
		text-decoration:none;
		color: #a28664;
	}	
	#main #post_nav a:hover {
		text-decoration:underline;
		color: #be996d;
	}
	
	#main #post_nav #older,#main #post_nav #newer {
		width:300px;
	}
	#main #post_nav #older {
		float:left;
	}
	#main #post_nav #newer {
		float:right;
	}
	#main #post_nav #older a {
		background:url(images/icon_older.gif) no-repeat;
		display:block;
		padding:0px 0 15px 80px;
	}
	#main #post_nav #newer a {
		background:url(images/icon_newer.gif) no-repeat right;
		display:block;
		text-align: right;
		padding:5px 75px 10px 0px;
	}
	
	
/*************pages ****************/

#main #page {
	color: #5f5f5f;
	line-height:16pt;
}
	#main #page h1, #main #page h2 {
		margin-bottom:15px;
	}
	#main #page .content {
		margin-bottom:25px;
	}
	
	#main #page li a {
		color: #8b7e51;
		text-decoration:none;
	}
	
	#main #page li a:hover {
		color:#b6a464;
	}


/*************trackbacks ****************/
#main #trackbacks {
	margin-top:30px;
}
	#main #trackbacks #ttitle {
		width:144px;
		height:23px;
		background:url(images/title_track.gif) no-repeat;
		margin-bottom:10px;
	}
	
/*************related ****************/
#main #related {
	margin-top:30px;
}
	#main #related #title {
		width:310px;
		height:23px;
		background:url(images/title_articles.gif) no-repeat;
		margin-bottom:10px;
	}


/*************comments ****************/
#main #comments {
	margin-top:30px;
}
	#comments blockquote {
		margin:1em;
		background: url(images/icon_quote2.gif) no-repeat top left;
	}
	#main #comments .commentlist, #main #comments .commentlist li {
		list-style-type:none;
	}
	#main #comments #ctitle {
		width:128px;
		height:23px;
		background:url(images/title_comments.gif) no-repeat;
	}
	#main #comments .comment {
		margin-top:10px;
		background-color: #efedd9;
		border: 1px dashed #dcdac6;
		padding:20px;
	}
	#main #comments .comment-author {
		margin-top:20px;
		background-color: #f2e0e8;
		border: 1px dashed #d7c1d0;
		padding:20px;
	}
	#main #comments .gravatar  {
		float:left;
	}
	#main #comments .gravatar img {
		margin-left:0px;
		margin-right:20px;
	}
	#main #comments .author {
		font-size:13pt;
		font-weight:bold;
		margin-bottom:5px;
	}
	#main #comments .comment .author, #main #comments .comment .author a {
		color: #949177;
	}
	#main #comments .comment-author .author, #main #comments .comment-author .author a  {
		color: #b78dab;
	}
	#main #comments .comment .author a:hover {
		color:#a9a688;
	}
	#main #comments .comment-author .author a:hover {
		color: #cfa2c2;
	}
	#main #comments .author small{
		font-size:9pt;
		font-weight:normal;
		margin-left:20px;
		color: #aea5ab;
	}
	#main #comments .empty {
		margin-top:10px;
		color: #5f5f5f;
	}

	
/*************comments FORM****************/
#main #combox {
	margin-top:30px;
	color: #5f5f5f;
	font-size:10pt;
}
	#main #combox #comment-title {
		width:221px;
		height:24px;
		background:url(images/title_leave_com.gif) no-repeat;
		margin-bottom:10px;
	}
	#main #combox .comment-notes, #main #combox .logged-in-as, #main #combox .must-log-in {
		padding:5px;
		border:1px solid #E2E4CE;
		background:#fcfaf0;
		margin-top: 1em;
		margin-bottom:1.5em;
		line-height:15pt;
	}
	#main #combox .errors{
		background-color:#ffdddd;
		border:1px solid #CC0033;
		padding:10px;
		width:auto;
	}

	#main #combox #respond {
		border: 1px solid #E2E4CE;
		padding:10px;
		margin-bottom:1.5em;
	}

	#main #combox .required {color:#FF0000}

	#main #commentform fieldset div {
		position:relative;
		margin-bottom:5px;
		width:420px;
		padding-right:10px;
	}

	#main #commentform div small {
		margin:0 0 10px 105px ;
		font-size:90%;
		clear:both;
		display:block;
		width:310px;
		text-align:center;
		
	}

	#main #commentform input#submit{
		width:auto;
		margin:0;
		float:none;
		padding:2px;
	}

	#comment_loading {
		position:absolute;
		left:261px;
		top:5px;
	}

	#main #commentform label {
		width:100px;
		float:left;
	}

	#main #commentform fieldset input, #main #commentform textarea {
		width: 310px;
		margin-bottom:5px;
	}

	#main #commentform textarea {height:200px;}


/************* footer ****************/


div#footer {
	margin-top: 20px;
	color:#cfbd7e;
}
	#footer #border {
		background: url('images/bg_footer.gif') no-repeat;
		height: 55px;
	}
	
	#footer #content {
		background: #d6dcea url('images/bg_flower_footer2.gif') no-repeat bottom right;
		padding:10px 20px 5px 20px;
		color:#b6a464;
	}
		#footer #content .block {
			float:left;
			width:300px;
			margin: 0 10px 25px 0px;
		}
			#footer #content .block a:link, #footer #content .block a:visited  {
				color:#b6a464;
				text-decoration: none;
			}
			
			#footer #content .block a:hover{
				text-decoration: underline;
			}
			
			#footer #content .block #recent_posts {
				width:139px;
				height:19px;
				background: url('images/title_recent_post.gif') no-repeat;
				margin-bottom:15px;
			}
			#footer #content .block #recent_coms {
				width:190px;
				height:19px;
				background: url('images/title_recent_com.gif') no-repeat;
				margin-bottom:15px;
			}
			#footer #content .block #recent_shouts {
				height:21px;
				background: url('images/title_recent_shouts.gif') no-repeat;
				margin-bottom:15px;
			}
				#footer #content .block #recent_shouts a {
					margin-left:160px;
					padding-left:20px;
					background: url('images/icon_shouts.gif') no-repeat;
					text-decoration:none;
				}
			#footer #content .block #recent_pics {
				height:20px;
				background: url('images/title_fave_pics.gif') no-repeat;
				margin-bottom:15px;
			}
				#footer #content .block #recent_pics a {
					margin-left:234px;
					padding-left:20px;
					background: url('images/icon_vis.gif') no-repeat;
					text-decoration:none;
				}
			
			#footer #content .block  ul {
				list-style-type:none;
			}
			
			#footer #content .block  li {
				margin:0 0 5px 0;
				padding-left:20px;
				background:url(images/bullet1.gif) no-repeat 0 3px;
			}
			
			#footer #content .block ul#coms  li {
				margin:0 0 5px 0;
				padding-left:20px;
				background:url(images/bullet2.gif) no-repeat 0 3px;
			}
			
			#footer #content .block small {
				font-size:9pt;
				color: #a8a7a8;
			}
			#footer #content #wide {
				width:700px;
			}
			#footer #content .wide {
				width:700px;
			}
			
			#footer #content #button_RSS {
			}
				#footer #content #button_RSS a {
					float:left;
					background:url(images/rss.gif) no-repeat;
					height:72px;
					width:73px;
					text-indent:-9999px;
					display:block;
				}
				#footer #content #button_RSS a:hover {
					background-position: 0 -73px;
				}
				#footer #content #button_RSS2 a {
					margin-top:20px;
					float:left;
					background:url(images/rss2.gif) no-repeat;
					height:55px;
					width:57px;
					text-indent:-9999px;
					display:block;
				}
				#footer #content #button_RSS2 a:hover {
					background-position: 0 -55px;
				}
			
			/* shouts */
			#footer #content .block .block-bit {
				margin-top:15px;
				clear:both;
				line-height:15pt;
			}
			#footer #content .block .block-bit img {
				padding-right:10px;
				margin-bottom:20px;
			}
			#footer #content .block .grey {
				color: #a8a7a8;
			}

			
			/* pics */
			#footer #content img.pics{
				padding:8px;
				margin-right:8px;
			}
			#footer #content a img.pics {
				border:1px dashed #8e9dd5;
			}
			#footer #content a:hover img.pics {
				border:1px dashed #515d8c;
			}
	
	#footer #copyright {
		font-size:9pt;
		text-align:center;
		padding:30px 50px 0 0;
		color:#acaeb2;
	}
	
	#footer #copyright a, #footer #copyright a:hover {
		color:#acaeb2;
	}

img.wp-smiley, #main .post img.wp-smiley {
	border:0; padding:0; margin:0; border:none;
}

img.noborder {
	border:0;
}


img.alignleft
{
float: left;
}
 
img.alignright
{
float: right;
}
img.aligncenter,object.center {
display: block;
margin: 5px auto 5px auto;
}