/*
	Theme Name: Hitchcock
	Theme URI: http://kahi.cz/wordpress/
	Description: Theme developed for developers as a much better starting point than the default (Kubrick) theme.
	Version: 0.9
	Author: Peter Kahoun (Kahi)
	Author URI: http://kahi.cz/
*/


/**
 * CSS; screen media
 * 
 * Note: MOSe applied
 * 
 * Peter Kahoun
 * 2008/12
 */

/* =reset
------------------------------------------------*/


body,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend,
th, td, hr, pre, p, blockquote {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; line-height:1;}

ol, ul {list-style:none;}

table {border-collapse:collapse; border-spacing:0;}

fieldset, img {border:0;}

body {font-size:62.5%;}

input[type=text] {padding:1px 3px;}

hr {display:none;}


/* =layout
------------------------------------------------*/

body {
	background:#555;
	color:#eee; text-align:center; font-size:62.5%; font-family:Calibri, "Myriad Pro", Tahoma, "Lucida Grande CE", lucida, sans-serif;}

input, textarea {font-family:Calibri, "Myriad Pro", Tahoma, "Lucida Grande CE", lucida, sans-serif;}

#container {
	margin:3em auto; position:relative;
	width:700px; padding:100px 20px;}

#container.pg-subpage {
	width:450px;
	text-align:left;}


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

.noscreen, .explain {
	position:absolute; left:-1000px; top:-1000px;
	width:0; height:0; overflow:hidden;}

.cleaner {
	clear:both; height:0;}


a {color:#eee}

p,
ol,
ul,
dl,
form,
table {
	margin-bottom:1em;
	font-size:150%; line-height:1.4;}

li {
	line-height:1.4;}

	li ul,
	li ol,
	li p,
	dl p,
	form p,
	form ul,
	form ol,
	form dl {
		font-size:100%;}

	form li {line-height:1.7}
	
	
p span[title],
li span[title] {
	border-bottom:1px dotted #fff;}	

ol {
	list-style:decimal
}

ul {
	list-style:disc
}
	
	/* forms */
	
fieldset {
	padding:1em;
	border-top:1px dotted #444;}

legend {
	padding:0 1em;
	background:#000;
	font-size:18px; font-style:italic; color:#777; margin:0 0 10px 10px;}

input[type=radio],
input[type=checkbox] {
	margin-right:1em}

form li {position:relative;}

li input[type=text] {
	position:absolute; left:130px;
	width:200px; }

li label.error {
	position:absolute; left:360px; top:0; 
	width:300px;
	color:red;}

textarea {
	display:block; margin-bottom:0.5em; 
	width:100%; min-height:60px; max-height:240px;
	font-size:15px; line-height:20px;}

input[type=submit] {
	margin:0 0 1em 145px; display:block; 
	width:76px; height:37px;
	background:#222 url(images/btn-short.png) left top no-repeat;
	border:0; cursor:pointer;
	font-size:16px; font-style:italic; color:#ddd;}

	input[type=submit]:hover {
		color:#fff;}

	/* tables */

table {}

th, td {
	padding:2px 2em 2px 1em;}

th {
	text-align:left; font-weight:bold; font-style:italic; color:#777} 

tr.selected td,
tr.selected th {
	padding-top:4px; padding-bottom:4px;
	background:#222;
	border-bottom:1px solid #444;}



/* =content top headings
------------------------------------------------*/

#name {
	margin-bottom:0.7em;
	font-size:240%; font-style:italic;}
	
.pg-subpage #name {
	text-align:center; font-size:180%; color:#777;}
	
	.pg-subpage #name a {
		color:#777; text-decoration:none;}

.pg-subpage h1 {
	margin-bottom:2em;
	text-align:center; font-size:240%; font-style:italic;}

.pg-subpage h2 {
	margin:2em 0 1em 0;
	font-size:18px; font-style:italic; color:#fff;}
	
	.p-id-4 h2 {
		margin-left:15px;}
	
	
 	/*  */

#name-to-links {
	position:absolute; left:442px; top:83px;
	width:135px; height:50px;
	background:url(images/lines-links.png) no-repeat;
	font-size:140%;}
	
	#name-to-links li {
		position:absolute; left:145px; top:-8px; 
		width:100px;
		text-align:left; font-style:italic;}
		
	#name-to-links li + li {
		top:30px;}
		

 	/*  */

#main-service {
	font-style:italic;}
	
	#main-service > * {
		display:block;}
	
	#main-service small {
		margin-bottom:1.5em;
		font-size:180%;  color:#777;}
	
	#main-service em {
		margin-bottom:0.4em; position:relative;
		height:110px;
		font-size:100px; color:#eee;}
		
		#main-service em span {
			position:absolute; left:0; top:0;
			width:100%; height:100%;
			background:url(images/psd-to-wp.png) no-repeat;}

		
	#main-service span#price {
			display:block;
			margin-bottom:2em;
			font-size:240%; color:#}


 	/*  */
	
#explain-wp {
	position:absolute;
	display:none;}


 	/* main order button */

#btn-order a {
	display:block; margin:0 auto;
	width:131px; height:37px;
	background:#222 url(images/btn-long.png) no-repeat;
	font-size:16px; font-style:italic; line-height:36px; text-decoration:none; color:#ccc;}

	#btn-order a:hover {color:#fff;}


 	/* index: toggleable areas */

#show-more-info,
#show-more-services-prices {
	margin-top:50px;
	font-size:240%; font-style:italic;}
	
#show-more-info.hiding,
#show-more-services-prices.hiding {
	cursor:pointer;
	font-size:140%;}

	#show-more-info.hiding span,
	#show-more-services-prices.hiding span {
		border-bottom:1px dotted #fff;}

#more-info,
#more-services-prices {
	margin:1em auto;
	width:430px;
	text-align:left; font-style:normal;}

	#more-info p {
		margin-bottom:0.66em;}


 	/* index: dynamic price form */

#show-more-services-prices.hiding {
	margin-top:1em}

	#more-services-prices li {
		overflow:hidden; position:static;
		background:url(images/tab-dot.png) left bottom repeat-x;
		font-style:italic; line-height:1.6;}
		
		#more-services-prices li span {
			background:#000;
			float:left; padding:0 3px 0 7px;}
			
		#more-services-prices li span+span {
			float:right; padding:0 7px 0 3px;}

		#more-services-prices input[type=checkbox] {
			margin-right:8px;}
		
	#more-services-prices .sume {
		margin-top:4px; position:relative;
		height:38px;
		background:#1a1a1a url(images/row-em.png) repeat-x;
		font-style:italic; font-weight:bold; line-height:38px;}

		#more-services-prices .sume span {
			float:left; margin-left:30px;}
		
		#more-services-prices .sume span+span {
			float:right; padding:0 7px;}
			
		#more-services-prices .sume input[type=submit] {
			position:absolute; left:445px; top:0; margin:0;}
			
	#more-services-prices .note {
		margin:2em 0 0 0;
		font-style:italic; font-size:14px;}


/* — this is the end. */