/*   
Theme Name: I'm Scrapbooked
Theme URI: http://www.misswicked.org
Description: 2-Column theme
Author: Andreana
Author URI: http://www.misswicked.org
Version: 1
.
General comments/License Statement if any.
.
*/


/* Basics
----------------- */
html, body {
	background: url(http://misswicked.org/life/wp-content/themes/scrapbook/images/edbgge2.jpg);
background-attachment: fixed;
	margin: 0;
	padding: 0px;
	font : 11px "Lucida Sans Unicode", Tahoma; 
	color: #000;
	line-height: 16px;
	}
	
#wrap {
	margin: 0px auto;
	width: 970px;
}

	#main {
	margin: 0px auto;
	width: 970px;
	background: url(images/bg.png) repeat-y center;

}
	
#background {
	padding: 0px;
	height: 267px;
	margin: 0px auto;
	background: url(images/header.png) no-repeat top center;
	text-align:center;
	width: 970px;
	}

#container {
	margin: 0px auto;
	width: 100%;
	}
	
#nav {

		WIDTH: 100%; 
		LINE-HEIGHT: normal;
		text-align: center;
/*		background:url(images/navband.png) no-repeat center;
*/	}
		

		

/* ----- CONTENT ------------------------------------------------------------------------------------------------- */


#content {
	margin: 0;
	width: 65%;
	float: right;
	}


				.post { 
						margin-bottom:20px; 
						margin-right: 45px;
						color: #845e38;
						
						}
						
				.post p { 
						padding-bottom:10px;
						font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
						}
						
				.postinfo { 
						font: normal 11px Arial;  
						}
						
				.postinfo span.upper { 
							text-transform:uppercase;
							font: normal 10px Arial; 							}
							
				.postinfo span.category { 
							background:url(images/postul.png) no-repeat; 
							padding-left:20px;
							height: 16px;
							font: normal 11px Arial; 							}
							
				.postinfo span.comment { 
							background:url(images/postul.png) no-repeat; 
							padding-left:20px;
							height: 16px;
							font: normal 11px Arial; 							}
								
.post {
	padding: 5px 10px 5px 10px
	}
	
#content h1 {
	color: #9F6C00;
	font-family: Georgia;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
	
	
#content p {
	color: #684621;
	font-family: Verdana;
	font-size: 12px;
	line-height: 16px;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
	text-align: justify;
	}
	
	
.post ul {
		font-family: Verdana; 
		font-size: 11px;
		padding: 0px 5px 0px 40px;
		margin: 0px;
		list-style-image: url(images/ul.png);

		}
	
.post ul li a:link, .post ul li a:visited {
	text-decoration: none;
	}
	
.post ul li a:hover {
	text-decoration: none;
	}

blockquote {
      margin: 0px;
      padding: 5px 20px 10px 60px;
	  width: 85%;
	color: #000;
	background: url(images/quote.png);
	display: block;

}

blockquote p {
      color: #000;
      font-family: Georgia;
      line-height:1.4em;
	  }


/* ----- DATE ------------------------------------------------------------------------------------------------- */


.post-date{ 
float:right;
display: inline;
padding: 8px;
background: url(images/date.png) no-repeat center;
width: 87px; 
height: 72px; 
margin-right: -16px;
}

.month { 
font-size: 1em;
font-family : Arial;
text-align: center;
font-weight: bold;
margin-top: 12px;
color: #353309;
text-transform: uppercase;
}

.day { 
font-size: 1.5em;
font-family : Georgia, Sans-serif;
text-align: center;
font-weight: bold;
margin: auto;
text-transform: uppercase;
color: #806060;

}

.year { 
font-size: 0.9em;
font-family : Arial;
text-align: center;
margin: 0 5px 5px 0;
color: #845e38;
}
	
/* ----- TITLES ------------------------------------------------------------------------------------------------- */


#content h2  {
					font: 200% "Times New Roman", Times, serif;
					font-weight: normal;
					color: #000;
					}
					
#content h2 a:link, #content h2 a:active, #content h2 a:visited {
					font: 100%;
					font-weight: normal;
					}
					
small {
	font-size: 11px;
	line-height: 9px;
	padding: 4px 0px 0px 0px;
	text-transform: uppercase;	}

h1, h3 {
	font-family: 'Georgia', Times New Roman;
	font-weight: bold;
	}

h1 {	
	padding-top: 70px;
	margin: 0;


	}
	
h3 {
	padding: 0;
	margin: 20px 0 0;
	}
	
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}	

h6 {
background: #fffde8;
width: 100%;
margin: 0px auto;
font: 14px Georgia;
padding: 3px 0 3px 0;
border-top: 2px #fff0d1 solid; 
border-bottom: 2px #fff0d1 solid; 
text-align: center;
}

h4 {
font-weight: normal;
}
	
/* ----- SIDEBAR ------------------------------------------------------------------------------------------------- */


#sidebar {
	font-family: Verdana; 
	font-size: 11px;
	padding-top: 0px;
	width: 32%;
	float: left;
	margin: 0px auto;
	padding: 4px;


}
	
			#sidebar h2 {
				font: 150% Georgia;
				font-weight: normal;
				background: url(images/sideh2.png) no-repeat left center;
				height: 40px;
				line-height: 40px;
				text-indent: 30px;
				color: #353309;
				letter-spacing: 2px;
				}

	
#sidebar ul li {
		list-style-image: url(images/postul.png);
		list-style:  url(images/postul.png);
		padding: 0px 5px 0px 5px;
		margin-left: 30px;
		font-family: Verdana; 
		font-size:11px;
	}
	

#sidebar ol li {
		list-style-image: none;
		padding: 0px 5px 0px 5px;
		margin-left: 30px;
		list-style-image: url(images/postul.png);
		font-family: Verdana; 
		font-size:11px;
	}
	

	
#sidebar a, #sidebar a:link, #sidebar a:visited {
	font-family: Verdana; 
	color: #806060;
	text-decoration: none;
	}
	
#sidebar a:hover {
	color: #915702;
	text-decoration: none;
	border-bottom: 1px dashed ;
	}
	
#sidebar p {
	text-align: left;
	font-family: Verdana; 
	font-size: 11px;
	margin: 5px;
	padding: 0px;
	line-height: 14px;
	color: #b1a174;
	margin-left: 45px;
	}
	

			


	
/* ----- COMMENTS ------------------------------------------------------------------------------------------------- */

#writecomment {
	margin-left: -30px;
	padding: 10px 30px 10px 30px;
	width: 80%;
	}
	
#writecomment p {
	padding: 3px 0 0 0;
	margin: 3px 0 0 0;
	}
	
#writecomment input, #writecomment textarea {
	background: url(images/txtarea.jpg);
	border: none;
	color: #000;
	font-family: Verdana; 
	font-size: 11px;
	padding: 3px;
	border: #F0E8CE solid 1px;
	}

.comment-body {
	padding: 5px;
	margin: 0;
	font-size: 8px;
	clear: both;
	display: block;
	}
	
.comment-body p {
	padding: 5px;
	margin: 5px 0 5px 0;
	}

.comment-wrapper {
	clear: both;
	display: block;
	position: relative;
	overflow: hidden;
	background: url(images/commid.png) repeat-y top center;
	}

#comtop {
 	background: url(images/comtop.png) no-repeat top center;
 	height: 42px;
}

#combot {
	background: url(images/combot.png) no-repeat bottom center;
	height: 36px;
}

.comment-posted {
	margin: 0 auto;
	width: 470px;
	}
	
.comment-posted p {
	font-size: 11px;
	margin: 0;
	}	
	
/* ----- FOOTER ------------------------------------------------------------------------------------------------- */

#footer {
	margin: 0px auto;
	clear: both;
	background: url(images/footer.png) no-repeat bottom center;
	height: 61px;
	}
	

#footer p {
	font-size: 12px;
	text-align: right;
	line-height: 45px;
	float: right;
	margin-right: 20px;
	padding-right: 30px;
		}
	
#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #000000;
	}
	
	
/* -------------------------------------- IMAGES ---------------------------------------- */

a images, a img {
	border: none;
	text-decoration: none;
	}
	
a:hover images, a:hover img {
	border: none;
	text-decoration: none;
	}
	
p images, p img {
	padding: 2px;
	max-width: 100%;
	border: none;
	}
	
images.centered, img.centered, .aligncenter {
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
images.alignright, img.alignright {
	border: none;
	padding: 4px;
	margin: 0 0 2px 7px;
	}
	
images.alignleft, img.alignleft {
	border: none;
	padding: 4px;
	margin: 0 7px 2px 0;
	}
	
.alignright {
	border: none;
	float: right;
	}
	
.alignleft {
	float: left;
	}

.bordered {
	padding: 2px 5px 1px 5px;
	}
	
	
	

/* ----- OTHERS ------------------------------------------------------------------------------------------------- */

.nextprevious {
	margin: -25px 30px 30px 30px;
	padding-bottom: 10px;
	text-align: center;
	}


.search {
		background-color: none;
		font-family:Tahoma;
		font-size:11px;

}

#searchbutton {
	width: 50px;
	}
	
	
code {
	background: #FFFDEF;
	padding: 5px;
	}
	
		.joined {
		display: block;
		border-bottom: 1px dotted #cccccc;
		}

/* -------------------------------------- TAGS & CLASSES ---------------------------------------- */

acronym, abbr, span.caps {
	cursor: help;
	}
	
acronym, abbr {
	border-bottom: 1px dashed #999;
	}
	
	
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
	
.center {
	text-align: center;
	padding: 4px;
	margin: 0px auto;
	}

.right
{
   float: right;
}
	
	
hr {
	width: 100%;
	border: 1px solid #f0e8ce;
	}
	
.navigation {
	display: block;	
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.subtitle { text-transform: uppercase;
			font-size: 15px;
				color: #9F6C00;

			font-weight: normal; }
			

			

.center {
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/* -------------------------------------- ANTI-SPAM PLUGIN -------------------------------------------- */			

#kunci {
	border: 1px solid #000;
	font-family: Verdana; color: #ded9c3;
	letter-spacing: .4em;
	background: #464d26;
	width: 20px;
	text-align: center;
	padding: 3px 0px 3px 5px;
}

/* -------------------------------------- FOOTNOTES PLUGIN -------------------------------------------- */

ol.footnotes{
font-size:7pt;
}

ol.footnotes li{
list-style-type:square;
}


/* -------------------------------------- LINKS -------------------------------------------- */
				
										a:link, a:active, a:visited  {
											font-family: Lucida Sans, 'Lucida Sans Unicode', Lucida Grande, Century Gothic;
											color: #806060;
											text-decoration: none;
												}

										.quoter_comment {
										font-size:10px;
										}
									
											a:hover {
											color: #000;
											text-decoration: none;
											}
											
											
											
															


					







		.joined {
		display: block;
		border-bottom: 1px dotted #f0e8ce;
		}
		

.clear { clear:both; }