/*

Theme Name: MistyLook
Theme URI: http://wpthemes.info
Description: A real clean template by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a> , influenced by <a href="http://reorganize.ca" target="_blank">ReOrganize</a>
Version: 2.1
Author: Sadish
Author URI: http://simpleinside.com

Modified By: http://ming.mysinablog.com
Version: 1.0
Last Updated: 12-11-2006

*/


html{

/* Force Vertical scrollbar in Mozilla/Firefox */
height      : 100%;
margin      : 1px;
}


body{

margin				: 0px;
padding     		: 0px;
background			: #f9f8f4;
font				: 76%/1.6em verdana, tahoma, "lucida grande",  sans-serif;
color				: #333;
padding-bottom		: 10px;
text-align  		: left;
}


#document{	/* the blog's main frame */

padding             : 0px;
margin-top			: 10px;
margin-bottom		: 10px;
width               : 780px;	/* blog's width */
margin-left         : auto;
margin-right        : auto;
border				: 1px solid #ddd;
background-color	: #ffffff;
overflow			: auto;
}


#header{

margin-top			: 60px;
margin-left			: 10px;
margin-right		: 10px;
height      		: 189px;	/* header's height */
background 			: url(http://mysinablog.com/templates/css/2006101/img/misty.jpg);
}


#title{	/* the blog's title */

padding             : 0px 0px 0px 0px;
position            : relative;
top                 : -28%;
text-align          : left;
font                : bold 22px Georgia, Verdana, Arial, Serif;
font-variant		: small-caps;
letter-spacing		: 1px;
}


#title a{

display			: block;
text-decoration : none;
}


#title a:hover{


text-decoration	: none;
}


.description{	/* the blog's description */

position        : relative;
top				: -23px;
margin			: 0px;
padding-left	: 2px;
font-size		: 15px;
font-weight		: normal;
font-family		: Tahoma, Verdana, Arial, Serif;
letter-spacing	: 1px;
}


#top_menu{		/* the horiozontal menu under the header */

width           : 100%;
height          : 30px;
text-align      : left;
font            : 12px lucida grande, verdana, arial, sans-serif;
color           : black;
}


#top_menu a            { color: #999; background: transparent; text-decoration: none;}
#top_menu a:link       { color: #999; background: transparent; text-decoration: none;}
#top_menu a:visited    { color: #999; background: transparent; text-decoration: none;}
#top_menu a:active     { color: #999; background: transparent; text-decoration: none;}
#top_menu a:hover      { color: #666; background: transparent; text-decoration: underline; }


#top_menu_nav{

position        : relative;
top             : -240px;
text-align		: right;
padding-left	: 3px;
padding-right	: 6px;
}


#main{	/* the middle region between the "top_menu" & "footer" */

float : left;
}


#main_content{	/* the content's region */

float           : left;
width           : 538px;
}


#content{

padding-top		: 15px;
padding-bottom	: 15px;
padding-right	: 15px;
}


#main_sidebar{ /* the sidebar's region */

float           	: right;
width           	: 232px;
}


/***********************************************/
/* post					                       */
/***********************************************/


div.posted{	/* e.g. yourblog | 13-10-05, 3:26 PM | General | (88 Reads) */

padding         : 5px;
text-align      : right;
word-spacing    : 1px;
color           : #999;;
font            : 0.9em lucida grande, verdana, arial, sans-serif;
}

div.post_content{	/*the post's content */

padding         : 5%;
padding-top		: 20px;
color           : #333333;
font-size       : 15px;
overflow        : hidden;
margin-bottom   : 0px;
width			: 89%;
overflow        : hidden;
line-height     : 1.8;
text-align		: left;
}


#post_index{	/* e.g. Previos Page | Next Page */

margin-bottom       : 10px;
text-align          : center;
font-size           : 12px;
}


#footer{	/* the footer at the bottom */

display	: none;
}


/***********************************************/
/* common layout		                       */
/***********************************************/


div.c_outline{	/* the outline */

width       : 100%;
padding     : 0px;
}


div.c_title{	/* title */

padding-bottom		: 10px;
padding-left        : 5px;
font-family         : lucida grande, verdana, arial, sans-serif;
font-size           : 15px;
font-weight         : bold;
color               : #333333;
text-align          : left;
background			: url(http://mysinablog.com/templates/css/2006101/img/underline.jpg);
background-repeat	: no-repeat;
background-position	: bottom left
}

div.c_title a:hover{

text-decoration	: none;
}

.c_content_space{	/* the content */

padding             : 5px;
height              : 100%;
font-family         : lucida grande, verdana, arial, sans-serif;
font-size           : 12px;
color           	: #333333;
text-align			: left;
border-bottom		: #ddd 1px dashed;
margin-bottom		: 10px;
}

/***********************************************/
/* sidebar					                   */
/***********************************************/


#sidebar{	/* the sidebar */

padding			: 15px;
font            : 13px lucida grande, verdana, arial, sans-serif;
margin          : auto;
}

.sidetitle{		/* title of individual sidebar's item */

padding-top     	: 10px;
padding-bottom  	: 10px;
padding-left	  	: 8px;
font-size          	: 15px;
color				: #265e15;
font-weight     	: normal;
text-align      	: left;
background			: url(http://mysinablog.com/templates/css/2006101/img/sideheadtop.gif) #ededed no-repeat left top;
}


.sideitem{		/* content of individual sidebar's item */

text-align      : left;
padding         : 1em;
font-size       : 12px;
padding-bottom	: 20px;
background-color: #ededed;
margin-bottom	: 20px;
}


div.sideitem ul{

list-style      : none url(http://mysinablog.com/templates/css/2006101/img/icon.gif);
margin          : 5px 0px 0px 0px;
padding         : 0px 0px 0px 17px;
}


div.sideitem li{

background      : transparent;
font-family     : lucida grande, verdana, arial, sans-serif;
}


.sideProfile{	/* the user's profile in the sidebar */

line-height     : 1.3;
padding-top		: 10px;
}


/***********************************************/
/* calendar                                    */
/***********************************************/


.sideCal{

text-align  : center;
width       : 165px;
margin      : auto;
}


.calendar{

font-size   : 12px;
}


.calMonthToday{

font-weight : bold;
}


.calMonth td{

text-align  : right;
padding     : 2px;
margin      : 0px;
font-size   : 12px;

}


.calMonth table{

margin      : 0px auto;
font-size   : 12px;
background  :black;
}


.calMonthCurrent{

color           : #265e15;
font-weight     : bold;
font-size       : 12px;
}


.calMonthHeader{

margin-top     		: 2px;
color          		: #265e15;
font-weight    	 	: bold;
font-size       	: 12px;
}


th.calMonthBackward{

font-size       : 12px;
}


th.calMonthForward{

font-size   : 12px;
}


/************************************************/
/* comment form                                 */
/************************************************/


.cf_left{

font-size       : 12px;
font-family     : lucida grande, verdana, arial, sans-serif;
width           : 180px;
float           : left;
text-align      : left;
padding         : 5px;
margin          : 5px;
}


.cf_left label{

font-weight     : normal;
}


.cf_right{

font-size       : 12px;
font-family     : lucida grande, verdana, arial, sans-serif;
background      : transparent;
padding         : 5px;
margin          : 5px;
float           : left;
text-align		: left;
}


.cf_right label{

font-weight     : normal;
}


/***********************************************/
/* albums                                      */
/***********************************************/


#main_album{	/* album's region */

float 	: left;
width	: 100%;
}


#album_content{

padding: 15px;
}


.album_folder{	/* for individual folder */

text-align      : center;
float           : left;
width           : 175px;
height          : 120px;
background      : transparent;
padding-top     : 20px;
}


.album{			/* for individual resource */

text-align      : center;
float           : left;
width           : 175px;
height          : 200px;
background      : transparent;
}


.album p{		/* for resource's description */

padding-top         : 0px;
margin              : 0;
text-align          : center;
font-family         : lucida grande, verdana, arial, sans-serif;
font-size           : 11px;
}


.album_description{	/* for album's description */

width           : 92%;
padding         : 5px;
margin          : 5px;
text-align      : left;
}


/************************************************/
/* misc											*/
/***********************************************/

.pager{

text-align      : right;
}


label{

font-weight : bold;
}


img{    border  : 0px; }


.button{

padding-top			: 2px;
padding-right		: 8px;
padding-left		: 8px;
padding-bottom		: 0px;
border-top			: 1px solid #DEDEDE;
border-bottom		: 1px solid #000000;
border-left			: 1px solid #DEDEDE;
border-right		: 1px solid #000000;
font				: 12px sans-serif;
color				: #000000;
background-color	: #DEDEDE;
}


*{


padding	: 0px;
margin	: 0px;
}

dl{

margin	: 1em 0px;
}


dt{

font-weight	: bold;
}


dd{

margin	: 0.5em 1em;
padding	: 0;
}


a img{

border	: 0;
}


.clear{

clear	: both;
height	: 20px;
}


blockquote{

margin			: 10px;
padding-left	: 10px;
border-left		: #ccc 2px solid;
color			: #666;
}


a{

text-decoration	: none;
}


a:link{

color	: #265e15;
}


a:visited{

color	: #265e15;
}


a:hover, a:active{

color			: #333;
text-decoration	: underline;
}


h1, h2, h3, h4, h5, h6{

font-family	: Georgia, Verdana, Arial, Serif;
}


textarea{

width		: 90%;
padding		: 5px;
height		: 20em;
border		: 1px solid #ccc;
background	: #f9f8f4;
}


input{

background	: #f9f8f4;
padding		: 1px;
border		: #ccc 1px solid;
}
