/*
Theme Name: CoLLaPSe
Theme URI: http://collapse.bg/
Description: Template for my portfolio blog
Version: 3.5
Author: Stanislav Kirilov
Tags: fixed width, one column, sidebar, widgets
*/

/* 
#################### CSS contents ####################
* 1 Navigation
* 2 Language Switcher
* 3 Banner
* 4 Slider
* 5 Services
* 6 Lastbar
* 7 Footer
* 8 Content pages
* 9 Sidebar
* 10 About me page
* 11 Services page
* 12 Portfolio page 
* 13 Blog page
* 14 Blog single page
* 15 Contact page
* 16 Comments
*/

@import "style/css/reset.css";
@import "style/css/layout.css";

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:20px;
	text-align:center;
	color: #fff;
	background: #9cb3b9;
}
#wrapper {
	text-align:left;
	height:auto !important;
	height:100%;
	min-height:100%;
	min-width:960px;
}
.container {
	margin: 0 auto;
	width:960px;
	min-width:960px;
}
a:link, a:visited, a:active {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
@font-face {
    font-family: 'Franklin Gothic Book';
    src: url('style/fonts/itc_franklin_gothic_lt_book-webfont.eot');
         url('style/fonts/itc_franklin_gothic_lt_book-webfont.ttf') format('truetype'),
         url('style/fonts/itc_franklin_gothic_lt_book-webfont.svg') format('svg'); 
}
h1, h2, h3, h5, h5, h6 {
	font-family: 'Franklin Gothic Book', Helvetica, Verdana, sans-serif;
}
h1 {
	font-size:24px;
	color:#1c2222;
	text-shadow: 0 1px 0 #c5dee5;	
}
h2 {
	font-size:20px;
	color:#fff;
	text-shadow: -1px -1px 0 #85989d;
}
h2 a {
	display:block;
	height:40px;
	line-height:40px;
	font-weight:normal !important;
	text-decoration:none !important;
	background:url(style/img/h2-backgr.png) repeat-x;
}
h2 a:hover {
	background:url(style/img/h2-backgr-hover.png) repeat-x;
	text-shadow: -1px -1px 0 #6c7c80;
}
h3 {
	font-size:28px;
	color:#546b71;
	text-shadow: 0 1px 0 #b9d1d8;
	margin-bottom:20px;

}
h5 {
	font-size:16px;
	color:#fff;
	margin-bottom:15px;
}
/* 
#################### Navigation ####################
*/
#header {
	height:100px;
	background:url(style/img/header-background.png) repeat-x;
}
#logo h4 a{
	background:url(style/img/logo.png) no-repeat;
	width:269px;
	height:100px;
	position:absolute;
	left:24px;
	top:0px;
	text-indent:-9999px;
}
#header .trigger {
	position: absolute;
}
#header .popup {
	position: absolute;
	display: none;
	z-index: 50;
    background: url(style/img/popuphovtitle.png) no-repeat;
    width: 230px;
    height: 37px;
    overflow: hidden;
}
#header .popup .inside{
	padding-top: 13px;
	padding-left: 6px;
	font-size:11px;
	color: #546b71;
	text-shadow:0 1px 0 #deeef0;
}
#header ul{
	float:right;
	margin-right:13px;
}
#header ul li{
	float:left;
	margin:0 3px;
}
#header ul li a{
	display:block;
	margin:0 3px;
}
ul.navigation li.page-item-2 a{
	background:url(style/img/navigation.png) no-repeat 0 0;
	width:90px;
	height:68px;
	text-indent:-9999px;
}
ul.navigation li.page-item-2 a:hover {
	background-position:0 -100px;
}
ul.navigation li.page-item-513 a{
	background:url(style/img/navigation.png) no-repeat -97px 0;
	width:90px;
	height:68px;
	text-indent:-9999px;
}
ul.navigation li.page-item-513 a:hover {
	background-position:-97px -100px;
}
ul.navigation li.page-item-31 a{
	background:url(style/img/navigation.png) no-repeat -194px 0;
	width:123px;
	height:68px;
	text-indent:-9999px;
}
ul.navigation li.page-item-31 a:hover {
	background-position:-194px -100px;
}
ul.navigation li.page-item-193 a{
	background:url(style/img/navigation.png) no-repeat -325px 0;
	width:73px;
	height:68px;
	text-indent:-9999px;
}
ul.navigation li.page-item-193 a:hover {
	background-position:-325px -100px;
}
ul.navigation li.page-item-162 a{
	background:url(style/img/navigation.png) no-repeat -404px 0;
	width:100px;
	height:68px;
	text-indent:-9999px;
}
ul.navigation li.page-item-162 a:hover {
	background-position:-404px -100px;
}
/* 
#################### Language Switcher ####################
*/
#pageflip img {
	width: 35px; height: 35px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 29px; height: 29px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background:url(style/img/switch-to-english.png) no-repeat right top;
	text-indent: -9999px;
}
/* 
#################### Banner ####################
*/
#banner {
	background:url(style/img/banner-backgr.png) repeat-x;
	width:100%;
	height:331px;
}
#banner .container{
	background:url(style/img/banner.png) no-repeat;
	width:960px;
	height:331px;
}
#banner .container p{
	position:absolute;
	top:0;
	left:-9999px;
}
/* 
#################### Slider ####################
*/
.anythingSlider{
	height: 240px;
	width: 402px;
	position:absolute;
	top:39px;
	right:29px;
}
.top-designs {
	width:103px;
	height:103px;
	background:url(style/images/top-designs.png) no-repeat;
	position:absolute;
	top:-14px;
	right:-14px;
}
.anythingSlider .wrapper{
	height: 240px;
	width: 402px;
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.anythingSlider .wrapper ul{
	width: 9999px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
}
.anythingSlider ul li{
	display: block;
	float: left;
	height: 240px;
	width: 402px;
	padding: 0;
	margin: 0;
}
.anythingSlider .arrow, .anythingSlider .forward, .anythingSlider .back {
	display: none
}
#thumbNav{
	position: relative;
	top: 261px;
	left:129px;
	text-align: center;
}
#thumbNav a{
	color: #fff;
	display: inline-block;
	padding: 0 3px;
	height: 18px;
	line-height:18px;
	margin: 0 5px 0 0;
	background: #58a632;
	border:1px solid #64bd38;
	text-align: center;
	text-decoration:none;
}
#thumbNav a:hover, #thumbNav a.cur{
	background:#498c29;
	border:1px solid #367319;
}
#start-stop, #start-stop .playing, #start-stop:hover {
	display:none;
}
/* 
#################### Services ####################
*/
#services {
	height:240px;
	background:url(style/img/services-backgr.png) no-repeat center top;
	margin-bottom:10px;
}
ul.main-services li {
	width:280px;
	margin:15px 20px 0;
	float:left;
	height:210px;
}
ul.main-services li h1 {
	background:url(style/img/srv-icons.png) no-repeat;
	padding-left:50px;
	height:40px;
	line-height:42px;
	margin-bottom:5px;
}
ul.main-services li.web-design h1 {
	background-position:0 0;
}
ul.main-services li.e-commerce h1 {
	background-position:0 -60px;
}

ul.main-services li.seo-optimization h1 {
	background-position:0 -120px;
}
ul.main-services li a {
	display:block;
	background:url(style/img/view-services.png) no-repeat 0 0;
	height:21px;
	width:90px;
	padding-left:12px;
	line-height:21px;
	text-decoration:none;
	margin-top:10px;
}
ul.main-services li a:hover {
	background-position:0 -40px;
}
/* 
#################### Lastbar ####################
*/
#last-posts{
	width:600px;
	margin-right:40px;
	float:left;
}
#last-projects{
	width:320px;
	float:right;
}
h3.last-publications {
	padding-left:60px;
}
#last-posts .last-post .last-entry{
	float:left;
	width:540px;
	margin-bottom:15px;
}
#last-posts .last-post .last-meta{
	float:left;
	width:40px;
	margin-right:20px;
}
#last-posts .last-post .last-meta p.time{
	background:url(style/img/time-backgr.png) no-repeat;
	width:40px;
	height:39px;
	padding-top:1px;
	text-align:center;
	font-weight:bold;
	text-transform:capitalize;
	line-height:18px;
	text-shadow:-1px -1px 0 #096800;
}
#last-posts .last-post .last-meta p.comments{
	background:url(style/img/comments-backgr.png) no-repeat;
	width:40px;
	height:31px;
	padding-top:4px;
	margin-top:10px;
	text-align:center;
	font-weight:bold;
}
#last-posts .last-post .last-meta p.comments a{
	color:#1c2222;
	text-shadow: 0 1px 0 #fff;
	text-decoration:none;
	padding:4px 8px;
}
#last-posts .last-post .last-meta p.comments a:hover {
	text-decoration:underline;
}
#last-posts .thumbnail {
	float:left;
	margin-top:10px;
	padding:5px;
	width:130px;
	height:130px;
	-ms-interpolation-mode: bicubic;
	background:url(style/img/thumbnails-backgr.png) no-repeat;
}
#last-posts .last-post .last-entry p {
	margin:15px 0 0 150px;
}
#last-posts .last-post .last-entry p a.more-link {
	margin-top:15px;
}
#last-projects .portfolio img{
	background:url(style/img/last-project-backgr.png) no-repeat;
	width:310px;
	height:155px;
	padding:5px;
	margin-bottom:5px;
	-ms-interpolation-mode: bicubic;
}
#last-projects a.view-my-portfolio {
	display:block;
	width:320px;
	height:40px;
	margin-bottom:30px;
	text-align:center;
	line-height:40px;
	text-decoration:none;
	text-shadow:-1px -1px 0 #61767a;
	background:url(style/img/big-button.png) no-repeat center top;
}
#last-projects a.view-my-portfolio:hover {
	background-position:center bottom;
}
#last-projects .wpcf7 input, #last-projects .wpcf7 textarea{
	border:none;
	color:#546b71;
	margin-bottom:20px;
}
#last-projects .wpcf7 input {
	background:url(style/img/input-field.png) no-repeat;
	width:220px;
	height:18px;
	padding:6px 10px;
}
#last-projects .wpcf7 textarea {
	background:url(style/img/textarea-field.png) no-repeat;
	width:300px;
	height:148px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding:6px 10px;
	line-height:20px;
}
#last-projects .wpcf7 input.submit {
	background:url(style/img/read-more.png) no-repeat top;
	width:90px;
	height:30px;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	text-shadow:-1px -1px 0 #61767a;
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
#last-projects .wpcf7 input.submit:hover{
	background-position:bottom;
}
#last-projects .wpcf7 input.reset {
	background:url(style/img/reset-button.png) no-repeat top;
	width:80px;
	height:30px;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	text-shadow:-1px -1px 0 #6f8489;
	border:none;	
	color:#d5dcde;
	font-weight:bold;
	cursor:pointer;
	margin-right:15px;
}
#last-projects .wpcf7 input.reset:hover {
	background-position:bottom;
}
/* 
#################### Footer ####################
*/
#footer{
	background:url(style/img/footer-bg.png) repeat-x top;
	height:272px;
	margin-top:20px;
}
#gototop {
	background:url(style/img/goto-top.png) no-repeat;
	height:24px;
	width:100px;
	position:absolute;
	top:2px; right:-20px;
}
#gototop a {
	display:block;
	width:20px;
	height:20px;
	margin-left:40px;
	margin-top:2px;
	background:url(style/img/goto-top-arrow.png) no-repeat center top;
}
#gototop a:hover {
	background-position:center bottom;
}

li.foot{
	width:225px;
}
#footer ul li{
	float:left;
	margin-top:25px;
	margin-right:20px;
}
#footer ul li.twtr{
	margin-right:0;
	overflow:hidden;
	height:225px;
}
#footer ul li ul li{
	clear:both;
	margin-top:0;
	margin-bottom:4px;
	margin-right:0;
}
#footer ul li ul li a {
	display:block;
	background:url(style/images/footer-tab.png) no-repeat;
	width:217px;
	padding-left:8px;
	height:26px;
	line-height:26px;
	color:#647a7a;
	font-weight:normal;
	text-decoration:none;
}
#footer ul li ul li a:hover {
	background:url(style/images/footer-tab-over.png) no-repeat;
	color:#1c2222;
	font-weight:bold;
	text-shadow:0 1px 0 #81e54f;
}
#footer ul#twitter li.tweet{
	background-color:#262e2e;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	padding:8px;
	width:209px;
}
#footer ul#twitter li.tweet a{
	display:inline;
	background:none;
	padding:0;
	height:auto;
	line-height:normal;
	font-weight:normal;
}
#footer ul#twitter li.tweet a:hover{
	color:#647a7a;
	font-weight:normal;
	text-decoration:underline;
}
.bird a{
	position:absolute;
	top:6px;
	right:4px;
	background:url(style/img/bird.png) no-repeat;
	width:51px;
	height:39px;
}
#footer ul li.feautered {
	margin-right:15px;
	width:230px;
}
#footer ul li.feautered ul li{
	float:left;
	clear:none;
	margin:0 5px 5px 0;
}
#footer ul li.feautered a{
	display:block;
	background-color:#262e2e;
	background-image:none;
	width:41px;
	height:41px;
	padding:0;
	line-height:normal;
	font-weight:normal;
}
#footer ul li.feautered a:hover{
	background-image:none;
	text-decoration:none;
}
#end .container {
	height:25px;
	padding-top:5px
}
p.leftfooter {
	float:left;
}
p.rightfooter {
	margin-right:50px;
	float:right;
}
.rss {
	position:absolute;
	right:0px; bottom:0px;
}
.rss a {
	display:block;
	width:40px;
	height:30px;
	background:url(style/img/rss.png) no-repeat;
	text-indent:-9999px;
}
/*
#################### Content Pages ####################
*/
#content{
	float:left;
	width:100%;
	display:inline;
	margin-right:-260px;
	margin-top:10px;
}
#content p {
	margin-right:300px;
	margin-bottom:14px;
}
img.entry-img{
	border:5px solid #7e9398;
	margin:6px 0;
}
/* 
#################### Sidebar ####################
*/
#sidebar {
	float:left;
	width:260px;
	margin-top:30px;
}
#sidebar h2, #sidebar h6 {
	background:url(style/img/sidebar-title.png) repeat-x;
	height:28px;
	padding-left:8px;
	font-size:16px;
	line-height:28px;
	color:#fff;
	text-shadow: 0 1px 0 #00191d;
	border:1px solid #3d5459;
	border-bottom:1px solid #263d42;
}
#sidebar ol li > div {
	margin-bottom:10px;
}
#sidebar ul li a {
	text-decoration:none;
	display:block;
	padding:4px 8px;
	font-weight:normal;
	color:#546b71;
	text-shadow: 0 1px 0 #d6e6e8;
	background-color:#c2d1d4;
	border:1px solid #72898f;
	border-top:none;
}
#sidebar ul li a:hover {
	background-color:#deeef0;
	text-shadow: 0 1px 0 #f2ffff;
}
#sidebar .form input#send2 {
	display:none;
}
#sidebar .form {
	background-color:#c2d1d4;
	border:1px solid #72898f;
	border-top:none;
}
#sidebar .form input.clearform {
	width:208px;
	margin:6px;
	background:#deeef0 url(style/images/search.png) no-repeat center right;
	border:1px solid #829ba2;
	color:#546b71;
	padding:6px 30px 6px 6px;
	text-shadow: 0 1px 0 #f2ffff;
}
/*
#################### About Me Page ####################
*/
#mini-banner-red-shadow {
	background:url(style/img/banner-mini-red-backgr.png) repeat-x;
	height:101px;
}
#mini-banner-red-shadow .container{
	background:url(style/img/banner-mini-red-shadow.png) no-repeat;
	height:101px;
}
#mini-banner-red-shadow h1{
	margin-left:44px;
	text-shadow:0 1px 0 #d0455c;
	float:left;
	font-size:40px;
	height:100px;
	line-height:100px;
}
#mini-banner-red-shadow ul {
	padding:24px 20px 0 44px;
	float:right;
}
#mini-banner-red-shadow ul li {
	float:left;
}
#mini-banner-red-shadow ul li a{
	display:block;
	height:32px;
	width:32px;
	text-indent:-9999px;
	margin-right:18px;
}
ul.myskills {
	float:left;
	margin:50px 20px 0 0;
	width:318px;
	border-bottom:5px solid #c2d1d4;
}
ul.mypoints {
	float:left;
	margin:50px 0 0 0;
	width:318px;
	border-bottom:5px solid #c2d1d4;
}
ul.myskills li, ul.mypoints li {
	font-family: 'Franklin Gothic Book', Helvetica, Verdana, sans-serif;
	color:#fff;
	text-shadow: -1px -1px 0 #85989d;
	font-size:18px;
	padding:5px 0;
	border-top:1px dotted #c2d1d4;
}
ul.myskills img, ul.mypoints img {
	clear:both;
	margin-right:10px;
}
/*
#################### Services Page ####################
*/
#mini-banner-green {
	background:url(style/img/banner-mini-green-backgr.png) repeat-x;
	height:101px;
}
#mini-banner-green .container{
	background:url(style/img/banner-mini-green.png) no-repeat;
	height:101px;
}
#mini-banner-green h2{
	margin-left:44px;
	text-shadow:0 1px 0 #77c24b;
	float:left;
	font-size:40px;
	height:100px;
	line-height:100px;
	color:#1c2222;
}
#mini-banner-green p {
	float:right;
	height:100px;
	line-height:115px;
	font-family: 'Franklin Gothic Book', Helvetica, Verdana, sans-serif;
	color:#fff;
	font-size:18px;
	margin-right:40px;
}
.servcs {
	overflow:auto;
	margin-top:20px;
}
.servcs h1 {
	font-size:24px;
	margin-bottom:10px;
	line-height:24px;
	color:#546b71;
	text-shadow: 0 1px 0 #b9d1d8;
}
#content .servcs p{
	margin:0;
}
.servcs ul{
	margin-right:300px;
}
.servcs ul li{
	float:left;
	width:300px;
	height:330px;
	display:block;
}
.servcs ul li.alt{
	margin-right:60px;
}
.go-to-contacts a{
	float:left;
	display:block;
	width:320px;
	padding-left:14px;
	height:40px;
	line-height:40px;
	background:url(style/images/go-to-contacts.png) no-repeat bottom left;
	margin-right:200px;
	margin-left:340px;
	font-size:16px;
	color:#f5fdff;
	text-decoration:none;
}
.go-to-contacts a:hover {
	background:url(style/images/go-to-contacts.png) no-repeat top left;
}
.webdesign-img{
	width:60px;
	height:55px;
	margin:14px 20px 0 0;
	float:left;
	background:url(style/images/services/Palette.png) no-repeat top left;
}
.codding-img{
	width:60px;
	height:60px;
	margin:12px 20px 0 0;
	float:left;
	background:url(style/images/services/codding.png) no-repeat top left;
}
.blogtmpl-img{
	width:60px;
	height:60px;
	margin:12px 20px 0 0;
	float:left;
	background:url(style/images/services/blog.png) no-repeat top left;
}
.cms-img{
	width:60px;
	height:60px;
	margin:12px 20px 0 0;
	float:left;
	background:url(style/images/services/cms.png) no-repeat top left;
}
.commerce-img{
	width:60px;
	height:60px;
	margin:12px 20px 0 0;
	float:left;
	background:url(style/images/services/shopping.png) no-repeat top left;
}
.community-img{
	width:60px;
	height:60px;
	margin:12px 20px 0 0;
	float:left;
	background:url(style/images/services/Community.png) no-repeat top left;
}
.install-img{
	width:60px;
	height:60px;
	margin:12px 20px 0 0;
	float:left;
	background:url(style/images/services/Installer.png) no-repeat top left;
}
.seo-img{
	width:60px;
	height:60px;
	margin:12px 20px 0 0;
	float:left;
	background:url(style/images/services/seo.png) no-repeat top left;
}
/*
#################### Portfolio Page ####################
*/
#mini-banner-blue {
	background:url(style/img/banner-mini-blue-backgr.png) repeat-x;
	height:101px;
}
#mini-banner-blue .container{
	background:url(style/img/banner-mini-blue.png) no-repeat;
	height:101px;
}
#mini-banner-blue h1{
	margin-left:44px;
	text-shadow:0 1px 0 #4689b5;
	float:left;
	font-size:40px;
	height:100px;
	line-height:100px;
	color:#1c2222;
}
#mini-banner-blue p {
	float:right;
	height:100px;
	line-height:115px;
	font-family: 'Franklin Gothic Book', Helvetica, Verdana, sans-serif;
	color:#fff;
	font-size:18px;
	margin-right:40px;
}
.pf-background {
	width: 320px; 
	height: 165px; 
	margin:20px 30px 10px 0;
	float:left; 
	background:url(style/img/last-project-backgr.png) no-repeat;
}
.boxgrid { 
	width: 310px; 
	height: 155px; 
	margin:5px;
	overflow: hidden;
	position: relative; 
}
.boxgrid img.pf-image {
	width: 310px; 
	height: 155px;
}
.boxgrid h2 {
	text-shadow:none;
	padding:2px 10px;
	font-weight:normal;
	font-size:14px;
	color:#546b71;
	border-bottom:1px solid #a7b6b8;
}
#content .boxgrid p.info {
	margin-right:0;
	font-size:11px;
	padding: 0 10px; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxcaption{ 
	float: left; 
	position: absolute; 
	background:#c2d1d4;
	color:#546b71;
	height: 140px;
	width: 100%;
	border-top:1px solid #deeef0;
	opacity: .95; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}
.boxcaption a {
	color:#1c2222;
}
.caption .boxcaption {
	top: 130px;
	width:310px;
}
/*
#################### Blog Page ####################
*/
#mini-banner-green {
	background:url(style/img/banner-mini-green-backgr.png) repeat-x;
	height:101px;
}
#mini-banner-green .container{
	background:url(style/img/banner-mini-green.png) no-repeat;
	height:101px;
}
#mini-banner-green h1{
	margin-left:44px;
	text-shadow:0 1px 0 #77c24b;
	float:left;
	font-size:40px;
	height:100px;
	line-height:100px;
	color:#1c2222;
}
#mini-banner-green .cloud {
	float:right;
	width:645px;
	line-height:30px;
	font-family: 'Franklin Gothic Book', Helvetica, Verdana, sans-serif;
	color:#fff;
	margin-right:30px;
	margin-top:16px;
	text-align:center;
}
.bloglist {
	margin-top:20px;
}
.post h2 {
	margin-right:300px;
}
.thumbnail {
	float:left;
	margin-top:10px;
	padding:5px;
	width:130px;
	height:130px;
	-ms-interpolation-mode: bicubic;
	background:url(style/img/thumbnails-backgr.png) no-repeat;
}
.post-inside {
	min-height:150px;
	overflow:auto;
}
.post-inside p {
	margin:15px 300px 14px 150px;
}
.post-inside p a.more-link {
	margin-top:15px;
}
p a.more-link {
	background:url(style/img/read-more.png) no-repeat top;
	display:block;
	width:90px;
	height:30px;
	text-align:center;
	line-height:30px;
	text-decoration:none;
	text-shadow:-1px -1px 0 #61767a;
}
p a.more-link:hover {
	background-position:bottom;
}
p.post-info {
	display:block;
	background-color:#8da4aa;
	padding:3px 5px;
	height:24px;
	line-height:24px;
	font-size:11px;
	border:1px solid #b7c5c8;
	margin-bottom:25px !important;
}
p.post-info span.thetime{
	float:left;
	display:block;
	height:24px;
	padding-left:26px;
	margin-right:12px;
	background:url(style/img/calendar-icon.png) no-repeat center left;
}
p.post-info span.thetags{
	float:left;
	display:block;
	height:24px;
	padding-left:28px;
	margin-right:12px;
	background:url(style/img/tag-icon.png) no-repeat center left;
}
p.post-info span.theposted{
	float:left;
	display:block;
	height:24px;
	padding-left:26px;
	margin-right:12px;
	background:url(style/img/folder-icon.png) no-repeat center left;
}
p.post-info span.thecomments{
	float:right;
	display:block;
	height:24px;
	padding-left:26px;
	margin-right:4px;
	background:url(style/img/comment-icon.png) no-repeat center left;
}
p.post-info a {
	line-height:22px;
}
/*
#################### Blog Single Page ####################
*/
.post-body p.post-info {
	margin-top:20px;
}
.post-body .thumbnail {
	margin-top:0;	
}
.post-body h3 {
	margin:40px 300px 10px 0;
	padding-bottom:10px;
	border-bottom:2px solid;
}
/*
#################### Contact page ####################
*/
#mini-banner-red {
	background:url(style/img/banner-mini-red-backgr.png) repeat-x;
	height:101px;
}
#mini-banner-red .container{
	background:url(style/img/banner-mini-red.png) no-repeat;
	height:101px;
}
#mini-banner-red h1{
	margin-left:44px;
	text-shadow:0 1px 0 #d0455c;
	float:left;
	font-size:40px;
	height:100px;
	line-height:100px;
	color:#1c2222;
}
#mini-banner-red p {
	float:right;
	height:100px;
	line-height:115px;
	font-family: 'Franklin Gothic Book', Helvetica, Verdana, sans-serif;
	color:#fff;
	font-size:18px;
	margin-right:40px;
}
#about-me-quote {
	width:660px;
	height:215px;
	background:url(style/img/about-me-quote.png) no-repeat;
	margin:20px 0 0 0;
}
#about-me-quote p {
	padding:8px 15px 0 235px;
	margin:0;
	color:#546b71;
	text-shadow: 0 1px 0 #d1dddf;
	text-align:justify;
}
#post-162 .wpcf7 {
	margin:-40px 0 0 220px;
}
#post-162 .wpcf7 p {
	margin-bottom:0;
}
#post-162 .wpcf7 strong {
	display:block;
	float:left;
	width:118px;
	line-height:30px;
}
#post-162 .wpcf7 input, #post-162 .wpcf7 textarea{
	border:none;
	color:#546b71;
	margin-bottom:20px;
}
#post-162 .wpcf7 input {
	background:url(style/img/input-field.png) no-repeat;
	width:220px;
	height:18px;
	padding:6px 10px;
}
#post-162 .wpcf7 textarea {
	background:url(style/img/textarea-field.png) no-repeat;
	width:300px;
	height:148px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding:6px 10px;
	line-height:20px;
}
#post-162 .wpcf7 span.wpcf7-quiz-label {
	display:block;
	float:left;
	width:113px;
	line-height:30px;
	font-weight:bold;
}
#post-162 .wpcf7 input#quiz {
	width:17px;
	background:url(style/img/input-quiz-field.png) no-repeat;
}
#post-162 .wpcf7 input#submit {
	background:url(style/img/read-more.png) no-repeat top;
	width:90px;
	height:30px;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	text-shadow:-1px -1px 0 #61767a;
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	margin-left:118px;
}
#post-162 .wpcf7 input#submit:hover {
	background-position:bottom;
}
/*
#################### Comments ####################
*/
#comments-box {
	margin-top:50px;
}
h3#comments {
	margin:10px 300px 30px 0;
	line-height:40px;
	border-top:3px solid #1c2222;
}
h3#comments a{
	float:right;
	display:block;
	height:28px;
	line-height:28px;
	font-size:12px;
	font-weight:normal;
	padding:4px 12px;
	background-color:#1c2222;
	color:#647a7a;
	text-shadow:none;
	text-decoration:none;
}
h3#comments a:hover {
	background-color:#262e2e;
	color:#7d9293;
}
#comments-box .comment-list li {
	margin:10px 300px 30px 0;
}
#comments-box .comment-gravatar {
	float:left;
	padding:4px;
	background-color:#8099a1;
	border:1px solid #779097;
}
#comments-box .comment-gravatar img {
	border:1px solid #9fb4b8;
}
#comments-box .comment-body {
	margin-left:100px;
	background-color:#c2d1d4;
	border:1px solid #829ba2;
	min-height:80px;
	color:#546b71;
}
#comments-box .comment-header {
	height:35px;
	line-height:33px;
	padding:0 10px;
	border-bottom:1px solid #829ba2;
}
#comments-box .comment-header cite {
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	font-family: 'Franklin Gothic Book', Helvetica, Verdana, sans-serif;
}
#comments-box .comment-header cite a {
	font-weight:normal;
	color:#546b71;
}
#comments-box .comment-header a.comment-time {
	float:right;
	font-size:11px;
	text-decoration:none;
}
#comments-box .comment-header a.comment-time:hover {
	text-decoration:underline;
}
#comments-box .comment-text p {
	margin:5px 10px 10px;
}
#comments-box .comment-text p a {
	color:#546b71;
}
#postcomment-form{
	margin:10px 300px 20px 0;
	overflow:auto;
}
#postcomment-form .clear {
	float:left;
	display:block;
	width:10px;
	height:20px;
}
h3#respond {
	margin:10px 300px 0 0;
	line-height:40px;
	border-top:3px solid #1c2222;
}
#postcomment-form input#author, #postcomment-form input#email, #postcomment-form input#url, #postcomment-form input#submit, #postcomment-form textarea{
	background:url(style/img/input-field-comment.png) no-repeat;
	display:block;
	float:left;
	width:193px;
	background-color:#c2d1d4;
	border:none;
	color:#546b71;
	padding:7px 10px;
}
#postcomment-form textarea {
	background:url(style/img/textarea-field-comment.png) no-repeat;
	width:639px;
	height:157px;
	padding:6px 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:20px;
	margin:10px 0;
}
#comments-box p.subscribe-to-comments{
	margin:0 0 10px 0;
	width:350px;
	float:left;
}
#postcomment-form input#submit  {
	background:url(style/img/read-more.png) no-repeat top;
	width:90px;
	height:30px;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	text-shadow:-1px -1px 0 #61767a;
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	float:right;
}
#postcomment-form input#submit:hover {
	background-position:bottom;
}
/*
#################### IE 6 Warning ####################
*/
#ie6-warning {
	background:#F0C5B6 url(style/images/no.gif) no-repeat scroll 15px 15px;
	margin: 0 auto;
	width:875px;
	min-width:875px;
	border:2px solid #E59D83;
	color:#78625B;
	font-size:0.8em;
	padding:15px 15px 15px 70px;
	text-align:left;
}
#ie6-warning h3 {
	padding:0;
	margin:0;
	color:#78625B;
}
#ie6-warning a:link, #ie6-warning a:visited, #ie6-warning a:active {
	color:#78625B;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid;
}
#ie6-warning a:hover {
	background-color:#78625B;
	color:#F0C5B6;
}
/*
#################### Pagenavi ####################
*/
.wp-pagenavi{
	text-align:center;
	margin:20px 300px 0 0;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited  {
	height:28px;
	line-height:28px;
	padding:4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #7e9398;
	color: #f5fdff;
	background-color: #7e9398;	
}
.wp-pagenavi a:hover, .wp-pagenavi a:active {	
	border: 1px solid #1c2222;
	color: #f5fdff;
	background-color: #1c2222;
}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
	height:28px;
	line-height:28px;
	padding:4px 6px; 
	margin: 2px;
	color: #647a7a;
	border: 1px solid #c2d1d4;
	background-color: #c2d1d4;
}
/*
#################### Extras ####################
*/
::selection{
	background: #1c2222;
	color:#f5fdff;
}
::-moz-selection{
	background: #1c2222;
	color:#f5fdff;
}