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

/* 
#################### CSS contents ####################
* 1 Navigation
* 2 Banner
* 3 Slider
* 4 Services
* 5 Lastbar
* 5 Footer
* 6 Sidebar
* 7 Content
* 8 Single Page
* 9 Comments
* 10 Portfolio Page 
* 11 Contact Page
* 12 About me Page
* 13 Other
*/

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

body {
	font:12px/1.55em Verdana, Geneva, sans-serif;
	text-align:center;
	color: #f5fdff;
	line-height:18px;
	background: #9cb3b9;
}
#wrapper {
	text-align:left;
	height:auto !important;
	height:100%;
	min-height:100%;
}
.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;
}
h1, h2, h3, h5, h5, h6 {
	font-family:Verdana, Geneva, sans-serif;
}
h1 {
	font-size:32px;
	color:#1c2222;
	text-shadow: 0 1px 0 #c5dee5;	
}
h2 {
	font-size:27px;
	color:#546b71;
	text-shadow: 0 1px 0 #b9d1d8;
}
h3 {
	font-size:20px;
	color:#f5fdff;
	text-shadow: -1px -1px 0 #85989d;
}
h4 {
	font-size:32px;
	color:#1c2222;
	text-shadow: 0 1px 0 #6dcc3d;
}
/* 
#################### Navigation ####################
*/
#header .container{
	height:102px;
	background:url(style/images/header-underline.png) repeat-x left bottom;
}
.left-background-header {
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:102px;
	background:url(style/images/bg-left-header.png) repeat-x;
}
.right-background-header {
	position:absolute;
	right:0;
	top:0;
	width:50%;
	height:102px;
	background:url(style/images/bg-right-header.png) repeat-x;
}
#myname h1 a{
	position:absolute;
	left:0;
	top:0;
	width:40px;
	height:95px;
	background:url(style/images/myname.png) no-repeat;
	text-indent:-9999px;
}
#myname h1 a:hover{
	cursor:default;
}
#header .trigger {
	position: absolute;
}
#header .popup {
	position: absolute;
	display: none;
	z-index: 50;
    background: url(style/images/popuphovtitle.png) no-repeat;
    width: 249px;
    height: 27px;
    overflow: hidden;
}
#header .popup .inside{
	padding-top: 3px;
	padding-left: 18px;
	color: #f5fdff;
	font-size:11px;
}
#logo {
	background:url(style/images/logo.png) no-repeat;
	width:248px;
	height:53px;
	position:absolute;
	left:64px;
	top:34px;
}
#header ul{
	float:right;
	margin-right:42px;
}
#header ul li{
	float:left;
	margin:0 10px;
}
#header ul li a{
	display:block;
	margin:0 10px;
}
ul.navigation li.page-item-5 a{
	background:url(style/images/navigation.png) no-repeat 0 0;
	width:74px;
	height:68px;
	text-indent:-9999px;
}
ul.navigation li.page-item-513 a{
	background:url(style/images/navigation.png) no-repeat -96px 0;
	width:69px;
	height:68px;
	text-indent:-9999px;
}
ul.navigation li.page-item-31 a{
	background:url(style/images/navigation.png) no-repeat -192px 0;
	width:78px;
	height:68px;
	text-indent:-9999px;
}
ul.navigation li.page-item-193 a{
	background:url(style/images/navigation.png) no-repeat -321px 0;
	width:39px;
	height:68px;
	text-indent:-9999px;
}
ul.navigation li.page-item-162 a{
	background:url(style/images/navigation.png) no-repeat -422px 0;
	width:64px;
	height:68px;
	text-indent:-9999px;
}
ul.navigation li a:hover {
	height:80px;
}
#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/images/switch-to-bulgarian.png) no-repeat right top;
	text-indent: -9999px;
}

/* 
#################### Banner ####################
*/
#banner {
	background:url(style/images/banner-backgr.png) repeat-x;
	width:100%;
	height:328px;
}
#banner .container{
	background:url(style/images/banner.png) no-repeat;
	width:960px;
	height:327px;
}
#banner .container p{
	position:absolute;
	top:0;
	left:-9999px;
}
/* 
#################### Slider ####################
*/
.anythingSlider{
	height: 240px;
	width: 402px;
	position:absolute;
	top:38px;
	right:38px;
}
.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: #f5fdff;
	display: inline-block;
	padding: 0 3px;
	height: 18px;
	margin: 0 5px 0 0;
	background: #448026;
	border:1px solid #3d7322;
	text-align: center;
	text-decoration:none;
}
#thumbNav a:hover, #thumbNav a.cur{
	background:#58a632;
	border:1px solid #5fb236;
}
#start-stop, #start-stop .playing, #start-stop:hover {
	display:none;
}
/* 
#################### Services ####################
*/
#services .container {
	min-height:60px;
	background:url(style/images/arrow-down.png) no-repeat left top;
}
.right-background-services {
	position:absolute;
	right:0;
	top:202px;
	width:50%;
	height:5px;
	background:url(style/images/bg-right-services.png) repeat-x;
}
.right-background-services-front {
	position:absolute;
	right:0;
	top:0px;
	width:50%;
	height:5px;
	background:url(style/images/bg-right-services.png) repeat-x;
}
#upperline{
	background:url(style/images/upperline.png) repeat-x;
	height:5px;
}
#panel {
	height: 245px;
	width:960px;
	background:url(style/images/services-backgr.png) repeat-x;
}
.slide {
	position:absolute;
	left:0;
	top:5px;
	width:40px;
}
a.btn-slide{
	height:205px;
	display:block;
}
.slide .active{
	height:45px;
	display:block;
}
.slide .active-on{
	height:205px;
	display:block;
}
p.web-design, p.cms, p.web-standards{
	width:260px;
	height:140px;
	display:block;
	color:#fff;
}
p.web-design {
	position:absolute;
	left:60px;
	top:65px;
}
p.cms {
	position:absolute;
	left:360px;
	top:65px;
}
p.web-standards {
	position:absolute;
	right:40px;
	top:65px;
}
a.more-service-design, a.more-service-cms, a.more-service-standards {
	position:absolute;
	left:145px;
	bottom:-4px;
	background:url(style/images/more-services.png) no-repeat top left;
	width:81px;
	height:36px;
	padding-left:24px;
	line-height:29px;
	display:block;
	color:#f5fdff;
	text-decoration:none;
}
a.more-service-design:hover, a.more-service-cms:hover, a.more-service-standards:hover{
	text-decoration:underline;
/*	background:url(style/images/more-services.png) no-repeat left bottom;*/
}
/*
#################### Mini slider ####################
*/
/*aboutme*/
#panel-aboutme {
	height: 205px;
	width:620px;
	padding:20px 0 0 40px;
	background:url(style/images/aboutme-panel.png) no-repeat top left;
	display:none;
}
#panel-aboutme ul {
	margin:40px 0 0 22px;
}
#panel-aboutme ul li a{
	float:left;
	display:block;
	height:32px;
	width:120px;
	padding-left:42px;
	margin-bottom:20px;
	margin-right:30px;
	line-height:32px;
	color:#f5fdff;
	font-size:18px;
	font-weight:normal;
}
ul li.facebook a{
	background:url(style/images/social/Facebook.png) no-repeat center left;
}
ul li.colourlovers a{
	background:url(style/images/social/colourlovers.png) no-repeat center left;
}
ul li.linkedin a{
	background:url(style/images/social/LinkedIn.png) no-repeat center left;
}
ul li.deviantart a{
	background:url(style/images/social/DeviantArt.png) no-repeat center left;
}
ul li.twitter a{
	background:url(style/images/social/Twitter.png) no-repeat center left;
}
ul li.delicious a{
	background:url(style/images/social/Delicious.png) no-repeat center left;
}
ul li.lastfm a{
	background:url(style/images/social/LastFm.png) no-repeat center left;
}
ul li.flickr a{
	background:url(style/images/social/flickr.png) no-repeat center left;
}
/*services*/
#panel-services {
	height: 205px;
	width:600px;
	padding:20px 0 0 40px;
	background:url(style/images/services-panel.png) no-repeat top left;
	display:none;
}
/*portfolio*/
#panel-portfolio {
	height: 205px;
	width:610px;
	padding:20px 0 0 40px;
	background:url(style/images/portfolio-panel.png) no-repeat top left;
	display:none;
}
/*blog*/
#panel-blog {
	height: 200px;
	width:600px;
	padding:20px 0 0 40px;
	background:url(style/images/blog-panel.png) no-repeat top left;
	display:none;
}
#content .cloud{
	margin:50px 22px 0 38px;
	text-align:center;
}
/*contact*/
#panel-contact {
	height: 245px;
	width:500px;
	padding:20px 0 0 160px;
	background:url(style/images/contact-panel.png) no-repeat top left;
}
#content #panel-contact p{
	margin:30px 0 0 76px;
	color:#546b71;
	text-shadow: 0 1px 0 #d1dddf;	
}
/* 
#################### Lastbar ####################
*/
#last-posts{
	width:600px;
	padding-right:40px;
	float:left;
	display:inline;
}
#last-projects{
	width:320px;
	float:right;
	display:inline;
}
#last-posts h6 {
	background:url(style/images/last-projects-publications.png) no-repeat 0 50%;
	height:52px;
	width:280px;
	text-indent:-9999px;
}
#last-projects h6 {
	background:url(style/images/last-projects-publications.png) no-repeat -362px 50%;
	height:52px;
	width:232px;
	text-indent:-9999px;
}
#last-projects h5 {
	background:url(style/images/contact-me.png) no-repeat 0 50%;
	height:52px;
	width:244px;
	text-indent:-9999px;
}
#last-posts .last-post .last-meta{
	float:left;
	width:40px;
	padding-right:20px;
	display:inline;
}
#last-posts .last-post .last-meta p.time{
	background:url(style/images/time-backgr.png) no-repeat;
	width:40px;
	height:39px;
	padding-top:1px;
	text-align:center;
	font-weight:bold;
	text-transform:capitalize;
}
#last-posts .last-post .last-meta p.comments{
	background:url(style/images/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;
}
#last-posts .last-post .last-meta p.comments a:hover {
	text-decoration:underline;
}
#last-posts .last-post .last-entry{
	float:left;
	width:540px;
	display:inline;
	margin-bottom:15px;
}
#last-posts .last-post .last-entry h3 {
	display:block;
	border-bottom:2px solid #c2d1d4;
	padding-top:6px;
	padding-bottom:14px;
	margin-bottom:5px;
}
#last-posts .thumbnail {
	float:left;
	margin:5px 10px 0 0;
	width:120px;
	height:120px;
	border: 5px solid #7e9398;
	-ms-interpolation-mode: bicubic;
}
#last-posts .last-post .last-entry p {
	color:#fff;
}
#last-posts .last-post .last-entry p a {
	text-shadow:none;
	margin:1px 0 0 140px;
	text-decoration:none;
}
#last-projects .portfolio a img{
	width:310px;
	height:155px;
	margin-bottom:20px;
	border:5px solid #7e9398;
	-ms-interpolation-mode: bicubic;
}
#last-projects .portfolio a span{
	border:6px solid #7e9398;
	height:153px;
	width:308px;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#last-projects .portfolio a:hover span{
	display:block;
}

#last-projects .wpcf7 input, #last-projects .wpcf7 textarea{
	background-color:#c2d1d4;
	border:1px solid #829ba2;
	color:#546b71;
	padding:6px 10px;
	margin-bottom:20px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}
#last-projects .wpcf7 input {
	width:220px;
}
#last-projects .wpcf7 textarea {
	width:300px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#last-projects .wpcf7 input.submit {
	width:110px;
	cursor:pointer;
	background-color:#738a90;
	border:1px solid #53686e;
	color:#fefefe;
	text-shadow: 0 1px 0 #455356;
	font-weight:bold;
}
#last-projects .wpcf7 input.submit:hover{
	background-color:#1c2222;
}
#last-projects .wpcf7 input.reset {
	width:110px;
	cursor:pointer;
	background-color:#839da4;
	border:1px solid #75898e;
	color:#dbe4e6;
	font-weight:bold;
	margin-right:15px;
}
#last-projects .wpcf7 input.reset:hover {
	background-color:#91aab2;
	border:1px solid #879da3;
}

/* 
#################### Footer ####################
*/
#footer{
	background:url(style/images/footer-bg.png) repeat-x top;
}
.left-background-footer {
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:39px;
	background:url(style/images/bg-left-footerup.png) repeat-x;
}
#footer .container{
	background:url(style/images/footer-backgr.png) no-repeat top;
	height:310px;
}
#gototop a{
	display:block;
	width:40px;
	height:40px;
	margin-left:920px;
}
#footer h6 {
	display:none;
}
li.foot{
	width:225px;
}
#footer ul li{
	float:left;
	margin-top:60px;
	margin-right:20px;
}
#footer ul li.twtr{
	margin-right:0;
}
#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;
}
#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:-27px;
	right:4px;
	background:url(style/images/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;
}
.left-background-footer-down {
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:6px;
	background:url(style/images/bg-left-footerdown.png) repeat-x;
}
#end .container {
	background:url(style/images/end.png) no-repeat top;
	height:26px;
	padding-top:14px
}
#end .container a{
	color:#f5fdff;
}
p.leftfooter {
	float:left;
}
p.rightfooter {
	margin-right:50px;
	float:right;
}
.rss {
	position:absolute;
	right:9px;
	bottom:4px;
}
.rss a {
	display:block;
	width:27px;
	height:26px;
	text-indent:-9999px;
}
/*
#################### Content ####################
*/
#mini-banner {
	background:url(style/images/mini-banner-backgr.png) repeat-x;
	height:100px;
}
#mini-banner .container{
	background:url(style/images/mini-banner.png) repeat-x;
	height:100px;
}
#mini-banner h4, #mini-banner p{
	padding:22px 0 0 50px;
}
#more-info .container {
	min-height:60px;
	background:url(style/images/arrow-down.png) no-repeat left top;
}
#upperline{
	background:url(style/images/upperline.png) repeat-x;
	height:5px;
}
#content{
	float:left;
	width:100%;
	display:inline;
	margin-right:-260px;
}
#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:20px;
}
#sidebar h2 {
	display:block;
	font-size:16px;
	padding:0 8px 6px;
	color:#1c2222;
	text-shadow: 0 1px 0 #c5dee5;
}
#sidebar ol li > div {
	margin-bottom:10px;
	padding:6px 0;
	border:1px solid #b3c3c7;
	background-color:#a4babf;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}
#sidebar ul li a {
	text-decoration:none;
	display:block;
	padding:4px 8px;
	border-top:1px solid #b3c3c7;
	font-weight:normal;
	color:#546b71;
	text-shadow: 0 1px 0 #b9d1d8;
}
#sidebar ul li a:hover {
	background-color:#c2d1d4;
	text-shadow: 0 1px 0 #dae1e3;
}
#sidebar .form input#send2 {
	display:none;
}
#sidebar .form input.clearform {
	width:200px;
	margin:4px 8px;
	background:#c2d1d4 url(style/images/search.png) no-repeat center right;
	border:1px solid #829ba2;
	color:#546b71;
	padding:6px 30px 6px 10px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}
/*
#################### About me page ####################
*/
ul.myskills {
	float:left;
	margin:20px 20px 0 0;
	width:318px;
	border-bottom:5px solid #f5fdff;
}
ul.mypoints {
	float:left;
	margin:20px 0 0 0;
	width:318px;
	border-bottom:5px solid #f5fdff;
}
ul.myskills li, ul.mypoints li {
	font-size:17px;
	padding:5px 0;
	border-top:1px dotted #f5fdff;
}
ul.myskills img, ul.mypoints img {
	clear:both;
	margin-right:10px;
}
/*
#################### Portfolio page ####################
*/
.pf-image {
	width:660px;
	height:335px;
	text-align:center;
	background-color:#7e9398;
}
img.pf-image {
	width:650px;
	height:325px;
	margin:5px;
}
#content p.info, #content p.url {
	display:block;
	padding:5px 0;
/*	height:20px;*/
	line-height:20px;
	border-bottom:2px solid #c2d1d4;
	margin-bottom:0;
	overflow:auto;
}
#content p.info span p{
	margin-bottom:0;
	margin-right:0;
}
#content p.url {
	margin-bottom:40px;
	border-bottom:5px solid #c2d1d4;
}
p.info strong, p.url strong {
	float:left;
	width:200px;
	display:inline;
}
p.info span {
	float:left;
	width:450px;
	display:inline;
}
/*
#################### Contact page ####################
*/
#content p.name, #content p.email, #content p.phone, #content p.message, #content p.quiz{
	margin:0;
	clear:both;
}
p.name strong, p.email strong, p.phone strong, p.message strong, p.quiz span span{
	float:left;
	width:200px;
	text-align:right;
	padding-right:20px;
	margin-bottom:10px;
	line-height:28px;
}
p.name span, p.email span, p.phone span, p.message span {
	float:left;
	width:740px;
	margin-bottom:10px;
}
p.message strong {
	line-height:18px;
}
#post-162 p.quiz {
	width:960px;
	height:40px;
}
#post-162 p.quiz span {
	font-weight:bold;
}
#post-162 p.quiz input{
	float:left;
	margin-bottom:10px;
	width:17px;
}
#post-162 .wpcf7-form input, #post-162 .wpcf7 textarea{
	background-color:#c2d1d4;
	border:1px solid #829ba2;
	color:#546b71;
	padding:6px 10px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}
#post-162 .wpcf7-form input {
	width:220px;
}
#post-162 .wpcf7-form textarea {
	width:360px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;	
}
#post-162 .wpcf7-form input#submit {
	width:110px;
	cursor:pointer;
	background-color:#738a90;
	border:1px solid #53686e;
	color:#fefefe;
	text-shadow: 0 1px 0 #455356;
	font-weight:bold;
	margin-left:220px;
}
#post-162 .wpcf7-form input#submit:hover{
	background-color:#1c2222;
}
/*
#################### Blog page ####################
*/
.post h3 a{
	color:#f5fdff;
	font-weight:normal;
	display:block;
	padding-bottom:5px;
	border-top:1px solid #9cb3b9;
	border-bottom:1px solid #c2d1d4;
	margin:20px 300px 5px 0;
	text-decoration:none;
}
.post h3 a:hover{
	border-top:1px solid #c2d1d4;
	text-decoration:none;

}
.post-body h3 {
	margin:20px 300px 5px 0;
	padding-bottom:5px;
	border-bottom:1px solid;
}
.post .thumbnail, .post-body .thumbnail{
	float:left;
	margin:5px 10px 0 0;
	width:150px;
	height:150px;
	border: 5px solid #7e9398;
}
.post-inside{
	min-height:170px;
}
p.post-info {
	display:block;
	background-color:#7e9398;
	padding:3px 5px;
	line-height:24px;
}
p.post-info a{
	color:#f5fdff;
}
p.post-info span.thetime{
	float:left;
	display:block;
	height:24px;
	padding-left:22px;
	margin-right:8px;
	background:url(style/images/calendar-icon.png) no-repeat center left;
}
p.post-info span.thetags{
	float:left;
	display:block;
	height:24px;
	padding-left:24px;
	margin-right:8px;
	background:url(style/images/tag-icon.png) no-repeat center left;
}
p.post-info span.theposted{
	float:left;
	display:block;
	height:24px;
	padding-left:22px;
	margin-right:8px;
	background:url(style/images/folder-icon.png) no-repeat center left;
}
p.post-info span.thecomments a{
	height:24px;
	padding-left:22px;
	margin-right:8px;
	background:url(style/images/comment-icon.png) no-repeat center left;
}
p a.more-link {
	background-color:#7e9398;
	color:#f5fdff;
	display:block;
	width:54px;
	padding:4px 0 4px 6px;
	margin: 23px 0 0 170px;
	text-decoration:none;
}
p a.more-link:hover {
	background-color:#1c2222;
	color:#f5fdff;
}
p.singlepost-info {
	background-color:#a4babf;
	border:1px solid #b3c3c7;
	display:block;
	line-height:24px;
	padding:3px 5px;
	margin-bottom:4px;
}
/*
#################### Services-page ####################
*/
.servcs h1 {
	font-size:24px;
	margin-bottom:6px;
	line-height:24px;
}
#content .servcs p{
	margin:0;
}
.servcs ul{
	margin-right:300px;
}
.servcs ul li{
	float:left;
	width:310px;
	height:260px;
	display:block;
}
.servcs ul li.alt{
	margin-right:40px;
}
.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 10px 0 0;
	float:left;
	background:url(style/images/services/Palette.png) no-repeat top left;
}
.codding-img{
	width:60px;
	height:60px;
	margin:12px 10px 0 0;
	float:left;
	background:url(style/images/services/codding.png) no-repeat top left;
}
.blogtmpl-img{
	width:60px;
	height:60px;
	margin:12px 10px 0 0;
	float:left;
	background:url(style/images/services/blog.png) no-repeat top left;
}
.cms-img{
	width:60px;
	height:60px;
	margin:12px 10px 0 0;
	float:left;
	background:url(style/images/services/cms.png) no-repeat top left;
}
.commerce-img{
	width:60px;
	height:60px;
	margin:12px 10px 0 0;
	float:left;
	background:url(style/images/services/shopping.png) no-repeat top left;
}
.community-img{
	width:60px;
	height:60px;
	margin:12px 10px 0 0;
	float:left;
	background:url(style/images/services/Community.png) no-repeat top left;
}
.install-img{
	width:60px;
	height:60px;
	margin:12px 10px 0 0;
	float:left;
	background:url(style/images/services/Installer.png) no-repeat top left;
}
.seo-img{
	width:60px;
	height:60px;
	margin:12px 10px 0 0;
	float:left;
	background:url(style/images/services/seo.png) no-repeat top left;
}
/*
#################### Comments ####################
*/
h3#respond {
	border-top:4px solid #1c2222;
	margin-top:30px;
	padding-top:10px;
	margin-right:300px;
}
#comments-box .comment-list li {
	background-color:#94afb5;
	border:1px solid #b3c3c7;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	margin:10px 300px 10px 0;
}
.comment-header {
	height:35px;
	border-bottom:1px solid #b3c3c7;	
}
.comment-gravatar {
	float:left;
	padding:5px;
	background-color:#b3c3c7;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-left-radius: 9px;
	border-top-left-radius: 9px;
}
#comments-box cite{
	font-size:20px;
	font-weight:normal;
	line-height:30px;
	padding:0 5px;
}
#comments-box cite a{
	font-weight:normal;
	text-decoration:none;
}
#comments-box cite a:hover{
	text-decoration:underline;
}
#comments-box a.comment-time {
	float:right;
	line-height:30px;
	padding-right:8px;
	text-decoration:none;
}
#comments-box a.comment-time:hover {
	text-decoration:underline;
}
#comments-box p {
	margin: 10px 10px 10px 80px;
}
h3#comments {
	margin:10px 306px 40px 6px;
	border-top:2px solid #c2d1d4;
}
h3#comments a{
	float:right;
	display:block;
	font-size:12px;
	padding:4px 6px;
	background-color:#c2d1d4;
	color:#f5fdff;
	text-shadow:none;
	text-decoration:none;
}
h3#comments a:hover {
	background-color:#1c2222;
}
#postcomment-form{
	margin:20px 300px 0 0;
}
#postcomment-form .clear {
	float:left;
	display:block;
	width:10px;
	height:20px;
}
#postcomment-form input#author, #postcomment-form input#email, #postcomment-form input#url, #postcomment-form input#submit, #postcomment-form textarea{
	display:block;
	float:left;
	width:191px;
	background-color:#c2d1d4;
	border:1px solid #829ba2;
	color:#546b71;
	padding:6px 10px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}
#postcomment-form textarea {
	width:637px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:10px 0;
}
#comments-box p.subscribe-to-comments{
	margin:0 0 10px 0;
	line-height:12px;
}
#postcomment-form input#submit{
	width:110px;
	cursor:pointer;
	background-color:#738a90;
	border:1px solid #53686e;
	color:#fefefe;
	text-shadow: 0 1px 0 #455356;
	font-weight:bold;
}
#postcomment-form input#submit:hover {
	background-color:#1c2222;
}
/*
#################### 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;
}