/*
Skin Name:Gren and Blue
Skin URI: http://jsbox.net/
Description:
Version:1.0
Author: Jay Kwong
Author URI: http://jsbox.net/
*/




/*Top Bar */

#pages{
	background: url(images/bg_3.png) repeat-x left top;
	}
.top_line{
	background:#1d1d1d;
	}
/*link */
a, a:link {
	color:#29a9ce;
	}
	
a:visited {
	color:#29a9ce;
	}
a:hover, a:active {
	color:#444444;
	}


/*title*/
#menu_page .tit{
	background:url(images/tit.gif);
	background-color:transparent;
}

#menu_page .tit a{
	background:url(images/tit.gif);
	color:#FFFFFF;
	}
	
#menu_page .tit a:hover{
	background:url(images/tit.gif);
	color: #E3F4A2;
	}
	
#menu_page .des{
	background: url(images/des.gif);
	color:#FFFFFF;
	}
#menu_page .left{
	background:url(images/logo.png) top left;
	
}


#menu_page {
	background:url(images/logo.png) top left;

}
/*=======================================================Pages Menu*/
* #menu_page .right{
	/*background: url(images/bg_2.png) repeat-x left bottom #fff;*/
	background: url(images/logomax-b.png) no-repeat right #fff;
	padding-right: 100px;
}

/*list style*/
	#menu_page li a{
	border-bottom:1px solid  #F7F7F7;
	color: #999999;
	}
	
	#menu_page li a:hover{
	background: url(images/ss.gif) repeat 0%;
	color:#2fa6cc;
	}

	#menu_page li.current_page_item a,
	#menu_page li.current_page_item a:hover {
	background: url(images/ss.gif) repeat 0%;
	color:#2fa6cc;
	}

/*==========================================================Cat Menu*/
		
#menu_cata{
	background: url(images/top_l.gif) left top repeat-y #29a9ce; 
	}

	#menu_cata .cat_tit{
		padding:30px 0;
		color:#FFFFFF;
		background:url(images/symb.png) right center no-repeat;
		}
	
	#menu_cata .cat_tit span{
		color:#69c9e5;
		}
	
/*list style*/
	#menu_cata li{
	border-right:1px solid #4fbddd;
	color:#fff;
	}
	
	
	#menu_cata li a{
	background: url(images/menu_over_off.gif)repeat 0%;
	color:#fff;
	}
	
	#menu_cata li a:hover{
	background: url(images/menu_over.gif) repeat 0%;
	color:#444444;
	}
/*==========================================================side*/
#side{
	background: url(images/bg_4.png) repeat-x top left #1f1f1f;
	}
	
#side h2,#side h2 a,#side h2 a:hover,#side h2 a:visited {
	color:#FFFFFF;
	}
	
	
#side h2{
	border-bottom:0px  solid  #666666;
	border-top:0px  solid  #666666;
	}



#side li{
	border-bottom:1px solid #333333;
	color: #555555;
	}
	
#side li a{
	color:#999;
	}
	
	
#side li:hover{
	color:#000;
	background:#333;
	}
/*----------------------------------------------------------------------------list style right*/
.sb-about p{
	color: #999999;
	}	

.secondary li, .secondary ol li {
	color: #999999;
	border: 1px solid #fff;
	border-bottom:1px solid  #F2F2F2;
	}


.secondary li a, .secondary ol li a {
	color: #999999;
	}

	
.secondary li a:hover, .secondary ol li a:hover{
	color: #333333;
	}
	
.secondary li:hover, .secondary ol li:hover{
	background:url(images/layout2_p_19.gif) left  top no-repeat #d5ef48;
	}
	
#recent-posts .date{
	color: #CCCCCC;
	}
	
#recent-posts .comments{
	color: #5bbddd;
	}	
#recent_comment img{
	border:1px solid #EEEEEE;
	}	
#recent_comment a{
	color: #333333;
	}	
	

#meta_rss{
	border:1px solid #c0d9e4;
	background: url(images/ress_meta.gif) right bottom no-repeat;
	color: #5bbddd;
	}
	
#meta_rss a{
	padding-left:25px;
	color:#5bbddd;
	background:url(images/feed.png) top left no-repeat;
	}

/*==============================================================================footer*/	


/*footer*/	
#footpage li{
	border-right:1px solid #b8b8b8;
}

#footpage li a{
	color:#999999
}

#footpage li a:hover{
	color: #E22C5E;
}

#footpage{
	background:#f7f7f7 url(images/bg_5.png) bottom repeat-x;
	}
	
#foot_info{
	background:#fff;
	}
	
#footer {
	color: #999;
	}

#footer a {
	color: #999999;
	}

#footer a:hover {
	color: #000;
	}
	
/*===============================================================================*/


h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	color:#CCCCCC
	}
	
.secondary h2 { /* Secondary H2 is sidebar headlines */
	color:#0b94bc;
	border-bottom:1px solid  #F5F5F5;
	border-top:2px solid  #fff;
	}
	
	.secondary h2 .a{ /* Secondary H2 is sidebar headlines */
	color: #999999;

	}
.entry-content {
	color: #444;
	}
	
	
.entry-meta { /* Time and category for blog entries */
	background: #FDFDFD;
	border-bottom:1px  dotted #EFEFEF;
	border-top:1px dotted #EFEFEF;
	color: #bbb;
	}
.entry-meta a{ /* Time and category for blog entries */
	color: #666666;
	}

	
.metalinks {
	border-bottom:1PX  dotted  #F8CBD9;
	}
	
.commentsrsslink {
	background: url('images/feed.png') left top no-repeat;
	}
	
	
.navigation {
	border-bottom:1PX dotted  #FBE1E8;
	border-TOP:1PX dotted #FBE1E8;
	}
.navigation .left {
	background:url(images/l.gif) no-repeat left center;
	}

.navigation .right {
	background:url(images/r.gif) no-repeat  right center;
	}



/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*    Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

h3.entry-title-Max {
	display: inline;
	font-size:23px;
	line-height:28px;
	font-weight:normal;
	letter-spacing:-2px;
}

h3.entry-title-Mony {
        display: inline;
        font-size:23px;
        line-height:28px;
        font-weight:normal;
        letter-spacing:-2px;
}

.entry-head-Max
{
	margin-top: 20px;
	margin-right: 0pt;
	margin-bottom: 20px;
	margin-left: 0pt;
	height: 50px;
	background: url('images/max.png') no-repeat;
        padding-left: 53px;
	vertical-align: bottom;
}

.entry-head-Mony
{
        margin-top: 20px;
        margin-right: 0pt;
        margin-bottom: 20px;
        margin-left: 0pt;
        height: 50px;
        background: url('images/mony.png') no-repeat;
        padding-left: 53px;
        vertical-align: bottom;
}