/* 200733i */
/* skin designed by stephpunk.mysinablog.com */

html{
height: 100%;
background:url(http://mysinablog.com/templates/css/200733i/img/bg.gif) repeat top left ;
background-attachment : fixed;
margin: 1px;
font: 12px Tahoma;
color: #000;
}


body{
margin:0px;
text-align:left;
}

a{color:#17598e;
text-decoration:none;}
a:hover,div.sideitem li a{color:#000;}

#document{ /* the blog's main frame */
width : 770px; /* blog's width */
overflow : hidden;
margin-right:auto;
margin-left:auto;
margin-top:35px;
background-color:white;
}


#header{
height:175px;
background:url(http://mysinablog.com/templates/css/200733i/img/topimg.jpg) no-repeat top left ;
}

#title a{
position : relative;
color:#042b52;
background-color:white;
float:left;
font:16px Arial;
font-weight:bold;
margin:40px 0px 0px 40px;
padding:2px 15px 2px 15px;
width:auto;
text-align : left;
}
#title a:hover{color:#ccc;}


.description{
position : relative;
top : 60px;
left:-50px;
letter-spacing : 1pt;
text-align :left;
float:left;
color:#042b52;
background-color:white;
padding:3px 15px 3px 15px;
width:auto;
}

#top_menu{ /* the horiozontal menu under the header */
width : 100%;
text-align : left;
}

#top_menu_nav{
position:relative;
top:6px;
background:url(http://mysinablog.com/templates/css/200733i/img/navbg.gif) no-repeat top left ;
height:22px;
padding:3px 30px 2px 0px;
text-align:right;
}
#top_menu_nav a{color:#052f5c;}

#main{ /* the middle region between the "top_menu" & "footer" */
margin-top:0px;
}


#main_content{ /* the content's region */
float : left;
width : 550px;
margin-top:15px;
}


#content{
padding-bottom : 20px;
}


#main_sidebar{ /* the sidebar's region */
float : right;
margin-top:15px;
width : 210px;
}


/***********************************************/
/* post */
/***********************************************/


div.posted{ /* e.g. yourblog | 13-10-05, 3:26 PM | General | (88 Reads) */
text-align : right;
word-spacing : 1px;
font: 11px Tahoma;
color: #000;
}

div.post_content{ /*the post's content */
margin-top:15px;
padding-left:5px;
padding-right:10px;
padding-top : 5px;
padding-bottom : 10px;
font: 12px Tahoma;
color: #000;
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 : 11px;
}


#footer{ /* the footer at the bottom */
font-size:11px;
color : #4f687b;
background:url(http://mysinablog.com/templates/css/200733i/img/navbg.gif) no-repeat top left ;
text-align : center;
line-height : 1.5;
padding-top:30px;
height:60px;
}


/***********************************************/
/* post layout */
/***********************************************/


div.c_outline{ /* the outline */
width : 100%;
padding : 0px;
}


div.c_title{ /* title */
background:url(http://mysinablog.com/templates/css/200733i/img/tbg.gif) no-repeat top left ;
height:24px;
padding:5px 0px 0px 35px;
font-family : Arial;
font-size : 13px;
font-weight : bold;
text-align : left;
border:0px;
}

div.c_title a{color:#114c13;}

div.c_title a:hover{
text-decoration : none;
}

.c_content_space{ /* the content */
padding : 10px;
height : 100%;
font:12px tahoma;
color : #333333;
text-align : left;
}

/***********************************************/
/* sidebar */
/***********************************************/

#sidebar{ /* the sidebar */
font : 12px Tahoma;
margin : auto;
}

.sidetitle{ /* title of individual sidebar's item */
padding:4px 0px 1px 25px;
background:url(http://mysinablog.com/templates/css/200733i/img/sbg.gif) no-repeat top left ;
height:18px;
font : 12px Tahoma;
font-weight : bold;
text-align : left;
color : #052f5c;
margin-bottom:10px;
}

.sideitem{ /* content of individual sidebar's item */
text-align : left;
font-size : 12px;
padding-left:20px;
padding-right:10px;
line-height:170%;
padding-bottom:10px;
}


div.sideitem ul{
list-style : none;
margin : 5px 0px 0px 0px;
padding : 0px 10px 0px 5px;
}
div.sideitem li{
background:url(http://mysinablog.com/templates/css/200733i/img/line.gif) no-repeat bottom left;}


div.sideitem li a, div.sideitem a{
color:#747474;
line-height:1.4;
}

div.sideitem li a:hover{
color:#1a5b8b;
}

.sideProfile{ /* the user's profile in the sidebar */
line-height : 1.3;
padding-top : 10px;
}


/***********************************************/
/* calendar */
/***********************************************/


.sideCal{
text-align : center;
margin-left:auto;
margin-right:auto;
font-size : 10px;
}

.calendar {
font-size: 10px;
}

.calMonthToday {
font-weight:bold;
}

.calMonth td {
text-align: right;
margin:0px;
font-size: 10px;

}

.calMonth table{
font-size: 10px;
}


.calMonthCurrent {
color:#000;
font-weight: bold;
font-size: 10px;
}

.calMonthHeader {
color: #000;
font-weight: bold;
font-size: 10px;
}

th.calMonthBackward {font-size: 10px;}

th.calMonthForward {font-size: 10px;}


/************************************************/
/* comment form */
/************************************************/


.cf_left{
font:12px Tahoma;
width : 160px;
float : left;
text-align : left;
padding : 5px;
}

.cf_left label{
font-weight : normal;
}

.cf_right{
font:12px Tahoma;
padding : 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:12px Tahoma;
}


.album_description{ /* for album's description */
width : 92%;
padding : 5px;
margin : 5px;
text-align : left;
}


/************************************************/
/* misc */
/***********************************************/

.pager{
text-align : right;
text-align:center;
}


label{
font-weight : bold;
}

.clear{ clear : both; }

img{ border : 0px; }

.button{
border:1px #eee solid;
font:12px Tahoma;
color : #555555;
background-color : #fff;
}

textarea{
width : 240px;
border:1px #eee solid;
font:12px Tahoma;
color : #555555;
background-color : #fff;
}

input{
border-bottom:1px #ccc solid;
border-top:1px #fff solid;
border-left:1px #fff solid;
border-right:1px #fff solid;
background-color : #fff;
color : #555;
}

blockquote{
border-left : 4px solid #ccc;
margin : 20px;
padding : 8px 8px 8px 15px;
}


blockquote p{

background-color : inherit;
color : #ccc;
font-size : 0.9em;
line-height : 1.3em;
}


label{

background-color : inherit;
color : #000;
font-size : 0.9em;
font-weight : bold;
}