@charset "UTF-8";

/*
Theme Name: Easetock.com 2009
Theme URI: http:/easetock.com/
Description: WordPress theme based on Wordpress default theme 1.6. Design to be used only for Easetock.com website.
Version: 0.1
Author: Iztok Klančar
Author URI: http:/easetock.com/
Tags: minimalistic,white,grey,pink,gallery,blog

*/

body  {
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #333;
	background: #dbdbdb;
	margin: 0;
	padding: 0;
}


a { color: #333;}
a:hover {color: #ff0099;}

h1 {
	font-size:14px;
	line-height: 15px;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
h2, h3 {
	font-size: 14px;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
div.sidebar h2, div.sidebar p { width: 220px;}

body.home .item h2,
body.blog .item h2 {
	margin:0;
	padding: 3px 5px 3px 0;
	position: absolute;
	width: auto;
	z-index: 20;
	background-color: #fff;
	/*background-image: url(images/h2_bck.png);
	background-repeat: repeat;*/
}

h2 a { text-decoration: none;}

h3 {font-size: 13px; padding-bottom: 8px;}
	
p {	margin: 0;
	padding: 0 0 10px 0;}
	
a.linkout {
	padding-right: 9px;
	background: url(images/linkout.gif) no-repeat right top;
}

h2 small {
	font-weight: normal;
	font-size: 11px;
	margin:0;
	padding:0;
	}

#container { 
	width: 895px; 
	background: none;
	margin: 0 auto; 
	text-align: left;
} 

h1.hidden {display: none;}

ul#nav{
	list-style: none;
	margin: 0;
	padding: 70px 0 5px 0;
	width:130px;
	display:block;
	float:left;
	background: #ededed url(images/logo.gif) no-repeat top left;
	}
ul#nav ul {
	list-style: none;
	margin:0;
	padding:0;
	}
	
ul#nav li {
	padding: 0;
	margin: 0 0 5px 0;
	}

ul#nav li.break {
	margin-bottom: 6px;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom:6px;
	} 
ul#nav li a {
	color:#333;
	text-decoration:none;
	padding: 1px 10px;
	display:block;
	}
ul#nav ul li a {padding:0 0 0 20px;}
ul#nav li a:hover {
	color: #000;
	background-color: #D6CFCF;
	background-image: none;
	}
ul#nav li em {font-style:normal;}
ul#nav li em a, ul#nav li.current a, #header ul#nav li.current_page_item a, #header ul#nav li.current-cat a {color:#ff0099;}
ul#nav li em a:hover, ul#nav li.current a:hover, #header ul#nav li.current_page_item a:hover, ul#nav li.current-cat a:hover {color:#ff0099;}


.sidebar {
	float: right; 
	margin: 0 0 0 10px;
	padding: 0 10px;
	width: 220px;
}

#content { 
	margin: 0px 0 0 1px;
	padding: 0;
	width: 764px;
	display:block;
	float:left;
} 


body.about-me .item {
	background: url(images/bck_content.gif) repeat-y left top;}

.item, .comments {
	padding: 0 10px 0 10px;
	background:none;
	position:relative;
	background:#fff;
	margin-top:10px;
	}

.comments {
	margin-top:1px;
	color:#666;
}
	
.gallery {
	margin: 0 -10px 10px -10px;
	border-bottom: 1px solid #dbdbdb;
	height: 570px;
	z-index:5;
	background:#fff;
overflow: hidden;
position: relative;
	}
div.f645 .gallery {
	height: 622px;
}

.gallery img, .item img {
	margin-bottom:8px;
	}
	
.gallery img {margin-left: 10px;}

.gallery ul, .item ul {
	margin:0;
	padding: 0 0 10px 0;
	list-style: none;
	}

.gallery ul li, .item ul li {
	padding: 0 0 5px 0;
	
}
	
.gallery h2, .gallery p, .item h2, .item p, .comment p {width: 495px;}
.gallery h3, .gallery p {margin-left: 10px;}
h3#comments, h3#respond { padding-top:8px;}

.nav {
	display: block;
	width: 71px;
	float: right;
	/*margin-bottom: 5px;
	position:absolute;
	top: 505px;
	right:10px;*/
	z-index: 20;
	margin-top: -75px;
	position: relative;
	}	
.nav .prev em, .nav .next em {display: none;}
.nav .prev, .nav .next, .nav .prev a, .nav .next a {
	width: 33px;
	height: 43px;
	display:block;
	outline:none;
}
.nav .prev, .nav .next {float: left;}
.nav .next {margin-left: 5px;}

.nav .prev, .nav .prev a:hover {background: url(images/prev2.gif) no-repeat left top;}
.nav .prev a {
	background:url(images/prev1.gif) no-repeat left top;
	display: block;
}
.nav .next, .nav .next a:hover {background: url(images/next2.gif) no-repeat left top;}
.nav .next a {
	background: url(images/next1.gif) no-repeat left top;
	display: block;
}

p.footer, p.comment {color: #666; padding-bottom:0;}
p.footer a, p.comment a {color: #666;text-decoration:none;}
p.footer a:hover {color: #ff0099;}
/*p.comment a {font-weight: bold;}
p.comment a:hover {color: #333;}*/

p.footer { margin:2px -10px 0 -10px;
padding:10px;
border-top: 1px dotted #dbdbdb;
width: 744px;
}


p.indent {margin-left:205px; }

address {
	margin: 10px 0 16px 130px;
	padding: 8px 15px 8px 10px;
	background:  #ededed;
	font-style:normal;
	color:#666;
} 

address a {text-decoration: none; color:#666;}
div.sidebar a {text-decoration: none;}


form {
	margin:0 0 10px 0;
	color:#666;
	/*background-color: #ededed;
	padding:7px 8px 0 5px;*/
	}
.item form p {width: auto; padding-bottom: 5px;}	
label {
	width: 70px;
	display:inline-block;
	vertical-align:top;
	margin-top:2px;
	}
label.right {width: auto; font-size: 11px;}
input, textarea {
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #333;
	}
input {
	width: 305px;
	height: auto;
	border: 1px solid #7d7b7b;
	margin-right:5px;
	}
textarea { width: 415px;}

input#submit {
	margin-left:70px;
	width:70px;
	border: 1px solid #ff0099;
	background-color: #ff0099;
	color: #fff;
	font-size:13px;
	font-weight:bold;
	padding: 2px;
	}
	
input#submit:hover {
	background-color:#ff7fc2;
	}

ul.commentlist { list-style:none; margin:0; padding:0;border-bottom: 1px solid #ededed;
/*	padding:5px;*/}
	
ul.commentlist li {
/*	background-color: #ededed;*/
	border-top: 1px solid #ededed;
/*	padding:5px;
*/	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:1px;
	}
	
ul.commentlist cite {
	font-style:normal;
	font-weight:bold;
	float: left;
	padding-right:4px;
	}
	
ul.commentlist p { padding:0; margin:5px 0 0 0;}
	
span.says { display:none;}
div.comment-meta { 
	font-size: 11px;
	margin-left:5px;
	padding-top: 1px;
}
div.comment-meta:before {content:'/ ';}

div.comment-meta a { text-decoration: none;}

.pages {
	text-align: right;
	padding:10px;
	display: block;
/*	background:#dbdbdb;
*/	}
.pages a {
/*	font-weight: bold;
*/	padding: 0 5px 0 0;
	text-decoration:none;
	color: #ff0099;
	}
.pages a:hover { color: #333;}

/* Other */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}