/*

Theme Name: YoMel

Theme URI: http://www.andrastudio.com/

Description: 3 columns Wordpres Theme designed by <strong><a href="http://www.andrastudio.com/">andrastudio.com</a></strong>. 

Version: 1.0.1

Author: Andrayogi

Email: andra_yogi[at]yahoo.com

*/



body {

	background: #E0FFFF /*#fff url(images/bg-main.gif) fixed*/;

	font: 85%/1.4em Arial, Helvetica, sans-serif;

	color: #5d5d5d;

	line-height: 140%;

	margin: 30px auto;

	text-align: center;

}



#top_ads{float:left;width:500px;margin-left:10px;clear:both;margin-top:0px;margin-bottom:10px;padding:4px;padding-left:30px;border:1px dashed #ccc;text-align:center;}



#right_ads{width:370px;clear:both;margin-top:0px;margin-bottom:5px;padding:2px;border:1px dashed #ccc;text-align:center;}



a:link, a:visited {

	color: #3e7093;

}



a img {

	border: none;

}



a:hover {

	text-decoration: none;

}



form {

	margin: 0;

	padding: 0;

}



blockquote {

	width: 96%;

	padding: 6px;

	margin: 4px;

	background: #f9fbbe;

	border-top: 2px solid #eccb7d;

	border-bottom: 2px solid #eccb7d;

}



code, pre {

	display: block;

	width: 96%;

	padding: 6px;

	margin: 4px;

	background: #f9fbbe;

	border-top: 2px solid #eccb7d;

	border-bottom: 2px solid #eccb7d;

	font: 12px "Courier New", Courier, monospace;

}



/* Heading style */



h1, h2, h3, h4 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

}



h1 {

	font-size: 20px;

}



h2 {

	font-size: 20px;

}



h3 {

	font-size: 18px;

}



h4 {

	font-size: 14px;

}



/* Main container style */

#mainbox {

	width: 950px;

	background: #fff;

	margin: auto;
	
	padding:0;

	text-align:left;

	clear: both;

}

.topbnr {
margin-left:111px;
}

/* Header style */

#header {

	float: left;

	clear: both;

	width: 950px;
	
	height: 70px;

	background: #87CEEB;

	color: #3c3d40;
	
	margin:0;
	
	padding:0;

/*	border-bottom: 6px solid #a64713;*/

}



#header #site-title {

	float: left;

	margin-right: 8px;

	padding: 8px 0;

	position: relative;

	left: 10px;

}



#header h3 {

	font-family: Georgia, "Times New Roman", Times, serif !important;

	font-size: 30px;

	font-weight: normal;

	letter-spacing: -1px;

	margin: 0;

	position: relative;

	top: 10px;

}



#header h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #fff;

	font-weight: normal;

	letter-spacing: normal;

	margin: 0;

	padding: 0;

}



#header a {

	color: #fff;

	text-decoration: none;

}



#header a:hover {

	color: #f3d0d0;

}



/* Search box style*/

#search {

	float: right;

	padding: 2px 20px 0 0;

	margin: 0;

}

#headtit {
  width:440px;
  float:left;
  display:inline-block;
}

.headbanner {

	width:483px;
  float:left;
  display:inline-block;
  height:60px;

	padding: 5px 0px 5px 0;

	margin: 0;

}

.headbanner .bnr {

	vertical-align:middle;

}

#headbanner:first-child {

	vertical-align:middle;

}

.sidebar300banner {
  margin-left:45px;
}

.sidebar125banner {
  margin-left:35px;
}

#search form {

	margin: 0;

	padding: 0;

	font-size: 11px;

}



#search .search {

	color: #333333;

	margin-bottom: 2px;

}



#search input {

	color: #333333;

}



/* Content wrapper */

#contentbox {

	float: left;

	clear: both;

	width: 950px;

	background: #fff url(images/bg-content.gif) repeat-x;

	margin: 0 auto;

	padding-top: 10px;


}

#hypercontext {

	text-align: left;
   	-moz-user-select: none;
    	-webkit-user-select: none;
    	-ms-user-select: none;
    	-o-user-select: none;
    	user-select: none;
}

/* Article style */

#content {

	float: left;

	width: 550px;

	margin: 0 6px 12px 2px;

}

.mymore {margin-top: 6px; margin-bottom: 8px; /*float:right;*/}

.postdate h2 {

	clear: both;

	font: 11px Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin: 0;

	padding: 0;

}



h2.archives {

	font: 16px Georgia, "Times New Roman", Times, serif;

	margin: 10px 0 16px 0;

	padding: 0 0 0 8px;

	line-height: 140%;

}



.post {

	padding: 0px 8px 8px 8px;

}



.post-block {

/*  float: top; */

	margin: 8px;

	padding: 4px 0;

	border-bottom: 1px solid #cccccc;

}



.storytitle {

	width: 100%;

	float: left;

	clear: both;

}



.storytitle h3 {

	font: 24px Georgia, "Times New Roman", Times, serif;

	letter-spacing: -1px;

	margin: 0;

	padding: 0;

}



.storytitle a:link, .storytitle a:visited {

	color: #a94a4a;

	text-decoration: none;

}



.storytitle a:hover {

	color: #BD6666;

}



.storycontent {

}



.meta, .meta a {

	font-size: 11px;

	color: #7c8c95;

}



/* =--Sidebar--= */

#sidebar {

	float: left;

	width: 390px;

	font-size: 11px;

	margin: 0px;

	padding: 0px 0px;

}

#sidebar h3 {

	font: 14px Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-transform: uppercase;

/*	padding: 4px 0; */
	
	padding: 0px 0px;
	
	margin: 0px 0px; 

}

#sidebar p {

	font: 14px Arial, Helvetica, sans-serif;

/*	font-weight: bold;

	text-transform: uppercase;

	padding: 4px 0; */
	
	padding: 0px 0px;
	
	margin: 4px 4px; 

}

ul#sidebar1, ul#sidebar2 {

	float: left;

	width: 193px;

	margin:  1px !important;

	padding: 0 !important;

}



#sidebar1 h2, #sidebar2 h2 {

	font: 14px Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-transform: uppercase;

/*	padding: 4px 0; */
	
	padding: 0px 0px;
	
	margin: 0px 0px; 

}



#sidebar ul li {

	margin: 6px 4px 8px 0;

	padding: 0px 4px 0 0px;

}



#sidebar ul li ul li {

	border: none;
	

	
}



#sidebar ul li ul li h2 {

	font-size: 12px;

	font-weight: bold;

	margin: 10px;

	padding: 2px 0;

	border: none;

}



#sidebar ul {

	list-style: none;

	margin: 0px 0 5px 0;

	padding: 0px 4px 0 0px;

}



#sidebar ul li ul li {

	margin: 4px;

	padding: 0px;

	border-bottom: 1px dotted #ccc;

}



#sidebar ul li ul li ul li {

	margin: 4px;

	padding: 4px;

	border: none;

}



#sidebar ul li.rss {

	background: url(images/rss.gif) 4px 8px no-repeat;

	padding-left: 20px;

}


/* =--Exheader--= */

#exheader {

	float: left;

	width: 940px;

	font-size: 11px;

	margin: 0px;

	padding: 4px 0px 4px 10px;
	
	background-color: #87CEEB;

}


ul#exheader1  {

	float: left;

	width: 75px;  

	margin:  0 0px 0 5px ;

	padding: 0 ;
  
}


ul#exheader2  {

	float: left;

	width: 87px;  

	margin:  0 0px 0 5px ;

	padding: 0 ;
  
}


ul#exheader3  {

	float: left;

	width: 100px;  

	margin:  0 0px 0 5px ;

	padding: 0 ;
  
}


ul#exheader4  {

	float: left;

	width: 85px;  

	margin:  0 0px 0 5px ;

	padding: 0 ;
  
}


ul#exheader5  {

	float: left;

	width: 110px;  

	margin:  0 0px 0 5px ;

	padding: 0 ;
  
}



#exheader1 h2, #exheader2 h2, #exheader3 h2, #exheader4 h2, #exheader5 h2  {

	font: 12px Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-transform: uppercase;

	padding: 0px 0;

}


#exheader1 p, #exheader2 p, #exheader3 p, #exheader4 p, #exheader5 p  {

	font: 12px Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-transform: uppercase;

	padding: 0px 0px;
	
	margin: 0px 0px; 

}


#exheader ul li {

	margin: 0 0px 0px 0;

	padding: 0px 0px 0px 0px; 
  
}



#exheader ul li ul li {

	border: none;

}



#exheader ul li ul li h2 {

	font-size: 12px;

	font-weight: bold;

	margin: 0px;

	padding: 2px 0;

	border: none;

}



#exheader ul {

	list-style: none;

	margin: 0 0 5px 0;

	padding: 0px 4px 0 0;

}



#exheader ul li ul li {

	margin: 4px;

	padding: 0px;

	border-bottom: 1px dotted #ccc;

}



#exheader ul li ul li ul li {

	margin: 4px;

	padding: 4px;

	border: none;

}



#exheader ul li.rss {

	background: url(images/rss.gif) 4px 8px no-repeat;

	padding-left: 20px;

}



/* Comments */

#comments

{

	clear: both;

	padding-top: 10px !important;

	padding-top: 4px;

	margin-left: 10px;

}



#comments h2{

	font-size: 18px;

	font-weight: normal;

}



#comments ul, #comments ul li {

	list-style: none;

	margin: 0;

	padding: 0;

}



.no-comments {

	clear: both;

	padding: 16px 0 6px 0;

}



.no-comments h2 {

	position: relative;

	left: 10px;

	font-size: 18px;

	font-weight: normal;

	padding: 0;

	margin: 0;

}



#comments .moderate {

	font: 11px Tahoma, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #bc5a5a;

	margin-left: 4px;

}



div.comment {

	clear: both;

	width: 98%;

	background: #eff7e9;

	padding: 4px;

	margin-bottom: 8px;

}



div#commentform {

	float: left;

	clear: both;

	width: 94%;


	color: #7e6e7e;

	position: relative;

	left: 8px;

	padding: 10px;

}



#commentform h2 {

	font-size: 18px;

	margin: 0;

	padding: 0;

}



#comments-block ol li {

	margin-left: -8px;

}



#trackback {

	font: 11px Tahoma, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #929292;

	margin: 16px 0;

}



.guidelines {

	font-size: 11px !important;

}



.comment-number {

	font: 20px Georgia, "Times New Roman", Times, serif !important;

}



.comment-counts {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

}



.comment-footer 

{

	font-size: 11px;

	margin: 0;

	padding: 0;

}



#comments input, #comments textarea {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

}



/* 404 page style */

#notfound {

	padding: 10px;

}



/* Page navigation style */

.pagenav {

	clear: both;

	margin: 0 10px;

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

}



.pagenav .alignleft {

	float: left;

	width: 46%;

}



.pagenav .alignright {

	float: right;

}



/* Footer style */

#footer {

	clear: both;

	width: 950px;

	background: #87CEEB;

	font: 11px Arial, Helvetica, sans-serif;

	color: #fff;

	border-top: 1px solid #dedede;

	margin-top: 10px;

}



#footer p {

	margin: 0;

	padding: 10px;

}



#footer a {

	font-weight: bold;

	color: #fff;

}



/* Comments Form Style */

dl {

	font: normal 12px/15px Arial;

    position: relative;

    width: 450px;

}

dt {

    clear: both;

    float:left;

    width: 130px;

	font-weight: bold;

    padding: 4px 0 2px 0;

    text-align: left;

}

dd {

    float: left;

    width: 300px;

    margin: 0 0 8px 0;

    padding-left: 6px;

}



/* The hint to Hide and Show */

.hint {

   	display: none;

    position: absolute;

    right: -250px;

    width: 200px;

    margin-top: -4px;

    border: 1px solid #c93;

    padding: 10px 12px;

    /* to fix IE6, I can't just declare a background-color,

    I must do a bg image, too!  So I'm duplicating the pointer.gif

    image, and positioning it so that it doesn't show up

    within the box */

    background: #ffc url(images/pointer.gif) no-repeat -10px 5px;

}



/* The pointer image is hadded by using another span */

.hint .hint-pointer {

    position: absolute;

    left: -10px;

    top: 5px;

    width: 10px;

    height: 19px;

    background: url(images/pointer.gif) left top no-repeat;

}
.r1, .r2, .r3, .r4, .r5 {
    display: block;
    height: 1px;
    overflow: hidden; 
    font-size:1px;
}

.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }
#rounded-box-5 .inner-box, #rounded-box-5  b { 
    background-color: #BFEFFF  /*#E0FFFF*/ /*#BBFFFF*/;
    
}

.inner-box {
    padding:1px 10px 1px 10px;
    
    /* border-bottom: 2px solid blue;
    border-top: 2px solid blue;
    cursor: pointer; */
}

.x1, .x2, .x3, .x4, .x5 {
    display: block;
    height: 1px;
    overflow: hidden; 
    font-size:1px;
}

.x5 { margin: 0 5px; }
.x4 { margin: 0 4px; }
.x3 { margin: 0 3px; }
.x2 { margin: 0 2px; }
.x1 { margin: 0 1px; }
#rounded-5 .inner, #rounded-5  b { 
    background-color: #87CEEB  /*#E0FFFF*/ /*#BBFFFF*/;
    
}

.inner {
    padding:1px 10px 1px 10px;
    
    /* border-bottom: 2px solid blue;
    border-top: 2px solid blue;
    cursor: pointer; */
}

#sidebar .sblinks
{
  margin-top:10px;
}

#sidebar .sblinks p
{
  margin:0;
  font-size: 12px;
}

#sidebar .sblinks a
{
  font-size: 14px;
  text-decoration: none;
}

#sidebar .sblinks span
{
  font-size: 8px;
  color:#999;
}

#sidebar .sblinks li
{
  padding: 2px 0 6px;
  border-bottom: 1px dashed #999;
}