/*
Theme Name: Bapro.pl
Theme URI: http://bapro.pl
Description: Layout strony bapro.pl.
Version: 0.1
Author: Łukasz Muchlado
*/






/*blue: #4878A0*/
/*blue ciemniejszy:#3B699F*/
/*
orange link bold: #DE6014
#DF651B
orange link jaśniej: #EF752C;


*/
/*INIT*/
*{margin: 0;padding: 0;}
html{overflow-y: scroll;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:78%; background-color:white;}
table, input {font-size:1em;}
ol, ul, dd {margin-left: 3em;}
a {text-decoration:none; color:#E85500; font-size:1.05em;}
a:hover{text-decoration:underline; /*color:#B74401;*/}
#logo a{
	display:block; width:180px; height:56px;
	position:absolute; top:35px; 
	text-indent:-1500px;
	background: url(layout/logo.png) no-repeat;
}
ul.mSub{margin-left:0; margin-top:1em; list-style-type:none;margin-right:10px;}
ul.mSub ul {margin-left:1.2em; list-style-type:square;}
ul.mSub li {margin:1.5em 0; font-size:1.2em; color:#BEA799; color:#AAAAAA;}
ul.mSub ul li {margin:0.5em 0; font-size:0.8em;}
ul.mSub p {color:#3B699F;margin:0;}
ul.mSub a{font-weight:bold; color:#DF651B;}
ul.mSub a:hover{color:#DE6014;}
ul.mSub a.current{color:#3B699F;}



#header ul {margin:0; list-style-type:none;}
#header {height:115px; margin:0 auto;}

#mTop, ul#mNav{margin-left:245px;}
#mTop{
	position:absolute;
	width:535px; min-height:36px;
	text-align:center;
	background: #DC6114 url(layout/header-menu-bg.gif) repeat-x;
}
* html #mTop{height:36px;}
#mTop a{font-weight:bold;}

#mTop ul{margin:9px auto 9px auto;/*margin-left:5px;*/}
#mTop li {padding:0 0.7em; display:inline; height:24px;}
#mTop li.current {border-bottom:4px solid #E9EAE5; padding-bottom:9px;}
#mTop li.current a {font-size:1.05em; color:white; text-decoration:none;}
#mNav, #mInfo {position:absolute;}
ul#mNav, ul#mInfo{margin-top:98px;}
ul#mNav a, ul#mInfo a {font-size:0.9em;}
ul#mNav a, ul#mInfo a, #foot a {font-weight:normal; color:#999999;}
ul#mNav a:hover, ul#mInfo a:hover, #foot a:hover {color:#666666; color:#ED894D;}
ul#mInfo{
	margin-left:580px;
	width:199px;
}

ul#mNav li{float:left; background:url(layout/arrow-right.png) no-repeat 5px 6px;padding-left:12px;}
#mNav li.first {background:none; padding:0;}
ul#mInfo li {float:right; padding-left:1em;}

#mTop a {color:#FFE5D4; text-decoration:none; }
#mTop a:hover {color:white; text-decoration:underline;}

#foot {font-size:0.9em; color:#999999;}
#foot a{/*font-weight:normal; font-weight:normal; color:#999999;*/ padding:0 0.25em;}

#header{border-top:8px solid #B74401;}
#content, #foot {border-top:3px solid #E9EAE5;}
/*#foot {border-color:#FF9B5F;}*/
#page,#foot, #header, #content {margin:0 auto;}
#page, #header {width:910px;}
#content, #foot {width:800px;}

#page{
	min-height: 100%;
	text-align: left;
}
* html #page{height: 100%;}

.clearer{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

#content {padding-bottom: 30px;}

/* The CSS that's required to position the footer */
html{height: 100%;}
body{height: 100%;}
#nonFoot{position: relative; min-height: 100%;}
* html #nonFoot{height: 100%;}
#foot{
	/*height: 25px;*//*?*/
	position: relative;
	margin-top: -25px;
	text-align:center;
	/*padding-right:10px;*/
	padding-top:3px;
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #foot{margin-top: -25px;}
#subContent{float:left;   width:245px;}
#mainContent{float:right; width:555px;}






#foot a.top {background:url(layout/arrow-top.png) no-repeat right top; padding-right:4px;}
#header p, #foot p{margin:0;line-height:100%;}

#page, #header,#content, #foot {width:780px;}
#subContent{width:245px;}
#mainContent{width:535px;}
body{background:white url(layout/top-border.gif) no-repeat top center;}
body{background:white url(layout/bg.png) no-repeat top center;}










h4{color:#3B699F;font-size:1.1em;font-weight:normal;margin:1.5em 0 2em;}
p{margin: 0.75em 0;}
p, dd, li {color:#505050;}
h4, p, li {line-height:140%;}
li {line-height:120%; margin:0.4em 0;}
#header li {margin:0;}

#foot p.r {float:right;}
#foot p.l {float:left;}

h1 {color:#4878A0; margin:1.5em 0 1em; font-size: 1.5em; font-weight:normal;}
h2 {color:#4878A0; margin:1.25em 0 0em; font-size: 1.3em; font-weight:normal;}
dt {color:#4878A0; margin:0.75em 0 0.25em; font-weight:bold;}

dl.vcard {/*margin-left:5em;*/}
.vcard dt{color:gray;}

img {padding:1px; border: 1px solid #E9EAE5;margin: 0.25em;}
img.left {float:left;}
img.right {float:right;}


.hentry {margin:1em 0;}
.hentry h4, .hentry p{margin:0}
.hentry .updated{font-size:0.9em; font-weight:bold; color: #AAAAAA;}
.hentry .timestamp {float:left;}

.mSub .more {text-align:right; font-size:0.75em; padding-right:2.2em;}


p.postinfo{margin-top:-1.3em; margin-bottom:0; font-weight:bold; color: #AAAAAA;}