/*  
Theme Name: Ginger Ninja! v2
Description: The new Ginger Ninja! theme.
Version: 1.0
Author: Donny Burnside
Author URI: http://www.ginger-ninja.net/
*/

/* Generic Styling */

body {
	background: repeat-x top center #f9f5f0 url(images/bg-body.png);
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Sets default font size to 10px */
	color:#9e5b04;
	}

* {
	margin:0;
	padding:0;
	}

img {
	border:0;
	text-align: center;
	}

p {
	margin-bottom:1.75em;
	}

a {
	text-decoration:none;
	color:#B4C835;
	}
a:hover {
	text-decoration:none;
	color:#6CC7DC;
	}

/* Structure */

#wrapper {
	margin:0 auto;
	width:924px;
	background:#ffffff;
	font-size:1.20em;

	}
#header {
	height:160px;
	background:url(images/bg-header.jpg) no-repeat;
	}
#fab {
	float:center;
		height:75px;
	line-height:75px;
	background:no-repeat 
	
	}
	
#menu {
	height:35px;
	line-height:35px;
	background:url(images/bg-menu.png) repeat-x;
	padding:0 15x;
	}
#sidebar {
	float:right;
	width:180px;
	background:#efefef;
	margin-right:10px;
	}
#content {
	float:center;
	width:924x;
	min-height:400px;
	}
#footer {
	clear:both;
	height:143px;
	background:url(images/bg-footer.jpg) no-repeat;
	}

/* Entries */

.entry {
	padding:5px 10px;
	text-align:justify;
	line-height:1.75em;
	}
.entry-title {
	font-size:1.90em;
	font-weight:normal;
	letter-spacing:-1px;
	color: #716F64;
	}
.date {
	font-size:0.9em;
	color:#bbb;
	cursor:default;
	letter-spacing:1px;
	}
.comments {
	margin-top:-1em;
	}
.comments a {
	color:#6CC7DC;
	background:url(images/icon-comment.png) no-repeat 2px 2px;
	padding-left:40px;
	padding-right:1px;
	}
.comments a:hover {
	color:#B4C835;
	}
/* Farbki */

#fab ul {
	list-style-type:none;
	
	}
#fab li {
	float:center;
	
	}
#fab li a {
	
	padding-left:75px;
	
	display:block;
	
	margin-left:10px;
}
#fab li a:hover {
	background:url(images/bg-menu-hover2.png) no-repeat center center;
	}

/* Menu */

#menu ul {
	list-style-type:none;
	}
#menu li {
	float:left;
	}
#menu li a {
	padding:0 15px;
	display:block;
	color:#ffffff;
	margin-right:2px;
	}
#menu li a:hover {
	background:url(images/bg-menu-hover.png) no-repeat center center;
	}

/* Sidebar */

#sidebar ul {
	list-style-type:none;
	margin-top:10px;
	}
#sidebar li {
	
	}
#sidebar li a {
	display:block;
	height:30px;
	line-height:20px;
	color:#222222;
	padding-left:5px;
	border-bottom:1px solid #dddddd;
	}
#sidebar li a:hover {
	background:#edebed;
	color:#6CC4D8;
	}
#sidebar-bottom {
	height:20px;
	background:url(images/bg-sidebar-bottom.gif) no-repeat top center;
	}

/* Footer */

#footer-valid {
	float:left;
	padding-top:55px;
	padding-left:20px;
	cursor:default;
	color:#ffffff;
	}
#footer-valid a {
	color:#ffffff;
	text-decoration:none;
	}
#footer-valid a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

/* Heading's */

h1 {
	font-size:2.5em;
	font-weight:normal;
	cursor:default;
	position:relative; top:50px; left:30px;
	letter-spacing:1px;
	color:#aaaaaa;
	font-style:italic;
	}

/* Feed */

#feed {
	height:25px;
	width:126px;
	background:url(images/bg-feed.gif) no-repeat;
	margin:0 auto;
	padding-left:26px;
	}
a.feed-button {
	display:block;
    width:100px;
    height:25px;
    background:url("images/button-feed.png") 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.feed-button {
	background-position:0 -25px;
	}

/* Extra's */

#ad-top {
	width:480px;
	height:72px;
	background:url(images/bg-ad-top.png) no-repeat;
	padding:5px;
	}
	
[if IE]>
kod tylko dla IE
<![endif]
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color:#9e5b04
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Start Project CSS */

body { font: 12px/1.4 Arial, Helvetica, sans-serif; color: #484848; }

h1 { font-size: 180%; font-weight: bold; margin: 0 0 15px 0; border-bottom: 1px solid #a0a0a0; color: black; }
  h1 .subtitle { font-size: 75%; }
  
h2 { font-size: 130%; font-weight: bold; margin: 1em 0 0.3em 0; color: black; }
h3 { font-size: 115%; font-weight: bold; margin: 1em 0 0.3em 0; color: black; }

p { margin: 0.7em 0 }
  
a { color: #101010; text-decoration: none }
  a:hover { background-color: #ffffff; color:#9e5b04; }
  
ul, ol { margin: 0.7em 0 0.7em 2em; }
  li { display: list-item; list-style: disc; }
  
pre { border: 1px solid #e0e0e0; background-color: #9e5b04 color: #9e5b04; padding: 1em; font: 90% "Courier New", "Courier New", "Courier", monospace; margin: 1em 0; overflow: auto }
  pre .green { color: #00CC00; }
  pre .blue { color: #0000CC; }
  
code { font-family: "Courier New", "Courier New", "Courier", monospace }

dl { margin: 1em 0 }
  dt { font-weight: bold; margin: 0 0 0.2em 0 }
  dd { margin: 0 0 0.5em 0 }
  
dl.docs {}
  dl.docs dt { font-family: "Courier New", "Courier New", "Courier", monospace }
  
table {}
  tr {}
  td, th { vertical-align: top; padding: 0.3em }
  td {}
  th { font-weight: bold }

.caption { font-size: 90%; margin: 1em 0 -1em 3px; color: #303030; }
  
.first { margin-top: 0; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

#container { width: 700px; padding: 10px 0;}
  
#sidebar { float: right; width: 180px; }

  #sidebar ul { margin: 0; padding: 0; }
  #sidebar li { margin: 0; padding: 0; display: block; list-style: none; }

  ul#project-nav { margin-bottom: 1em; }
    ul#project-nav li { border-bottom: 1px solid #a0a0a0; }
    ul#project-nav a { display: block; padding: 4px; }

  ul#ohoa-nav { font-size: 90%; }
    ul#ohoa-nav a { display: block; padding: 2px 4px; }

#main { margin-right: 200px; }

#pixel-trap { display: block; text-transform: lowercase; margin-top: 1em }
  #pixel-trap img { vertical-align: middle }
  
#feedback-form { display: none; }
  #feedback-form label { display: block; margin: 0.5em 0 0.2em 0 }
  	#feedback-form label.first { margin-top: 0 }
  #feedback-form input.text { width: 300px }
  #feedback-form textarea { width: 300px; height: 100px; }
  #feedback-form .buttons { margin-top: 0.5em; text-align: right }