/* Shad'o soft tm 2011 */
body{
	margin:0px;
	background-color:rgb(85,103,119);
	font-family:Arial,sans-serif;/* main font */
}                             
html, body, #main, #core{
	height:100%;
}

div#main{
	width:778px;
	/* height:auto;*/
	margin:0 auto;
}


/* basic skin decoration */
#header{
	background-image:url(/pictures/load/skin.jpg);
	height:259px;
	background-repeat:no-repeat;
    background-position: 0px 0px;
}

#core{
	height:auto;
	background-image:url(/pictures/load/core.jpg);
	background-repeat:repeat-y;
}

#footer{
	background-image:url(/pictures/load/skin.jpg);
	height:18px;
	background-repeat:no-repeat;
    background-position: 0px -261px;
}

/* eo basic skin decoration */

#right_content{
	width:220px;
	float:right;
    color:#878584;
}

#right_side_menu{
    width:175px;    
    font-size:0.92em;
}

#right_side_menu h2{
    border-bottom:1px dotted #5E5D5D;
    font-size:1.0em;
    margin:0 0 0.6em;            
}

#right_side_menu li ul li{
    list-style-type:disc;
    font-size:0.8em;
    margin:0 0 2px -1.3em;    
}


#left_content{
	padding:5px 0 0 5px;
	width:540px;
	float:left;
}

.post_update_date{
    font-style: italic;
    float: right;
    color: #888;
}

.post_tools{
    float: right;
}

.post_tools img{
    cursor: pointer;
}

.posts{
	margin-left:25px;	
	margin-right:25px;
    min-height: 500px;
}

.post_title{
	border-bottom:1px dotted #888685;
	margin:9px 0 0;
	padding:0 0 1px;	
}

.post_title a{
	text-decoration:none;
}

.post_data{
    color:rgb(0, 51, 102);    
    font-size:0.8em;
    line-height:1.5em;
}

div.picture a:link {
	color:#497CA7;
}

div.picture{
    /* Moz and css5 shadow for my pictures borders */
    -moz-box-shadow: 0 0 2px #CFCFCF;
    -webkit-box-shadow: 0px 0px 2px #CFCFCF;
    box-shadow: 0px 0px 2px #CFCFCF;
}

a, a:visited, a:active {
	color:#6E7CA7;
}

a:hover {
	color:#7599B7;
	text-decoration:none;
}

.post_info{
	font-size:12px;
	margin:0;
	padding:1px 0 0;
}

p{
	/*line-height:1.5em;
	font-size:0.8em;*/
}

.picture{
	border:1px solid #DDDDDD;
	-moz-border-radius:3px 3px 3px 3px;
	background-color:#F3F3F3;
	margin:10px;
	padding-top:4px;
	text-align:center;
}


.center_align{
	display:block;
	margin-left:auto;
	margin-right:auto;	
}

.picture_cap{
	font-size:11px;
	/*line-height:13px;*/
    height:15px;
	margin:0;
	padding:0 4px 5px;	
    color:#000;
}

li{    
    list-style-type:none;
}

.pages{
    text-align: center;    
    /* color:#003366; */
    font-size:0.8em;
    line-height:1.5em;    
}
.pages a{
    cursor:pointer;
}

#calendar{
    font-size:0.9em;
    margin-bottom: 5px;
}

#calendar td{
    width:20px;
    text-align:right;    
}

#loading{
    
    position: fixed; 
    z-index: 10002;
    width: 100%; 
    height:25px;
    bottom:0px;
    cursor: pointer;     
    background-color: black;    
    color:#EEE;
    padding-left: 10px;         
    line-height: 25px
    
    /*
    display: table-cell; 
    background-color: black;    
    color:#EEE;
    position:fixed;
    width:100%;
    height:25px;
    bottom:0px;
    line-height: 25px;
    */
}


/* mb */
/* mediaboxAdvanced - black theme */

#mbOverlay {
    /*position: absolute;*/
    z-index: 9998;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;     

    /* hsreina fix :  o_O want something more like slimbox */    
    height:100%;
    position:fixed;
    top:0;
    width:100%;  
}

#mbOverlay.mbOverlayFF {
    background: transparent url(/pictures/load/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
    position: absolute;
    background: transparent;
}

#mbCenter {
    position: absolute;
    z-index: 9999;
    left: 50%;
    overflow: hidden;
    background-color: #000;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
    -khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
    box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
}

#mbCenter.mbLoading {
    background: #000 url(/pictures/load/loading.gif) no-repeat center;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#mbImage {
    position: relative;
    left: 0;
    top: 0;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px;
}

#mbBottom {
    min-height: 20px;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    text-align: left;
    padding: 0 10px 10px;
}

#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
    display: inline;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px;
}

#mbNumber {
    display: inline;
    color: #999;
    line-height: 14px;
    font-size: 10px;
    margin: auto 10px;
}

#mbCaption {
    display: block;
    color: #999;
    line-height: 14px;
    font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
    float: right;
    outline: none;
    margin: 0 0 0 10px;
    font-weight: normal;
}

#mbPrevLink b, #mbNextLink b, #mbCloseLink b {
    color: #eee;
    font-weight: bold;
    text-decoration: underline;
}

#mbPrevLink big, #mbNextLink big, #mbCloseLink big {
    color: #eee;
    font-size: 16px;
    line-height: 14px;
    font-weight: bold;
}

#mbBottom a, #mbBottom a:link, #mbBottom a:visited {
    text-decoration: none;
    color: #ddd;
}

#mbBottom a:hover, #mbBottom a:active {
    text-decoration: underline;
    color: #fff;
}

#mbError {
    position: relative;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border: 10px solid #700;
    padding: 10px 10px 10px;
    margin: 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
    color: #d00;
    font-weight: bold;
    text-decoration: underline;
}

/* end of mb */

/* blog picture*/
#blog_picture{
    background-image: url('/pictures/load/avatar4.jpg'); 
    width: 166px; 
    height: 144px;
    border: solid 1px #878584;
    margin: 5px 0px 5px 0px;
}
/* eo blog picture */


.posts td{
    width: 450px;
    
}

.cal_block{
    float:left;
    width:24px;
    text-align: right;
}

.cal_row{
    /* height: 20px; */
    line-height: 20px;
    clear: left;
}

.cal_title{
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    width:130px;
    float:left;
}

.cal_body{
    height: 132px;
    overflow:hidden;
}

div#do_search{
    background-image:url(/pictures/load/search.jpg); 
    width: 172px; 
    height: 24px; 
    margin: 0 0 10px 0;
}

div#do_search input{
    background-color:transparent; 
    border: 0px; 
    margin: 4px 0 0 0;
}


.smallbutton-pale {
    border-color: #AFBEB0;
    margin: 0 0 0 5px;
}

.smallbutton-pale span {
    border-top-color: #F8F9F7;
}

.smallbutton-pale, .smallbutton-pale span, .smallbutton-pale small {
    color: inherit;
}

.smallbutton-pale:hover {
    background: #ECEFEC;
}

.smallbutton-pale:hover span {
    border-top-color: #FAFBF9;
}

.smallbutton-pale:active span {
    border-bottom-color: #EFF0EE;
    border-top-color: transparent;
}

.smallbutton span {
    border-top: 1px solid #EBF1E6;
    display: block;
    /* padding: 7px 8px 6px; */
}

.smallbutton {
    line-height: 1.5em;
    border-top :1px solid #9EACD7;
    border-right :1px solid #9EACD7;
    border-bottom :1px solid #9EACD7;
    color: #121516 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    margin: 2px 0 !important;
    padding: 0;
    min-width: 60px;
    
    /* text-align: left; */
    text-align: center;

    -moz-box-shadow: 0 0 2px #DFDFDF;
    -webkit-box-shadow: 0px 0px 2px #DFDFDF;
    box-shadow: 0px 0px 2px #DFDFDF;
}

a.left span{
    padding-right: 10px;
    /*margin-left: 14px; */
}

a.right span{
    padding-right: 10px;
    /*margin-left: 8px;*/
}

a.left{
    border-left :1px solid #9EACD7;
}

a.right{
    margin-left: 5px;
}

a.smallbutton {
    text-decoration: none;
}

.smallbutton.left, .smallbutton.left span{
    border-radius: 5px 0px 0px 5px;
}

.smallbutton.right, .smallbutton.right span{
    border-radius: 0px 5px 5px 0px;
}

.smallbutton img{    
    position:absolute;
    margin:2px 0 0 3px;
}

div.like{
    line-height: 1.5em;
    border :1px solid #9EACD7;
    color: #121516 !important;
    display: inline-block;
    font-size: 11px;
    margin: 2px 0 !important;
    padding: 0;
    min-width: 120px;
    
    /* text-align: left; */
    text-align: center;

    -moz-box-shadow: 0 0 2px #DFDFDF;
    -webkit-box-shadow: 0px 0px 2px #DFDFDF;
    box-shadow: 0px 0px 2px #DFDFDF;    
}

div.like, div.like span{
    border-radius: 5px 5px 5px 5px;
}

div.like span{
    padding-right: 10px; /* skip the star */
}

div.like img{    
    position:absolute;
    margin:2px 0 0 3px;
}

a.links{
	color : blue;
	text-decoration : underline;
	cursor: pointer;
}

fieldset{
    border: 1px solid #AAA;
    border-radius: 3px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

#sroll_top{
    position: fixed; 
    z-index: 300;
    width: 60px; 
    height: 60px; 
    background-image: url(/images/top.png);
    bottom: 30px;
    right: 30px; 
    cursor: pointer; 
}

a.link{
    text-decoration: underline;
    cursor: pointer;
}

a.link:hover{
    text-decoration: none;
    cursor: pointer;
}

a.link:hover{
    cursor: pointer;
}
