/*
Theme Name: Grunge n Floral
Theme URI: http://themeforest.net/
Description: A Artsyfartsy and Accessible WordPress Theme.
Version: 1.0
Author: Jan Londén
Author URI: http://themeforest.com/user/janlonden/
*/

/* ------------------------------------------------
	global
-------------------------------------------------*/

* { font-size: 100%; margin: 0; padding: 0; }

body { background: #000; color: #320; font: 1em georgia, serif; line-height: 1.5; }
	a { color: #063; text-decoration: none; }
		a:hover, a:focus { background: #ffd; color: #031; text-decoration: underline; }
	abbr[title], accronym[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
	address, dl, fieldset, form, ol, p, pre, table, ul { margin-bottom: 25px; }
	blockquote { font-style: italic; }
	code, kbd, pre, samp, var { font-family: "courier New", courier, monospace; }
	h1, h2, h3, h4, h5, h6 { color: #053; font: bold 1em helvetica, arial, sans-serif; margin-bottom: 15px; }
	h1, h2 { font-size: 1.4em; }
	h3 { font-size: 1.2em; }
	img { vertical-align: bottom; }
	input, select, textarea { font-family: georgia, serif; }
	ins { border-bottom: 1px solid; text-decoration: none; }
	label { cursor: pointer; }
	ol, ul { margin-left: 25px; }
	table { border-collapse: collapse; border-spacing: 0; }

/* ------------------------------------------------
	main layout
-------------------------------------------------*/

#container { background: #fff url(images/container.jpg) 50% 250px; }
	#header { background: #000 url(images/header.jpg) 50% 0; }
		#header-content { height: 250px; margin: 0 auto; position: relative; width: 950px; }
	#content { margin: 0 auto 50px; overflow: hidden; width: 950px; }
		#primary-content { float: left; margin-top: 25px; width: 550px; }
		#secondary-content { float: right; margin-top: 50px; width: 350px; }
	#footer { background: url(images/footer.jpg) 50% 0; }

/* ------------------------------------------------
	header
-------------------------------------------------*/

#skip { margin: 0; }
	#skip a { display: block; height: 0; margin: 0; overflow: hidden; padding: 0; width: 0; }
		#skip a:active, #skip a:focus {  background: #ac0; color: #340; float: left; font: bold 1em helvetica, arial, sans-serif; height: auto; padding: 5px; text-decoration: none; width: auto; }

#logo { left: 0; margin: 0; position: absolute; top: 70px; }
	#logo a { background: url(images/logo.png); display: block; height: 100px; text-indent: -2222em; width: 300px; }

#rss { position: absolute; right: 0; top: 60px; }
	#rss a { background: url(images/rss.png) 0 0; float: right; height: 100px; text-indent: -2222em; width: 88px; }
		#rss a:hover, #rss a:focus { background: url(images/rss.png) 0 -100px; }

#nav { background: #100; border-bottom: 2px solid #fff; bottom: 0; left: 0; list-style: none; margin: 0; padding: 10px 10px 0; position: absolute; }
	#nav li { display: inline; }
		#nav a { color: #ffc; float: left; font: bold 1em helvetica, arial, sans-serif; padding: 12px 14px; text-transform: uppercase; }
			#nav a:hover, #nav a:focus { background: none; color: #fe8; }
		#nav .current-cat a, #nav .current_page_item a, #nav .current_page_parent a, #nav .current_page_ancestor a { background: url(images/nav-current.png) 0 0; color: #820; text-decoration: none; }

/* ------------------------------------------------
	content
-------------------------------------------------*/

#container #content .post-edit-link,
#container #content .comment-edit-link { background: url(images/button-green.png) no-repeat 0 50%; color: #680; font-size: .8em; padding: 2px 4px; }
	#container #content .post-edit-link:hover,
	#container #content .post-edit-link:focus,
	 #container #content .comment-edit-link:hover,
	 #container #content .comment-edit-link:focus { color: #340; }

/* ------------------------------------------------
	primary content
-------------------------------------------------*/

#primary-content img { background: #fff; border: 1px solid #eed; padding: 4px; }
#primary-content li { background: url(images/li.png) no-repeat 0 100%; padding: 5px 0; }
#primary-content blockquote { background: url(images/quote.png) no-repeat; padding: 15px 80px 1px 25px; }

#sub-nav { background: url(images/sub-nav.png) no-repeat 0 100%; list-style: none; margin: 0 0 15px; overflow: hidden; width: 550px; }
	#sub-nav li { display: inline; }
		#sub-nav a { float: left; font: bold 1em helvetica, arial, sans-serif; padding: 12px; text-transform: uppercase; }
			#sub-nav a:hover, #sub-nav a:focus { background: none; color: #031; }
		#sub-nav .current_page_item a, #sub-nav .current_page_parent a, #sub-nav .current_page_ancestor a { background: url(images/sub-nav-current.png) no-repeat 0 0; color: #031; text-decoration: none; }

.page { background: url(images/page.png) no-repeat; margin-top: 25px; }
	#content .page .post-title { margin-bottom: 25px; padding: 10px 0; }
		#content .page .post-title a { color: #820; }
			#content .page .post-title a:hover, #content .page .post-title a:focus { color: #210; }

.post,
.attachment { background: url(images/post.png) no-repeat; margin-top: 25px; overflow: hidden; width: 550px; }
	#content .post-title { color: #820; font-size: 2em; margin: 0; padding: 10px 0 5px; }
		#content #primary-content .single { font-size: 1.4em; }
	.post-meta { color: #662; font-size: .8em; font-style: italic; }
		.post-meta span { white-space: nowrap; }
	#content .more-link { background: url(images/button-blue.png) no-repeat 0 50%; float: right; font: bold 1em helvetica, arial, sans-serif; margin-bottom: 50px; padding: 6px 8px; }

.post-title a { background: none; text-decoration: none; }

.post-nav { margin-bottom: 25px; overflow: hidden; width: 550px; }
	.next { float: left; }
	.prev { float: right; }
		.post-nav a { background: url(images/button-yellow.png) no-repeat 0 50%; color: #820; display: block; font: bold 1em helvetica, arial, sans-serif; padding: 6px 8px; }
			.post-nav a:hover, .post-nav a:focus { color: #210; }
	.image .next a, .image .prev a { background: none; }

#search-content { overflow: hidden; width: 550px; }
	#s-content { background: url(images/text-field.jpg) repeat-x; border: 1px solid #eed; border-top: 1px solid #aa9; float: left; margin-right: 5px; padding: 5px; width: 340px; }
	#search-submit-content { float: left; }

#comments-list { list-style: none; margin: 0 0 25px; overflow: hidden; width: 550px; }
	#comments-list li { background: url(images/acomment.png) no-repeat 0 0; overflow: hidden; padding: 15px 15px 0; width: 520px; }
		#comments-list .alt { background: url(images/acomment-alt.png) no-repeat 0 0; }
		.comment-author { color: #332; font-style: italic; }
			.comment-author cite { font-weight: bold; }
			.avatar { float: right; margin: 0 0 15px 15px; }
		.comment-meta { color: #332; font-size: .8em; font-style: italic; margin-bottom: 15px; }
		.reply { margin-bottom: 25px; }
		#comments-list .comment-reply-link { background: url(images/button-yellow.png) no-repeat 0 50%; color: #820; font-size: .8em; padding: 2px 4px; }
			#comments-list .comment-reply-link:hover, #comments-list .comment-reply-link:focus { color: #210; }
		.children { list-style: none; margin: 0 0 0 25px; }
			#comments-list .depth-2 { width: 480px; }
			#comments-list .depth-3 { width: 440px; }
			#comments-list .depth-4 { width: 400px; }
			#comments-list .depth-5 { width: 360px; }
			#comments-list .depth-6 { width: 320px; }
			#comments-list .depth-7 { width: 280px; }
			#comments-list .depth-8 { width: 240px; }
			#comments-list .depth-9 { width: 200px; }
			#comments-list .depth-10 { width: 160px; }

#respond { background: url(images/respond.png) no-repeat 0 0; }
	#respond p { font-style: italic; }
	#cancel-comment-reply { float: right; }
		#cancel-comment-reply a { background: url(images/button-yellow.png) no-repeat 0 50%; color: #820; display: block; font: bold 1em helvetica, arial, sans-serif; padding: 6px 10px; }
			#cancel-comment-reply a:hover, #cancel-comment-reply a:focus { color: #210; }
	#respond label { color: #043; display: block; font: italic bold .8em georgia; margin-bottom: 5px; }
		#respond span { color: #aa9; font-weight: normal; }
		#respond .req { color: #f40; font-weight: bold; }
	#respond #author, #respond #email, #respond #url, #respond #comment { background: url(images/text-field.jpg) repeat-x; border: 1px solid #eed; border-top: 1px solid #aa9; margin-bottom: 10px; padding: 5px; width: 240px; }
	#respond #comment { height: 140px; width: 480px; }

.gallery { clear: both; }
	.gallery-item { margin: 0 0 15px 0; }
		.gallery-caption { color: #430; font-style: italic; margin-top: 5px; }

#caption { margin-bottom: 25px; }
	#caption p, .wp-caption p { background: #ffd; color: #430; font-style: italic; margin: 0; padding: 10px; }

/* ------------------------------------------------
	secondary content
-------------------------------------------------*/

#secondary-content h2 { color: #820; font-size: 1.4em; }

#about-author { background: #fe8 url(images/about.jpg) no-repeat; }
	#about-author h2 { padding: 20px 20px 1px; }
	#about-author p { background: url(images/about-bottom.png) no-repeat 0 100%; padding: 0 20px 20px; }

#search-sidebar { margin: 0 20px 25px; overflow: hidden; width: 310px; }
	#s-sidebar { background: url(images/text-field.jpg) repeat-x; border: 1px solid #eed; border-top: 1px solid #aa9; float: left; margin: 0 5px 0 0; padding: 5px; width: 200px; }
	#search-submit-sidebar { float: left; }

#recent { background: #eec url(images/recent.jpg); }
	#recent h2 { padding: 20px 20px 0; }
	#recent ul { background: url(images/recent-bottom.png) no-repeat 0 100%; list-style: none; margin: 0 0 25px; padding: 0 20px 1px; }
		#recent h3 { font-size: 1em; margin-bottom: 5px; }
		#recent a { color: #068; }
			#recent a:hover, #recent a:focus { color: #034; }
		.recent-meta { color: #430; font-size: .8em; font-style: italic; margin-bottom: 20px; }

#archive { margin: 0 20px 25px; overflow: hidden; width: 310px; }
	#archive-select { background: #ffe; border: 1px solid #eed; border-top: 1px solid #aa9; padding: 5px; width: 310px; }

.widget { background: url(images/widget.png) no-repeat; margin-bottom: 25px; padding: 15px 20px 0; }
	#secondary-content .widget h2 { color: #430; font-size: 1.2em; }
	#wp-calendar { margin: 0; text-align: center; width: 100%; }
		#wp-calendar caption { margin-bottom: 10px; }
		#wp-calendar thead { background: #eed; }
		#wp-calendar th, #wp-calendar td { color: #430; font-size: .8em; padding: 5px; }
	#archives select { background: #ffe; border: 1px solid #eed; border-top: 1px solid #aa9; padding: 5px; width: 300px; }
	#secondary-content .widget ul { list-style: none; margin: 0; }
		.widget li { background: url(images/widget-li.png) no-repeat 0 100%; padding: 5px; }

/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer p { color: #bb8; font: italic bold .8em georgia, serif; margin: 0 auto; padding: 40px 0; width: 950px; }
	#footer a { background: none; }

/* ------------------------------------------------
	misc
-------------------------------------------------*/

.non-visual, .hidden { border: 0; display: block; height: 0; margin: 0; overflow: hidden; padding: 0; width: 0; }
.alignleft { float: left; margin: 0 15px 15px 0; }
.alignright { float: right; margin: 0 0 15px 15px; }