/*
Theme Name: Emil Jönsson
Theme URI: http://www.emiljonsson.se
Description: Sprinter
Version: 1.2.1
Author: XC1
Author URI: http://www.xc1.se/
Template: xc1
Tags: 
.
This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

@charset "utf-8";

#respond:after, div#header:after, div#main:after, div#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/******** ERROR code elements *********/

body.error404 div#content h2 { background: url('images/404.jpg') no-repeat top center; width: 400px; height: 300px; display: block; text-indent: -2000px; overflow: hidden; margin: 0px auto; }

/******** Website standard elements *********/

* { }
html, body { background: url('images/body.jpg') repeat top center; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 13px; color: #000; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); line-height: 1.4em; }

a, a:visited {	color: #960; }
a:focus, a:active {	color: #C90; }
a:hover { 	color: #FC0; }

h1 { font-weight: 300; font-size: 2.2em; margin: 1.0em 0em 0.2em 0em; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); }
h2 { font-weight: 400; font-size: 1.8em; margin: 1.0em 0em 0.2em 0em; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); }
h3 { font-weight: 500; font-size: 1.4em; margin: 1.0em 0em 0.2em 0em; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); }
h4 { font-weight: 500; font-size: 1.2em; margin: 1.0em 0em 0.2em 0em; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); }

ul { margin: 0px; padding: 0px; }
ul li { margin: 0px 20px; padding: 3px 10px; list-style-type: disc;}
ul li a, ul li ul li a { margin: 0px; padding: 0px; display: block;}
ul li ul { margin: 0px; padding: 0px;}
ul li ul li { margin: 0px 20px; padding: 3px 10px; list-style-type: disc;}

/******** Website social elements *********/

.follow { display: none; }

/******** IE special elements *********/


/******** iPhone special elements *********/

body.iphone {}
body.iphone #wrapper #container { width: 1000px; margin: 0px;}


#cboxPrevious{ background:url('images/prev.jpg') no-repeat #fff; }
#cboxNext{ background:url('images/next.jpg') no-repeat #fff; }
#cboxLoadingOverlay{ background:url('images/loading.gif') 5px 5px no-repeat #fff; }
#cboxClose{ background:url('images/close.jpg') no-repeat #fff; }

body.error404 div#content h2 { background: url('images/404.jpg') no-repeat top center; width: 400px; height: 300px; display: block; text-indent: -2000px; overflow: hidden; margin: 20px auto; padding: 1px; position: relative; }
body.error404 div#content div#menu h2 { display: none;}

div#wrapper { background: url('images/wrapper.jpg') repeat-x top center; position: relative; margin: 0px auto; width: 100%; overflow: visible; }
div#container { background: url('images/container.jpg') no-repeat top center; width: 1000px;  }

div#header { /* background: url('images/header.jpg') no-repeat top left;*/ height: 140px; width: 1000px; margin: 0px; padding: 0px; position: absolute; z-index: 960;}
div#header h1 {  height: 100px; width: 458px; margin: 0px; padding: 0px; position: absolute; display: block; text-indent: -2000px; top: 35px; left: 160px; z-index: 970; overflow: hidden;}
div#header h1 a { background: url('images/header-title.png') no-repeat top left; height: 100px; width: 458px; margin: 0px; padding: 0px; display: block; text-indent: -2000px; z-index: 970; overflow: hidden;}
div#header .description { display: none;}

div#menu { /* background: url('images/menu.png') no-repeat top center; width: 300px; height: 50px;*/ margin: 0px; width: 800px; height: 35px; }
div#menu ul li { margin: 0px; padding: 0px; list-style-type: none; }
div#menu ul li h2 { display: none;}
div#menu ul li ul { height: 35px; position: relative; width: 800px;}
div#menu ul li ul li { display: inline; float: left; height: 35px; border-right: 1px solid #ecd015; list-style-type: none; }
div#menu ul li ul li a { /* background: url('images/icons-sprite.png') no-repeat;*/ margin: 0px; padding: 10px 10px; list-style-type: none;  text-align: left; font-weight: 600; color: #574c00;  text-shadow: #eae57c 0px 1px 0px; display: block; float: left; }
div#menu ul li ul li a:hover { color: #000; }
div#menu ul li ul li:hover, div#menu li ul li.current_page_ancestor, div#menu li ul li.current_page_parent, div#menu li ul li.current_page_item { background: url('images/li-hover.jpg') no-repeat bottom center; }
 
div#menu ul li ul li.page-item-232 a, div#menu ul li ul li.page-item-232 a { background: url('images/home.png') no-repeat top left; width: 30px; text-indent: -2000px; overflow: hidden; }
div#menu ul li ul li.page-item-232 a:hover, div#menu ul li ul li.page-item-232 a:hover { background-position: -40px 0px;  }

div#content-start div#menu ul li ul li ul { background: url('images/menu-ul.jpg') no-repeat top left; }
div#content div#menu ul li ul li ul { background: url('images/menu-ul2.jpg') no-repeat top left; }
div#menu ul li ul li ul { display: none; text-align: center; height: 30px; width: 789px; position: absolute; top: -28px; left: -18px; padding: 0px 25px;  }
div#menu ul li ul li:hover ul, div#menu li ul li ul:hover { display: block; }
div#menu ul li ul li ul li  { display: inline; text-align: center; background: none; border: 0px; position: relative; margin: 0px auto; padding: 0px; list-style-type: none;   }
div#menu ul li ul li ul li:hover  { background: none; border: 0px; }
div#menu ul li ul li ul li a { background: none; color: #e2df8c; border: 0px; text-shadow: #555210 0px 1px 1px; padding: 5px 10px; font-size: 0.9em; }
div#menu ul li ul li ul li a:hover, div#menu li ul li ul li.current_page_ancestor, div#menu li ul li ul li.current_page_parent, div#menu li ul li ul li.current_page_item  { background: none; color: #fffcb2; border: 0px; }

div#site-menu { margin: 0px; position: absolute; top: 0px; right: 40px; }
div#site-menu ul { width: auto; height: auto; padding: 0px auto; }
div#site-menu ul li { padding: 0px; margin: 0px; display: block; float: left;}
div#site-menu ul li a { color: #333; }

div#site-menu ul li a[href^="/"], div#site-menu ul li a[href^="http://www.annaoemil"], div#site-menu ul li a[href^="http://annaoemil"] { background: url('images/link-aoe.png') no-repeat top center; height: 15px; width: 94px; text-indent: -2000px; display: block; overflow: hidden;  }
div#site-menu ul li a[href^="http://www.annahaag"], div#site-menu ul li a[href^="http://annahaag"] { background: url('images/link-anna.png') no-repeat top center; height: 15px; width: 97px; text-indent: -2000px; display: block; overflow: hidden;  }
div#site-menu ul li a[href^="http://www.emiljonsson"], div#site-menu ul li a[href^="http://emiljonsson"] { background: url('images/link-emil.png') no-repeat top center; height: 15px; width: 102px; text-indent: -2000px; display: block; overflow: hidden; }

div#main { background: url('images/main.jpg') repeat-y top center; width: 1000px; margin: 0px auto; padding: 0px; position: relative; z-index: 950; }
div#main div#page { /* background: url('images/main-page.png') no-repeat top center;*/ width: 1000px; margin: 0px auto; padding: 0px; /* direction:rtl;*/ color:#444; }
div#main div#page div#content { background: url('images/main-content.jpg') no-repeat top center; width: 800px; margin: 0px auto; position: relative; padding: 165px 100px 50px 100px;}
div#main div#page div#content-start { background: url('images/main-content-start.jpg') no-repeat top center; width: 800px; margin: 0px auto; position: relative; padding: 141px 100px 0px 100px;}
div#main div#page div#content .post { width: 500px; float: left; }
div#main div#page div#content-start .post { width: 290px; margin-right: 20px; float: left; }
div#main div#page div#content-start .intro { width: 600px; margin-right: 15px; height: 275px; overflow: hidden; }
div#main div#page div#content-start #first-post { width: 410px; margin: 40px 210px 0px -70px; padding: 10px 20px 0px 70px; background: url('images/first-post.jpg') no-repeat top left #242424; color: #bbb; position: relative; z-index: 50; }
div#main div#page div#content-start #first-post-bottom { display: block; height: 30px; background: url('images/first-post-bottom.jpg') no-repeat bottom left #242424; margin: 0px -20px 0px -70px; }
body.iphone div#main div#page div#content-start #first-post { }
div#main div#page div#content-start #first-post h2, div#main div#page div#content-start #first-post h2 a { margin: 0px; padding: 0px; color: #ccc; text-shadow: #000 0px 2px 1px; }
div#main div#page div#content-start div#sponsor-start { background: /* url('images/sponsor-first.jpg') no-repeat top center*/ #2a2a2a; width: 250px; position: absolute; top: 490px; right: 30px; text-align: center; color: #f1f1f1; padding: 10px 0px 50px 0px; }
div#main div#page div#content-start div#sponsor-start img { width: 200px; height: 80px; }
div#main div#page div#content-start div#sponsor-start h3 { margin: 0px; padding: 0px 0px 20px 0px; color: #ccc; text-shadow: #000 0px 2px 1px;}
div#main div#page div#content-start div#mms-container { padding: 20px 0px 100px 0px; min-height: 300px; width: 600px; clear: both; margin: 50px 0px 0px 0px; }
div#main div#page div#content-start div#mms-text { padding: 20px 0px; width: 290px; float: left; }
div#main div#page div#content-start div#mms { text-align: center; background: url('images/hero.png') no-repeat top center; padding: 65px 40px 78px 40px; height: 392px; width: 218px; float: left; vertical-align: middle; display: block; }
div#main div#page div#content-start div#mms a { height: 327px; width: 218px; display: block; vertical-align: middle;  }
div#main div#page div#content-start div#mms a img { max-width: 218px; max-height: 327px; margin: auto; }
div#main div#page div#content-start div#about-pic { width: 130px; height: 180px; float: right; background: #a1a1a1; margin: 40px 200px -300px 0px; padding: 10px; }
div#main div#page div#content-start div#about-pic img { max-width: 130px; max-height: 180px; }

div#main div#page div#content .post .info {position: absolute; top: 0px; left: 50%; margin-left: -302px;  text-align: right; width: 604px; padding: 0px; z-index: 980;}
div#main div#page div#content .post .info .info-toggle{ background:  url('images/info-meta-trans.png') repeat-x right top #FFF; height: 500px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
div#main div#page div#content .post .info .info-title { background: /* url('images/info-title-trans.png') no-repeat right bottom*/; text-align: left;  width: 260px; padding: 10px; z-index: 980;  }
div#main div#page div#content .post .info .info-title h1 {  float: right; margin: 0px; padding: 0px; }
div#main div#page div#content .post .info .info-content { text-align:left;  width: 260px; padding: 10px; z-index: 980; }
div#main div#page div#content .post .info .info-meta { text-align: left;  width: 260px; padding: 10px; z-index: 980; float: right; background-color:#0C3; }
div#main div#page div#content .post .info .info-meta-button { background: url('images/info-button.png') no-repeat center bottom #FFF; text-align: right; width: 584px; height: 15px; padding: 0px 10px; z-index: 980; cursor: pointer;  filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
div#main div#page div#content .post .info .info-shaddow { background: url('images/shaddow-trans.png') no-repeat right bottom; text-align: right; width: 584px; padding: 10px; z-index: 960; margin: 0px; }

div#main div#page div#content .post .post-header a.post-image img { width: 130px; height: 180px; background: #f1f1f1; overflow: visible; display: block; position: relative; z-index: 999; }

div#main div#page div#content .post small { color: #999; }
div#main div#page div#content .postmetadata { color: #999; font-size: 0.9em; background: url('images/file.png') no-repeat top left;  padding: 2px 0px 10px 30px; margin: 10px 0px; overflow: hidden;  }
div#main div#page div#content .smallattachment { margin: 5px 0 5px 5px; }
div#main div#page div#content .attachment {}

div#main div#page div#content-start .post h2 { font-size: 1.6em; line-height: 1.0em;}
div#main div#page div#content-start .post h3 {}
div#main div#page div#content-start .post small { color: #999; }
div#main div#page div#content-start .postmetadata { color: #999; font-size: 0.9em; background: url('images/file.png') no-repeat top left;  padding: 2px 0px 10px 30px; margin: 10px 0px; overflow: hidden; }
div#main div#page div#content-start .smallattachment { margin: 5px 0 5px 5px; }
div#main div#page div#content-start .attachment {}

div#main div#page div#content .alignleft, div#main div#page div#content img.alignleft { display: inline; float: left; margin-right: 1.5em; }
div#main div#page div#content .alignright, div#main div#page div#content img.alignright { display: inline; float: right; margin-left: 1.5em; }
div#main div#page div#content .aligncenter, div#main div#page div#content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

div#main div#page div#content .commentlist { padding: 10px; margin: 0px; width: 500px;}
div#main div#page div#content .commentlist li { padding: 0px; }

div#main div#page div#content .commentlist li.comment { margin: 10px auto; }
div#main div#page div#content .commentlist div.comment-body { background-color: #FFF; border: 1px solid #ccc; padding: 10px 20px; min-height: 96px; }
div#main div#page div#content .commentlist li.odd div.comment-body { background-color: #f3f3f3; padding: 10px 20px; min-height: 96px; }
div#main div#page div#content .commentlist li.byuser div.comment-body { background-color: #FFC; padding: 10px 20px; min-height: 96px; border: 1px solid #FF0; }
div#main div#page div#content .commentlist li .avatar { float:left; width: 96px; height: 96px; margin-right: 20px; border: 0px solid #fff; background: url('images/shaddow-trans.png') no-repeat right bottom; }
div#main div#page div#content .commentlist p { margin: 10px 0 10px 5px; }
div#main div#page div#content .commentlist li ul li { margin-left: -5px; margin-right: 10px; }
div#main div#page div#content .commentlist cite, .commentlist cite a {}
div#main div#page div#content .commentlist p {margin: 10px 0 10px 5px;}
div#main div#page div#content .commentmetadata {}

div#main div#page div#content div#respond { width: 500px; }
div#main div#page div#content #commentform p {}
div#main div#page div#content #commentform input { margin: 5px 0 1px 5px; }
div#main div#page div#content #commentform { margin: 5px 0 0 10px; }
div#main div#page div#content #commentform textarea { padding: 10px; width: 480px; }
div#main div#page div#content #commentform #submit { float:left; }


div#main div#page div#sidebar { width: 250px; margin: 600px auto 0px auto; padding: 10px 20px; float: right; background: #CCC; display: none;  }

div#main div#page #sidebar #searchform { display: none; position: absolute; top: 0px; left: 50%; margin: 0px 0px 0px 250px; background: url('images/search-trans.png') no-repeat top center; width: 300px; height: 30px;}

.navigation { margin: 0px; padding: 0px auto; width: 500px; height: 30px; clear: left; position: relative; }
.navigation div.prev a { background: url('images/prev.png') no-repeat top left;  padding: 0px 0px 0px 30px; z-index: 999;   }
.navigation div.next a { background: url('images/next.png') no-repeat top right;  padding: 0px 30px 0px 0px; z-index: 999; }

div#footer { /* background: url('images/footer.png') no-repeat top center;*/ width: 960px; margin: 0px auto; padding: 0px 20px; color: #f1f1f1; position: relative; font-size: 1.0em; }
div#footer h3 { font-size: 1.6em;}
div#footer p { color: #ccc; }

div#footer div.footer-partners-top { background: url('images/sponsor-top.jpg') no-repeat top center; height: 60px; width:960px; }
div#footer div.footer-partners-bottom { background: url('images/sponsor-bottom.jpg') no-repeat top center; height: 43px; width:960px; }

div#footer div.footer-partners { background: url('images/sponsor-middle.jpg') repeat-y top center;  width: 960px; padding: 0px 0px; position: relative; text-align: center;}
div#footer div.footer-partners img { width: 250px; height: 100px;}
div#footer div.footer-partners p { width: 270px;  height: 120px; margin: 0px auto; display: inline;}
div#footer div.footer-partners p a { padding: 10px; width: 250px; height: 100px; margin: 0px auto; display: inline-block;}
div#footer div.footer-partners p a:hover {}
div#footer div.footer-partners h3 { display: none; }

div#footer div.footer-info { width: 400px; padding: 30px 100px 30px 20px; position: relative; float: left;} 

div#footer div.footer-links { width: 230px; padding: 50px 0px 50px 70px; position: relative; float: left; text-shadow: #000 0px 2px 1px; }
div#footer div.footer-links h3 { text-shadow: #000 0px 2px 1px; }
div#footer div.footer-links ul {}
div#footer div.footer-links ul li { display: inline; float: left; width: 250px; padding: 5px 0px; margin: 0px;}
div#footer div.footer-links ul li a, div#footer div.footer-links ul li ul li a { margin: 0px; padding: 2px 0px; list-style-type: square; display: block; overflow: hidden; color: #999; }
div#footer div.footer-links ul li a:hover { color: #CCC;}

div#footer div.footer-links ul li a.xc1 {  background: url('images/xc1.png') no-repeat top left; height: 180px; width: 150px; position: absolute; top: 260px; left: 58px; text-indent: -2000px; display: block; overflow: hidden; }

/******** Website plugin elements *********/

div.ie6 { display: none; }
body div#wrapper div#container div#main div#page div#ie6 { display: none; }
body div#wrapper div#container div#main div#page div#ie-content h2 { background: url('images/ie6.jpg') no-repeat top center #FFF; width: 100%; height: 320px; display: block; text-indent: -2000px; overflow: hidden; margin: 0px auto; position: relative; z-index: 999; }
body div#wrapper div#container div#main div#page div#ie-content { padding: 0px 80px 40px 80px; position: relative; z-index: 998; display: block; }
body div#wrapper div#container div#main div#page div#ie-content div.post-header a img.wp-post-image { display: none !important; }
body div#wrapper div#container div#main div#page div#ie-content div.post-header { padding: 5px 0px 5px 20px; }
body div#wrapper div#container div#main div#page div#ie-content div.post-header h3 a { margin: 0px; padding: 0px; }
body div#wrapper div#container div#main div#page div#ie-content .postmetadata,
body div#wrapper div#container div#main div#page div#ie-content div.navigation { display: none !important; }

.widget h2 { display: none;}
#twitter_eiljon {  background: url('images/twitter.jpg') no-repeat top left; width: 580px; height: 100px; float: left; padding: 60px 30px 0px 70px; margin: -39px 0px 0px -70px; position: relative; z-index: 30; font-size: 1.1em; font-weight: 600; font-style: italic;}
#twitter_eiljon .twitter-link { /* background: url('images/twitter-button.jpg') no-repeat top left; width: 40px; height: 30px; text-indent: -2000px; overflow: hidden; display: block; margin: 15px; float: right;*/ font-size: 1.5em; color: #333; }
#twitter_eiljon .twitter-timestamp { font-size: 0.9em; font-weight: 100; font-style: normal; display: inline-block;}
.club { margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px;}
#collection a { background: url('images/collection.jpg') no-repeat top left; width: 670px; height: 139px; float: left; padding: 0px; margin: 0px 0px 0px -70px; position: relative; z-index: 30; text-indent: -2000px; overflow: hidden; }
#events { /* background: url('images/twitter.jpg') no-repeat bottom left;*/ width: 580px; height: 50px; float: left; padding: 10px 30px 0px 70px; margin: 0px 0px 0px -70px;  }
#events h2 { float: left; margin: 0px; padding: 0px 20px 0px 0px; }

/******** Website theme special elements *********/

.front-ed:hover, .front-ed:hover * { background-color: #FFF; }