/*
Theme Name: uppsalatkd.se
*/

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

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

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

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

#container { background: #fff; }
	#header { background: #000; }
		#header-inner { margin: 0 auto; overflow: hidden; width: 950px; }
	#content { background: #fff; margin: 0 auto; overflow: hidden; padding: 35px 0; width: 950px; }
		#primary-content { float: left; width: 500px; }
		#secondary-content { float: right; width: 350px; }
	#footer { background: #eee; border-top: 2px solid #ccc; }

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

#logo { margin: 0; }
	#logo a { background: url(images/logo.png) no-repeat; border: 0; color: #fff; display: block; float: left; height: 150px; margin-top: 40px; text-indent: -2222em; width: 500px; }

#slideshow { background: #fff; float: right; height: 195px; padding: 0 5px 5px 5px; width: 340px; }

/* ------------------------------------------------
	navigation
-------------------------------------------------*/

#primary-nav { background: #000; padding-top: 5px; }
#secondary-nav { background: #ffcc33; }
	#secondary-nav ul { padding-top: 5px; }

#primary-nav ul, #secondary-nav ul { list-style: none; margin: 0 auto; overflow: hidden; width: 950px; }
	#primary-nav li, #secondary-nav li { display: inline; }
		#primary-nav a, #secondary-nav a { border: 0; float: left; font-weight: bold; padding: 12px 14px; text-transform: uppercase; }

#primary-nav a { color: #fff; margin-top: 5px; }
	#primary-nav a:hover, #primary-nav a:focus { background: #222; }
#primary-nav .current_page_item a, #primary-nav .current_page_parent a, #primary-nav .current_page_ancestor a { background: #fc3; color: #000; }

#secondary-nav a { color: #000; }
	#secondary-nav a:hover, #secondary-nav a:focus { background: #ffe599; }
#secondary-nav .current_page_item a, #secondary-nav .current_page_parent a, #secondary-nav .current_page_ancestor a { background: #fff; }

#img-nav, #post-nav, #comments-nav { margin-bottom: 25px; overflow: hidden; width: 500px; }
	#next { float: left; }
	#prev { float: right; }

#img-nav { width: 950px; }
	#img-nav a { color: #888; }
		#img-nav img { border: 1px solid #ccc; padding: 4px; }

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

.post-meta { color: #888; font-style: italic; }
#archive-list h3, #search-list h3 { margin-bottom: 5px; }

/* ------------------------------------------------
	gallery
-------------------------------------------------*/

#albums { list-style: none; margin: 0; }
	#albums li { margin-bottom: 10px; overflow: hidden; width: 500px; }
		#thumb { border: 0; float: left; margin-right: 10px; }
			#thumb img { border: 1px solid #ccc; padding: 4px; }

#content .gallery img { border: 1px solid #ccc; padding: 4px; }
.gallery a { color: #888; }

/* ------------------------------------------------
	sidebar
-------------------------------------------------*/

#news { background: #e4eef3; border-top: 2px solid #acd; margin-bottom: 25px; }
	#news ul { list-style: none; margin: 0; padding-bottom: 20px; }
		#news li { padding: 20px 20px 0; }
			#news h3 { margin-bottom: 5px; }
			#news .post-content p { margin-bottom: 5px; }
			#news .post-meta { font-style: italic; margin: 0; }

#extra { background: #eee url(images/t.png) no-repeat 0 0; border-top: 2px solid #ccc; padding: 10px; overflow: hidden; width: 330px;  }
	#search { float: left; width: 180px; }
		#search form { margin: 0;}
			#search label { border: 0; display: block; height: 0; margin: 0; overflow: hidden; padding: 0; width: 0; }
			#search #s { width: 130px; }
	#archive { float: right; width: 140px; }
		#archive select { width: 140px; }

#links { margin: 0 auto; padding: 25px 0; width: 950px; }
	#links ul { list-style: none; text-align: center; }
		#links li { display: inline; }
			#links a { border: 0; color: #000; margin: 0 50px; }
				#links img { border: 0; padding: 0; }

/* ------------------------------------------------
	comments
-------------------------------------------------*/

#comments { margin-top: 50px; }
#comments-list { list-style: none; margin: 0; width: 500px; }
	#comments-list li { background: #e4eef3; border-top: 2px solid #acd; width: 500px; position: relative; }
		.fn { font-weight: bold; }
		.comment-meta { font-style: italic; position: absolute; right: 20px; top: 20px; }
		.comment-author { margin-bottom: 10px; }
	#comments-list .alt { background: #fff; border: 0; }
		.comment-body { padding: 20px 20px 1px; }
#respond { background: #eee; border-top: 2px solid #ccc; margin-top: 20px; width: 500px; }
	#respond form { padding: 1px 20px 10px; }
		#respond div { margin-bottom: 10px; }
			#respond label { display: block; font-weight: bold; margin-bottom: 5px; }
			#comment { width: 450px; }

/* ------------------------------------------------
	gallery
-------------------------------------------------*/

#footer p { color: #888; margin: 0 auto; padding: 25px 0 50px; text-align: right; width: 950px; }

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

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