/*   
Theme Name: SimpleBlocks
Theme URI: http://blog.phamansinh.com/2008/08/19/simpleblocks-wordpress-theme/
Description: a simple, clean and (trying to be) elegant theme.
Version: 1.0.1
Author: KenzoIX
Author URI: http://phamansinh.com
Tags: simple, two columns, widget ready
*/

/*------------------- General --------------------*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}

body
{
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#8a0f51;
}

#wrapper {
	background-image:url(images/bg-joyloo.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#page
{
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -444px; /* the bottom margin is the negative value of the footer's height */
}


#header
{
	background-color:white;
}
#header #icons {
	position:absolute;
	height:20px;
	padding:10px 0;
	top:25px;
	margin-left:655px;
}

#menu
{
	margin-top:35px;
}

#menu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#menu ul li
{
	float: left;
}
#menu ul li a
{
	text-align:left;
	display:block;
	background-image:url(images/joy_08.jpg);
	background-repeat:repeat-x;
	height:42px;
	color:white;
	padding:8px 14px 2px 14px;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	border-right:1px solid #177894;
	border-left:1px solid #43acca;
	line-height: 18px;
	text-decoration:none;
}
#menu ul li a span {
	color:#a0e3f6;
	font-size:10px;
}


#menu ul li a:hover, #menu ul li a.current {
	background-image:url(images/nav_dn.jpg);
}

#menu ul li.current_page_item a
{
	background: #FFFFFF none repeat scroll 0 0;
	color: #CC6600;
	font-size: 16px;
	display: block;
}

.page_item a
{
	color: #FFFFFF;
	display: block;
}

#balloon {
	background-image:url(images/balloon.png);
	background-repeat:no-repeat;
	width:84px;
	height:107px;
	/*
	position:relative;
	left:25px;
	*/
	position:relative;
	top:20px;
	margin-left:35px;
	cursor:pointer;
}
#cats {
	margin:35px 0 5px 90px;
	padding-left:20px;
	float:left;
	background-image:url(images/bg-cat_04.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:6px;
}
#cats ul {
	list-style:none;
}
#cats ul li {
	float:left;
}
#cats ul li a {
	display:block;
	padding:15px 20px 5px 20px;
	margin-top:0px;
	height:28px;
	color:white;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration:none;
	background-image:url(images/bg-cat_03.png);
	background-repeat:repeat-x;
}
#cats ul li a:hover {
	background-color:#9de8fd;
	background-image:none;
	color:black;
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -webkit-border-radius-topleft: 10px;
    -webkit-border-radius-topright: 10px;
}


#home h1 {
	color:white;
	margin:30px 0;
	text-align:center;
	font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
	font-weight:100;
}
#home #splash {
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:1px solid #545e82;
}
#homerow {
	margin:0;
	padding:0;
	border-bottom:1px solid #545e82;
	height:260px;
}
#homerow li {
	display:inline;
	float:left;
	width:295px;
	padding:0 25px 0 0;
	color:white;
}
#homerow li p, #homerow li ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14pt;
	padding:10px 0;
}
#homerow li ul {
	padding:0;
	margin:0 0 90px 20px;
}
#homerow li ul li {
	margin:2px 0;
	background-image:url(images/bullet.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 15px;	
}

#homerow li h2, #homebottom h2 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
	font-weight:100;
	color:white;
}
#homerow li h2 span, #homebottom h2 span {
	font-weight:bold;
	color:white;
}
#homebottom {
	position:relative;
	top:-200px;
	width:960px;
	margin:auto;
}
#homebottom p {
	margin:5px 0;
	line-height:14pt;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
}
#homebottom h4 a {
	color:white;
	font-weight:100;
}
#homebottom h4 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	margin:10px 0 5px 0;
	padding:2px 0;
}
#homebottom #tweets {
	width:477px;
	height:286px;
	padding:0 0 0 70px;
	background-position:bottom center;
	background-repeat:no-repeat;
	float:right;
	background-image:url(images/bg-tweets.png);
}
#homebottom #tweets a {
	text-decoration:none;
}
#homebottom #tweets h2 {
	margin:0 0 5px 0;
}
#homebottom #tweets #tweetfeed ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	height:240px;
	width:410px;
}
#homebottom #tweets #tweetfeed ul li p {
	color:#333333;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	padding:5px 0;
	margin:0;
	height:45px;
}
#homebottom #tweets #tweetfeed ul li p a {
	font-size:10px;
	color:#125a7b;
}



#container
{
	overflow: hidden;
	margin: 0 0 10px 0;
}

#main
{
	width: 690px;
	padding: 15px 0;
	float: left;
}
#main-blog
{
	width: 490px;
	padding: 15px 0;
	float: left;
}

#sidebar
{
	width: 455px;
	float: right;
}
#sidebar-page
{
	width: 255px;
	float: right;
}
#sidebar #ad_list {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar #ad_list li {
	margin:0 5px 0 0;
	padding:0;
	float:left;
}

#single {
	width:945px;
	float:left;
	padding:15px 0;
}

/*---------------------- Content -------------------------*/

.postdate
{
	color: #666666;
	padding: 5px 10px;
}

.month
{
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	margin: 3px 0 5px;
}

.date
{
	text-align: center;
	margin-top: 2px;
	font-size: 20px;
}

.title h2 a
{
	color: #86129b;
	text-decoration:none;
	border-bottom:1px solid #86129b;
	padding:0 0 10px 0;
	margin:5px 0 10px 10px;
	font-size: 26px;
	display:block;
	font-weight:300;
	font-family:Verdana, Geneva, sans-serif;
}

.title h2 a:hover {
	color: #228eab;
	border-bottom:1px solid #228eab;
}

.postmeta{
	color: #666666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:right;
}

.postmeta_category
{
	background-color:#ecf6f8;
	padding:10px 8px;
	margin:5px 0 10px 0;
	width: 100%;
	color: #333333;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}


.postmeta_author
{
	padding: 0 5px;
}

.postmeta_category a
{
	color: #333333;
	text-decoration:none;
}

.postmeta_category a:hover
{
	color: #CC6600;
}

.entry {
	font-family:Verdana, Geneva, sans-serif;
	padding:10px 10px 5px 10px;
	font-size:14px;
}
.entry h3
{
	margin: 10px 0;
	font-size: 16px;
}

.entry h4
{
	margin: 10px 0;
}

.entry p
{
	margin: 15px 0;
	font-size:13px;
	line-height:14.5pt;
}
.entry a {
	color:#228eab;
}

.additionalinfo
{
	overflow: hidden;
	margin: 15px 0 0 0;
}

.ai_tags
{
	background-color:#ecf6f8;
	padding:10px 8px;
	width: 100%;
	color: #333333;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}

.ai_tags a
{
	color: #333333;
	text-decoration:none;
}

.ai_tags a:hover
{
	color: #CC6600;
}

.ai_comments
{
	float: right;
	color: #333333;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}

.ai_comments a
{
	color: #333333;
	text-decoration:none;
	display: block;
	padding: 5px;
}

.ai_comments a:hover
{
	color: #CC6600;
}

.navi
{
	overflow: hidden;
	color: #228eab;
}
.navi a {
	color: #228eab;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
.navi a:hover, .navi:hover {
	color: #86129b;
}

.navi .left
{
	float: left;
	padding: 8px;
}

.navi .right
{
	float: right;
	padding: 8px;
}

/*------------------------ Sidebar ------------------------*/
#sidebar ul, #sidebar-page ul
{
	padding: 15px;
}

#sidebar a
{
	color: #666666;
	text-decoration: none;
}

#sidebar a:hover
{
	color: #228eab;
}

#sidebar ul h2
{
	font-size: 18px;
	line-height: 180%;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
	color: #336666;
	border-bottom: 1px solid #CCCCCC;
}

#sidebar ul li, #sidebar-page ul li
{
	list-style: none;
	line-height: 180%;
	font-size: 12px;
	padding-bottom: 15px;
	margin-bottom:20px;
}

#sidebar ul ul
{
	padding: 0px 10px;
}

#sidebar ul ul li
{
	padding: 2px 0;
	margin-bottom:5px;
	padding-left: 16px;
}
#sidetabs {
	width:429px;
}
/*
#sidebar #sidetabs ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar #sidetabs ul li {
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
}
#sidetabs ul li a {
	display:block;
	padding:10px 3px;
	width:137px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:white;
	background-color:black;
	text-decoration:underline;
}
#sidetabs ul li a:hover {
	color:#125a7b;
}
#sidetabs ul li a.sel {
	background-color:white;
	text-decoration:none;
	color:black;
}
*/
#sidebar #sidetabs ul li a:hover {
	color:#125a7b;
}
#sidebar ul ol li {
	list-style:decimal;
	list-style-position:inside;
}
#sidebar #sidetabs ol li {
	margin:10px 0 0 0;
	padding:0 0 10px 6px;
	text-align:left;
	border-bottom: 1px solid #eeeeee;
	background-image:url(images/number.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#sidebar #sidetabs ol {
	margin:0 10px 0 0;
	padding:0 0 0 25px;
	color:white;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
#sidebar #sidetabs ol li a {
	font-size:12px;
	font-weight:bold;
	color:#125a7b;
	font-family:Verdana, Geneva, sans-serif;
}

#sidebar #socialupdates {
	float:right;
	margin:10px -4px 0 0;
	padding:0;
}
#sidebar #socialupdates li {
	padding:0;
	margin:0;
}
#sidebar #socialupdates li a {
	display:block;
	text-align:center;
	background-color:#222222;
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#222222;
	padding:10px 12px;
	margin:20px 0;
}
#sidebar #socialupdates li a.sel {
	background-color:white;
}

.socialupdates ul {
	display:none;
}
.socialupdates #update_t {
	display:block;
}
#sidebar .socialupdates #update_l li {
	margin:10px 0 0 0;
	padding:0 0 10px 6px;
	text-align:left;
	border-bottom: 1px solid #eeeeee;
}
#sidebar .socialupdates #update_l li a {
	color:#125a7b;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:12px;
}
#sidebar .socialupdates #update_l h3 {
	color:#125a7b;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}
.subpage a {
	display:block;
	display:inline;
	padding:5px;
	margin:0;
}
.subpage a.sel {
	border-bottom:1px solid #222222;
}


/*--------------------- Footer ------------------------*/
#footer, .push {
	height: 527px; /* .push must be the same height as .footer */
}

#footer
{
	margin:0 auto;
	width:1200px;
	color: #30660f;
	font-size:12px;
	background-image:url(images/bg-footer-joyloo.png);
	background-position:left;
	background-repeat:no-repeat;
}

#footermain {
	width:960px;
	margin:283px auto 0 auto;
}
#footermain .footer_left
{
	float: left;
	line-height: 160%;
}
.footer_left a {
	color: #30660f;
}

#footermain .footer_right
{
	float: right;
	line-height: 160%;
}

.twitter-feed {
	padding: 0 5px;
	color: #212121;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}

#twitter_update_list li {
	padding: 5px 0;
	list-style-image: none;
	list-style-type: none;
}

#twitter_update_list li a {
	color: #8e679b;
}




/*-------------------- Comment ------------------------*/
.commentstitle
{
	margin: 0 0 0 20px;
}

.commentstitle h3
{
	padding-bottom: 5px;
	padding-top: 10px;
	color: #666666;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:100;
}

.commentsnumber
{
	color: #666666;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.trackback
{
	text-align:left;
	padding-top: 10px;
	padding-right: 12px;
}

.commentlist
{
	color: #666666;
	list-style-type: none;
	padding: 10px 12px;
	margin: 0 0 0 20px;
}

.commentlist li
{
	border-top: 1px solid #CCCCCC;
	padding: 0 0 20px 0;
	min-height: 100px;
}

.commentlist li ol li
{
	min-height: 0;
}

.alt
{
	background-color: #F2F2F2;
}

.commentmeta
{
	overflow: hidden;
	padding: 10px 0 10px 5px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #F7F8E0 none repeat scroll 0 0;
	width: 200px;
	float: right;
}

.authcommentmeta
{
	overflow: hidden;
	padding: 10px 0 10px 5px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #D0F5A9 none repeat scroll 0 0;
	width: 200px;
	float: right;
}

.commentavatar
{
	float: left;
}

.commentinfo
{
	float: left;
	width: 150px;
}

.commentauthor
{
	font-size: 16px;
}

.commentauthor a
{
	color: #0066CC;
}

.commentauthor a:hover
{
	color: #CC6600;
}

.commenttime
{
	font-size: 12px;
}

.commentcontent
{
	width: 400px;
	padding: 10px;
	text-align: justify;
}

.tbinfo
{
	padding: 10px;
	overflow: hidden;
}

.tbsource
{
	float: left;
	width: 450px;
}

.tbtime
{
	float: right;
	width: 150px;
}

.tbcontent
{
	padding: 10px;
}

.avatar
{
	width: 32px;
	height: 32px;
	display: block;
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 5px;
}

#comform
{
	margin: 0 0 0 20px;
}

#respond
{
	font-size: 18px;
	color: #228eab;
	margin-bottom: 15px;
	margin-top: 10px;
}

#commentform p
{
	margin: 0 0 10px 0;
}
#commentform a {
	color:#86129b;
}
input#author, input#email, input#url, textarea#comment
{
	margin-left: 12px;
	border: 2px solid #CCCCCC;
	padding: 2px;
	width: 200px;
	background-color: #F9F9F9;
} 

textarea#comment
{
	width: 450px;
	height: 200px;
}

input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus
{
	color: #666666;
	border: 2px solid #FF0000;
	background-color: #FFFFFF;
}

label
{
	margin-left: 5px;
	font-size: 12px;
}

input#submit
{
	margin-left: 12px;
	background-color: #f9f9f9;
	border: 2px solid #CCCCCC;
	width: 80px;
	padding: 2px 5px;
	color: #666666;
	font-size: 12px;
}

/*----------------- Blockquote, code, list -----------------*/
blockquote
{
	background-color: #EEEEEE;
	color: #666666;
	margin: 10px 30px 10px 20px;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	border-left: 5px solid #669900;
}

pre
{
	background: #E6E6E6 none repeat scroll 0 0;
	border: 1px solid #BDBDBD;
	color: #666666;
	overflow: auto;
	margin: 10px;
	padding: 10px;
}

code
{
	background: #E6E6E6 none repeat scroll 0 0;
	border: 1px solid #BDBDBD;
	color: #666666;
}

.post ul, .post ol
{
	margin: 10px 0 10px 0;
	padding-left: 40px;
	padding-right: 40px;
}

.post li
{
	padding: 2px 0 2px 0;
}

.edit_link
{
	float: left;
	clear: both;
}

/*------------------------ Search Form ------------------------*/

#searchform
{
	background: url(images/search.gif) no-repeat left top;
	height: 32px;
	width: 260px;
}

#searchform:hover
{
	background: url(images/search.gif) no-repeat left bottom;
}

#searchinput
{
	background: none;
	border: none;
	width: 170px;
	height: 23px;
	padding: 0 5px 0 10px;
	color: #666666;
}

#searchsubmit
{
	background: none;
	border: none;
	width: 60px;
	height: 30px;
	cursor:pointer;
}

/*------------------------ Archives Page ------------------------*/

.archivespage_tag
{
	border: 1px solid #CCCCCC;
	margin: 30px 0;
	padding: 5px;
}

.archivespage_tag a
{
	color: #666666;
	text-decoration: none;
}

.archivespage_tag a:hover
{
	color: #CC6600;
}

.archivesnumber
{
	color: #CC6600;
}

/*------------------------ wp-thread-comment plugin ------------------------*/

.thdrpy
{
	text-align: left;
	font-size: 12px;
	margin: 10px 0;
}

/*------------------------ official alignment ------------------------*/

.wp-smiley
{
	margin: 0;
	padding: 0;
}

a img
{
	border:0;
}
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;
}

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

.alignleft
{
   float: left;
}

.alignright
{
   float: right;
}

.wp-caption
{
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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;
}

#contact1 {
	float:left;
	width:510px;
	padding: 15px 0;
	margin-right:35px;
}
#contact2 {
	float:left;
	width:410px;
	padding: 15px 0;
}

.xsnazzy p, .zsnazzy p {
	margin:0; 
	padding:5px 10px; 
}
.xsnazzy {
	background: transparent; 
	float:left; 
	margin:0 3px;
}

.xsnazzy-post {
	background: transparent; 
	float:left; 
	margin:0 3px 20px 3px;
	width:500px;
}
.xsnazzy-contact1 {
	background: transparent; 
	float:left; 
	width:510px;
}
.xsnazzy-contact2 {
	background: transparent; 
	float:left; 
	width:410px;
}

.xtop, .xbottom {
	display:block; 
	background:transparent; 
	font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
	display:block; 
	overflow:hidden;
}
.xb1, .xb2, .xb3 {
	height:1px;
}
.xb2, .xb3, .xb4 {
	background:#fff; 
	border-left:1px solid #07617e;
	border-right:1px solid #07617e;
}
.xb1 {
	margin:0 5px; 
	background:#444;
}
.xb2 {
	margin:0 3px;
	border-width:0 2px;
}
.xb3 {
	margin:0 2px;
}
.xb4 {
	height:2px; 
	margin:0 1px;
}

.xboxcontent {
	display:block; 
	border:0 solid #07617e; 
	border-width:0 1px; 
	height:auto;
	padding:6px 10px;
	background-color:white;
}
* html .xboxcontent {
	height:1px;
}


#pageNavi-wrapper {
	clear:both;
	background-image:url(images/bg_navi.png);
	border:1px solid #ffffff;
	-moz-opacity: 0.50;
	opacity: .50;
	filter: alpha(opacity=50);
	background-repeat:repeat;
	padding:20px 0;
	height:35px;
}

.wp-pagenavi {
	position:relative;
	top:-70px;
	text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	display:inline-block;
	background-image:url(images/navi_13.png);
	background-repeat:no-repeat;
	height:25px;
	width:35px;
	padding: 10px 5px;
	margin: 2px;
	color:white;
}

.wp-pagenavi span.current {
	background-image:url(images/navi_10.png);
	height:36px;
	width:48px;
	position:relative;
	top:0px;
	padding-top:18px;
	color:black;
	font-weight: bold;
}


#sidebar-page .ads-tall,
#sidebar .ads-tall,
#sidebar-page .ads-wide,
#sidebar .ads-wide {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar-page .ads-tall li {
	margin:5px 0;
	padding:0;
}
#sidebar .ads-wide li {
	margin:5px 5px 5px 0;
	padding:0;
	float:left;
}

#billboard {
	float:right; 
	position:relative; 
	top:-405px; 
	left:-20px; 
	width:300px;
	margin-bottom:-150px;
}
#billboard a {
	display:block;
	height:80px;
	width:300px;
}

.thumbLeft {
	float:left;
	margin:15px 10px 10px 0;
}