/*   
Theme Name: PETR'S theme
Theme URI: 
Description: WordPress theme for www.petrs.com
Author: Aim
Author URI: 
Version: 0.1
.
General comments/License Statement if any.
.
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow:hidden;
}

.clearfix {display: inline-table;}

.clear {
  clear:both;
}

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

/* =JELLO MOULD */
	
.jelloLayout #container{
	padding: 0 380px 0 380px;
}
			
.jelloLayout #sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
	max-width: 490px;  /* version for IE is at the bottom of this style block */
}

.jelloLayout #expander {
	margin: 0 -380px 0 -380px;
	min-width: 760px; /* Critical Safari fix! */
	position: relative;
}

/* Holly hack for IE \*/
.jelloLayout * html #expander, * html #expander { height: 0; }
/* */

.hidden {
	display: none;
}

/* END =JELLO MOULD */

html > body {margin:0;padding:0;}
html, body, body * {margin:0; padding:0;}
html {margin-bottom:1px;height: 100%;}
body {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	background:url(images/bg_body.png) repeat-x left top;
	border-bottom:1px solid #fff;
	position:relative;
  height: 100%;
}

body.mediumText {font-size:62.5%}
body.largeText {font-size:82.5%}
body.xLargeText {font-size:102.5%}


html > body.mediumText {font-size:10px}
html > body.largeText {font-size:12px}
html > body.xLargeText {font-size:14px}

body * {
	font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Arial Narrow", Helvetica, Arial, Geneva, sans-serif;
	font-size:medium;
	margin-bottom:10px;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color:#f00;
}

strong {font-weight:bold; color:#333333}
a img {border:none;}
a {color:#8A1800;}
.alternate-post a,
.alternate-trackback a,
.alternate-comment a {
	color:#416219;
}
a:hover {color:#3b0b00; background-color:transparent}
input.text, textarea.text {padding:3px; border:1px solid #688727;}
input[type="text"]:focus, textarea:focus{background-color:#fefdfa;}
em {font-style:italic;}
blockquote {
	margin:1.5em;
	padding:1.5em 1.5em 0em 1.5em;
	background:#fcfaf0 url(images/bg_blockquote.png) no-repeat bottom left;
	border:1px solid #efeeb5;
	font-style:normal
}
	blockquote p {margin-top:0}
	blockquote cite {font-style:normal}
		blockquote cite em{}
small {font-size:90%;}
.important {
	border:1px solid #ddd;
	padding:5px 5px 5px 25px;
	background:#f2f2f2 url(images/bullet_important.png) no-repeat 5px 5px;
}

a.pdf {padding-left:20px;background:transparent url(images/icon_pdf.gif) no-repeat !important;}

/* **************************************** TOP LINK **************************************** */

#top-link {
  bottom:-40px;
  height:0px;
  position:absolute;
  right:10px;
  width:14px;
  z-index:100;
}
body > #top-link {position:fixed;}
#top-link a {
	width:14px;
	height:0px;
	padding-top:14px;
	overflow:hidden;
	display:block;
	background:url(images/btn_top.png) no-repeat 0 0;
}
#top-link a:hover{
	background-position: 0 -14px
}

/* **************************************** HEADER **************************************** */

#header {
	padding:22px 0 0 60px;
	height:150px;
	z-index:300;
	background:url(images/bg_header.png) no-repeat right top;
}

#logo {
	display:block;
	width:240px;
	height:74px;
	background:url(images/logo_petrs.png) no-repeat left top;
}

#searchform {
	background: none;
	width: 66px;
	height: 18px;
	position: absolute;
	top: 134px;
	right: 150px;
}

/* **************************************** CONTENT **************************************** */
.mediumText {font-size:100%}
.largeText {font-size:110%}
.xLargeText {font-size:120%}

.leftNav #content {
	background:url(images/bg_contentLeftNav.png) repeat-y left top;
}
.rightNav #content {
	background:url(images/bg_contentRightNav.png) repeat-y right top;
}
#content {
	padding:0;
	font-size:120%;
	color:#6a604f;
	width:100%;
}
#content td {vertical-align:top;}

/*
#main a[href^="http:"] {
	background:url(images/icon_externalSite.png) no-repeat right center;
	padding-right:17px;
}
#main .alternate-post a[href^="http:"],
#main .alternate-comment a[href^="http:"],
#main .alternate-trackback a[href^="http:"]{
	background:url(images/icon_externalSite_alt.png) no-repeat right center;
	padding-right:17px;
}
*/
#content p {margin:0 0 1.5em 0;}

#main {padding:20px;}
#main img {padding:5px; border:1px solid #cacaca; margin:5px; }
#main img.left {float:left; margin:0 20px 20px 0}
#main img.right {float:right; margin:0 0 20px 20px}
#main ol img, #main ul img {padding:0px; border:none;}
#main ul{
	margin:0 1em 1.5em 1em;
	list-style-type:none;
}
#main ol {
	margin:0 1em 1.5em 3em;
	list-style-type:decimal;
}
	#main ul li{
		margin:0 0 .3em 0;
		padding-left:2em;
		background:url(images/bullet_UL.png) no-repeat 0 0;
	}
	#main ul ol li
	{
		padding:0;
		background:none;
	}
	
	#main ul ul,
	#main ul ol,
	#main ol ul,
	#main ol ol{
		margin:.5em 1em .75em 1em;
	}


#main table {
	margin-bottom:1em;
}
#main table th {
	padding:8px;
	background-color:#fcc;
}
#main table td {
	padding:4px;
}

#main {
	background-color:#fff;
	border:1px inset #36a;
	margin:20px 20px 0 20px;
}

.rightNav #main-wrapper {}
.leftNav #main-wrapper {}
.leftNav #main {margin-right:30px;}
#page-gallery img {margin:0 10px;}

/* **************************************** SIDEBAR **************************************** */
.leftNav #sidebar{margin-left:0px;}
.rightNav #sidebar {margin-right:0px;}
#sidebar {padding-left:20px;}
#sidebar .sidebar-node { border-top:1px solid #dfe7d1; margin-bottom:15px; padding-top:15px;}
#sidebar h3, #sidebar h3 a {color:#a1b436}
#sidebar h3 {font-size:150%;}
#sidebar ul {list-style-type:none; clear:left; display:block; margin:0 0 0 0; padding:0;}
#sidebar ul li {width:100%;}
#sidebar ul a {display:block; color:#fff; text-decoration:none; padding:8px 10px 2px 32px; width:184px; height:24px;}
#sidebar ul a:hover {text-decoration:underline;}
#sidebar ul a:visited {}
#sidebar ul li a.download {}
#sidebar .pages ul a {background:#fcfaf0 url(images/btn_menu.png) no-repeat top left;}
#sidebar .pages ul ul a {background:#fcfaf0 url(images/btn_submenu.png) no-repeat top left;}
#sidebar .pages ul .current_page_item a {background:#fcfaf0 url(images/btn_menu_active.png) no-repeat top left;}
#sidebar .pages ul .current_page_item ul a {background:#fcfaf0 url(images/btn_submenu.png) no-repeat top left;}
#sidebar .pages ul a:hover {background-position:left -34px;}
#sidebar ul li.page-item-23 a,
#sidebar ul li.page-item-24 a
{display:block; color:#fff; text-decoration:none; padding:1px 10px 0px 32px; width:184px; height:33px;}
/* **************************************** FOOTER **************************************** */

#footer-pad {display:none;}
#footer {text-align:right; padding-right:31px; padding-top:40px; padding-bottom:12px; background:url(images/bg_footer.png) repeat-x bottom left; margin-top:10px;}
#footer p {margin:0;}
#footer a, #footer strong {color:#B5AB9B;}

/* **************************************** BACKGOUND STYLING **************************************** */

/*THIS PART IS TO STYLE THE BACKGROUND IMAGES (THE QUOTE ON THE LEFT)*/
/*You can create different image on your on, but only if you know what you're doing should you edit this part*/
.divweblog .contentbody, .divarchives .contentbody, .divarchivelist .contentbody, .diverror .contentbody, .divmemberinfo .contentbody,
.divsendmessage .contentbody, .divcommentitem .contentbody, .divsearch .contentbody{
	background: url(images/01_quote.gif) 0 3px no-repeat;
}
/*A different background for comments made*/
.divcommentsmade .contentbody{
	background: url(images/01_quote1.gif) 0 3px no-repeat;
}
/*A different background for the admin (in the comments made area)*/
.divcommentsmade .id1{
	background: url(images/01_quote4.gif) 0 3px no-repeat;
}
/*Add comment form's background*/
.divaddcomment .contentbody{
	background: url(images/01_quote3.gif) 0 3px no-repeat;
}
/*MORE DETAILED STUFF - Item details of your blog items*/
.itemdetails{
	text-align: right;
	padding: 5px 0 0 0;
	background: url(images/01_hdot.gif) top repeat-x;
}
/*Posted by*/
.item1{
	padding: 0 0 0 13px;
	margin: 0 0 0 12px;
	background: url(images/01_item1.gif) 0 1px no-repeat;
}
/*Category*/
.item2{
	padding: 0 0 0 13px;
	margin: 0 0 0 12px;
	background: url(images/01_item2.gif) 0 3px no-repeat;
}
/*Comments*/
.item3{
	padding: 0 0 0 15px;
	margin: 0 0 0 12px;
	background: url(images/01_item3.gif) 0 3px no-repeat;
}
/*STYLING OF SIDE TITLES*/
/*You can remove all parts here if you do not wish to use images as your side titles*/
.archives h3, .about h3, .login h3, .categories h3, .comments h3, .search h3, .links h3, .pages h3, .posts h3, .meta h3, .themes h3, .tools h3 {
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
}

.about h3{
	background: url(images/01_s_about.gif) no-repeat;
}
.login h3{
	background: url(images/01_s_login.gif) no-repeat;
}
.categories h3{
	background: url(images/01_s_categories.gif) no-repeat;
}

.comments h3{
	background: url(images/01_s_latestcomment.gif) no-repeat;
}

.search h3{
	background: url(images/01_s_search.gif) no-repeat;
}
.links h3{
	background: url(images/01_s_links.gif) no-repeat;
}
.pages h3{
	background: url(images/01_s_pages.gif) no-repeat;
}

.posts h3{
	background: url(images/01_s_posts.gif) no-repeat;
}

.meta h3{
	background: url(images/01_s_meta.gif) no-repeat;
}

.themes h3{
	background: url(images/01_s_themes.gif) no-repeat;
}

.tools h3{
	background: url(images/01_s_admintools.gif) no-repeat;
}

.archives h3{
	background: url(images/01_s_archives.gif) no-repeat;
}

/*MAIN TITLES*/
/*You can remove all parts here if you do not wish to use images as your main titles*/
h2.weblog, h2.comments {
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 5px 0;
}
h2.xweblog{
	background: url(images/01_m_weblog.gif) no-repeat;
}
h2.xcomments{
	background: url(images/01_m_comments.gif) no-repeat;
}