/*
Theme Name: Sonata Theme
Theme URI: http://wordpress.org/
Description: Sonata theme
Version: 1.0
Author: Slice'r'us
Author URI: http://www.slicerus.com/
*/







/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; height: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: none; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: underline; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
.cols .last { margin-right: 0; }
body #page .last { margin: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#ie7 .clearFix { min-height: 1%; }



/*-------
// custom styles
//-----*/

a:link, a:visited {
	color: #7FCD46;
}

body {
	font-family: Arial, sans-serif;
	text-align: center;
	background: #000000;
}
#page {
	text-align: left;
	margin: 0 auto;
	width: 919px;
	color: #e9e9e9;
	font-size: 1.2em;
	padding: 0;
	background: url(img/page-bg.jpg) no-repeat 0 225px;
}


#top {
	position: relative;
}
	#logo {
		width: 100%;
		height: 186px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 100%;
			height: 186px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(img/header-1.jpg) no-repeat 0 0;
			}
	#menu {
		background: url(img/menu-bg.png) repeat-x 0 0;
		width: 845px;
		padding: 0 0 0 74px;
		overflow: hidden;
		height: 39px;
	}
		#menu li {
			float: left;
		}
			#menu li a:link, #menu li a:visited {
				display: block;
				float: left;
				height: 32px;
				color: #FFFFFF;
				font-weight: bold;
				position: relative;
				text-indent: -1000em;
				background: url(img/buts.png) no-repeat 0 0;
				margin: 0 80px 0 0;
			}
			#menu #b0 a:link, #menu #b0 a:visited { width: 68px; background-position: 0 0; }
			#menu #b0 a:link:hover, #menu #b0 a:visited:hover,
			#menu #b0.active a:link, #menu #b0.active a:visited { background-position: 0 -32px; }
			#menu #b2 a:link, #menu #b2 a:visited { width: 101px; background-position: -68px 0; }
			#menu #b2 a:link:hover, #menu #b2 a:visited:hover,
			#menu #b2.active a:link, #menu #b2.active a:visited { background-position: -68px -32px; }
			#menu #b3 a:link, #menu #b3 a:visited { width: 111px; background-position: -169px 0; }
			#menu #b3 a:link:hover, #menu #b3 a:visited:hover,
			#menu #b3.active a:link, #menu #b3.active a:visited { background-position: -169px -32px; }
			#menu #b4 a:link, #menu #b4 a:visited { width: 91px; background-position: -280px 0; }
			#menu #b4 a:link:hover, #menu #b4 a:visited:hover,
			#menu #b4.active a:link, #menu #b4.active a:visited { background-position: -280px -32px; }
			#menu #b5 a:link, #menu #b5 a:visited { width: 61px; background-position: -371px 0; margin: 0; }
			#menu #b5 a:link:hover, #menu #b5 a:visited:hover,
			#menu #b5.active a:link, #menu #b5.active a:visited { background-position: -371px -32px; }

#wrap {
	margin: 40px 19px 20px 60px;
	width: 840px;
	overflow: hidden;
}
	#content {
	}
	#side {
	}

#content p {
	line-height: 1.5;
	margin: 0 0 1em;
}
#content h1 {
	color: #FFFFFF;
	font-size: 300%;
	font-weight: normal;
}
#content h2 {
	color: #aff65f;
	font-size: 183.33%;
	font-weight: normal;
}

#footer {
	color: #5a5a5a;
	border-top: solid 1px #686868;
	padding: 15px 0 10px;
	text-align: center;
}
	#footer a:link, #footer a:visited {
		color: #5a5a5a;
	}


/*-------
// homepage
//-----*/

.hp #page {
	background: url(img/home-bg.jpg) no-repeat 0 39px;
}
.hp #logo {
	height: 250px;
}
	.hp #logo a:link, .hp #logo a:visited {
		height: 250px;
	}
		.hp #logo a:link span, .hp #logo a:visited span {
			background: url(img/home-bg.jpg) no-repeat 0 0;
		}
.hp #wrap {
	margin: 0;
	width: 919px;
}

#motto {
	height: 75px;
	padding: 15px 190px;
}
	#motto p {
		font-size: 200%;
		font-weight: normal;
		line-height: 1.2;
		text-align: center;
		margin: 0;
	}

#cols {
	margin: 0 15px;
	width: 889px;
	overflow: hidden;
}
	#cols .col {
		float: left;
		width: 264px;
		padding: 60px 15px 20px;
		text-align: center;
	}
		#cols .col h2 {
			margin: 0 auto 20px;
			height: 29px;
		}
		#cols .col h2.create {
			width: 97px;
		}
			#cols .col h2.create span {
				background: url(img/t-create.png) no-repeat 0 0;
			}
		#cols .col h2.consult {
			width: 113px;
		}
			#cols .col h2.consult span {
				background: url(img/t-consult.png) no-repeat 0 0;
			}
		#cols .col h2.organize {
			width: 129px;
		}
			#cols .col h2.organize span {
				background: url(img/t-organize.png) no-repeat 0 0;
			}
		#cols .col p {
			color: #c8c8c8;
		}


/*-------
// about
//-----*/

#page-2 {
	margin: 0 116px 0 75px;
	width: 669px;
}
	#page-2 h1 {
		display: none;
	}
	#page-2 .profile {
		position: relative;
		padding: 0 0 0 170px;
		margin: 0 0 40px;
	}
		#page-2 .profile img {
			position: absolute;
			left: 0;
			top: 3px;
			border: solid 2px #FFFFFF;
		}
		#page-2 .profile h1 {
			display: block;
		}
		#page-2 .profile h2 {
			margin: 0 0 15px;
		}

/*-------
// portfolio
//-----*/

.page-108 #page {
	width: 100%;
}
.page-108 #top {
	width: 919px;
	margin: 0 auto;
}
.page-108 #logo {
	display: none;
}
.page-108 #footer {
	display: none;
}
#portfolio {
	width: 100%;
}

/*-------
// contact
//-----*/

#page-110 {
	float: left;
	width: 440px;
}
	#page-110 h1 {
		color: #aff65f;
		border-bottom: solid 1px #aff65f;
		margin: 0 0 20px;
	}
	#page-110 p {
		line-height: 1.75;
	}

a.skype:link, a.skype:visited {
	margin: 15px auto;
	width: 313px;
	height: 56px;
	display: block;
}
	a.skype:link span, a.skype:visited span {
		background: url(img/but-skype.png) no-repeat 0 0;
	}

#contact {
	float: right;
	width: 305px;
	padding: 15px 20px 1px;
	background: #424242;
}
	#contact p {
		width: 100%;
		overflow: hidden;
		margin: 0 0 10px;
		position: relative;
	}
		#contact p label {
			display: block;
			border-bottom: solid 1px #d8d8d8;
		}
		#contact p .wpcf7-form-control-wrap input,
		#contact p .wpcf7-form-control-wrap textarea {
			border: solid 1px #b7b7b7;
			padding: 2px 2px;
			width: 299px;
		}
		#contact input#submit {
			display: none;
		}
		#contact .wpcf7-form-control-wrap {
			position: static;
		}
		#contact .wpcf7-not-valid-tip {
			left: 10%;
			top: 1.3em;
			line-height: 1.4;
			padding: 1px 3px;
			color: #000000;
		}


/*-------
// posts
//-----*/

#wrap.blog {
	background: url(img/side-bg.jpg) repeat-y 525px 0;
	margin-top: 90px;
	overflow: visible;
}
	#wrap.blog #content {
		float: left;
		width: 490px;
		margin-top: -55px;
	}
	#wrap.blog #side {
		float: right;
		width: 315px;
		color: #000000;
	}
		#wrap.blog #side div.in {
			background: url(img/side-t.jpg) no-repeat 0 0;
			padding: 87px 52px 10px 17px;
			width: 246px;
			position: relative;
		}

#linksBlog {
	background: #000000 url(img/side-box.jpg) no-repeat 0 0;
	border-right: solid 3px #FFFFFF;
	padding: 0 0 0 50px;
	margin: 0 0 20px;
	height: 296px;
}
	#linksBlog li {
		margin: 0 0 6px;
	}
		#linksBlog li a:link, #linksBlog li a:visited {
			display: block;
			position: relative;
			width: 175px;
			height: 51px;
		}
			#linksBlog li a:link span, #linksBlog li a:visited span {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(img/links-blog.png) no-repeat 0 0;
			}
		#linksBlog li.about a:link span, #linksBlog li.about a:visited span { background-position: 0 0; }
		#linksBlog li.feed a:link span, #linksBlog li.feed a:visited span { background-position: 0 -55px; }
		#linksBlog li.myspace a:link span, #linksBlog li.myspace a:visited span { background-position: 0 -111px; }
		#linksBlog li.facebook a:link span, #linksBlog li.facebook a:visited span { background-position: 0 -166px; }
		#linksBlog li.linkedin a:link span, #linksBlog li.linkedin a:visited span { background-position: 0 -222px; }

#navBlog {
	margin: 0 0 40px;
}
	#navBlog li {
		margin: 0 0 20px;
		position: relative;
	}
		#navBlog li h2 {
			position: absolute;
			left: 0;
			top: 0;
			width: 115px;
			padding: 5px 0 0 10px;
			color: #FFFFFF;
			font-size: 275%;
			font-weight: normal;
			text-transform: uppercase;
			background: url(img/side-title.jpg) repeat-y 0 0;
		}
			#navBlog li ul {
				text-align: right;
				min-height: 45px;
			}
				#navBlog li li {
					margin: 0;
					line-height: 1.4;
				}
					#navBlog li li a:link, #navBlog li li a:visited {
						color: #000000;
					}

#wp {
	margin: 15px 0;
}
	#wp a:link, #wp a:visited {
		display: block;
		margin: 0 0 0 51px;
		width: 150px;
		height: 34px;
	}
		#wp a:link span, #wp a:visited span {
			background: url(img/but-wordpress.png) no-repeat 0 0;
		}

#tweet {
	position: absolute;
	left: -2px;
	top: -118px;
	color: #000000;
}
	#tweet p {
		background: url(img/tweet-bg.png) no-repeat 0 0;
		padding: 15px 30px 0 30px;
		width: 234px;
		height: 114px;
		line-height: 1.5;
		text-align: center;
	}
		#tweet a:link, #tweet a:visited {
			color: #000000;
		}
		#tweet abbr {
			border: none;
		}


.post {
	border-top: solid 5px #515151;
	margin: 0 0 35px;
}
	.post h1 {
		background: #292929;
		padding: 5px 10px 0;
		color: #FFFFFF;
		font-size: 375%;
		font-weight: normal;
	}
		.post h1 a:link, .post h1 a:visited {
			color: #FFFFFF;
		}
	#page .post .info {
		line-height: 30px;
		height: 30px;
		overflow: visible;
		position: relative;
		color: #84ca49;
		background: #515151;
		font-size: 91.67%;
		padding: 0 10px;
		margin: 0 0 25px;
	}
		.post .info .bm {
			position: absolute;
			right: 10px;
			top: 7px;
		}
			.bm a:link, .bm a:visited {
				position: relative;
				display: block;
				float: left;
				height: 29px;
				width: 30px;
				overflow: hidden;
				line-height: 1;
			}
				.bm a:link span, .bm a:visited span {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
				}
			.bm a.delicious:link, .bm a.delicious:visited {
			}
				.bm a.delicious:link span, .bm a.delicious:visited span {
					background: url(img/icon-delicious.jpg) no-repeat 0 0;
				}
			.bm a.stumble:link, .bm a.stumble:visited {
			}
				.bm a.stumble:link span, .bm a.stumble:visited span {
					background: url(img/icon-stumbleupon.jpg) no-repeat 0 0;
				}
			.bm a.digg:link, .bm a.digg:visited {
				width: 36px;
			}
				.bm a.digg:link span, .bm a.digg:visited span {
					background: url(img/icon-digg.jpg) no-repeat 0 0;
				}
	.post .entry {
		margin: 0 0 30px;
	}
		.entry ul {
			list-style: disc;
			margin: 0 0 1em 2em;
			line-height: 1.5;
		}

	.post a.more-link:link, .post a.more-link:visited {
		display: block;
		margin: 0 0 0 auto;
		width: 208px;
		height: 23px;
		position: relative;
	}
		.post a.more-link:link span, .post a.more-link:visited span {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url(img/but-read.png) no-repeat 0 0;
		}
	
	.post .info2 {
		line-height: 30px;
		height: 30px;
		background: #252525;
		padding: 0 10px;
		width: 470px;
		overflow: hidden;
	}
		.post .info2 .comments {	
			float: left;
			line-height: 30px;
			color: #666666;
		}
			.post .info2 .comments a:link, .post .info2 .comments a:visited {
				color: #FFFFFF;
			}
			.post .info2 .comments a.comment:link, .post .info2 .comments a.comment:visited {
				color: #666666;
			}
		.post .info2 .tags {
			float: right;
			line-height: 30px;
			color: #4c4c4c;
		}
			.post .info2 .tags a:link, .post .info2 .tags a:visited {
				color: #4c4c4c;
			}

	.post h2 {
	}

.list {
}
	.list li {
		margin: 0 0 25px;
	}

p.date {
	font-size: 91.67%;
}


.postmetadata {
}

.navigation {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
}

.alt {
}


#comments {
	background: #7ab24b;
	padding: 5px 0 0;
	margin: 0 0 15px;
}

.commentlist {
	margin: 0 0 20px;
	padding: 0;
	text-align: justify;
}
	.commentlist li {
		margin: 0 0 15px;
		padding: 5px 20px 10px;
		background: #292929;
		list-style: none;
	}
	.commentlist p {
		margin: 10px 5px 10px 0;
	}
	.commentlist li {
		font-weight: bold;
	}
	.commentlist li .avatar { 
		float: right;
		border: 1px solid #eee;
		padding: 2px;
		background: #fff;
	}
	.commentlist cite, .commentlist cite a {
		display: block;
		font-style: normal;
		text-transform: uppercase;
	}
	.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
		color: #4cd3ff;
	}

	.commentlist li.author {
		background: #7ab24b;
		color: #000000;
	}
	.commentlist li.author p {
		color: #000000;
	}


.commentmetadata {
	font-weight: normal;
	margin: 0;
	display: block;
}

#commentform {
	background: #424242;
	color: #FFFFFF;
	padding: 10px 20px 10px;
	width: 450px;
	overflow: hidden;
}
	#commentform #respond {	
		float: right;
		width: 225px;
		font-size: 150%;
		padding: 5px 0 0;
		height: 46px;
		text-transform: uppercase;
	}
	#commentform p {
		float: left;
		width: 210px;
		margin: 0 15px 0 0;
		height: 51px;
	}
		#commentform p label {
			display: block;
			border-bottom: solid 1px #d8d8d8;
		}
		#commentform p input,
		#commentform p textarea {
			border: solid 1px #b7b7b7;
			padding: 2px 2px;
			width: 204px;
		}
	#commentform p.ta {
		width: 100%;
		height: auto;
		clear: both;
		float: none;
	}
		#commentform p.ta label {
			border: none;
		}
		#commentform p.ta textarea {
			width: 95%;
		}
	#commentform p.but {
		float: none;
		width: auto;
		height: auto;
		padding: 10px 0 0 100px;
	}
	#commentform #submit {
		width: 46px;
		height: 22px;
		border: none;
		padding: 0;
	}


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}



#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover {
	background-color: #fff; }



acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

.center {
	text-align: center;
}


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
}