/*  
Theme Name: Pakten3
Theme URI: http://tdhedengren.com/
Description: Pakten 3 theme, blog network front. <a href="http://tdhedengren.com/">Made by TDH</a>
Version: 1.0
Author: Thord Daniel Hedengren
Author URI: http://tdhedengren.com/
*/


/* MAIN DECLARATIONS */

body { margin: 0; padding: 0; background: #fff; color: #111; font-family: Georgia, Times, "Times New Roman", serif; }

.clear { width: 100%; height: 0 !important; clear: both; }
.down { padding-bottom: 30px; }
.up { padding-top: 30px; }

.pos { padding: 20px; } /* positioning for IE */

.right, .alignright { float:right; }
.left, .alignleft { float:left; }
.center { text-align:center; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/* ELEMENTS */

img { border:0; }
img.left, .alignleft, blockquote.left, .alignleft { margin: 0 15px 15px 0; }
img.right, .alignright, blockquote.right, .alignright { margin: 0 0 15px 15px; }
img.frame { border: 1px solid #ddd; padding: 5px; }

blockquote { color: #555; }
blockquote.pullquote {}
blockquote.pullquote p {}

.wp-caption { padding: 10px; background: #efefef; border: 1px solid #ddd; font-size: 12px; color: #888; font-style: italic; text-align:center; }
p.wp-caption-text { margin:8px 0 0 0 !important; padding:0; line-height: 14px !important; }

ul, ol {}
li { margin-bottom: 5px; }

a { color: #000; text-decoration: underline; }
a:hover { color: #420; text-decoration: none; }

form { overflow:hidden; margin:0; padding:0; }
input { padding: 2px; border: 1px solid #555; }
.button { background: #555; color: #fff; font-weight:bold; border: 0; } /* should work with INPUT and A */
.button:hover { color: #fff; background: #900; }

.embedded { text-align:center; margin: 0 0 12px 0; } /* for movies */

.searchbox {} /* searchform.php */


/* LAYOUT */

#site { width: 100%; text-align:center; }

#wrap { width: 960px; margin: 0 auto; text-align: left; }

#header { float:left; clear:both; margin: 0 0 20px 0; background: url(img/header-bg.jpg) no-repeat; width:100%; }
#header a { color: #111; text-decoration: none; }
#header h1 { margin: 0; padding:0; float:left; width: 196px; height: 166px; background: url(img/pakten.gif) no-repeat; }
#header h1:hover { background: url(img/pakten-hover.gif) no-repeat; }
#header div.lb { float:right; width: 755px; text-align: right; }
#header div.lb div.ad { padding-right: 25px; padding-top: 50px; }

.column { width: 300px; } /* 310px max for 970px width */

#content { float: left; width: 640px; font-size: 14px; }
#content p { margin: 0 0 12px 0; padding:0; line-height: 24px; }
#content ul, ol { color: #555; }
#content h2 { margin: 0 0 10px 0; padding: 0 0 10px 0; border: 1px solid #bbb; border-width: 0 0 1px 0; font-size: 24px; line-height: 24px; }
#content .single h2 { font-size: 36px; line-height: 36px; color: #555; }
#content h2:hover { border-color: #111; }
#content h2 a { text-decoration: none !important; }
#content h2 a:hover { color: #111; }
#content h3 { margin: 24px 0 10px 0; padding: 0; font-size: 18px; line-height: 18px; }
#content h4 { margin: 12px 0 5px 0; font-size: 12px; text-transform: uppercase; line-height: 12px; } 
#content .listhead { text-transform: uppercase; color: #555; margin-bottom: 30px; }
#content .post { margin: 10px 10px 30px 20px; }
#content .post .meta { color: #555; font-size: 10px; line-height: 14px; margin-bottom: 0; font-family: Verdana, Tahoma, sans-serif; }
#content .post .meta a { color: #333; }
#content .post .meta a:hover { color: #111; text-decoration: none; }
#content .post .meta span a { text-transform: uppercase; padding: 2px; background: #333; color: #fff; text-decoration: none; }
#content .post .meta span a:hover { color: #fff; background: #000; }
#content .post .entry {}
#content #welcome { margin-bottom: 40px; }
#content #welcome p { font-size: 18px; line-height: 24px; color: #666; }
#content #welcome p strong { color: #333; }
#content .navigation { width: 100%; clear:both; padding: 0; }
#content .navigation .right { text-align:right; }
#content #searchform { margin: 0 0 12px 0; }
#content .tagcloud { text-align:center; padding: 20px; border: 1px solid #bbb; }
#content .tagcloud h2 { padding-bottom: 5px; border-color: #efefef; font-size: 18px; text-align:center; }
#content .tagcloud a { color: #111; }
#content .tagcloud a:hover { color:#555; }

/* comments */
#content #comments { color: #444; font-size: 14px; }
#content #comments h2 { margin: 30px 0 0 0; border:0; }
#content #comments h3 { margin: 0; }
#content #comments p.center { text-align:center; }
#content #comments ol, #content #comments ol.commentlist { margin: 0; padding: 20px; border: 3px solid #eee; }
#content #comments ol.respond { margin-top: 0px; }
#content #comments ol.respond p { margin: 5px 0; }
#content #comments ol li { height: 1%; color: #444; font-family: Georgia, Times, Times New Roman, serif; margin: 0 0 10px 0; padding: 20px; list-style: none; background: #efefef; }
#content #comments ol li p { margin: 0 0 12px 0; padding: 5px 0 0 0px; }
#content #comments ol li.alt { background: #e8f1f0; }
#content #comments ol li.rss { padding: 0; background: #fff; text-align:right; }
#content #comments ol li.trackbacks { padding: 0; background: #fff; text-align:center; font-size: 12px; }
#content #comments ol li p.commenter { font-size: 12px; line-height: 18px; color: #888; margin: 0; padding: 10px 0 0 0; border: 1px solid #aaa; border-width: 1px 0 0 0; font-style: italic; }
#content #comments ol li p.commenter .avatar { float:left; margin: 0 8px 0 0; }
#content #comments #author, #content #comments #email, #content #comments #url { width: 300px; }
#content #comments #commentarea { border: 1px solid #888; background: #efefef; color: #111; font-family: Georgia, serif; font-style: italic; font-size: 14px; padding: 10px; width: 572px; height: 150px; }
#content #comments .subscribetocomments { margin: 10px 0; padding: 3px 0; border: 1px solid #eee; border-width: 1px 0; text-align:right; }
#content #comments .subscribetocomments input { width: 14px; height: 14px; border: 0; }

#members { width: 100%; clear:both; float:left; padding-top: 5px; border: 2px double #eee; border-width: 3px 0 0 0; }
#members div.row { width: 100%; clear:both; float:left; margin: 0 0 15px 0; font-size: 12px; background: url(img/members-bg.gif) repeat-y; }
#members div.row a { text-decoration:none; color: #420; }
#members div.row a:hover { color: #f00; }
#members div.row div.column { width: 310px; }
#members div.row div.column h3 { font-size: 16px; font-weight: normal; letter-spacing: 1px; margin: 0 5px 7px 5px; padding: 5px 0 2px 0; border: 1px solid #bbb; border-width: 0 0 1px 0; }
#members div.row div.column ul { margin: 0; padding: 10px; }
#members div.row div.column ul li { margin: 0 5px 5px 5px; padding: 0; list-style:none; }
#members div.row div.column ul li a { color: #111; }
#members div.row div.column ul li a:hover { text-decoration: underline; }
#members div.row div.column ul li.link { font-style: italic; }
#members div.row div.column ul li.link a { font-weight:bold; font-style: normal; }

ul#sidebar { float: right; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #555; background: #f8f8f8; margin:0; padding: 0; }
ul#sidebar a { color: #420; }
ul#sidebar a:hover { color: #000; text-decoration: none; }
ul#sidebar li { list-style:none; margin: 20px; padding: 0; }
ul#sidebar h2 { margin: 0 0 8px 0; padding: 0 0 3px 0; border: 1px solid #bbb; border-width: 0 0 1px 0; font-size: 14px; }
ul#sidebar li ul { margin:0; padding: 0; }
ul#sidebar li ul li { margin: 0 0 5px 0; } 
ul#sidebar li ul li li { margin: 0 0 5px 10px; }

#footer { height: 1%; clear:both; margin: 0; padding: 10px 0 30px 0; border: 5px solid #bbb; border-width: 5px 0 0 0; font-size: 12px; color: #555; }
#footer p { margin: 0 0 10px 0; line-height: 18px; }
#footer .content { width: 640px; float:left; }
#footer .right p { text-align:right; }