/* @override 
	http://jonssondesign.se/fotbollsem/wp-content/themes/fotbollsem-2012/style.css */

/*
Theme Name: em-fotboll
Theme URI: http://em-fotboll.se
Description: En specialbeställd wordpress sida från jonssondesign!
Version: 1.0
Author: Fredrik Jonsson
Author URI: http://jonssondesign.se
Tags:
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
@import "css/mobile.css";

@font-face {
    font-family: "Rockwell"
    src: url(RockwellBold.ttf);
}


/*
F?r att ta bort annonserna bredvid sidan ?ndra d? till detta:
#wrapper {width:980px; margin:0 auto;}
#ad-left {display:none;}
#ad-right {display:none;}

-----------Spara detta f?r att komma ih?g, om du skulle beh?va s?tta in annonserna igen..------
#wrapper {width:980px; margin:0 0 0 170px; float:left;}
#ad-left {float:left; width:160px; height:600px; margin:0 0 0 0; position:absolute;}
#ad-right {float:left; width:160px; height:600px; margin:0 0 0 1250px;  position:absolute;}
*/
strong {font-weight:bold;}
b {font-weight:bold;}
em {font-style:italic;}
i {font-style:italic;}
blockquote {padding:0 0 0 15px;}
cite {font-style:italic;}
var {font-style:italic;}
dfn {font-style:italic;}


body {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#fff;}
#container {width:1500px; margin:0 auto; padding:10px 0 0 0; }
#wrapper {width:1000px; margin:0 0 0 250px; float:left;}
#header {background:#fff; border-top:1px solid #eee; border-left:1px solid #eee; border-right: 1px solid #eee; border-radius:3px;}
a img {border:0;}
.clear {clear:both; width:100%;}

#header-ad { margin:0 0 10px 0;}
#ad-left {float:left; width:250px; height:2000px; margin:0 0 0 0; position:absolute; border:none;}
#ad-right {float:left; width:250px; height:2000px; margin:0 0 0 1250px;  position:absolute; border:none;}

#header-ad .g-1 { margin: 0 }
#ad-left .g-3 { margin: 0 }
#ad-right .g-4 { margin: 0 }

/* ------------------------------------------------------------------------------------------------------------------------------------------
Logotyp och s?k-f?lt --------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------ */

#l-s {margin:20px 10px;}
#logo {text-indent:-9999px; width:329px; height:49px; float:left; margin:0 0 0 10px;}
#logo a {background:url(images/logo.gif) top left no-repeat; width:329px; height:49px; display:block;}
#logo .year {font-family: "Rockwell", Arial; text-indent:0px; margin:-53px 0 0 290px; font-size:18px; color:#333;}
#top-search {float:right; padding:10px 0 0 0; }
#top-search #s {height:30px; border:1px solid #d6d6d6; padding:0 0 0 10px; color:#777; width:200px; line-height:30px;}
#top-search #s:focus {outline-style:none;}
#top-search #searchsubmit {background:#ff5a00; height:32px; border:1px solid #c24400; margin:0 0 0 -3px; padding:0 10px 0 10px; font-weight:bold; color:#FFF; text-shadow:0px 1px 0px #37640a; cursor:pointer;}
#top-search #searchsubmit:active {border:1px solid #963501; background:#e04f00;}

/* ------------------------------------------------------------------------------------------------------------------------------------------
Meny --------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------ */

#menu {background:#EEEEEE; border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee; border-bottom:1px solid #d6d6d6; font-size:12px; background:url(images/menu-bg.gif) top left repeat-x #FFFFFF;}
#menu ul {list-style:none; padding:0; margin:0; display:block; float:left; width:940px;}
#menu li {float:left; padding:10px 10px 10px 10px; border-right:1px solid #ffffff; border-left:1px solid #dbdbdb; margin:1px 0 1px 0; position:relative;}
#menu li a {color:#333333; text-shadow:0px 1px 0px #FFFFFF; font-weight:bold; text-decoration:none;}
#menu li a:hover {color:#ff5a00;}
#menu li li {float:none; background:url(images/dropdown-bg.jpg) top left repeat-x; font-size:12px; padding:8px 9px 9px 9px; margin:0 0 -1px -1px; position:relative;}
#menu li ul { margin:10px 0 0 0px; width:250px; display:none; border:1px solid #d6d6d6; border-bottom:0; top:25px; left:-1px; z-index:1; position:relative;}
#menu li li a {color:#666666; font-weight:normal;}
#menu li:hover ul, #menu li:hover ul {display:block; position:absolute;}

#menu-start { width:34px; float:left; display:block; border-right:1px solid #FFFFFF; padding:0; text-align:center;}
#menu-start a {background:url(images/start.png) top left no-repeat; width:14px; height:14px; display:block; margin:10px 0 0 10px;}
#menu-start:hover a{background:url(images/start-curr.png) top left repeat-x;}

#menu-start-currrent {width:34px; float:left; display:block; height:100%; border-right:1px solid #FFFFFF; padding:0; text-align:center;}
#menu-start-currrent a {background:url(images/start-curr.png) top left no-repeat; width:14px; height:14px; display:block; margin:10px 0 0 10px;}
#menu-start-currrent:hover a {background:url(images/start-curr.png) top left repeat-x;}

#menu li.current_page_item a{color:#ff5a00;}

#menu .page-item-144 {border-right:none;}
#menu .page-item-23 {border-right:none;}

/* ---------------------------------------------------------------------------------------------------------------------------------------
Startsidan och lite blandat --------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------ */

#content-wrapper {width:998px; background:#fff; padding:0 0 30px 0; border-left:1px solid #eee; border-right: 1px solid #eee;}
#content-wrapper a {color:#247cff; text-decoration:none;}
#content {width:620px; float:left; margin:0 23px 0 15px; background:#fff;}

#content h1 {border-bottom:2px solid #dedede; padding:20px 0 7px 0; margin:0 0 10px 0; color:#444;}

.post {padding:10px 0 10px 0; border-bottom:1px solid #d6d6d6;} /* the default height */

.post:first-child .post {padding:0 0 20px 0; border-top:1px solid #FFF; margin:20px 0 0 0;}
.post:first-child .entry-content {color:#333333; font-family:14px; padding:10px 0 0 0;}
.post:first-child .entry-title {font-size:25px; margin:0 0 10px 0;}

.entry-content {color:#666666; font-family:12px; line-height:20px; float: left; width: 620px; }
.entry-content a {display:none;}
.post-thumbnail { float: left; margin: 0 10px 0 0; }

.entry-title {font-size:16px;}
#content-wrapper .entry-title a{color:#ff5a00; text-decoration:none; font-weight:normal;}
#content-wrapper .entry-title:first {color:#ff5a00; text-decoration:none; font-weight:normal;}
.entry-title h2 {font-weight:normal;}
.entry-content h2 a {display:block;}

.pub-kat {float:left; margin:5px 0 0 0; font-size:10px; color:#888888;}
#content-wrapper .pub-kat a {color:#888888; text-decoration:none;}
.s-kate {float:right; margin:5px 0 0 0; font-size:10px; color:#164575;}
#content-wrapper .s-kate a {color:#ff5a00; text-decoration:none;}
.meta-prep {margin:0 10px 0 0;}
.read_more { display:none;}

.entry-content.thumb-first { width: 620px; }
.entry-content.thumb-medium { width: 485px;}
.entry-content.thumb-small { width: 534px; }

#ad-under-post-6 {text-align:center; margin:25px 0;}
.fler-nyheter {font-size:24px; color:#333; font-family:Rockwell, Arial, Verdana; padding:10px 0 8px 0; background:url(images/h2-border.jpg) bottom left repeat-x; margin:0 0 5px 0;}

#nav-below {margin:10px 10px 0 10px;}
#nav-below a {}
.nav-previous { text-align:left;}
.nav-next { text-align:right;}

#middle {}
#middle p {line-height:20px; margin:10px 0 10px 0;}

/* ---------------------------------------------------------------------------------------------------------------------------------------
Kommentarer ------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------ */
.comments-div {margin:30px 0 0 0;}
#content-wrapper #comments-title {font-size:18px;}

.comments-div ol { margin:20px 0 0 0; border-top:2px solid #dedede; padding:15px 0 0 0;}
.comments-div li.comment { padding:0 0 0 5px; margin:0 0 15px 0; border-bottom:1px solid #d6d6d6;}
.comments-div ul {padding:15px 0 15px 0; border-top:1px solid #d6d6d6; margin:0 0 0 20px;}
.comments-div ul ul {padding:15px 0 0 0; border-top:1px solid #d6d6d6; margin:0 0 0 10px;}
.comments-div li.depth-1 {}
.comments-div li.depth-2 {}

.comments-div .comment-author { overflow:auto;}

.comments-div img.avatar {float:left; margin:0 10px 0 0;}

.comments-div .fn {font-size:16px;}
#content-wrapper .comments-div .fn a {color:#444; font-weight:bold; font-style:normal;}

#content-wrapper .comments-div .comment-meta {} 
#content-wrapper .comments-div .comment-meta a {color:#777;}

.comments-div .comment-body {}
.comments-div .comment-body p {}
.comments-div .comment-body a {}

.comments-div .reply {width:100px; float:right; text-align:right; margin:0 5px 0 0;}
#content-wrapper .comments-div .reply a {color:#ff5a00;}


#respond {margin:40px 0 0 0; border-top:2px solid #d6d6d6; padding:10px 0 0 0;}
#respond h3 {font-size:20px; color:#222;}
#respond #commentform {background:#fcfcfc; border:1px solid #dedede; padding:20px 10px 20px 10px; margin:25px 0 0 0;}

#respond .comment-notes {margin:-38px 0 13px -10px;}

#respond .required {color:#FF0000;}

#respond .logged-in-as {margin:-5px 0 0 0;}

#respond .comment-form-author {}
#respond .comment-form-author input {margin:10px 0 0 50px; width:300px; height:25px; padding:0 0 0 5px}

#respond .comment-form-email {margin:10px 0 0 0;}
#respond .comment-form-email input {margin:0 0 0 48px; width:300px; height:25px; padding:0 0 0 5px}

#respond .comment-form-url {margin:10px 0 0 0;}
#respond .comment-form-url input {margin:0 0 0 33px; width:300px; height:25px; padding:0 0 0 5px}

#respond .comment-form-comment {margin:10px 0 0 0;}
#respond .comment-form-comment textarea {margin:0 0 -115px 27px; height:125px; width:auto; padding:5px 0 0 5px}

#respond .form-allowed-tags {margin:120px 0 0 92px; color:#777; font-size:11px;}
#respond .form-allowed-tags code {display:block; width:400px;}

#respond .form-submit {margin:10px 0 0 92px;}
#respond .form-submit #submit {padding:7px 10px; cursor:pointer; background:#ff5a00; border:1px solid #c24400; font-weight:bold; color:#FFF; text-shadow:0px 1px 0px #883a11;}
#respond .form-submit #submit:active {border:1px solid #963501; background:#e04f00;}

/* ---------------------------------------------------------------------------------------------------------------------------------------
Single -----------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------ */
#content-single p {line-height:20px; margin:10px 0 10px 0;}
#content-single {width:620px; float:left; margin:20px 23px 0 15px; color:#444;}
#content-single h1 {color:#222;}

.publicerad-single {float:left; width:300px; color:#777; font-size:11px; margin:0 0 20px 0;}
#content-wrapper .publicerad-single a {color:#777; text-decoration:none;}
.kategoriserad-single { float:right; width:300px; text-align:right; font-size:11px;}
#content-wrapper .kategoriserad-single a {color:#777; text-decoration:none;}

#inlagg-single {margin:0 0 30px 0;}
#inlagg-single h1 {font-size:20px; color:#222;}
#inlagg-single h2 {font-size:18px; color:#222;}
#inlagg-single h3 {font-size:16px; color:#222;}
#inlagg-single h4 {font-size:14px; color:#222;}
#inlagg-single h5 {font-size:12px; color:#222;}

.editera {margin:20px 0  0 0; }

/* ------------------------------------------------------------------------------------------------------------------------------------------
page -------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------ */
#content-page p {line-height:20px; margin:10px 0 10px 0;}
#content-page {width:620px; float:left; margin:20px 23px 0 15px; color:#444;}
#content-page h1 {color:#222;}

#inlagg-page {margin:0 0 30px 0;}
#inlagg-page h1 {font-size:20px; color:#222;}
#inlagg-page h2 {font-size:18px; color:#222;}
#inlagg-page h3 {font-size:16px; color:#222;}
#inlagg-page h4 {font-size:14px; color:#222;}
#inlagg-page h5 {font-size:12px; color:#222;}


/*-------------------------------------------------------------------------------------------------------------------------------------------
s?k sidan -----------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------*/
#sok-failded {width:620px; float:left; margin:20px 60px 0 0; color:#444;}
#sok-failded h2 {font-size:30px;}
#sok-failded p {line-height:20px; margin:10px 0 10px 0;}


/* ------------------------------------------------------------------------------------------------------------------------------------------
sidebar -------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------ */
.m-k-i {color:#ff5a00; font-style:italic;}
#sidebar a {color:#777777; text-decoration:none;}
#sidebar { width:300px; float:left; color:#777777; background:#fff;}
#sidebar p {line-height:20px; margin:10px 0 10px 0;}
#sidebar .widget_adrotate_widgets {text-align:center;}
#sidebar h3 {padding:10px 0 8px 0; background:url(images/h2-border.jpg) bottom left repeat-x; font-family:Rockwell, Arial, Verdana; font-size:14px; color:#222222;}
.xoxo li {margin:0 0 30px 0;}
.xoxo li li { border-bottom:1px solid #d6d6d6; padding:8px 0 8px 0; margin:0;}
#email-newsletter h3 {padding:0; background:none; font-size:1px; color:#222222;}
.eemail_textbox {}
.eemail_widget h3 {display:none;}
.eemail_textbox input {border:1px solid #d6d6d6; height:30px; color:#777; font-size:11px; width:180px; float:left; padding:0 0 0 10px; line-height:30px;}
.eemail_button input {float:left; height:32px; background:#383838; border:1px solid #101010; margin:-10px 0 0 0; padding:0 0 0 0px; width:108px; font-size:11px; color:#FFF; text-shadow:0px 1px 0px #000;}
.letter-success {color:#009933;}
.letter-allready {color:#ffa800;}
.letter-error {color:#FF0000;}

/* ------------------------------------------------------------------------------------------------------------------------------------------
footer ----------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------ */
#footer {margin:0 0 20px 0; background:#fff; border-left:1px solid #eee; border-right:1px solid #eee; border-radius:3px; border-bottom:1px solid #eee; padding: 0 0 20px 0;}
#footer-border {border-top:3px solid #d6d6d6; padding:0 20px 0 20px;}

/* --- Footer-kategorier --- */

.footer-kategorier {width:200px; float:left; margin:0 50px 0 0;}
.footer-kategorier h3 {padding:10px 0 8px 0; background:url(images/h2-border.jpg) bottom left repeat-x; font-family:Rockwell, Arial, Verdana; font-size:14px; color:#222222;}
.footer-kategorier a {color:#777; text-decoration:none;}
.footer-kategorier li {border-bottom:1px solid #d6d6d6; padding:8px 0 8px 0; margin:0;}

/* --- Footer-arkivet --- */

.footer-arkivet {width:200px; float:left; margin:0 50px 0 0;}
.footer-arkivet h3 {padding:10px 0 8px 0; background:url(images/h2-border.jpg) bottom left repeat-x; font-family:Rockwell, Arial, Verdana; font-size:14px; color:#222222;}
.footer-arkivet a {color:#777; text-decoration:none;}
.footer-arkivet li {border-bottom:1px solid #d6d6d6; padding:8px 0 8px 0; margin:0;}

/* --- Footer-lankar --- */

.footer-lankar {width:200px; float:left; margin:0 50px 0 0;}
.footer-lankar h3 {padding:10px 0 8px 0; background:url(images/h2-border.jpg) bottom left repeat-x; font-family:Rockwell, Arial, Verdana; font-size:14px; color:#222222;}
.footer-lankar a {color:#777; text-decoration:none;}
.footer-lankar li {border-bottom:1px solid #d6d6d6; padding:8px 0 8px 0; margin:0;}

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

.footer-info {color:#777; text-align:right; padding:10px 0 0 0; line-height:17px;}
.footer-info a {color:#777; text-decoration:none;}
.footer-info ul {margin:17px 0 17px 0;}