/*
	Theme Name: ninjaaaaaaaaa
	Theme URI: http://jemjabella.co.uk
	Description: A personal theme made for Jem Turner of jemjabella.co.uk
	Author: Lilian Tula
	Author URI: http://lilula.co.uk
*/

body, html {font:85%/200% verdana, helvetica, arial, sans-serif; color:#244167; background:url('images/bg.jpg');}
a {color:#7b9ac2; text-decoration:none; font-weight:bold;}
a:hover {color:#000; text-decoration:underline;}

#container {width:875px; margin:0 auto;}
#flower {background:url('images/flower.png') no-repeat top left; height:350px; width:200px; position:absolute; top:0; left:50%; margin-left:-550px;}

/*header stuff*/

#header {font:150% century schoolbook, century, georgia, times new roman, times; text-transform:lowercase; text-shadow:1px 0 0 #fff; padding:0 0 150px 0}
h1 a {display:block; width:503px; height:165px; margin:-50px 0 0 0; position:absolute; z-index:4;}
h1 {text-indent:-9999px; width:503px; height:165px; background:url('images/header.png') no-repeat; position:absolute}
h2 {position:absolute; padding:85px 0 0 225px;}

.social-media li, .navigation li {display:block; float:left;}
.social-media li {text-indent:-9999px; margin:30px 5px 2px 0; width:45px; height:40px; overflow:hidden;}
.social-media, .navigation {display:block; float:right; }
.navigation {clear:both}

.bee {background:url('images/bee.png') no-repeat center;}
.rss {background:url('images/rss.png') no-repeat center;}
.twitter {background:url('images/twitter.png') no-repeat center;}
.facebook {background:url('images/facebook.png') no-repeat center;}
.social-media li a {display:block; width:45px; height:40px;}
.social-media li:hover {margin:32px 3px 0 2px;}

.navigation li a {color:#8e8a7e; margin:0 0 0 20px; text-decoration:none; font-weight:normal;}
.navigation li {margin:10px 0 0 0;}
.navigation li a:hover {text-decoration:underline;}

/*content stuff*/

#content p {margin-bottom:20px;}
#content {padding:0 0 0 100px; float:left;}

.date {background:url('images/post-top.png') no-repeat top left; height:70px; font:140% century schoolbook, century, georgia, times new roman, times; text-align:right;}
.date p {padding:15px 23px 0 0; color:#8e8a7e; text-shadow:1px 0 0 #fff; margin:0;}

.post {margin-bottom:50px; width:532px;}
blockquote {background:url('images/quotes.png') no-repeat -5px center; padding-left:60px; margin-bottom:20px;}
.post ol, .page ol {list-style:outside lower-roman; margin:0 0 20px 25px}
.post ul li:before, .page ul li:before {content: "\00BB \0020"; margin:0 10px 0 5px;}
.post ul, .page ul {margin-bottom:20px;}
.red {color:#f33;}
.green {color:#393;}
.blue {color:#36f;}

.blog-entry, .quote, .photo, .link, .music, .video {background:url('images/post-bg.png') repeat-y; padding:0 20px;}
.post img, pre, div.focusbox {background:#fff; border:1px solid #ddd; padding:10px; }
pre, div.focusbox { margin-bottom:20px; }

h3 {font:200% century schoolbook, century, georgia, times new roman, times; letter-spacing:.5px; border-bottom:1px solid #ddd; padding:10px 0; margin-bottom:20px; text-align:left}
h3 a {text-decoration:none; color:#244167; font-weight:normal;}
h3 a:hover {text-decoration:underline; color:#244167;}
.quote h3.entry-title {background:url('images/quotes.png');}
.video h3.entry-title {background:url('images/video.png');}
.music h3.entry-title {background:url('images/music.png');}
.link h3.entry-title {background:url('images/link.png');}
.quote h3.entry-title, .video h3.entry-title, .music h3.entry-title, .link h3.entry-title {background-position:-5px center; background-repeat:no-repeat; padding-left:60px;}


.meta, .comment-count a {color:#999; text-align:left;}
.comment-count a {text-decoration:none; font-weight:normal}
.comment-count a:hover {color:#ccc}
.meta {padding:15px 0;}
.meta a {color:#777; font-weight:normal; text-decoration:underline;}
.meta a:hover {color:#000;}
.comment-count {float:left; background:url('images/comment.png') no-repeat; width:73px; height:57px; text-align:center; padding:15px 0 0 3px; letter-spacing:1px; font:180% century schoolbook, century, georgia, times new roman, times; margin:0 10px 0 0}
.post-footer {background:url('images/post-bottom.png') no-repeat bottom left; height:30px; margin:-20px 0 0 0}

#content h4 {margin:20px 0 10px; font:160% century schoolbook, century, georgia, times new roman, times;}
#content h5 {margin:20px 0 10px; font:150% century schoolbook, century, georgia, times new roman, times;}

h6 {font:150% century schoolbook, century, georgia, times new roman, times; font-style:italic; margin-bottom:20px;}
.comments, .reply {border-top:1px solid #ddd; padding:20px 0 0 0}
.c-avatar {position:absolute; margin-left:-70px}
.c-avatar img {width:50px; height:50px; padding:2px; margin:0;}
.c-meta {color:#999; border-bottom:1px solid #eee}
.c-author {padding-right:10px;}
#comments li {list-style:none; display:block; margin:0 0 15px 0; padding:10px 10px 0 80px; background:#fff; border:1px solid #ddd}
#comments {padding-bottom:20px; margin:0;}

.post input {width:200px;}
.post textarea {width:480px;}
.post input, .post textarea {padding:5px; background:#fff; border:1px solid #ddd; font:100% verdana, helvetica, arial, sans-serif; color:#244167;}
label {margin-left:10px;}


/*sidebar stuff*/


#sidebar {width:220px; float:left; margin:20px 0 0 20px; font-size:90%; color:#727170; line-height:190%; text-shadow:1px 0 0 #fff;}
#sidebar a {color:#727170; font-weight:normal; text-decoration:underline;}
#sidebar a:hover {color:#333;}

hr {display:none;}
.divider {border-top:1px solid #d4cec3; border-bottom:1px solid #fcfaf4; display:block; clear:both; margin-top:20px;}

#sidebar h4 {margin:20px 0 10px; font:130% century schoolbook, century, georgia, times new roman, times;}
.bird {background:url('images/bird.png') no-repeat center top; padding:4px 0; margin:16px 0;}

#sidebar li {margin-bottom:20px; background:url('images/sidebar-bg.png');}
#sidebar .projects li {background:none;}
.projects {background:url('images/ninja.png') no-repeat top right;}

.welcome { margin-bottom:10px;}
.search {background:none; border:0; padding:2px 0 0 15px; height:41px; width:205px; font:140% century schoolbook, century, georgia, times new roman, times; color:#727170;}
.search-wrap {width:236px; background:url('images/search.png') no-repeat top left; margin:10px 0 12px -7px;}

#sidebar .related, #sidebar .share {background:url('images/sidebar-bg.png');}
#sidebar .related li {margin-bottom:5px; background:none;}
#sidebar .related li:before {content: "\00BB \0020";}

#sidebar .share li {display:inline; background:none;}
.share {padding:10px 0 5px 10px;}

#sidebar .subscribe a:hover {color:orange}

/*footer stuff*/

#footer {clear:both; background:url('images/footer.png') repeat-x; padding:150px 0 0 0; font-size:90%; color:#5e5e5e;}
#footer a {color:#5e5e5e; font-weight:normal; text-decoration:underline;}
#footer a:hover {color:#000}
#footer-flower {background:url('images/footer-divide.png') no-repeat center top; display:block; height:69px; margin:-69px 0 0 100px}
#footer-wrap {background:#cfd8d7; padding:0 0 20px 100px;}
#footer-content {width:800px; margin:0 auto;}

#footer h5 {text-shadow:1px 0 0 #fff; margin:0 0 10px 9px; font:150% century schoolbook, century, georgia, times new roman, times;}

.footer-links {width:265px; float:left; margin:30px 0}
.footer-links li:before {content: "\00BB \0020";}


.archives {text-align:center; background:#d7e0df; padding:20px 0; margin:0 auto; clear:both;}
.archives li {display:inline; margin-right:5px;}
.archives h5 {background:url('images/footer-swirls.png') no-repeat center top;}

#footer p {text-align:center; padding-top:20px;}


/* jem's stuff */
.photo img {
	display: block;
	margin-bottom: 20px;
}

#comments li.admin { color: #000; }

small, div.focusbox { font-size: .9em; line-height: 160%; }
dd { margin: 0 0 1em 1em; }
dt, strong, b { font-weight: bold; }

ins, var {
	text-decoration: none;
	font-style: oblique;
}
code, pre {
	font: 1em Consolas, 'Courier New', Courier, monospace;
	color: #090;
}
	pre {
		max-height: 150px;
		overflow: auto;
	}
q:before, q:after {  content: ""; }
q, em { font-style:italic; }

.clearer { clear: both; }
.small { font-size: 90%; line-height: 1.3em; }
.big { font-size: 110%; }

.alignright {
	float: right;
	text-align: right;
}
.textright { text-align: right; }
.alignleft {
	float: left;
	text-align: left;
}
.center, .aligncenter, .photo img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.valignmiddle { vertical-align: middle; }

.col-left {
	width: 49%;
	float: left;
}
.col-right {
	width: 49%;
	float: right;
}

.picture {
	margin: 1%;
	border: 1px solid #999;
}
.picleft {
	padding: 3px 2% 0 0;
	vertical-align: middle;
}
.picright {
	padding: 3px 0 0 2%;
	vertical-align: middle;
}

.smallpadding { padding: 2%; }
.nobum { margin-bottom: .5em; }

.typicaltable {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #2b2b85;
}
	.typicaltable th,
	.typicaltable td {
		padding: 2px;
		border: 1px solid #2b2b85;
	}

ul.nobullets, 
ul#tagcloud {
	list-style: none;
	margin-left: 0;
}
	ul#tagcloud li { display: inline; }
	ul.nobullets img { vertical-align: middle; }
	ul.nobullets li:before {content: ""; }

span.insecure {
	display: block;
	text-align: right;
	font-style: italic;
}