/*
Theme Name: Kreate Blog
Author: Tim Kraumanis
Author URI: http://www.kreativity.ca
*/

/* --------------------| BODY |-------------------- */

body {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
color: #162c33;
background: url(images/bgBody.png) center fixed;
}

html, body {
width: 100%;
height: 100%;
}


/* --------------------| GENERAL TEXT |-------------------- */

.blue { 	color: #1facd9; }
.dblue { 	color: #162c33; }
.grey { 	color: #c5cacc; }
.lgrey { 	color: #e2e4e5; }
.red { 		color: #990000; }
.green { 	color: #037d00; }

a {
text-decoration:none;
color: #1b96bf;
} 

a:hover {
color: #162c33;
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
}

	h2 {
	font-size: 21px;	
	border-bottom: 1px solid #162c33;
	padding-bottom: 6px;
	}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

/* --------------------| GENERAL CRAP |-------------------- */

.clear {
clear:both;
display: block;
}

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear10 {height:10px; clear:both;}
.clear15 {height:13px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }


/* --------------------| CONTENT FRAME |-------------------- */

#container {
width: 840px;
border-top: 4px solid #1facd9;
border-bottom: 4px solid #1facd9;
padding-top: 30px;
padding-bottom: 30px;
margin: 0 auto;
}

	#containerIE6 {
	display: none;	
	}

#header {
width: 840px;
height: 120px;
background: url(images/bgHeader.png) no-repeat top;
margin-bottom: 60px;
display: block;
}

	#header:hover {
	background-position: bottom;	
	}
	
	.headerTitle {
	font-size: 37px;
	font-weight: bold;
	float: right;
	margin-top: 75px;
	color: #162c33;
	text-transform: uppercase;
	}

	.headerLogo {
	display: block;
	width: 840px;
	height: 120px;
	}

	#headerTop {
	display: block;
	height: 40px;
	padding-left: 10px;
	}
	
		#headerTop .language {
		float: left;
		height: 26px;
		padding-left: 67px;
		background: url(../images/bgHeaderMap.png) no-repeat top left;
		}
		
			#headerTop .language li {
			float: left;	
			}
			
		#headerTop .search {
		float: right;
		width: 155px;
		}
		
			#headerTop .search input.text {
			border: none;
			width: 120px;
			height: 17px;
			padding: 3px 0 0 5px;
			float: left;
			background: url(../images/headerSearchText.png) no-repeat left;
			color: #999;
			font-size: 11px;
			}
			
		#headerTop .links {
		float: right;
		width: 344px;
		padding-top: 3px;
		}
		
			#headerTop .links a {
			color: #555;
			padding: 1px 8px 2px;
			border-left: 1px solid #ccc;
			float: left;
			font-size: 11px;
			}	
			
				#headerTop .links a.first {
				border-left: none;
				}
			
			#headerTop .links strong a, #headerTop .links a:hover {
			color: #1d668e;	
			}
			


#footer {
width: 100%;
margin: 0;
background: #e5ecf0 url(../images/bgFooter.png) repeat-x top;
color: #969696;
font-size: 11px;
}
	
	#footer .footer {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	}
	
	#footer p {
	text-align: center;
	margin-bottom: 10px;
	}
	
		#footer p.large {
		font-size: 14px;
		margin-bottom: 10px;
		}
	
	#footer a, #footer span {
	padding-left: 7px;
	margin-left: 5px;
	border-left: 1px solid #c2c9cc;
	color: #969696;
	}
	
		#footer span.first, #footer a.noBorder {
		border-left: none;
		margin-left: 0;
		padding-left: 0;
		}
	
		#footer a:hover {
		color: #1d668e;
		}
	
/* --------------------| LEFT SIDEBAR |-------------------- */

#sidebar {
float: right;
width: 240px;
}

	.sidebar h2 {
	padding-left: 20px;
	}
	
	.sidebar li {
	display: block;
	border-bottom: 1px solid #e2e4e5;
	}
	
		.sidebar li a {
		padding: 7px 0 5px 20px;
		display: block;
		background: url(images/iconStar.png) no-repeat 0 7px;
		color: #162c33;
		font-size: 13px;
		}
		
			.sidebar li a:hover { background-position: 0 -76px; }
			.sidebar li.current-cat a { background-position: 0 -157px; }


/* --------------------| MAIN CONTENT AREA |-------------------- */

div.mainFrame {
width: 540px;
float: left;
}


	
	.main h2 {
	margin-bottom: 20px;
	}
	
		.main h2 a {
		color: #162c33;
		}
	
	.main h3 {
	font-size: 13px;
	margin-bottom: 10px;
	}
	
		.main h3.noMargin {
		margin-bottom: 0;	
		}
		
		.main h3 a.more {
		padding: 2px 18px 0 0;
		background: url(../images/iconReadMore.png) no-repeat right 4px;
		float: right;
		font-size: 12px;
		font-weight: normal;
		text-transform: uppercase;
		}
		
			.main h3 a.more:hover {
			background-position: right -12px;	
			}
		
	.underline {
	border-bottom: 1px solid #dfe4e5;
	padding-bottom: 5px;
	}
	
	.clearLine {
	border-bottom: 1px solid #dfe4e5;
	padding-top: 10px;
	margin-bottom: 20px;
	clear: both;
	display: block;
	
	}
	
	.main ul.p, 
	.main ol.p {
	margin-bottom: 1em;	
	}
	
		.main ul.p li,
		.main ol.p li {
		line-height: 1.5em;
		}
	
	.main ul.p li {
	list-style-type: disc;
	margin-left: 20px;
	}
	
	.main ol.p li {
	list-style-type: decimal;
	margin-left: 20px;
	}


/* --------------------| POST |-------------------- */

.post {
margin-bottom: 30px;
}

	.post h2, h2.columnTitle {
	margin-left: 140px;
	}

	.postMeta {
	float: left;
	width: 120px;
	padding-top: 4px;
	}
	
		.postMeta span {
		display: block;
		padding-left: 20px;
		margin-bottom: 5px;
		line-height: 16px;
		font-size: 11px;
		}
		
		.postMeta span.metaCal { background: url(images/iconCal.png) no-repeat 1px 1px; }
		.postMeta span.metaCat { background: url(images/iconCat.png) no-repeat 0 2px; }
		.postMeta span.metaCom { background: url(images/iconComment.png) no-repeat 0 2px; }
		.postMeta span.metaUser { background: url(images/iconUser.png) no-repeat 0 2px; }
		
		.postMeta a {
		color: #162c33;
		}
	
	.postContent {
	float: right;
	width: 400px;
	}
	
	.postContent h2 {
	margin-left: 0;
	margin-bottom: 1em;
	border: none;
	font-size: 15px;
	padding: 0;
	}
	
	.postContent img {
	display: block;
	border: 1px solid #c5cacc;
	padding: 4px;
	width: 390px;
	height: auto !important;
	margin-bottom: 13px;
	}
	
		.postList .postContent img {
		display: none;	
		}
		
	.postContent p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
	text-align: justify;	
	}
		
	.postContent ol, .postContent ul {
	margin-bottom: 1em;	
	}
	
		.postContent ol li, .postContent ul li {
		line-height: 1.5em;
		margin-bottom: 0.5em;
		}
		
		.postContent ol li {
		list-style-type: decimal;
		margin-left: 20px;
		}
		

/* --------------------| COMMENTS |-------------------- */


.comment {
border-bottom: 1px solid #e2e4e5;
margin-bottom: 13px;
padding-bottom: 13px;
width: 400px;
margin-left: 140px;
}

	.comment .commentMeta {
	display: block;
	margin-bottom: 12px;
	font-size: 11px;
	}

	.comment .commentAuthor {
	font-weight: bold;
	}
	
	.comment .commentDate {
	}

	

.commentForm {
float: right;
width: 400px;
}

	.commentForm span.block {
	display: block;
	margin-bottom: 13px;
	}
	
	.commentForm span.left, .commentForm span.right {
	width: 190px;	
	}
	
	.commentForm span.block label {
	display: block;
	margin-bottom: 5px;
	font-size: 11px;
	}
	
	.commentForm input.text, .commentForm textarea {
	border: 1px solid #c5cacc;
	padding: 3px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #162c33;
	background: #e2e4e5;
	}
	
		.commentForm input.text {
		width: 182px;	
		}
		
		.commentForm textarea {
		width: 392px;
		height: 96px;
		}
		
	.commentForm input.button {
	color: #fff;
	background: #1facd9;
	border: 1px solid #1da0cc;
	padding: 4px 3px 3px;
	font-size: 21px;
	font-weight: bold;
	cursor: pointer;
	}
	
		.commentForm input.button:hover {
		background: #1da0cc;
		}
		
		.commentForm input.button:active {
		background: #198cb3;	
		}