/*
Theme Name: Helpdesk
Theme URI: www.helpdeskics.com
Description: Wyglad dla witryny www.helpdeskics.com
Author: Ikeris Sp. z o.o.
Author URI: http://www.helpdeskics.com/
*/

/* ---- [ Main structure ] ---- */

* {
	margin:0;
	padding:0;
}

body,
html {
	background:#fff url(images/bodybg.png) no-repeat top right;
}
body {
	color: #000;
	font-size:76%;
	line-height:150%;
	font-family: Arial,Sans-Serif;
	font-smooth:auto; /* CSS3 Font smoothing */
}

/* ----- [ headers ] ----- */

h1, h2, h3, h4, legend {
	font-weight: bold;
	line-height:1.2em;
}
h1{
	font-size:3em;
}
h2{
	font-size:2.2em;
}
h3{
	font-size:1.3em;
}
h4{
	font-size:1em;
}

/* ---- [ header page ] ---- */
#site-description{
	background:#3f5d8e url(images/bodybg.png) no-repeat top left;
	font-size:2em;
	font-weight: normal;
	line-height: 1.15em;
	font-family: "Trebuchet MS","Lucida Grande",Verdana,Arial,Sans-Serif;
	position: absolute;
	left: 0;
	top: 0;
	padding: .5em 2.5em 1.8em .5em;
	color: #fff;
	width: 22em;
	text-align: left;
	font-smooth:auto; /* CSS3 Font smoothing */
}

/* ---- [ lists ] ---- */
.code {
	border:1px solid #ddd;
	padding:3px 5px 3px 35px;
	font-family:Courier;
	list-style-type:decimal-leading-zero;
}
.code code {font-family:Courier;}
.code li {
	padding:0 5px;
	margin:2px 0;
	background:#f7f7f5;
}
.code li.tab1 {padding-left:5ex;}
.code li.tab2 {padding-left:10ex;}
.code li.tab3 {padding-left:15ex;}
.code .changed {
	font-weight:bold;
	color:#600;
}
.code em {
	font-style:normal;
	font-weight:bold;
	color:#600;
}

/* ---- [ quotes ] ---- */
blockquote {
	margin:1em 0;
	padding-left:36px;
	color:#555;
	background:url(images/quote-left.png) no-repeat top left;
}
q {
	quotes:"\201C" "\201D" "\2018" "\2019";
	font-style:italic;
}
q:before {content:open-quote;}
q:after {content:close-quote;}
/* Hide from IE5-mac \*/
* html q {font-style:italic;}
/* End hiding from IE5-Mac */

.bq-cite {margin:1em 0;}
.bq-cite div {
	margin-left:30px;
}
.bq-cite blockquote {margin-bottom:0;font-style:italic;}
.bq-cite cite {font-style:normal;font-size:1em}


/* ----- [input styles] ----- */
input,
textarea{
	font-size: .9em;
	border:1px solid #808080;
	padding:.2em .4em;
 	background:#f1f1f3;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus{
 	background:#fff;
	border-color:#101010;
}

input[type=submit]:link,
input[type=submit]:visited{
	background:#fff url(images/submit-button.png) repeat-x bottom left !important;
}
input[type=submit]:hover,
input[type=submit]:active{
	background:#e0e0e0 url(images/submit-button-hover.png) repeat-x bottom left !important;
}

.submit{
	border:1px solid #808080;
	background:#fff url(images/submit-button.png) repeat-x bottom left;
	color:#333;
	padding:.1em .2em;
	font-size: .9em;
}
/* ----- [positions] ----- */
.center{
	text-align: center;
}

/* ----- [skip links] ----- */
#skip {
	position:absolute;
	top:0;
	right:0;
}
#skip li{
	list-style: none;
	margin-right: 1em;
	float: left;
}
#skip li a{
	padding: .15em 16px .15em .15em;
	background: url(images/skip-arrow.png) no-repeat 100% 75%;
}
#skip li a:link,
#skip li a:visited{
	color: #e1e1e1;
}

#skip a:hover,
#skip a:focus,
#skip a:active {
	position: relative;
	top: -1px;
	right: -1px;
}
/* ----- [misc styles] ----- */
img{
	border:none;
}
address{
	font-style:normal;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.low {
	display: none;
}
hr.clear{
	display: none;
	clear: both;
}

hr.separator{
	visibility: hidden;
	height: 1.5em;
	clear: both;
}

code,
kbd,
pre {font-family:Monaco,Courier,"Courier New",Tahoma;}
ins {
	background-color:#dde3dd;
	text-decoration:none;
}
p,
pre {margin:0 0 1em;}

span.abbr,
abbr, /* IE only */
acronym{
	border-bottom:1px dotted #666;
	cursor:help;
	font-style:italic;
}
abbr[title],
acronym[title] {
	border-bottom:1px dotted #666;
	cursor:help;
	font-style:italic;
}

/* ---- [ centering image(s) ] ---- */
.centering-image{
	text-align: center;
}
	.centering-image img{
		display: block;
		margin: 0 auto;
		float: none !important;
	}
.center-image{
	display: block;
	margin: 0 auto;
	float: none !important;
}

/* ---- [ external links, except http://www.helpdeskics.com/ domain ] ---- */

/* IE only */
.external,
.external:link,
.external:visited{
	background: url(images/external.png) no-repeat 100% 0;
	padding-right: 13px;
}
.external:hover,
.external:active{
	background-position:100% -500px;
}

/* other browsers */

a[href^="http://"]:link,
a[href^="http://"]:visited {
	background: url(images/external.png) no-repeat 100% 0;
	padding-right: 13px;
}

a[href ^="mailto:"]:link {
	background: url(images/email.png) no-repeat 100% 0;
	padding-right: 16px;
}
a[href ^="mailto:"]:hover,
a[href ^="http://"]:hover {
	background-position:100% -500px;
}

a[href ^="http://www.helpdeskics.com/"]:link,
a[href ^="http://www.helpdeskics.com/"]:visited,
a[href ^="http://www.helpdeskics.com/"]:hover,
a[href ^="http://www.helpdeskics.com/"]:active{
	background: transparent;
	padding-right: 0;
}
/* ---- [ main container ] ---- */

#container{
	margin:0 auto;
	padding:0;
	width:63em;
	text-align:left;
	position:relative;
}
#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ---- [ main column ] ---- */
#maincol {
	float:right;
	width:40em;
	margin:120px 0 0 0;
	padding:0;
}

/* ----- [Navigation Sidebar Search Form] ----- */
#searchdiv{
	position:absolute;
	top:82px;
	right:0;
}
#searchdiv fieldset{
	border:none;
}
#searchdiv label{
	font-size:1.1em;
	color:#f0f0ec;
}

/* ---- [ sidebar ] ---- */
#sidebar {
	width:20em;
	margin:142px 0 0 0;
	padding:0;
	float:left;
	font-size:1em;
}

.sidebarbox h2{
	margin: .5em 0;
	padding-bottom: .2em;
	font-size:1.5em;
	font-weight:normal;
	border-bottom: 1px solid #ccc;
}

/* ---- [ sidebar links ] ---- */
ul.sidebarlist{
	list-style:none;
	padding:0;
	margin:1em 0 1em 0;
}
ul.sidebarlist li{
	background:url(images/arrow_menu.png) no-repeat 0 2%;
	margin:0 1em 0 0;
	padding-left:2em;
	font-size: 1.15em;
}
ul.sidebarlist li a{
	padding-left:0;
	display:block;
}
ul.sidebarlist li a:link{
	color:#707070;
	text-decoration: none;
}
ul.sidebarlist li a:visited{
	color:#505050;
	text-decoration: none;
}
ul.sidebarlist li a:hover,
ul.sidebarlist li a:active{
	text-decoration: underline;
	color:#ef970e;
}

ul.sidebarlist li h2,
ul.sidebarlist li ul{
	margin:1em 0;
	padding:0;
}

/* ---- [ Sidebar Navigation Menu ] ---- */

#navigation ul {
	list-style: none;
	font-size: 1.6em;
	padding:0;
	margin:0 0 2em 0;
}

#navigation ul li {
	background: #f1f1e5 url(images/menu-gradient.png) repeat-x bottom left;
	font-family: "Trebuchet MS","Lucida Grande",Verdana,Arial,Sans-Serif;
}

#navigation ul li a{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	text-decoration: none;
	display: block;
	color: #555;
	padding: 6px 8px 6px 20px;
}

#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li a:active{
	padding-left: 15px;
	border-left: 5px solid #b2010c;
	color: #b2010c;
}
#onlinedemo a:link,
#onlinedemo a:visited{
	color:#2057af;
}
/* ----- [Sidebar Call US] ----- */
.callus{
	position: absolute;
	top: 82px;
	left: 1em;
	color: #f0f0ec;
	width: 34em;
}
	.callus h2,
	.callus p{
		display:inline;
	}
	.callus h2{
		font-size: 1.1em;
	}
	.callus p{
		font-style:italic;
	}
		.callus p a:link,
		.callus p a:visited,
		.callus p a:hover,
		.callus p a:focus,
		.callus p a:active{
			color: #f0f0ec;
		}

/* ---- [ printer link ] ---- */
.printerout{
	list-style:none !important;
}
.printerout li{
	margin:0 !important;
}
#printer{
	text-align:left;
	background:url(images/print.png) no-repeat 100% 0;
	padding-right: 20px;
}
#printer:hover,
#printer:active{
	background:url(images/print.png) no-repeat 100% -50px;
}
/* ----- [ main column ] ----- */
.entrybody{
	color:#444;
	clear:both;
	margin:1.4em 0 0 0;
	border-bottom:1px solid #e3e3e3;
	padding:0;
	font-size: 1.15em;
}

h2.entrydate{
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
}
/* ----- [ main content from cms ] ----- */
.cmscontent{
	margin: 0 0 1em 0;
}

/* ---- [ container links ] ---- */

.links a,
.entrybody a{
	padding:.2em;
}
.links a:link,
.entrybody a:link{
	color: #b2010c;
	text-decoration: underline;
}
.links a:visited,
.entrybody a:visited{
	color:#a6010c;
	text-decoration: underline;
}
.links a:hover,
.entrybody a:hover,
.links a:active,
.entrybody a:active{
	background-color:#b2010c;
	color: #fff;
	text-decoration:none;
}
.entrytitle a:link{
	color: #fe6500;
	text-decoration: none;
}
.entrytitle a:visited{
	color:#d13800;
	text-decoration: none;
}
.entrytitle a:hover,
.entrytitle a:active{
	color:#fe6500;
	text-decoration:underline;
}

.entrytitle a[href^="http://"]:link,
.entrytitle a[href^="http://"]:visited,
.entrytitle a[href^="http://"]:hover,
.entrytitle a[href^="http://"]:active{
	background:transparent;
}


/* ----- [ main column - date,category and comment link ] ----- */
.entrymeta{
	font-size: .8em;
	clear:both;
	color:#666;
	background:url(images/comment.png) no-repeat center left;
	padding-left:20px;
	margin-bottom: 1em;
}
.entrymeta a:link{
	color:#666;
	text-decoration:underline;
}
.entrymeta a:visited,
.entrymeta a:hover,
.entrymeta a:active{
	color:#fff;
	text-decoration:none;
}

h2.entrytitle{
	font-size: 1.7em;
	margin-bottom:4px;
}

h3.entrytitle{
	margin-top:0;
	margin-bottom:4px;
	font-weight:normal;
}

.entrybody h2{
	margin: 0 0 .25em 0;
	font-weight: normal;
}
	.entrybody h2 a{
		padding-left:0;
	}

.entrybody h3 {
	margin: .75em 0;
	padding:.2em .5em;
	clear: both;
	font-weight:normal;
	background:#B2010C url(images/header-gradient.png) repeat-x bottom left;
	border: 3px double #fff;
	color:#fff;
}
.entrybody h4 {
	margin:1em 0;
	clear: both;
}
.entrymiddle p {
	margin:0 0 1em 0;
}
.entrybody address{
}
.entrybody ul ul,
.entrybody ol ol{
	margin-top: 1em;
	margin-bottom: 1em;
}
.entrybody ul li ul li h4,
.entrybody ol li ol li h4{
	font-size:1.1em;
}

.entrybody img {
	float: left;
	padding:1em 1em 0 0;
}

.entrybody ul,
.entrybody ol {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
	.entrybody ul li,
	.entrybody ol li{
		margin-bottom: .5em;
	}

/* ----- [Galeria - foto] ----- */
#foto-gallery {
	position:relative;
	width:460px;
	height:520px;
	background:#f1f1ec;
	border:1px solid #919183;
	margin:1em 0;
}
	#foto-gallery img {
		border:0;
	}
	#foto-gallery a{
		padding:0;
	}
		#foto-gallery a:hover{
			background-color:none;
		}
#foto-gallery .thumbs {
	position:absolute;
	left:16px;
	top:0;
	width:100%;
	list-style:none;
	padding:0;
	margin:0;
}
#foto-gallery ul li{
	float:left;
}
#foto-gallery ul li a.galeria:hover span {
	display:block;
	position:absolute;
	width:200px;
	height:50px;
	top:177px;
	left:55%;
	padding:5px;
	font-style:italic;
	font-size:.9em;
	color:#c3560d;
}
#foto-gallery ul li a.galeria:hover span:first-line {
	font-style:normal;
	font-weight:bold;
	font-size:1.2em;
	color:#c3560d;
}
#foto-gallery ul li a.galeria:active,
#foto-gallery a.galeria:focus{
	border:1px solid #666;
}
#foto-gallery ul li a.galeria:active em,
#foto-gallery a.galeria:focus em {
	width:100%;
	display:block;
	position:absolute;
	height:250px;
	top:270px;
	left:0;
	padding:0;
	color:#000;
}
#foto-gallery ul li a em img{
	display:block;
	margin:0 auto 0 -14px;
	float:none;
	border:1px solid #000;
	padding:0;
}
#foto-gallery h2{
	clear:both;
	margin:0;
	padding-top:306px;
	text-align:center;
	font-size:3.5em;
	font-weight:normal;
	font-family: Georgia, sans-serif;
	color:#cacaca;
	line-height:.8em;
}
#foto-gallery h2 em {
	font-size:0.6em;
	color:#000;
	display:block;
}

a.galeria,
a.galeria:visited{
	color:#000;
	text-decoration:none;
	border:1px solid #666;
	width:75px;
	height:75px;
	float:left;
	margin:4px;
}
a.slidea {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture1-1.png);}
a.slideb {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture2-2.png);}
a.slidec {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture3-3.png);}
a.slided {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture4-4.png);}
a.slidee {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture5-5.png);}
a.slidef {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture6-6.png);}
a.slideg {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture7-7.png);}
a.slideh {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture8-8.png);}
a.slidei {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture9-9.png);}
a.slidej {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture10-10.png);}
a.slidek {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture11-11.png);}
a.slidel {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture12-12.png);}
a.slidem {background:url(http://www.helpdeskics.com/wp-content/themes/helpdesk/images/helpdesk-picture13-13.png);}

a.galeria em,
a.galeria span{
	display:none;
}
a.galeria:hover{
	border:1px solid #c30;
	background-color:none;
	cursor:url(images/zoom.cur), pointer;
}

/* ---- [ secifications ] ---- */
.specifications li strong{
	color: #235dc6;
}

/* ---- [ comments ] ---- */
#commentblock{
	clear:both;
	padding:0;
	margin:0;
}
h2#comments{
	padding: .5em 0;
	margin:0 0 1em 0;
	border-bottom:3px double #333;
}
ol#commentlist {
	margin:1em 0 1em 2em;
	padding: 0;
	color: #333;
}
#commentlist li{
	padding:0;
	margin: 0;
}

#commentblock dl{
	margin:0;
	padding:0;
}
#commentblock dt{
	padding:.1em .3em;
	font-weight:bold;
	margin-top:1.5em;
}
#commentblock dt.ca {
	color:#000;
	background:#fe9;
	border-top:1px dotted #920D02;
}
#commentblock dt.ca:after {
	content:"Komentarz autora";
	text-transform:uppercase;
	margin:0 0.5em 0 1em;
}
#commentblock dd p{
	text-indent:0;
	padding:.4em .5em;
	margin:0;
}
#commentblock dd{
	color:#000;
	padding:0;
	margin:0;
}
#commentblock dd.ca {
	border-bottom:1px dotted #920D02;
	background:#ffffe6;
}

/* ---- [ comments links ] ---- */
#commentblock a:link,
#commentblock a:visited{
	color:#707070;
	text-decoration: none;
}
#commentblock a:hover,
#commentblock a:active{
	color:#303030;
	text-decoration: none;
}

/* ---- [ author (admin) comments ] ---- */
ol#commentlist li.authorcomment {
   background-color: #fbfbfb;
   border: solid 1px #457AA5;
}

#commentsformheader{
	color:#c30;
	margin:0 0 .25em 0;
	padding:0;
	font-size:1.35em;
}
#commentsform{
	margin: .5em 0;
	padding: 0;
	text-align:left;
}
#commentsform form{
	margin:0;
	padding:0;
}
#commentsform div{
	padding:0;
}
#commentsform dl{
	text-align:left;
	margin:0 0 1em 0;
	padding:0 1em;
}
#commentsform dl dt{
	padding:0 0 0.15em 0;
	margin:0;
}
#commentsform dl dd{
	padding:0 0 0.25em 0;
	margin:0;
}
#commentsform form textarea{
	width:100%;
}

#commentsform a:link{
	color: #40659b;
	text-decoration: none;
}
#commentsform a:visited{
	color:#283f64;
	text-decoration: none;
}
#commentsform a:hover,
#commentsform a:active{
	color:#036;
	text-decoration:underline;
}

.nocomments{
	color:#999;
}
.comments_link{
	padding-left:14px;
	background:url(images/comments.png) no-repeat 0 51% !important;
}
.comments_link:hover{
	padding-left:14px;
	background:url(images/comments.png) no-repeat -500px 51% !important;
}
.comments_link span{
	position:absolute;
	left:-1000px;
	width:900px;
}

/* ----- [Partners] ----- */
#partners,
#formPartners,
#newsletter,
#formNewsletter {
	padding:0 0 1em 0;
}

#formPartners form p em,
#formNewsletter form p em {
	font-style:normal;
}
	#formPartners fieldset,
	#formNewsletter fieldset {
		border:none;
	}

	#formPartners legend,
	#formNewsletter legend {
		position:absolute;
		margin-top:-1000em;
	}

		#formPartners div,
		#formNewsletter div {
			clear:left;
			line-height:1.8em;
		}

			#formPartners label {
				width:33%;
				padding-right:1ex;
				float:left;
				text-align:right;
				font-weight:bold;
			}
				#formPartners label em,
				#formNewsletter label em {
					font-style:normal;
				}

#formPartners fieldset.about,
#formPartners fieldset.privacy,
#formNewsletter fieldset.privacy {
	padding-bottom:1em;
}

#formPartners fieldset.privacy,
#formNewsletter fieldset.privacy {
	padding:1em 0;
	clear:both;
	margin-bottom:1em;
	font-size:.83em;
}

	#formPartners fieldset.privacy div,
	#formNewsletter fieldset.privacy div {
		line-height:1.2em;
		text-align:left;
	}

		#formPartners fieldset.privacy label,
		#formNewsletter fieldset.privacy label {
			width:auto;
			padding:0;
			float:none;
			text-align:left;
			line-height:150%;
		}

.error {
	color: #cc0e15;
	font-weight:bold;
}
.notvalid {
	font-weight:bold;
	color: #1515ff;
}
/* ----- [Gecko special] ----- */
input[type="text"],
textarea {
	border-radius:3px; /* CSS3 properties */
}
input[type="submit"]{
	border-radius:3px; /* CSS3 properties */
}
/* ----- [Contact Form] ----- */
.contactform{
	border:1px solid #ddd;
	background:#f8f8f8;
}
.contactform dl{
	padding:.5em;
}
.contacterror {
	border: 2px solid #c30;
}
.contactform div{
	margin:1em;
}

/* ----- [Subscribe Form] ----- */
.subscribe{
	border:none;
}
.subscribe div{
	padding:.5em 0;
	line-height:2em;
}

/* ---- [ next page info on main page ] ---- */
.nextpage{
	padding:0;
	margin:0;
	font-size: 1.1em;
	text-align:center;
}
.nextpage a:link{
	color: #40659b;
	text-decoration: none;
}
.nextpage a:visited{
	color:#283f64;
	text-decoration: none;
}
.nextpage a:active{
	color:#036;
	text-decoration:underline;
}
.nextpage a:hover{
	text-decoration: none;
	color: #fff;
	background: #3080cb;
}

/* ----- [ footer ] ----- */
#footer{
	margin:0 auto;
	padding:2em 1em .5em 1em;
	color:#898989;
	font-size:.9em;
	text-align:center;
	clear:both;
}
#footer a{
	color:#999;
	font-weight:bold;
}
#footer a:hover{
	color:#333;
}

/* ---- [ top of the page link ] ---- */
.footerinfo {
	clear:both;
	position:absolute;
	top:98%;
	right:0;
}
#topOfThePage {
	position:fixed;
	bottom:0;
	right:0;
	display:block;
	border:1px solid;
	padding:.2em .2em .2em 14px;
	font-family: Arial, Sans-Serif;
	background:url(images/arrow_up.png) no-repeat center left;
}
#topOfThePage:link,
#topOfThePage:visited{
	border-color:#d5d5d5;
	background-color:#f5f5f5;
	color:#333;
	text-decoration:none;
}
#topOfThePage:hover,
#topOfThePage:active{
	border-color:#a5a5a5;
	background-color:#d5d5d5;
	color:#333;
}