/*   
Theme Name: Szynol
Theme URI: http://szynkiewicz.com
Description: Skorka do blogu Pawla Szynkiewicza
Author: Pawel Szynkiewicz (Grafika), Jakub Bilko (xhtml & Css)
Author URI: http://jakubbilko.pl
Version: 1.0
#logo { float: left; width: 193px; height: 77px; background-image:url(http://szynkiewicz.com/wp-content/themes/szynol/images/toplogo.jpg); background-position:center; background-repeat:no-repeat; }
*/

body { background-color: #FFFFFF; margin: 0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif }
 a { color: #db3333; text-decoration: none; }
a:hover {text-decoration: underline;}
#nawigacja {overflow: hidden; float:right;}
#main_nav {float:right; overflow: hidden; width: 305px; margin-top: 0px;}
#main_nav li {display: block; float:left; height: 86px; z-index: 100;}
#main_nav li a {display: block; height: 86px; width: 100px; float: left; text-indent: -9999px;}
#main_nav li#menu_folio_active a { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -100px -172px; width: 85px;}
#main_nav li#menu_folio a { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -100px 0; width: 85px;}
#main_nav li#menu_folio a:hover { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -100px -86px; }
#main_nav li#menu_info_active a { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -192px -172px; width: 80px;}
#main_nav li#menu_info a { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -192px 0; width: 80px;}
#main_nav li#menu_info a:hover { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -192px -86px; }
#main_nav li#menu_blog_active a { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -280px -172px; width: 55px;}
#main_nav li#menu_blog a { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -280px 0; width: 55px;}
#main_nav li#menu_blog a:hover { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -280px -86px; }
#main_nav li#menu_kontakt_active a { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -340px -172px; width: 70px;}
#main_nav li#menu_kontakt a { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -340px 0; width: 70px;}
#main_nav li#menu_kontakt a:hover { background:transparent url(http://szynkiewicz.com/wp-content/themes/szynol/images/nawigacja.png) no-repeat -340px -86px; }

#header { margin: auto;  overflow: auto; background-image:url(http://szynkiewicz.com/wp-content/themes/szynol/images/bg_top.png); background-repeat: repeat-x;}
#logo {width: 990px; margin: auto; margin-bottom: 60px; }
#topmenu { float: right; width: 350px; height: 30px; margin-top: 45px; font-size: 12px; color: #525252; font-weight: bold; margin-right: 10px }
#topinfo { width: 952px; margin:auto; height: 113px; background-image: url(http://szynkiewicz.com/wp-content/themes/szynol/images/topinfo.jpg); background-position:right; background-repeat: no-repeat; border-bottom: #bebebe 1px solid;  }
#belkatop {width: 952px; height: 52px; background-image: url(http://szynkiewicz.com/wp-content/themes/szynol/images/belka1.jpg); background-position: center; background-repeat: no-repeat; margin: auto; clear: both; margin-top: 17px}
#szybkikontakt { float: right; width: 257px; height: 113px; font-size: 18px; text-align: right; line-height: 30px; padding-right: 10px; color: #525252;  }
.topinfobox { width: 286px; height: 113px; float: left; color: #4c4c4c; font-size: 11px; line-height: 24px; margin-right: 40px; }
#fade { margin: auto; width: 952px; height: 55px;}
#kontener { width: 952px; margin: auto; overflow: auto; border-bottom: #bebebe 1px solid; position: relative;}
#content { float: left; width: 605px; overflow: hidden; padding-bottom: 20px; }
#content2 {  width: 890px; overflow: hidden; padding-bottom: 20px; }
#datetime { float: left; font-size: 10px; color: #bebebe }
#datetime a { color:#BEBEBE; text-decoration: none }
#comments { float: right; font-size: 10px; color: #bebebe }
#postcontent { margin-top: 40px; color: #4c4c4c; font-size: 12px; line-height: 1.8em}
.czytaj { margin-top: 15px; float: right; clear: both; margin-bottom: 50px; font-size: 11px;  }
.czytaj a { color: #db3333; text-decoration: none; }
.next { float: right;}
.next a { color: #757575; font-size: 11px; text-decoration: none }
.prev { float: left; }
.prev a { color: #757575; font-size: 11px; text-decoration: none}
#foot { width: 952px; margin: auto; clear: both; font-size: 9px; color: #bebebe; padding-top: 5px; margin-bottom: 10px; overflow: auto; margin-top: 10px }
#copytight { float: left }
#footc { float: right }
.postnav { clear: both; }
#searchinp { width: 190px; height: 30px; background-image:url(http://szynkiewicz.com/wp-content/themes/szynol/images/searchform.gif); background-position: center; background-repeat: no-repeat; margin-top: 20px; float: left }
#searchsubm { width: 54px; height: 30px; margin-top: 20px; float: right; margin-right: 1px }
#comright { font-size: 11px; line-height: 18px; color: #4c4c4c; float: right; width: 230px; }
#comright p { display: block; border-bottom: #dedede 1px solid; padding-bottom: 14px; margin: 0; padding-top: 14px; }
#flickrfix { margin-top: 40px; float: right }

#commentlist { width: 600px; float: left; margin-top: 20px }
.comment_item { float: left; margin-bottom: 50px }
.comment_avatar { width: 50px; float: left;  }
.comment_content { width: 550px; float: left }

.comment_content p { font-size: 11px; line-height: 18px; color: #4c4c4c  }

p.post_meta { color: #e0e0e0 !important; font-size: 11px !important; margin-top: 0 !important }
p.post_meta em { font-style: normal !important; color: #4c4c4c !important; font-weight: bold !important } 

#sidebar { float: right; width: 245px; overflow: hidden; margin-bottom: 50px }

#fragment-2 a { color: #A3A3A3; text-decoration: none }

form.comment_form { display: block; width: 600px; height: 154px; background:url(http://szynkiewicz.com/wp-content/themes/szynol/images/comment_form.gif) no-repeat center; position: relative; margin-bottom: 100px }

input.comfield_name { position: absolute; top: 13px; left: 95px; width: 170px; color: #A3A3A3; border: 0  }

input.comfield_mail { position: absolute; top: 55px; left: 95px; width: 170px; color: #A3A3A3; border: 0  }

input.comfield_www { position: absolute; top: 95px; left: 95px; width: 170px; color: #A3A3A3; border: 0  }


input.comsub { position: absolute; right: 1px; top: 118px;}



#comfields { width: 285px; float: left; position: relative; margin-top: 20px }
#comtext { width: 285px; float: left; margin-left: 25px ; position: relative; height: 180px; margin-top: 20px }

#comment { width: 272px; height: 72px; position: absolute; right: 2px; top: 38px; border: 0}

.greytop { color: #ededed }
#topinfo a { color: #525252; text-decoration: none }
a.top:hover { width: 64px; height: 27px; background-image: url(http://szynkiewicz.com/wp-content/themes/szynol/images/selcloud.gif); background-position: 0px 0px; background-repeat: no-repeat; display: block; text-align: center; color: #FFFFFF; text-decoration: none; float: left; margin-right: 20px; padding-top: 2px; }
a.top { width: 64px; height: 27px; display: block; text-align: center; color: #525252; text-decoration: none; float: left; margin-right: 20px; padding-top: 2px; }

a.topactive{ width: 64px; height: 29px; background-image: url(http://szynkiewicz.com/wp-content/themes/szynol/images/selcloud.gif); background-position: 0px -29px; background-repeat: no-repeat; display: block; text-align: center; color: #ffffff; text-decoration: none; float: left; margin-right: 20px }

input.search { border: none; background-color: #FFFFFF; margin-top: 6px; font-size: 12px; margin-left: 10px ; width: 160px; color: #4C4C4C}

h1 { font-size: 24px; color: #4c4c4c; margin-top: 0; display: block; padding-bottom: 2px; border-bottom: #bebebe 1px solid; clear: both; margin-bottom: 5px }
h2 { color: #525252; margin: 0; font-size: 14px; display: block; border-bottom: #bebebe 1px solid; padding-left: 12px; padding-bottom: 8px }
img { border: 0 }

h2.comments_title { display: block; width: 285px; margin-top: 50px  }
h2.comments_title2 { display: block; width: 273px; margin-top: 50px; margin-bottom: 0  }


.postList {
	padding:0;
	margin:0;
	width:245px;
	
}

#comments_div {
	width: 245px
}


#comments_div li {
	color:#a3a3a3;
	font-size:11px;
	padding:0;
	margin:0;
	width:245px;
	list-style:none;
	border-bottom:1px solid #c2c2c2;

	}
#comments_div li a {
	color:#a3a3a3;
	text-decoration: none;
	width:235px;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px
}
#comments_div li a:hover {
background-color:#F2F2F2;
}
.postList ul {
	padding:0;
	margin:0;
	width:245px;
	border: 0;
	
}
.postList li {
	list-style:none;
	margin:0;
	border-bottom:1px solid #c2c2c2;
	
}
.postList a {
	display:block;
	width:235px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #a3a3a3;
	text-decoration:none;
}

li .cat-item {
	border-bottom:1px solid #c2c2c2;
	}
.postList a:hover {
	background-color: #f2f2f2;
}

.postList a:visited{
	color: #5a5a5a;
}

.postList a .listMeta {
	color:#a3a3a3;
	font-size:10px;
	line-height:14px;
	text-decoration:none;
}

.postListSingle {
	padding:0;
	margin:0;
	width:245px;
}
.postListSingle li {
	list-style:none;
	margin:0;
	border-bottom:1px solid #c2c2c2;
}
.postListSingle a {
	display:block;
	width:245px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #a3a3a3;
	text-decoration:none;
	background:url(http://szynkiewicz.com/wp-content/themes/szynol/images/bullet.gif) no-repeat 5px 50%;
}
.postListSingle a:hover {
	background:url(http://szynkiewicz.com/wp-content/themes/szynol/images/bullet-on.gif) no-repeat 7px 50% #f2f2f2;
}
.flickr_badge_image {
	width: 75px;
	float: right;
	margin-left: 5px;
	margin-top: 5px;
}
h2.flickr {
	margin-bottom: 20px;
}
h2.flickr2 {
	margin-bottom: 15px;
}

ul.sidefix { padding: 0; margin: 0 }
img.combut { vertical-align: middle; margin-left: 15px; }
img.comcloud { vertical-align: baseline }

/* info */

img.profile { float: left; margin-right: 40px }
h2.pawel { font-size: 24px; border: none; color: #4c4c4c; font-weight: normal; padding-bottom: 0px }
h3.szynol { font-size: 14px; color: #bebebe; font-weight: normal }
h3.info { font-size: 14px; color: #bebebe; font-weight: normal; padding-top: 20px; padding-bottom: 20px; line-height: 18px; }
.info_wciecie { margin-left: 300px; padding-top: 20px; background:url(http://szynkiewicz.com/wp-content/themes/szynol/images/dosw.gif) no-repeat; list-style-image:url(http://szynkiewicz.com/wp-content/themes/szynol/images/list.gif); list-style-position:outside; font-size: 11px; color: #4c4c4c; }

/* portfolio */
.folio_title { font-size: 18px; border: none; color: #4c4c4c; font-weight: normal; padding-left: 20px; }
.folio_subtitle { font-size: 14px; border: none; color: #bebebe; font-weight: normal; padding-left: 20px; }
.folio_abstract { font-size: 11px; border: none; color: #4c4c4c; font-weight: normal; line-height: 18px; padding: 20px 0px 20px 20px; }
.folio_role { font-size: 11px; border: none; color: #bebebe; font-weight: bold; padding-left: 20px; }
.folio_thumb { border: none; }
.folio_ramka {border: 1px solid #d8d8d8; margin: 19px; padding: 5px; width: 150px; height: 150px; float:left;}

/* kontakt */
textarea.kontaktform { border: 1px solid #a3a3a3; padding: 10px; font-size: 14px; color: #a3a3a3; } 
input.kontaktform { border: 1px solid #a3a3a3; padding: 10px; font-size: 14px; color: #a3a3a3; } 
form.kontaktform { border: 1px solid #a3a3a3; padding: 10px; font-size: 14px; color: #a3a3a3; }