/* this is my style, feel free to use it, just let me know  - pawel atto appleblog dotto pl*/
 
 
/*general*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #808080;
	font: "Lucida Grande", Lucida, Verdana, sans-serif;	
}

#page {
	width: 506px;
	margin: 0px auto 0px;
	padding: 0px;
	background: #808080 url(../Images/bg.gif) repeat-y;
	visibility: visible;
}


/*stucture*/

#cortland {
	width:  200px;
	height: 200px;
	margin-top: -76px;
	margin-left: 5px;
	position: absolute;
	overflow: hidden;
	background: #808080;
}



#wpis {
	width: 506px;
}
#search {
	position: relative;
	width: 100px;
}

#divider {
	width: 506px;
	height: 14px;
	background: url(../Images/divider.gif) no-repeat center top;
}

#end {
	width: 506px;
	height: 7px;
	background: url(../Images/divider.gif) no-repeat center top;
}

#gora {
	width: 506px;
	height: 9px;
	background: url(../Images/divider.gif) no-repeat center bottom;
}
#end-space, #top-space {
	height: 22px;
	width: 506px;
	background-color: #808080;
}

#appleblogLogo {
	height: 87px;
	width: 506px;	

	cursor: pointer;

	padding: 0px;
	margin: 0px;
	text-align: left;
	background: #808080 url(../Images/appleblog-logo.png) no-repeat top left;
}

#wpis hr {
	width: 470px;
}
blockquote {
	background: #e5e5e5 url(http://appleblog.pl/wp-content/themes/pdf/Images/blockquote.png) no-repeat 0% 0%;
	color: #5b5b5b;
	margin: 0px;
	padding: 5px 15px 5px 60px;
}
blockquote cite, blockquote p cite {
	display: block;
}
blockquote a, blockquote a:visited {
	background: none;
	margin: 0px;
	padding: 0px;
	color: #5b5b5b;	
}
blockquote a, blockquote hover {
	text-decoration: underline;
	color: #5b5b5b;
}
#top {
	position: relative;
	margin: 25px auto 0px;
	height: 122px;
	width: 506px;
	background-color: #808080;
}

#bottom-line {
	font-size: 0px;
	padding-top: 5px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-color: #bdbdbd;
	border-style: dashed;
	border-top-width: thin;
	width: 470px;
	height: 20px;
	margin: 0px auto;
	font-size: 0.9em;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	
}
#bottom-line .post-number {
	float: right;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;		
}
#bottom-line .bottom-text {
	float: left;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;		
}



#bottom-line .post-number, #bottom-line .bottom-text {
	color: #bfbfbf;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;		
}

/* img handling */

#wpis img, #wpis p img {
	margin: 5px auto 5px;
	display: block;
	max-width: 450px;
}
#wpis li img {
	max-width: 420px;
}
#wpis img.app, #wpis p img.app {
	margin: -50px 5px 5px 5px;
	display: block;
	float: right;
	width: 100px;
	height: auto;
}

/* nawigacja na dole strony (poprzednie/następne) */

#bottom-nav {
	background: #808080;
	height: 50px;
	width: 480px;
	padding: 3px 15px 0px 15px;
	margin: 0px auto 0px;
	font: .7em "Lucida Grande", Lucida, Verdana, sans-serif;	
}
#bottom-nav .prev {
	float: left;
	width: 220px;	
	text-align: left;
}
#bottom-nav .next {
	float: right;
	width: 220px;
	text-align: right;
}

#bottom-nav a, #bottom-nav a:visited, #bottom-nav a:active {
	color: #ececec;
	text-decoration: none;
	padding: 3px;	
	background: none;
}
#bottom-nav a:hover {
	color: #ececec;
	text-decoration: none;
	padding: 3px;
	background: #979797;
}


/*fonts and actual styles */

#wpis h1, #wpis h1 a, #wpis h1 a:hover, #wpis h1 a:active, #wpis h1 a:visited {
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
	display: block;
	margin: 0px 4px 0px 10px;
	max-width: 350px;
	padding: 10px 0 0px 0px;
	background: none;
	text-decoration: none;
	color: black;
}
#wpis h2 {
	font: .7em "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #e2eff5;
	margin: 0px 4px 0px 4px;
	height: 30px;
	padding: 10px 0 0 15px;
}

#wpis h2 a, #wpis h2 a:visited {
	background-image: none;
	padding: 0px;
	color: #3f3f3f;
}

#wpis .tresc {
	font: .7em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0px 4px 0px 4px;
	padding: 10px 15px 0 15px;
}
#wpis .tresc hr {
	background: #fff;
	border-top: thin dashed #aaa;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;	
}
#wpis .tresc p .a, #wpis .tresc .a {
	padding-left: 80px;
	background: url(http://appleblog.pl/img/aktualizacja.png) no-repeat 0% 50%;
	color: #5b5b5b;
	width: 80px;
}

code, pre {
	background: #454545;
	color: #ffffff;
	font-size: 1.2em;
	padding: 0px 2px 0px 2px;
	overflow: auto;
}
code, pre {
	font-size: 1.2em;
}

/* gielda */
.gielda_box {
	width: 220px;
	padding: 4px;
	float: left;
	text-align: left;	
}
#gielda_info {
	margin: 0px auto 0px;
	width: 470px;
	clear: both;
	height: 60px;
}