/*
Theme Name: Neren Theme
Theme URI: http://n3r3n.com/
Description: Theme for n3r3n.com.
Version: 1.0
Author: Christine Po
Author URI: http://rainbowscraps.net/
*/

body, 
html {
    	margin:0;
	padding:0;
        font-size: 8pt;
	font-family: Tahoma;

}

body {
    	background: #ffb7d6 url('images/header_tile.png') top left repeat-x;
    	color: #7c7c7c;
	font-size: 8pt;
	font-family: Tahoma;
        line-height: 1.6 em;
        letter-spacing: .1em;
    	}

.wrap {
	margin: 0px auto;
	padding: 0;
	width: 943px;
	text-align: left;
}


#header {
	height: 370px;
	margin: 0px auto;
	padding-top: 9px;
	background: none;
	width: 943px;
}


/* _____________NAV_____________ */

#nav { /* background image block */
	display: block;
	background: url('images/header.png') no-repeat top center;
	width: 943px;
	height: 366px;
}

#nav span{
	display: none;
}

#home, #contact, #photos, #links, #rss, #etc, #previousscroll, #nextscroll {
	float: left;
	position:absolute;
}

#home{ /* home Link */
	width : 78px;
	height: 51px;
	margin-left: 106px;
	margin-top: 133px;
	background: none;
}

a:hover#home { /* home Link */
	background: url('images/nav_home.png');
}

#etc{ /* etc Link */
	width : 58px;
	height: 42px;
	margin-left: 19px;
	margin-top: 169px;
	background: url('images/nav_etc.png');
}

a:hover#etc { /* etc Link */
	background-position: -58px;
}

#contact { /* contact Link */
	width : 55px;
	height: 52px;
	margin-left: 210px;
	margin-top: 133px;
	background: url('images/nav_contact.png');
}

a:hover#contact { /* contact Link */
	background-position: -55px;
}

#photos { /* photos Link */
	width : 101px;
	height: 98px;
	margin-left: 5px;
	margin-top: 55px;
	background: url('images/nav_photos.png');
}

a:hover#photos { /* photos Link */
	background-position: -101px;
}

#links{ /* Links Link */
	width : 62px;
	height: 34px;
	margin-left: 740px;
	margin-top: 187px;
	background: url('images/nav_links.png') no-repeat;
}

a:hover#links{ 
	background-position: -62px;
}

#rss { /* rss Link */
	width : 76px;
	height: 65px;
	margin-left: 850px;
	margin-top: 155px;
	background: url('images/nav_subscribe.png') no-repeat;
}

a:hover#rss { 
	background-position: -76px;
}

#previousscroll{ /* previous Link */
	width : 16px;
	height: 16px;
	margin-left: 804px;
	margin-top: 126px;
	background: url('images/previous.png') no-repeat;
}

a:hover#previousscroll { 
	background-position: -16px;
}

#nextscroll { /* next Link */
	width : 16px;
	height: 16px;
	margin-left: 844px;
	margin-top: 126px;
	background: url('images/next.png') no-repeat;
}

a:hover#nextscroll { 
	background-position: -16px;
}

/*_____________END OF NAV__________________*/

/* _____________GLIDER_____________ */
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/
	position:absolute;
	width: 190px; 
	height: 90px;
	overflow: hidden;
	margin-left: 730px;
	margin-top: 20px;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:190px;
		height:90px;
		overflow:hidden;
		float:left;
		padding:7px;		
		font-family: Tahoma;
		font-size: 7pt;
		color: #d4919c;
		opacity: 0.5;
		}
	div.scroller div.content {
		width: 10000px;
		}
	
	div.scroller div.content h4{
		margin: 0px;
		color: #b54373;
	}
	
	div.scroller div.content p{
		line-height: 14px;
		text-align: left;
		margin-top: 8px;
		color: #e2488a;
		}
		
	div.section ul li{
			list-style: square;
			line-height: 14px;
			margin-left: -10px;
			border-bottom: 1px dotted #90782e;
			}

.controls span{
	display: none;
}
	
/* _____________END OF GLIDER_____________ */



/* _____________BLOG CONTENT_____________ */

#wrapper{
	float:left;
	width: 100%;
}

#content {
	padding: 2px 10px;
	width: 441px;
	margin: 0;
	float: left;
}

.singlecontent {
	padding: 5px 15px;
	background: #fff8fa url('images/content_top.png') top center no-repeat;
	text-align: left;
	overflow: hidden;
}

.contentfooter {
	background: url('images/content_bottom.png') bottom left no-repeat;
	height: 10px;
	margin-bottom: 20px;
	clear: both;
}

.details {
	font-family: Verdana;
	font-size: 7pt;
	margin-bottom: 10px;
	color: #d2769d;
}

#content h2 {
	margin:0 0 10px 35px;
	padding: 0;
	color: #e2488a;
}

div.navi {
	margin: 20px 0;
}

/* _____________ENG BLOG CONTENT_____________ */


/* _____________SEARCH_____________ */

#search {
	width: 259px;
	height: 18px;
	text-align: center;
	margin: 20px 0;
	padding: 0;
}

/* _____________END SEARCH_____________*/

/*_____________SIDEBAR_____________*/

#sidebar{	
	padding: 2px 0px 0px;
	margin: 0;
	float: left;
	width: 480px;
}

#sidebarleft, #sidebarright {
	width: 199px;
}

#sidebarleft {
	float: left;
}

#sidebarright {
	margin-left: 230px;
}

.singlesection{
	background: #fff8fa url('images/sidebar_top.png') top left no-repeat;
	width: 189px;
	padding: 5px 15px;
	text-align: left;
	overflow: hidden;
}

.sectionfooter{
	background: url('images/sidebar_bottom.png') bottom left no-repeat;
	height: 8px;
	width: 219px;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

#sidebar h3{
	margin:0 0 10px 35px;
	padding: 0;
	color: #b54373;
}


/* _____________END SIDEBAR_____________*/


/*_____________START BOTTOMBAR_____________*/

#bottombar{
	margin:0;
	background: url('images/tilebg.png') top left repeat;
	color: #ffcce2;
	padding: 5px 0 15px;
}
	

#fleft{
	padding: 10px;
	width: 270px;
	float:left;
	text-align:justify;
}

#fcenter{
	padding: 10px;
	width: 270px;
	text-align:justify;
	margin-left: 33%;
}

#fright{
	padding: 10px;
	width: 270px;
	text-align:justify;
	float:right;
	margin-right: 30px;
}
	
#fleft p, #fcenter p, #fright p{
	margin: 0;
	padding: 0;
}

#bottombar h3{
	margin:0;
	padding-left: 40px;
	color: #ffffff:
}

#bottombar #fleft h3{
	background: url('images/palette.png') center left no-repeat;
}

#bottombar #fcenter h3{
	background: url('images/lipstick.png') center left no-repeat;
}

#bottombar #fright h3{
	background: url('images/mascara.png') center left no-repeat;
}


/*_____________END bottombar_____________*/

/* _____________FOOTER START_____________*/

#footer {
	background: #b54373;
	color: #ffcce2;
}

#footer p{
	width: 943px;
	text-align: center;
	margin: 0px auto;
	padding: 12px 50px 12px 0;
}

#bottombar a, #footer a{
	color: #ffd7e2;
}

#bottombar a:hover, #footer a:hover{
	color: #ffffff;
	text-decoration: none;
}


/* _____________END FOOTER_____________*/

/*_____________OTHERS_____________*/

a{
	text-decoration: none;
	font-weight: bold;
	color: #f6569b;
}

a:hover {
	text-decoration: underline;
}


p {
	margin: 0px;
	padding: 0 0 5px 0;
	line-height: 18px;
}

.clear{
	clear:both;
	height: 0;
}

blockquote {
	background: #ffeff6;
	padding: 5px 10px;
	margin: 5px 10px;
	border: 1px solid #fee2ee;
}

strong {
	color: #96506d;
}

em {
	color: #e76ba0;
	font-family: Georgia;
}

u {
	color: #a97790;
}

h1, h2, h3, h4, h5 {
	color: #b54373;
	font-family: Impact;
	font-weight: lighter;
}

.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {
	text-align: center;
}

ul, ol {
	margin: 0;
	padding: 0 10px;
}

#sidebar ul li, #content ul li {
	list-style-image: url('images/bullet.png');
}

#bottombar ul li {
	list-style-image: url('images/bullet2.png');
	margin: 0;
	padding: 0;
}

/*_____________COMMENTS__________________*/

ol li .commenthead {
	color: #8d8d8d;
	text-align: left;
	height: 40px;
	font-family: Verdana;
	margin-bottom: 0;
}

ol li .commentbody {
	background: #fff2f6;
	padding: 10px;
	min-height: 40px;
	margin-bottom: 15px;
	border-top: 1px solid #ffe1ee;
	border-bottom: 1px solid #ffe1ee;
}

ol.commentlist {
	list-style-type: none;
	margin: 15px;
	padding: 0;
}

ol.commentlist li .commenthead cite{
	font-style: normal;
}

#commentform input, #commentform textarea, input#s {
	border: 1px solid #ffe1ee;
	background: #ffffff;
	color: #8d8d8d;
	font-family: Arial;
	font-size: 9pt;
}

#commentform input#button{
	color: #ffffff;
	background: #b54373;
	border: none;
}

/*_____________IMAGES__________________*/

a img {
              border: solid;
              border-width: 6px;
              border-color: #ffe1ee;
}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 7px 2px 0;
	display: inline;
	}