/*
Theme Name: Arenarummet
Theme URI: http://blogg.stockholmsarenan.se/
Description: A simple 2-Column WordPress theme. Widget ready.
Version: 0.2
Author: Thomas
*/
/*
Modified Date: 2011 02 03
*/
*{ margin: 0; padding: 0; }
body, html { color: #777777; font-family: " Arial", Lucida Grande, Tahoma, Verdana, sans-serif; font-size: 13px; line-height: 160%; margin: 0; padding: 0; 	background:url(images/body_bg.gif); }
a { color: #0066cc; text-decoration: none; outline-color: invert; outline-style: none; }
a img { border: 0; }
a:hover { color: #ff0000; }
blockquote { background-color: #eeeeee; margin: 10px 30px 10px 20px; padding: 5px 10px; border: 1px solid #dddddd; border-left: 2px solid #91aa9d; }
code { background-color: #fafafa; font-family: "Courier New", Courier; margin: 10px 20px; border: 1px dashed #dddddd; color: #777777; padding: 0 5px 2px; line-height: 180%; display: block; }

/*------------------------ Header ------------------------*/
#header{ /*border-top: 6px solid #00a4e3;*/ margin-top: 15px; padding: 0; }
#header .header_wrapper { width: 960px; height: 192px; margin: 0 auto; padding:0;/* background:url(images/Arenarummet-headerbg.png) no-repeat;*/ }
h1 { line-height: 100%; font-size: 24px; color: #f2f2f2; text-indent:-9999px; }

/*------------------------ Container & Main ------------------------*/
#container { width: 960px; background: #FFF; margin: 0 auto; }
#main { float: left; width: 660px; overflow:hidden; padding-top: 10px; padding-bottom: 20px; background:#FFF; }
.post { margin: 20px; font-size: 13px; text-align: left; }
.postdate { float: left; display: block; background: url(images/date.png) no-repeat; height: 48px; width: 48px; line-height: 160%; margin-right: 10px; }
.month { text-transform: uppercase; text-align: center; color: #fff; font-size: 12px; }
.date { text-align: center; margin-top: 2px; font-size: 18px; }

.postmeta { color: #999; font-size: 12px; }
.postmeta_category { padding: 0 5px 0 0; }
.postmeta_comments { padding-left: 0; }
.postmeta_author { padding: 0; }
/*.postmeta_author { background: url(images/author.gif) no-repeat; padding: 0 5px 0 18px; } */
.postmeta_time { padding-left: 0; }
.postmeta_category a { color: #cc0033; }
.postmeta_comments a { color: #cc0033; }
em { color:#333;}
strong { color:#333;}

/* .widgettitle {} */

.title { height: 48px; }
.title h2 { line-height: 130%; color: #00a4e3; padding:0 3px 0 7px; }
.title h2 a { color: #00a4e3; font-size: 22px; line-height: 140%;}
.title h2 a:hover { color: 00a4e3; text-decoration:none; }
.title .postmeta a:hover { color: #ff0000; }
.post p { margin: 5px 0; padding: 5px 20px 5px 0; }
.post ul, .post ol { margin: 10px 0 10px 0; padding-left: 40px; padding-right: 40px; }
.post li { padding: 2px 0 2px 0; }
.entry { margin: 20px 0 5px 0; padding-bottom: 5px; border-bottom: 1px dashed #cccccc; }
.entry a { text-decoration: none; color: #0066cc; }
.entry a:hover { text-decoration: underline; color: #3399ff; }

.tags { background: url(images/tags.gif) no-repeat; padding-left: 20px; color: #666666; }
.tags a { color: #666666; text-decoration: none; }
.tags a:hover { color: #FF9900; text-decoration: none; }
.info { padding: 10px 0; color: #666666; }
.info a { color: #666666; }
.info a:hover { color: #ff5400; }
.relate h3 { color: #3e606f; font-size: 16px; }
.relate ul { list-style-type: decimal; }

/* PageNavi */
.navigation { padding:20px;}
.wp-pagenavi a { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border-width: 1px; border-style: solid; background-color: #fff; font-weight: bold; }
.wp-pagenavi a:hover {	border: 1px solid #ccc; color: #333;}
.wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #333; border: 1px solid #ccc; background-color: #fff; }
.wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #ccc; color: #333; }
.wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000; color: #000; background-color: #fff; }

/*------------------------ Comments ------------------------*/
.commentstitle { border-top: 1px solid #e3e5e4; }
h3 { color: #00a4e3; font-size: 18px; line-height: 130%; }
.commentstitle h3 { padding-bottom: 10px; padding-top: 10px; }
.commentsnumber { color: #00a4e3;  padding-left: 15px; }

#commentbarlinks { text-transform:uppercase; padding:10px 10px 0 0; }
#commentbarlinks a { color:#666; }
#commentbarlinks a:hover { color: #FF9900; }
.wp-image { display: block;}
a:focus { outline: none; }

.commentlist { color: #666666; list-style-type: none; padding: 10px 12px 20px; display:block;}
.commentlist a { color: #0066cc; }
.commentlist a:hover { color: #FF9900; border-bottom: 1px solid #666; }
.commentlist li { border-bottom: 1px solid #e3e5e4; padding: 15px 5px 30px 5px; display:block; min-height:100px; }
.alt { background-color: #f9f9f9; display:block; min-height:100px; }
.top, .time a { color: #999999; }
/* Avatar */
.avatar { float: left; width: 80px; height: 80px; display: block; padding: 2px; border: 1px solid #dddddd; margin: 5px 5px 0 5px; }

/*------------------------ Comments Form ------------------------*/
#respond { font-size: 18px; color: #00a4e3; margin:10px 15px 0 15px; }
#commentform p { margin-bottom: 15px; }
input#author, input#email, input#url, textarea#comment { margin-left: 12px; border: 2px solid #e3e5e4; padding: 2px; width: 200px; background-color: #f9f9f9; }  

textarea#comment { width: 450px; height: 200px; }

input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus { color: #666666; border: 2px solid #f1b39b; background-color: #ffffff; }

label { margin-left: 5px; font-size: 12px; }
input#submit { margin-left: 12px; background-color: #f9f9f9; border: 2px solid #e3e5e4; width: 80px; padding: 2px 5px; color: #666666; font-size: 12px; }

/*------------------------ Search Form ------------------------*/
#searchform { background: url(images/search.png) no-repeat left top; height: 32px; width: 260px; }
#searchform:hover { background: url(images/search.png) no-repeat left bottom; }
#searchinput { background: none; border: none; width: 170px; height: 30px; padding: 0 5px 0 10px; color: #999999; }
#searchsubmit { background: none; border: none; width: 60px; height: 30px; cursor:pointer; }

/*------------------------ Sidebar ------------------------*/
#sidebar { float: right; width: 290px; overflow: hidden; border: 1px solid #e3e5e4; border-top: 0; background: #eee; line-height: 160%; margin-bottom: 20px; /*margin-top:10px;*/ }
#sidebar ul { padding: 15px; }
#sidebar a { color: #666666; text-decoration: none; }
#sidebar a:hover { color: #FF9900; }
#sidebar ul h2 { font-size:1.2em;text-transform:uppercase; line-height: 180%; padding-bottom: 3px; margin-bottom: 10px; color: #00a4e3; border-bottom: 1px solid #e3e5e4; }
#sidebar ul li { list-style: none; line-height: 180%; font-size: 12px; padding-bottom: 15px; }
#sidebar ul ul { padding: 0px 10px; }
#sidebar ul ul li{ border-bottom: 1px solid #eeeeee; padding: 2px 0; background: url(images/arrow.gif) no-repeat 0 10px; padding-left: 16px; }
#sidebar ul ul li ul{ padding-left: 5px; margin-bottom: 0; }
#sidebar ul ul li ul li{ list-style: none; line-height: 160%; font-size: 12px; border-bottom: 0; background: none; }

/*------------------------ Calender ------------------------*/
#wp-calendar { width: 260px; text-align: center; margin-top: 5px; }
#wp-calendar th { margin-top: 5px; }
#wp-calendar caption { font-size: 12px; margin-top: 5px; }

/*------------------------ Sidebar Search ------------------------*/
#sidebar ul li form{ margin: 10px 0; }

/*------------------------ Default Sidebar for Arenarummet Theme ------------------------*/
#search form { margin-top: 5px; margin-bottom: 20px; }
#sidebar ul ul.feed_item li { background: none; padding:0 0 3px 0; border: none; }
#sidebar .feed a { margin-left: 10px; padding-left: 20px; background: url(images/feed.gif) no-repeat; }
.tagcloud { padding: 0 10px; }

/*------------------------ Footer ------------------------*/
#footer { border-top: 2px solid #dddddd; clear: both; width: 100%; color: #777777; }
#footer a { color: #777777; }
#footer a:hover { color: #666666; }
#footer .footer_wrapper { margin: 0 auto; width: 960px; }
#footer .footer_left { float: left; padding: 10px 0 20px 0; line-height: 160%; }
#footer .footer_right { float: right; padding: 10px 0 20px 0; line-height: 160%; }

/*------------------------ Archives Page ------------------------*/
.archivespage_tag { border: 1px solid #e3e5e4; margin: 0px 12px 20px 12px; padding: 5px; }
.archivespage_tag a { color: #999999; text-decoration: none; }
.archivespage_tag a:hover { color: #FF9900; }
.archiveslist { list-style-type: none; margin: 5px 12px 10px 12px; }
.archiveslist li a, .archiveslist li a:visited { color: #666666; text-decoration: none; }
.archiveslist li a:hover { color: #FF9900; }
.archivesnumber { color: #FF9900;
}

/*------------------------ Link Page ------------------------*/

.linkpage ul { padding: 10px 12px; list-style-type: none; }
.linkpage ul li { float: left; margin-bottom: 10px; }
.linkpage ul li ul li { float: left; width: 140px; text-align: center; margin: 3px 5px; line-height: 180%; background-color: #ffffff; border: 1px solid #e3e5e4; }
.linkpage ul li ul li a { color: #999999; display: block; text-decoration:none; }
.linkpage ul li ul li a:hover { background-color: #eeeeee; color: #333333;
}

/*------------------------ Page Template ------------------------*/

.title_page { border-left: 4px solid #91aa9d; margin-bottom: 20px; }
.title_page h2 { padding-left: 10px; font-size: 20px; line-height: 180%; color: #3e606f; }

/*------------------------ wp-thread-comment plugin ------------------------*/
.thdrpy { text-align: left; font-size: 12px; margin: 10px 0; }


/* ---- sociablle icons, position  ------- */
.sociable { display:block; width:610px; padding:10px 10px 0 0;}

/* ---- Post author ----- */
.postauthor { background-color: #fafafa; border: 1px solid #f3f3f3; padding: 10px; margin: 10px 0; display:block; min-height:86px; }
.postauthor h5 { font-size: 1.1em; margin: 0 0 10px 0; }
.postauthor img { float: left; margin: 0 10px 8px 0; }
.postauthor p {font-size: 0.9em; }

/* snygggare rubrik till rss rubriken */
.widget_rss, h2 { color:#00a4e3;}

.social { text-align: center; }
.social h3 { margin-bottom: 10px; }
/* Made with love on a mac */