/*
Theme Name: Colourise
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: A colorful.  Visit <a href="http://www.themelab.com">Theme Lab</a> for more themes and <a href="http://www.styleshout.com">Styleshout</a> for more designs.
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
Theme heavily modified by <a href="http://www.psdvault.com">James Qu</a>

*/

/* ----------------------------------------------
	Template Name : Colourise
	Template Code : S-0022
	Version : 1.0   
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/       
	Last Date Modified : March 07, 2008	
        Theme heavily modified by <a href="http://www.psdvault.com">James Qu</a>
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {							
	font-family: Helvetica, Arial;
	font-size: 14px;
        line-height: 28px;
        color: #FFF; 	
	margin: 0; 	
        padding: 0; 
	background: #000 url(images/bg.jpg) no-repeat center top;
}

/* Links */
a, a:active, a:link {
	color:#aee409;	
        text-decoration:none;	
}
a:visited {
	color:#b4eb0c;	
}
a:hover {
	text-decoration:none;
}

/* headers */
h1, h2, h3 {
	color: #FFF;
}
h1 {
	font-size: 3.2em;	
	font-weight: normal;
	letter-spacing: -3px;
	padding: 15px 10px 5px 10px;	
}
h2 {
	font-size: 32px;
	color: #1d1d1d;
	padding: 20px 10px 5px 10px;
        line-height:40px;	
}
h3 {
	font-size: 2.4em;	
	font-weight: normal;
	padding: 20px 10px 15px 10px;	
}

h4 {
	font-size: 2.0em;	
	font-weight: normal;
	padding: 10px 10px 5px 10px;	
}

p, dl { padding: 10px; margin: 0; }

ul, ol {
	margin: 10px 0;
	padding: 0;
        color:#eba40c;
}
ul { list-style: none; }

dt {
  font-weight: bold;
  color: #2b2b2b;
}
dd {
  padding-left: 25px; 
}

strong {
color:#e936f9;
font-weight:bold;
} 

/* images */
img {
	background: #181818;
        border: 1px solid #323232;
	padding: 5px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

hr {
    height: 1px;
    background: #262626;
    margin:20px 0;
    border:none;
}

code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace ;
  	/* white-space: pre; */
  	background: #bdbdbd;
}
acronym {
  	cursor: help;
  	border-bottom: 1px dotted #5B5B5B;
}
blockquote {
	margin: 15px 10px;
 	padding: 10px 10px 10px 35px;  
	font-weight: normal;
	font-size: 16px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;		
        border-top: 1px solid #111; 
        border-bottom:1px solid #111;
        color:#FFF;
}


/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#wrap {
        position: relative;
	width: 1050px;	
	margin: 0 auto;
	text-align: left;		
}
#content-wrap {
        position: relative;
	clear: both;
	width: 1050px;	
	padding: 0; 			
	float: left;	
	display: inline;	
}
#header {
        position: relative;
	width: 1050px;	
	height: 300px;	
	margin:0; padding: 0;		
}

/* header search */
#header form#quick-search {
	position: absolute;
	top: 38px; right: 0;
	padding: 0; margin: 0;
	border: none;
	width: 262px; height: 30px;
	background: url(images/header-search.jpg) no-repeat;	
	z-index: 999999;
}
#header form#quick-search p {
	margin: 0; padding: 0;		
}
#header form#quick-search .tbox {
	margin: 2px 0 0 5px; 
	width: 210px;
	background: none;
	border: none;
}
#header form#quick-search label,
#header form#quick-search .btn {
	display: none;	
}
#header img {
        background: none;
        border: none;
	padding: 0;
}

/*  Navigation  */
#nav {
	margin:0; padding-top:0;		
	height: 33px;
	width: 1050px;	
}
#nav ul {
	float: left;
	list-style: none;
	width: 1000px;		
	height: 33px;
	margin: 0 0 0 5px; padding: 0;	
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	float: left;
	margin: 0;	padding:5px 10px;
	font:12px Helvetica;
	text-decoration: none;	
	color: #FFF;	
}
#nav ul li a:hover, 
#nav ul li a:active {
	background:#792b00;
}
#nav ul li.current_page_item a {	
	background:#792b00;
}

#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 74px Helvetica;
	letter-spacing: -1.5px;
	color: #484848;
	text-decoration: none;
        height:98px;
        width:468px;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 50px; left: 20px;	
}

#header div#ad-top {
        float:right;
	margin-top: 50px; padding: 0;	
        height:220px;
        width:480px;
}

#header h1#logo-text a:hover {
	background: none;	border: none;
}
#header p#intro {
	position: absolute;
	margin: 0; padding: 5px 0 5px 15px;
	font-family: Helvetica;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2em;
	text-transform: none;
	color: #484848;
	width: 330px;
        visibility:hidden;
	
	/* change the values of top and left to adjust the position */
	top: 143px; left: 20px;		
}

#header p#keepintouch{
        position: absolute;
	margin: 0; padding: 5px 0 5px 15px;
	font-family: Helvetica;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.2em;
	text-transform: none;
	color: #FFF;
	width: 540px;
	
	/* change the values of top and left to adjust the position */
	top: 170px; left: -60;	

}
/* Main Column */
#main {
	float: left;
	width: 670px;
	padding: 5px 15px 20px 0; margin: 0 0 10px 0;
	display: inline;		
}
#main h2 {
	padding-bottom: 5px;
	margin-top: 5px;    
}
#main h2 a {
        color: #FFF;
	text-decoration: none;		
	border: none;	
}

#main h3 {
       line-height:38px;
       padding-bottom:18px;
       border-bottom:2px solid #2e2e2e;
}

#main h4 {
       color: #FFF;
       line-height:34px;
       margin-top:15px;
}

#main em {
color:#ff7a29;
font-weight:bold;
} 

#main strong {
color:#ff7a29;
font-weight:bold;
}

#main ol {
margin:15px 0 15px 0;
}

/* Sidebar */	
.sidebar {
	float: right;
	width: 310px;
	padding:0 0 20px 0; margin: 10px 0 40px 0;
        display:inline;
        color: #FFF;
        font-size: 14px;
        height:auto;
}	
.sidebar h3 {
        background: #111; color:#FFF;
	margin-top: 34px;
	padding: 10px 0px 10px 15px; 
	font: normal 26px Helvetica;			
        border-bottom:#77edff 5px solid;

}

.sidebar h4 {
	margin-top: 10px;
	font: normal 16px Georgia;			
	color: #FFF;
        line-height:24px;
}

.sidebar p {
        color: #FFF; 						
	font-family: Helvetica;
	font-size: 20px;
        line-height: 26px;
        margin:0 10px 0 5px;
}
.sidebar a {
        color:#7c7c7c;
}

.sidebar a:hover {
        text-decoration: none;
        color:#ff86db;
}

.sidebar ul {
	margin: 7px 10px 8px 10px; padding: 0;				
}
.sidebar ul li {
	list-style: none;
	padding: 0 6px;
	margin: 0;		
}
* html body #sidebar ul li {
	height: 1%;
}

.sidebar img { border:0; padding:0; background:none;}

.sidebar ul li a {
	text-decoration: none;	
	border: none;
	color: #7c7c7c; 						
	font-family: Helvetica;
	font-size: 12px;
	/* letter-spacing: .5px;  */
}
.sidebar ul li a span {
	color: #7c7c7c;	
	font-family: Helvetica;
	font-style: italic;
	font-weight: normal;	
	font-size: 12px;
}
.sidebar ul li a:hover,
.sidebar ul li a:hover span {	
	text-decoration: underline;
}

.random_post {margin:0 0 25px 0; padding:0; height:auto;}
.random_post h3 {margin-bottom:15px;}
.random_post_img a {float:left; margin:7px 4px 7px 6px; width:80px; height:80px; background: #181818; border: 1px solid #323232; padding: 5px; }
.random_post_content p {height:auto; margin:2px 0 0 83px; font-size:13px;}
.random_post_content a {color:#b4b4b4; font-size:13px;}

.tags-cloud {margin-top:20px;}

/* footer */
#footer-wrap {
	position: relative;
	clear: both;
        margin:50px 0 0 0;
	font: normal 12px Helvetica;	
	color: #FFF;
	width: 100%;	         
        background:#101010;

}

#footer-wrap-content {margin:0 auto; width:1200px; height:340px; background:none; padding: 30px 0 20px 0;}
#footer-wrap-content h3 {color: #FFF; font-size: 32px; font-family: Georgia;}

#footer-friend {
float:left;
width:300px;
}

#footer-wrap-content ul {
margin:0 0 0 10px;
}

#footer-wrap-content li {
	display: inline-block;
}

#footer-wrap-content li a {
	margin: 0;
	font:12px Helvetica;
	text-decoration: none;	
        color:#CCC;        
}
#footer-wrap-content li a:hover {
	margin: 0;
	font:12px Helvetica;
        color:#FFF;
        background:#843302;	
}

#footer-connect {float:right; width:320px;}

#footer-cat {margin:0 360px 0 360px;}



/* postmeta */
.postmeta {	
	padding: 7px 5px; margin: 20px 10px 15px 10px;	
	font-size: 12px;	
	color: #1d1d1d;
}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 8px 0 5px;}

.post-info { background:url(images/bg-post-info.jpg) center center repeat; color: #FFF; font-size: 14px; padding: 6px 0 6px 15px; margin:15px 25px 15px 12px; border-bottom:3px solid #bffe39;}
.post-info a { color: #FFF; font-weight:bold;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clearer { clear: both; }

.clear {
	display:inline-block;
}
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

/* postthumb and postintro format */
.index-post {margin:25px 0 20px 0; background:none;}
.postthumb {float:left; margin:20px 15px 0 15px;}
.postthumb img {height:170px; width:170px;}
.post-excerpt {margin:0 20px 30px 220px;}
.post-excerpt p {color:#7c7c7c;}
.post-excerpt a {color:#aee409}
.post-excerpt h2 {color:#FFF; font-size:36px; line-height:40px;}

.page-navi { float: left; margin:45px 0 25px 15px; }

/* Sidebar Ads */

.sidebar_adspace {
	position: relative;
	float: left;
	width: 280px;
        margin-bottom:20px;
        margin-top:-5px;
        padding-bottom:15px;
        background: #111;
        border: 1px solid #131313;
	padding: 5px;
}

.image_wrap {
	width: 280px;
	padding: 5px 0px;
	padding-left: -30px;
}

.image_wrap a {
	margin:0 5px 0 3px;
}

.image_wrap img {
	float: right;
	padding: 5px 3px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.adsense-sidebar-bottom {
margin:20px 0 0 15px;
}

.ad-premium {
margin:0 0 0 15px;
}

.ad-premium-250-125 {
margin:10px 0 0 0;	
}

.sidebar-ad-premium {
margin:20px 0 0 15px;
}

.ad-sidebar-centre{
margin: 15px 0 -5px 17px;  
}

.adsense-sidebar-top {
margin:5px 0 0 0;
}

.ad-singlepost {
margin:30px 0 -10px 15px;
}

.ad-singlepost img {
background:none;
}

.in-post-ad-125-125 {
        width:640px;
        margin:25px 0 10px 15px;
        height:150px;
}

.in-post-ad-125-125 a{
        float:left;
        margin:0 4px 0 14px;  
        padding: 0 6px 0 0;
}

.in-post-ad-125-125 img {
border:none;
padding:0;
margin:0;
}

.ad-belowpost{
float:left;
margin:10px 0 0 10px;
}

.ad-belowpost a {
margin:0 15px 0 5px;
}

/* Flickr */


.flickr h3 {margin-bottom: 12px;}

.flickr_img a{  
float:left;
margin:4px 4px 4px 14px;  
padding: 4px 2px 0 2px;
} 

.comment-content {margin:5px 0 0 100px; padding:20px 0 25px 0;} 
.comment-content a {color:#bdff56;}
.comment-content p {color:#dadad9;}

#respond form {

	margin: 20px 15px; 
        padding: 5px 10px 0 0px;
	border: None; 
	background: #000;
	padding: 5px;	
}
#respond label {
	display: block;
	font-weight: bold;
	margin: 8px 0px;
	color: #ff981f;
}

#respond input, select, textarea {
	padding: 5px 0px;
	font: normal 14px Helvetica;
	color: #ff981f;
	background: #000;
        border: 1px solid #1e1e1e;
	padding: 5px;
        margin:15px 0;
}
#respond textarea {
	width: 400px;
	height: 100px;
	display: block;	
        margin:10px 0;
        background: #000;
        border: 1px solid #1e1e1e;
	padding: 5px;
        color:#ff981f;
}

#respond input.button { 
	font: bold 14px Helvetica; 
	margin: 25px 0 0 0;
	padding: 10px 20px 10px 20px; 
        width:200px;
        height:34px;
	color: #FFF;
	background: #000;
        border: 1px solid #1e1e1e;
	padding: 5px;

}


.avatar {
	float: left;
        margin:12px 0 0 0;
}

.twitter {
margin:15px 10px 0 15px;
}

.ad-above-all {
        margin: 5px 0 25px 0; padding: 0 0 10px 15px;      
        height: 130px;
        background:none;
} 	
.ad-in-post {
margin: 15px 0 10px 10px; 
}
.ad-in-post-2 {
margin: 15px 0 10px 12px; 
}
.ad-in-post-3 {
margin: 15px 0 15px 10px; 
}
#ad-below-nav {
margin: 15px 0 15px 0;
padding: 0;      
height: 130px;
width: 1050px;
}
.ad-above-comment {
margin:15px 0 15px 15px;
}
.comment-float-right {
float:right;
height:70px;
width:55px;
margin:34px 0 0 60px;
}
.comment-float-right a {
font-size:44px;
color:#838383;
}
.post-tag-index {
background: #5d5d5d url(images/bg-post-tag.jpg) top left repeat-x; font-size: 12px; padding: 0 0 0 10px; margin:25px 25px 45px 12px; color: #e5dad1;
}
.post-tag-index a {
color:#e5dad1;
font-weight:bold;
}
.sidebar-bookmark {
margin:20px 0 25px 5px;
padding:0 0 12px 0;
}

.recent_post { padding:0; margin: 0 0 5px 0; }
.recent { margin: 10px 0 0 0; padding-bottom:20px; }
.left {width: 250px;height: 120px;margin: 10px 15px -10px 14px; padding-top:10px;}
.recent_post a {color:#FFF;}
.recent_post img {
	background: #181818;
        border: 1px solid #323232;
	padding: 5px;
}
.most_talk_post { padding:0; margin: 0 0 5px 5px; padding-bottom:10px; }
.most_talk { margin: 10px 0 0 0; padding-bottom:20px; border-bottom:1px solid #111; }
.most_talk_thumb {width: 250px;height: 120px;margin: 10px 15px 15px 14px; padding-top:10px;}
.most_talk_post a {color:#daa87b;}
.most_talk_post img {
	background: #181818;
        border: 1px solid #323232;
	padding: 5px;
}
.adsense-search-box form {	
	margin: 20px 15px 20px 0; 
        padding: 5px 10px 15px 5px;
	border: None; 
	background: None; 
}
.adsense-search-box input {
        background:#000;
        color:#FFF;
        border:#111 solid 2px;
}

.adsense-link-top {
	margin:10px 0 0 10px;
}
.sidebar_adspace_middle {
	position: relative;
	float: left;
	width: 300px;
        margin-bottom:20px;
        margin-top:15px;
        margin-left:-5px;
        padding-bottom:15px;
}

.main-content {
        float:left;
        margin: 5px 0 10px 15px;
}


.readmore { margin: 45px 8px 30px 10px; font-size: 20px; width:150px; height:55px; padding: 12px; background: #a55704 url(images/bg-readmore.jpg) repeat-x center center;text-decoration:none;color:#FFFFFF; border:#a55704 1px solid;}
.readmore:hover {background:#613e06;border: 1px solid #4a310a;text-decoration:none; text-shadow: 2px 2px 2px #999; color:#FFF;}
.index-readmore {margin: 30px 0; color:#FFF}

.submit-link { margin: 5px 0 30px 0; font-size: 20px;width:220px; height:25px; padding: 12px; background:#252522;text-decoration:none;color:#FFFFFF; border:#424242 1px solid;}
.submit-link:hover {background:#613e06;border: 1px solid #4a310a;text-decoration:none;color:#FFF;}

.trackbacks ul li a {color:#daa87b;}
.pop-posts a {float:left; margin:7px 4px 7px 6px; width:80px; height:80px; background: #181818; border: 1px solid #323232; padding: 5px; }
.related-posts-main {margin:15px 0 25px 0; padding:10px; border-top:#ff43c3 5px solid; border-bottom:#a0ff43 5px solid; height:400px;}
.related-posts-main h4 {font-size:44px; font-family:Georgia; margin:0 0 25px 0;}
.related-posts-main a {float:left;margin:4px 4px 4px 14px; padding: 2px 2px 0 2px;}
.related-posts-main ul {margin-left:0;}
.pop-posts h3 {margin-bottom:20px;}
.sidebar-adsense-search {margin:20px 0;}


.single-post {margin:25px 0 30px 0; height:auto; }
.post-misc-content {margin:17px 0 25px 5px;}
.post-misc-content a {font-size:16px; color:#aee409;}
.post-misc-content a:hover {font-size:19px; color:#FFF; background:#ab1826; padding:6px; text-decoration:none;}
.post-date-cat {float:left; position:relative; top:10px; left:-80px; height:auto; width:90px; background:#9c006a; margin:0 0 0 0; padding:6px 11px; color:#FFF; font-size:20px;}
.retweet {float:left; width: 85px; margin:5px;}

.facebookfan {margin:20px 0 0 0;}
.site5 {
        margin:20px 0 0 25px;
}
.sexybookmark {margin:20px; padding:12px 12px 35px 12px; border-top:#111 solid 1px; border-bottom:#111 solid 1px;}
.support-this-blog {margin: 20px 0 0 10px;}
.ad-footer {margin:10px auto; width:960px;}
.wix-text-link {margin:15px 0 0 0;}
.wix-text-link ul {
        float: left;
	list-style: none;
	width: 1000px;		
	height: 33px;
	margin: 0 0 0 5px; padding: 0;	
	display: inline;
}
.wix-text-link ul li {
	display: inline;
	margin: 0; padding: 0;
}
.wix-text-link ul li a {
	float: left;
	margin: 0;	padding:0 10px;
	font:12px Helvetica;
	text-decoration: none;	
}