/*  
Theme Name: SkinCorner 4
Designed by : Diana
Date : July 8, 2008
This is private skin for my own site: http://skincorner.com.
*/ 


/*-----------Block Level Elements--------------*/

Body {
	background:#f0fbff;
	margin:0px;
	padding:0px;
	font-family:Arial,Tahoma,sans-serif;
	font-size:13px;
	color:#000000;
}

<script type='text/javascript' src='http://track.mybloglog.com/js/jsserv.php?mblID=2008081100144194'></script>
		 
a {
	color:#000000;
	text-decoration:none
	}
a:hover {
	color:#000099;
	text-decoration:none
		}

#page {
	width: 1000px;
	margin: 0 auto;
	padding:0px;
	overflow:hidden;
	background-color:#a0ddfb;
	}
#nav_top {
	width:1000px;
	height:20px;
	margin:0 auto;
	padding-top:0px;
	}

/*--  NAVIGATION --*/

ul#navigation {
	float:right;
	list-style:none;
	margin:0px;	
    padding-right:10px;
	font-weight:normal;
	text-transform:uppercase;
	height:20px;
	line-height:20px;	
	font-size:12px;
	overflow:hidden;
	}

ul#navigation li {
	float:left;
	margin:0px 1px 0px 1px;
  	padding:0;
  	list-style:none;  
  	white-space:nowrap;	
  	/*background-color:#f7f7f7;*/
	
	}

ul#navigation li a {
	display:block;
	padding:0 5px;
	text-transform:uppercase;
	border:none;
	color:#FFFF00;
	text-decoration:none;
  	}	
	
ul#navigation li a:hover,ul#navigation li a:active, ul#navigation li.current_page_item a{
	color:#ffffff;
	}
	
#header {
	width: 1000px;
	height:250px;
	margin: 0px;
	padding:0px;
	color:#0066FF;
	background-image: url(images/skincornerjan.jpg);
	background-repeat: no-repeat;
}

#header_pic {
	width:1000px;
	height:80px;
	margin: 0px;
	padding:0px;
	overflow:hidden;
	}
	
#headerimg {
	width:550px;
	height:88px;
	padding:10px 0px 0px 20px;
	margin:0px;
	overflow:hidden;
	float:left;
	}

#headerimg h1, h1 a, h1 a:hover{
	padding:0px;
	margin:0px;
	color:#ffffff;
	text-decoration:none;
	font-size:24px;
	}
	
#header .feed-header{
	float:right;
	width:48px;
	height:49px;
	overflow:hidden;
	background-image: url(images/rss.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: -40px;
	margin-right: 45px;
	margin-bottom: 0;
	margin-left: 0px;
}

#header .feed-header a{
	color:#fff;
	display:block;
	padding:120px 0 0 0;
}

.description {
	padding:0px;
	margin-top:-10px;
	color:#ffff33;
	}

#wrapper {
	width: 1000px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	}

#content {
	float:right;
	width:624px;
	padding:10px 10px 10px 10px;
	margin:0px;
	overflow:hidden;
	}

#sidebar {
	width: 156px;
	float:left;
	padding:0px;
	margin-top:10px;
	overflow:hidden;
	}

#siderail {
	width: 336px;
	float:left;
	padding:10px;
	margin-top:0px;
	overflow:hidden;
	}
/* --- FOOTER --- */

#bottombar {
	width:1000px;
        height:auto;
        margin:0px;
	padding:0px;
	background-repeat:repeat-x;
	color:#333;
	font-family:Century gothic,Verdana,Tahoma,sans-serif;
	background-color: #f0fbff;
	background-position: top;
	}

.bar-one {
	float:left;
	display:inline;
	width:30%;
	margin-right:30px;
	font-size:12px;
	font-weight:normal;
        }

.bar-one h2 {
	width:100%;
	height:22px;
	margin:0px 0px 10px 5px;
	padding:4px 0px 0 5px;
	color:#fff;
	letter-spacing:1px;
	font-weight:bold;
	font-size:14px;
	}

#footer {
	height:50px;
	color:#0099FF;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;
	background-color: #999999;
	background-image: url(images/foot.jpg);
	background-repeat: no-repeat;
	width: 1000px;
        padding:0px;
	margin:0 auto;
	overflow:hidden;
        }

#footer a {
	color:#fefefe;
	}

#footer a:hover {
	color:#ccc;
	}

.bar-one li {
	list-style:none !important;
	list-style:outside;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	}

.bar-one ul {
	list-style:none;
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 0px;	
	}

.bar-one ul li {
	list-style:none;
	margin:5px 0px 5px 0px;
	padding:0px 0px 5px 10px;
		}

.bar-one ul li a {
	color:#ffffff;
	}

.bar-one ul li a:hover {
	color:#000000;
	
}
/*-- adsense container --*/

#link_unit_top_container{
	width:1000px;
	height:29px;
	padding:0px;
	margin-top:1px;
	overflow:hidden;
	float:left;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right;
	background-color: transparent;
	}

#link_unit_top {
	width:728px;
	height:15px;
	padding:0px;
	margin:0 auto;
	margin-top:3px;
	overflow:hidden;
	}

#link_unit_side_container{
	width:156px;
	padding:0px;
	margin-left:10px;
	margin-top:10px;
	overflow:hidden;
	}

#link_unit_side {
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	overflow:hidden;
	}
	
#skyscraper_top {
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
	padding:0px;
	margin-top:10px;
	overflow:hidden;
	width: 163px;
	float:right;
	}
	
#skyscraper {
	float:right;
	width:160px;
	border:0px solid #0000cc;
	margin-top:0px;
	padding-top:0px;
	}

#leaderboard_container {
	width:1000px;
	height:76px;
	margin:0 auto;
	padding-top:10px;
	float:left;
	}

#leaderboard {
	width:728px;
	height:90px;
	margin:0 auto;
	margin-top:10px;
	}
	
#half_banner {
	width:234px;
	margin:0;
	padding:0px;
}

search_container {
	width:250px;
	padding:0px;
	margin:0px;
	float:right;
	}
/*-------------Headings-------------*/

h1 {
	padding:0px;
	margin:0px;	
}

h2 {
	padding:0px;
	margin:0px;
	
}

h3 {
	padding:0px;
	margin:0px;
	
}

h4 {
	padding:0px;
	margin:0px;
	
}

h5 {
	padding:0px;
	margin:0px;
	
}

/*-------------The Post-------------*/

#title {
	float:left;
	width:639px;
	padding:0px;
	margin-bottom:10px;
	}

#title .post_title {
	padding-left:10px;
	margin:0px;
	float:left;
	color:#0099ff;
	font-size:18px;
	text-decoration:none;
	}


.post_title {
	padding-left:10px;
	margin:0px;
	float:left;
	color:#0099FF;
	font-size:18px;
	text-decoration:none;
	}	
	
#title .post_title a {	color:#0099ff;	text-decoration:none;	}

#title .post_title a:hover {	color:#0066FF;	text-decoration:underline;	}

#post h2 {
	padding-left:10px;
	margin:0px;
	float:left;
	color:#0099ff;
	font-size:18px;
	text-decoration:none;
	}

.post {
	padding:0px;
	margin-bottom:20px;
	}

#title_container {
	margin:10px 0px;
	width:645px;
	float:left;
	}



.post .title {
	border-bottom:1px solid #ff6633;
	padding-bottom:2px;
	margin:0px;
	float:left;
	width:539px;
	font-size:18px;
	}
	
.post a {	color:#0099FF;	text-decoration:none;	}

.post a:hover {	color:#0066FF;	text-decoration:none;	}


.post p {
	padding:0px;
	margin:0px;
	text-align:justify;
	}


.post ul {

}

.post li {

}

.post .entry {
	padding:0px;
	margin:10px 0px;
}

.entrytext .postmetadata {

}

.postmetadata alt {

}

.postmetadata a {

}

.navigation {

}

.alignleft {
	float:left;
	padding:2px 0 0 5px;
	}
.alignright {
	float:right;
	padding:2px 0 0 5px;
	}

.center {

}

.pagetitle {
	padding-bottom:10px;
	color:#666666;
}

blockquote {
	color:#666666;
	font-style: normal;
	margin: 15px;
 	padding: 10px;  	
  	background: #f0fbff;
	border-left: 2px dashed #666666; 
	
}

cite {

}

img {
		border:0px;
}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.left, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}

img.right, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}

acronym, abbr {

}



/* -- post info -- */

.post-info {
    color:#999;
    margin:0;
    padding:10px 0;    
    border-top:#ff9933 1px solid;
    clear:both;
    font-size:0.9em;    
	}

.post-info em {
    color:#CCCCCC;
    font-style:normal;
	}
	
.post-info em.user {
	background:url(images/user.gif) no-repeat left center;
	padding:2px 0 2px 12px;
	}
	
.post-info em.cat {
	background:url(images/category.gif) no-repeat left center;
	padding:2px 0 2px 12px;
	}



.post-info a:link, .post-info a:visited {
    border:none;
	text-decoration:none;
	color:#ff6600;
	}
	
.post-info a:hover, .post-info a:active {
   	color:#ffff33;
	text-decoration:underline;
	}

.post-comments 
{
   float:right;
}

.post-comments a 
{
   background:url(images/comments-small.gif) no-repeat left center;
   padding-left:12px;
   color:#0099FF;
}


#post_single {
	border-bottom:1px dashed #ffff33;
	float:left;
	width:624px;
	padding:10px 0px 5px 0px;
	}

#post_single_title {
	float:left;
	width:85px;





	padding:0px;
	margin:0px;
	}


#post_single_description {
	float:left;
	width:539px;
	padding:0px;
	margin:0px;
	}
/*--------------Sidebar------------*/

#sidebar {
	width:156px;
	padding:0px;
	margin:0px;
	color:#333;
	float:left;
	}

.side-title {
	color:#ffff00;
	font-size:14px;
	}

.side-box {
	padding:0px;
	margin:5px 0px 10px 0px;
	}
	
#sidebar ul {
	padding:0px;
	margin:0px;
}


#sidebar ul h3 {
	height:15px;
	color:#c12d00;
	font-size: 12px;
	font-weight:bold;
	padding:5px 5px;
}


#sidebar ul li {
	padding-left: 15px;
	line-height:18px;
	margin:0px;
	background-image: url(images/icon-yellow-bullet.png);
	background-repeat: no-repeat;
	}
	
#sidebar ul li ul li {
	padding-left: 12px;
	background-image: url(images/bullet-orange.gif);
	background-repeat: no-repeat;
}

#sidebar ul ul {
	padding:0px;
	margin:0px;
}

#sidebar ul ul li {
	background-image:none;
}

#sidebar ul ul ul {

}

#sidebar p {

}

#sidebar a {
	color:#6156f0;
	text-decoration:none;

}
#sidebar a:hover {
	color:#FFff00;
	text-decoration:none;
}



/*--------------Comments--------------*/
#respond {
	padding-top:20px;
	margin-top:10px;
	color:#5d56f1;
	}

ol.commentlist {

}

ol.commentlist li {

}

ol.commentlist li.alt {

}

ol.commentlist a {

}

small.commentmetadata {

}

/*--------------Search Form-------------*/

#searchform {
	padding:0px;
	margin:0px;
}

#searchform input {
	border:1px solid #000000;
}

#searchform #s {
	padding:0px;
	margin:0px;
	
}


/*-------------Calendar-----------------*/

.post_date {
	float:left;
	color:#000000;
	font:18px Arial Narrrow, Helvetica, sans-serif;
	font-weight:bolder;
	}

#wp-calendar {

}

#wp-calendar th {

}

#wp-calendar a {

}

#prev a, #next a {

}

#wp-calendar caption {

}

#date {
	float:left;
	width:60px;
	height:40px;
	padding-left:12px;
	margin-right:10px;
	background-image: url(images/dtmskin.jpg);
	background-repeat: no-repeat;
	}

#date .y {
	text-align:left;
	font:10px bolder Verdana, Arial, Helvetica, sans-serif;
	color:#FF9900;
	font-weight:bold;
	margin-top:-1px;
	padding-left:6px;
	}

#date .d {
	text-align:center;
	font:10px bolder Verdana, Arial, Helvetica, sans-serif;
	color:#FFFF33;
	font-weight:bold;
	margin-top:2px;
	}
	
#date .m {
	text-align:center;
	font:11px bolder Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFF33;
	margin-top:-2px;
	}
	
#date .j {
	text-align:center;
	font:22px bolder Verdana, Arial, Helvetica, sans-serif;
	color:#0099FF;
	font-weight:bold;
	margin-top:-2px;
}

/*-------------Images------------------*/



/*-------------Other------------------*/
.sidebox-group {
	width:120px;
	padding:0 0px 10px;
}
* html .sidebox-group {
	width: 120px;
	padding-bottom:0;
}

.sidebox {
	margin-right:10px;
	padding:0px;
	border:none;
	clear: both;
	float:left;
	}

/* handles */
.sidebox-handle {
	/*background:url(images/side_box_top.jpg) no-repeat;*/
	height:15px;
	color:#c12d00;
	font-size: 12px;
	font-weight:bold;
	padding:5px 5px;
	margin:0px;
	width: 120px;
	}
* html .sidebox-handle { 
	width: 120px; 
}


/* inner content area */	
.sidebox-content {
	float:left;
	width:119px;
	padding:5px 5px 0px 5px;
	margin-bottom:10px;
	color:#3a4d52;
	overflow:hidden;
	display:inline;
	}

.sidebox-content a{
	color:#333;
	text-decoration:underline;
	overflow:hidden;
	}

.sidebox-content a:hover{
	color:#3a4d52;
	text-decoration:none;
	overflow:hidden;
	}

/*-------------SiteNav------------------*/
#sitenav {
	width: 1000px;
	padding:0px 20px 10px 20px;
	margin:0 auto;
	background-color:#d1edfb;
	overflow:hidden;
	}

#sitenav .title {
	border-bottom:3px solid #434e57;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	margin:0px;
	color:#434e57;
	}
	
#sitenav .box {
	font-size:11px;
	width:200px;
	float:left;
	padding:0px;
	margin:10px 10px 10px 10px;
	}

#sitenav .box ul {
	padding:5px 0px 0px 20px;
	margin:0px;
	}
	
#sitenav .box li {
	list-style-type:square;
	padding:3px 0px 3px 0px;
	border-bottom:1px dashed #434e57;
	margin:0px;
	color:#fff;
	}

#sitenav .box li a{
	color:#333;
	text-decoration:none;
	}

#sitenav .box li a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
#sitenav .box2 {
	font-size:11px;
	width:400px;
	float:left;
	padding:0px;
	margin:10px;
	}

#sitenav .box2 ul {
	padding:5px 0px 0px 20px;
	margin:0px;
	}
	
#sitenav .box2 li {
	list-style-type:square;
	padding:3px 0px 3px 0px;
	border-bottom:1px dashed #434e57;
	margin:0px;
	color:#fff;
	}

#sitenav .box2 li a{
	color:#333;
	text-decoration:none;
	}

#sitenav .box2 li a:hover{
	color:#fff;
	text-decoration:underline;
	}
	/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .List h3 {
	font-size: 15px;
	color:#6666ff;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin :10px;
	}

.Comments .List ol { padding: 10px 0px 0px 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 0px; margin: 0px; list-style-type: none; font-size: 11px; position: relative;}
/**/ * html .Comments .List .ListNr { left: -55px;} /**/ 
.Comments .List .ListNr {
	color:#6666ff;
	position: absolute;
	top: 15px;
	font-size: 15px;
	line-height: 14px;
	font-family: "Trebuchet MS";
	font-weight: normal;
	letter-spacing: -1px;
	width: 15px;
	height: 15px;
	padding: 5px;
	text-align: center;
	border: 1px solid #3f48b1;
	background-color: #FFCC33;
}
/*\ IE/Win min height hack */ * html .Comments .List .ListNr { left: 0px;} /* */ 
.Comments .List .ListUser { margin: 0px; padding: 0px 0px 0px 35px; font-size: 14px; line-height: 14px; font-family: 'Arial'; letter-spacing: -1px;}
.Comments .List .ListUser a { text-decoration: none;}
.Comments .List .ListUser a:visited { text-decoration: none;}
.Comments .List .ListUser a:hover { text-decoration: none;}
.Comments .List .ListDate { color:#ffffcc; padding: 0px 0px 0px 35px; margin: 0px 0px 0px 0px; font-size: 11px; }
.Comments .List .ListDate a { color:#ffffcc; text-decoration: none;}
.Comments .List .ListDate a:visited { text-decoration: none;}
.Comments .List .ListContent {
	color:#000000;
	font-size: 11px;
	line-height: 14px;
	margin: 5px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6666ff;
}
.Comments .List .ListContent p { padding: 3px 0px; margin: 3px 0px; font-size: 12px; line-height: 14px;}


/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments .Form h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#000000;}
.Comments .Form { background: #3f48b1; padding: 10px 15px 20px 15px; position: relative;}
/**/ *html .Comments .FormTop  { left: -15px;} /**/ 
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline; color:#ffffff;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#ffffff; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#3366ff;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #ffffff; border: solid 1px #999999; padding: 5px 4px; font-size: 11px; display: block;}
.Comments .Form .TextArea { background: #ffffff; border: solid 1px #999999; padding: 4px; font-size: 12px;}

.Comments .Form input.SubmitComment {
	width: 150px;
	height: 26px;
	margin-top: 10px;
	background-image: url(images/SubmitComment.png);
	background-repeat: no-repeat;
}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 150px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}