/* ----------------------------

     Skärmversion
     
     För datorskärmar 
     och projektorer.
          
---------------------------- */

/* Typsnitt
-----------------------------*/

@font-face {
font-family: ConstantiaRegular;
src: url('../fonts/constantianormal-webfont.eot');
src: local('?'), url('../fonts/constantianormal-webfont.woff') format('woff'), url('../fonts/constantianormal-webfont.ttf') format('truetype'), url('../fonts/constantianormal-webfont.svg#webfontdj82Zu7a') format('svg');
font-weight: normal;
font-style: normal;
}


/* Generella taggar
-----------------------------*/

* {
padding: 0px;
margin: 0px;
}
html {
min-height:100%;
}
body {
background-color:#ffffff;
font-size: 62.5%;
background-repeat: no-repeat;
background-image: url('../images/backgrounds/body.gif');
background-position: center top;
width: 100%;
height: 100%;
}
p {
font: normal 1.2em/1.4em  Arial, Helvetica, sans-serif;
text-align: left;
text-transform: none;
margin: 0 0 1.1em 0;
color: #333333;
}
p.turne {
font: normal 1.2em/1.6em  Arial, Helvetica, sans-serif;
text-align: left;
text-transform: none;
margin: 0 0 1.1em 0;
color: #333333;
}
a img,:link img,:visited img { 
border:none; 
}
ul {
font: normal 1.2em Arial, Helvetica, sans-serif;
list-style: disc;
padding: 0 0 0 2em;
}
ul ul {
font: normal 1em Arial, Helvetica, sans-serif;
list-style-type: circle;
margin: 0.2em 0 0 0;
}
ul ul ul {
font: normal 1em Arial, Helvetica, sans-serif;
list-style-type: square;
}
li {
margin: 0 0 0.2em 0;
color: #333;
}
fieldset {
margin: 5px 0 14px 0;
padding: 10px 20px 10px 20px;
background-color: #f8f9f4;
border: 1px solid #e6e6e6;
overflow: visible;
}
legend {
font: normal 1.1em Arial, Helvetica, sans-serif;
color: #666666;
margin: 0 .5em 0 0.5em;
padding: 0 4px 0 4px;
}


/* Typografi
-----------------------------*/
a {
text-decoration: underline;
color: #333;
}
a.bullet {
padding-left: 10px;
background: url('../images/lists/bullet.gif') left center no-repeat;
}
a:hover {
text-decoration: none;
color: #CC0000;
}
p {
margin:0 0 1em;
}
img { border: none;
}
h3 {
font-family: ConstantiaRegular, serif;
font-size: 1.6em;
color: #CC0000;
margin-bottom: 0.5em;
font-weight: normal;
}
h2 {
font-family: ConstantiaRegular, serif;
color: #CC0000;
font-size: 2em;
margin-bottom: 0.5em;
font-weight: normal;
}
h1 {
font-family: ConstantiaRegular, serif;
font-size: 2.2em;
color: #CC0000;
margin-bottom: 0.5em;
font-weight: normal;
}
fieldset a {
color: #806d0a;
}
h3 a {
color: #CC0000;
text-decoration: underline;
}


 /* Layout
-----------------------------*/

#wrapper {
position: relative;
margin: 0 auto;
width: 1010px;
background-image: url('../images/backgrounds/content.png');
background-repeat: repeat-y;
}
#content {
position: relative;
height: auto;
float: left;
padding: 15 0 0 0;
width: 940px;
margin: 0 35px 0 35px;
min-height: 400px;
}
#header {
position: relative;
float: left;
height: auto;
width: 940px;
padding: 15px 0 0 0;
margin: 0 35px 20px 35px;
}
#header_img {
height:140px;
float:left;
width:725px;
text-align:right;
margin: 0 0 10px 0;
}
#navigation {
position: relative;
float:left;
height:38px;
width:940px;
background: url('../images/top_menu/background.gif') repeat-x;
}
#logo {
position: relative;
width:200px;
height:131px;
float:left;
background: url('../images/logotypes/pokerakademien_medium.gif') no-repeat 25px 0px; 
margin: 0 0 10px 15px;
overflow: hidden;
}
div.clear {
clear: both;
height: 1px;
}
div.divider {
width: 100%;
height: 12px;
border-bottom:1px solid #eaeaea;
margin: 0 0 12px 0;
}


 /* Logo
-----------------------------*/
 
h1.logo a {
display: block;
width:170px;
height:131px;
overflow: hidden;
text-indent: -999px;
}


/* Navigation
-----------------------------*/

#navigation a {
text-decoration: none;
}


/* Right menu
-----------------------------*/


#top_menu_right {
position: relative;
float: right;
height:38px;
}
#top_menu_right ul {
margin: 0;
padding: 0px;
list-style: none;
}
#top_menu_right ul li {
float: left;
background: url('../images/top_menu/right.gif') right top no-repeat;
text-align: center;
overflow: hidden;
}
#top_menu_right ul li a {
display: block;
background: url('../images/top_menu/left.gif') left top no-repeat;
padding: 12px 12px 14px 12px;
font: normal 12px/14px Verdana, Helvetica, sans-serif;
color: #ffffff;
-webkit-text-size-adjust: none; /* För iPhone */
}
#top_menu_right ul li a:hover {
color: #fff;
background: url('../images/top_menu/hover.gif') right top repeat-x;
}
#top_menu_right ul li.current {
background: url('../images/top_menu/right_cur.gif') right top no-repeat;
}
#top_menu_right ul li.current a {
background: url('../images/top_menu/left_cur.gif') left top no-repeat;
color: #ffffff;
}
#top_menu_right ul .last {
float: left;
background: url('../images/top_menu/right_last.gif') right top no-repeat;
text-align: center;
overflow: hidden;
}
#top_menu_right ul li.last a {
display: block;
background: url('../images/top_menu/left.gif') left top no-repeat;
padding: 12px 12px 14px 12px;
font: normal 12px/14px Verdana, Helvetica, sans-serif;
color: #ffffff;
-webkit-text-size-adjust: none; /* För iPhone */
}
#top_menu_right ul li.last a:hover {
color: #ffffff;
background: url('../images/top_menu/hover.gif') right top repeat-x;
}
#top_menu_right ul li.current {
background: url('../images/top_menu/right_cur.gif') right top no-repeat;
}
#top_menu_right ul li.current a {
background: url('../images/top_menu/left_cur.gif') left top no-repeat;
color: #ffffff;
}


/* Left menu
-----------------------------*/

#top_menu_left {
position: relative;
float: left;
height:38px;
}
#top_menu_left ul {
margin: 0;
padding: 0;
list-style: none;
}
#top_menu_left ul li {
float: left;
background: url('../images/top_menu/right.gif') right top no-repeat;
text-align: center;
overflow: hidden;
}
#top_menu_left ul li a {
display: block;
background: url('../images/top_menu/left.gif') left top no-repeat;
padding: 12px 12px 12px 12px;
font: normal 12px/14px Verdana, Helvetica, sans-serif;
color: #ffffff;
-webkit-text-size-adjust: none; /* För iPhone */
}
#top_menu_left ul li a:hover {
color: #ffffff;
background: url('../images/top_menu/hover.gif') right top repeat-x;
}
#top_menu_left ul li.current {
background: url('../images/top_menu/right_cur.gif') right top no-repeat;
}
#top_menu_left ul li.current a {
background: url('../images/top_menu/left_cur.gif') left top no-repeat;
color: #ffffff;
}
#top_menu_right ul li.first {
float: left;
background: url('../images/top_menu/right.gif') right top no-repeat;
text-align: center;
overflow: hidden;
}
#top_menu_right ul li.first a {
display: block;
background: url('../images/top_menu/left_first.gif') left top no-repeat;
padding: 12px 12px 12px 12px;
font: normal 12px/14px Verdana, Helvetica, sans-serif;
color: #ffffff;
-webkit-text-size-adjust: none; /* För iPhone */
}
#top_menu_right ul li.first a:hover {
color: #ffffff;
background: url('../images/top_menu/hover.gif') right top repeat-x;
}
#top_menu_right ul li.current {
background: url('../images/top_menu/right_cur.gif') right top no-repeat;
}
#top_menu_right ul li.current a {
background: url('../images/top_menu/left_cur.gif') left top no-repeat;
color: #ffffff;
}


/* Sidebart indexsidan
-----------------------------*/


div.index_sidebar {
width: 200px;
float: left;
padding: 0 0 0 20px;
margin: 0 20px 0 10px;
background: url('../images/sidebar/sep.gif') left repeat-y;
}
div.puff {
background: url('../images/sidebar/line.gif') left bottom no-repeat;
padding: 0 0 10px 0;
margin: 0 0 5px 0;
}
div.puff img {
float: left;
margin: 0 10px 0 0;
}
div.index_sidebar div.last {
background: none;
margin-bottom: 0;
}


/* Maincontent
-------------------------------------------*/

#index_maincontent {
position: relative;
padding-left:5px;
width:685px;
float:left;
height:auto;
min-height: 400px;
}
#maincontent {
position: relative;
background: url('../images/sidebar/sep.gif') left repeat-y;
width: 720px;
padding: 0 0 0 25px;
float: right;
min-height: 400px;
}
p.signature {
float: left;
margin: 0 40px 0 0;
}

/* Sidebar
-------------------------------------------*/

#sidebar {
position: relative;
width:165px;
float:left;
margin-right:10px;
padding-right:10px;
padding-left:10px;
}
#sidebar ul {
padding:0px;
margin:0px;
width:165px;
font: normal 1.2em/1.4em Arial, Helvetica, sans-serif;
list-style: none;
}
#sidebar li {
color: #333333;
padding: 7px 0 7px 0;
border-bottom: 1px solid #eaeaea;
}
#sidebar li a:hover, #nav li a:active {
color: #828282;
}
#sidebar ul li a:hover {
color: #CC0000;
}
#sidebar li a {
color: #333333;
}
#sidebar .current {
color: #CC0000;
text-decoration:underline;
}
#col1 {
width:345px;
margin-right:20px;
float:left;
margin-top:5px;
}
#col2 {
width:345px;
float:right;
margin-top:5px;
margin-right:0px;
}
#program {
height:220px;
padding-right:25px;
margin-bottom:10px;
}
#program img {
float:left;
margin-right:15px;
}
#bottom {
position: relative;
height: 37px;
width: 1010px;
background-image: url('../images/backgrounds/footer.png');
background-repeat: no-repeat;
clear: both;
}
#footer {
position: relative;
top: -15px;
left: 0;
margin: 0 auto 0 auto;
height:auto;
width:960px;
padding-bottom:30px;
}
ul#footer_text {
width:auto;
list-style:none;
float:left;
margin: 0 0 0 14px;
padding: 0;
}
#footer_text li {
display: inline;
padding-right:10px;
font: normal 11px Arial, Helvetica, sans-serif;
color: #999;
-webkit-text-size-adjust: none; /* För iPhone */
}
#footer_text a {
color: #999;
}
#footer_logo  {
width:auto;
position:relative;
z-index:99;
padding:0px;
float:right;
}
#cc {
margin-right:10px;
}


/* Sok
-------------------------------------------*/

#search {
position: absolute;
top: 116px;
right: 8px;
width: 220px;
height: 29px;
padding: 2px 0 0 0;
overflow: hidden;
background: url('../images/backgrounds/search_box.gif') no-repeat;
}
input.txtSearch {
width: 176px;
height: 20px;
border: none;
background: transparent;
margin: 0 2px 0 10px;
padding: 5px 0 0 0;
font: italic normal 14px Georgia, Times, serif;
color: #666;
}
input.btnSearch {
width: 26px;
height: 25px;
overflow: hidden;
border: none;
background: url('../images/buttons/search.gif') no-repeat;
text-indent: -100em;
cursor: pointer;
}
input.labelHighlight {
color: #b0b0b0;
}
span.blog_headline {
font-weight: bold;
}


/* Formulär
-------------------------------------------*/

input.textbox_medium {
padding: 4px 6px 4px 6px;
font-size: 12px;
line-height: 16px;
height: 16px;
width: 157px;
color: #666;
background: url('../images/backgrounds/textbox_medium.gif') no-repeat bottom right;
border: none;
}
textarea.textarea_medium {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 4px 6px 4px 6px;
height: 132px;
width: 418px;
color: #666;
background-color: #fffefe;
max-width: 500px; /* Safari och Chrome */
max-height: 900px; /* Safari och Chrome */
border-color: #b5b5b5 #d9d9d9 #dedede #b8b8b8;
border-width: 1px;
border-style: solid;
-moz-border-radius: 6px; /* Firefox */
-webkit-border-radius: 6px; /* Safari */
border-radius: 6px; /* Chrome */
}
input.button_submit {
width: 117px;
height: 47px;
cursor: pointer;
font: bold 12px/19px Arial, Helvetica, sans-serif;
color: #515160;
padding: 0 0 0 10px;
border: none;
background: url('../images/buttons/submit.gif') no-repeat;
}
input.button_medium {
width: 117px;
height: 47px;
cursor: pointer;
font: bold 12px/19px Arial, Helvetica, sans-serif;
color: #515160;
border: none;
background: url('../images/buttons/medium.gif') no-repeat;
}
input.button_large {
width: 167px;
height: 47px;
cursor: pointer;
font: bold 12px/19px Arial, Helvetica, sans-serif;
color: #515160;
border: none;
background: url('../images/buttons/large.gif') no-repeat;
}


/* Artikelmeny
-------------------------------------------*/

#article_menu {
clear: both;
position: relative;
padding: 20px 0 0 0;
margin: 20px 0 20px 0;
border-top: 1px solid #eaeaea;
}
#article_menu p {
font-size: 1em;
margin: 0;
}
#article_menu a {
display: inline-block;
padding: 4px 10px 4px 26px;
color: #000;
margin: 0 5px 0 0px;
border: 1px solid #cecece;
background-repeat: no-repeat;
background-color: #eaeaea;
background-position: center left;
font-weight: bold;
text-decoration: none;
-moz-border-radius: 5px; /* Firefox */ 
-webkit-border-radius: 5px; /* Safari och chrome */ 
-khtml-border-radius: 5px; /* Linux browsers */ 
border-radius: 5px; /* CSS3 */
}
#article_menu a:hover {
color: #CC0000;
}
#article_menu a.share {
background-image: url('../images/article_menu/share.gif');
color: #275618;
}
#article_menu a.share:hover {
color: #CC0000;
}
#article_menu a.print {
background-image: url('../images/article_menu/print.gif');
}
#article_menu a.email {
background-image: url('../images/article_menu/email.gif');
}
#article_menu a.comment {
background-image: url('../images/article_menu/comment.gif');
}
/* Runda hörn i IE (via JQuery) */
#article_menu span.ie_wrapper {
display: inline-block;
background-color: #cecece;
margin: 0 5px 0 0px;
}


/* Flickr
-------------------------------------------*/

div.flickr {
clear: both;
min-height: 15px;
background: url('../images/icons/flickr.gif') no-repeat 10px 100%;
padding: 0 0 0 0;
margin: 0 0 20px 0;
}
div.flickr p {
clear: both;
font-size: 1.1em;
color: #767676;
margin: 0 0 0 36px;
}
div.flickr a {
display: inline-block;
color: #555641;
text-decoration: none;
border-bottom: 1px dotted #555641;
}
div.flickr_thumbnail {
float: left;
padding: 2px; 
border: 1px solid #d5d5d5; 
margin: 0 5px 5px 0;
}
div.flickr_thumbnail a {
border-bottom: none;
}
div.flickr span.flickr {
color: #333;
}


/* Taggar
-------------------------------------------*/

#tags {
min-height: 15px;
background: url('../images/icons/tags.gif') no-repeat;
margin: 0 0 20px 10px;
}
#tags p {
font-size: 1.1em;
color: #767676;
margin: 0 0 0 26px;
}
#tags a, p.blog_tags a {
display: inline-block;
color: #555641;
text-decoration: none;
border-bottom: 1px dotted #555641;
}
#tags a.all_tags, p.blog_tags a.all_tags {
color: #333;
}
p.blog_tags {
font-size: 1.1em;
color: #767676;
background: url('../images/icons/tags.gif') no-repeat 0px 10px;
padding: 10px 0 0 26px;
margin: 0 0 1em 0;
}
div.tag_cloud {
padding: 40px;
}
p.tag_cloud {
text-align: center;
padding: 20px;
}
p.tag_cloud a {
text-decoration: none;
margin: 0 3px 0 3px;
line-height: 40px;
}


/* Relaterad artikel
-------------------------------------------*/

#related_article {
padding: 10px 0 0 0;
margin: 0;
}
#related_article p {
position: relative;
font: italic 18px Georgia, Times, serif;
margin: 0;
float: left;
max-width: 720px;
overflow: hidden;
white-space: nowrap;
-webkit-text-size-adjust: none; /* För iPhone */
}
#related_article a {
display: inline-block;
height: 42px;
padding: 12px 20px 0 40px;
color: #fff;
text-decoration: none;
background: url('../images/backgrounds/related_article.gif') no-repeat 0px 50%;
}
#related_article span {
display: block;
position: absolute;
top: 0;
right: 0;
height: 54px;
width: 5px;
background: url('../images/backgrounds/related_article.gif') no-repeat 100% 0px;
}


/* Blogg, historik
-------------------------------------------*/

ul.blog_history {
list-style: none;
margin: 0 0 1.1em 0;
padding: 0;
}
ul.blog_history ul {
list-style: none;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}
ul.blog_history li {
padding-left: 10px;
margin-bottom: 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
ul.blog_history li ul li {
margin-bottom: 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
ul.blog_history li ul li ul li {
margin-bottom: 0;
font-size: 11px;
font-weight: normal;
text-transform: none;
}
ul.blog_history li.closed {
background: transparent url('../images/lists/bullet.gif') no-repeat 0px 4px;
}
ul.blog_history li.open {
background: transparent url('../images/lists/bullet_down.gif') no-repeat 0px 4px;
}


/* Blogg, annat
-------------------------------------------*/

a.feed {
padding: 0 0 0 20px;
background: url('../images/icons/rss.gif') no-repeat;
}
p.blog_tools {
font-size: 1.1em;
color: #333;
padding: 1em 0 0 0;
margin: 0 0 0.5em 0;
}
p.blog_tools a {
display: inline-block;
color: #275618;
text-decoration: none;
border-bottom: 1px dotted #333;
}
p.blog_author {
font-size: 1.1em;
color: #555641;
padding: 2px 0 0 0;
margin: 0 0 2em 0;
}
p.blog_author a {
display: inline-block;
color: #555641;
text-decoration: none;
border-bottom: 1px dotted #555641;
}
p.blog_author span.date {
color: #333;
}


/* Sub menu
-------------------------------------------*/

p.sub_menu_head {
float: right;
font: bold 1.1em Arial, Helvetica, sans-serif;
margin: 0 0 1.1em 0;
text-align: right;
color: #cc0000;
}
p.full_small {
float: none;
text-align: left;
}
p.full {
float: none;
text-align: left;
font: normal 1.2em Arial, Helvetica, sans-serif;
margin: 0 0 2em 0;
}
div.sub_menu {
clear: both;
padding: 20px 20px 0 20px;
border: 1px solid #d4d4d4;
background-color: #eee;
margin: 0 0 2em 0;
}
p.sub_menu_head span {
display: inline-block;
padding: 4px 10px 4px 10px;
margin: 0;
}
p.sub_menu_head span.divider {
display: none;
}
p.sub_menu_head span.next {
border-width: 1px 1px 1px 0;
border-style: solid;
border-color: #cecece;
}
p.sub_menu_head span.previous {
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #cecece;
}
p.sub_menu_head span.paging_status {
border-width: 1px;
border-style: solid;
border-color: #cecece;
}
p.sub_menu_head a {
color: #000;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}
p.sub_menu_head a.separate {
border-bottom: 1px dotted #000;
}
p.sub_menu_head a.separate span {
padding: 0;
margin: 0 10px 4px 10px;
vertical-align: middle;
}
p.sub_menu_head a.disabled {
color: #999;
cursor: default;
}
p.full a {
font-weight: normal;
color: #555641;
}


/* Breadcrumbs
-------------------------------------------*/

#breadcrumbs {
margin: 0 0 2em 0;
}
#breadcrumbs.no_margin {
margin: 0;
}
#breadcrumbs span.divider {
margin: 0 0.4em 0 0.4em;
}
#breadcrumbs span.divider {
color: #000;
}
#breadcrumbs a {
color: #000;
text-decoration: underline;
}


/* Kommentarer
-------------------------------------------*/

div.comment_container {
clear: both;
padding: 2em 0 0 0;
}
div.comment {
word-wrap: break-word;
margin: 0 0 1em 0;
}
p.comment_header {
font-size: 1.1em;
color: #767676;
background: #e4e4e4 url('../images/backgrounds/comment_header.gif') repeat-x 0px -6px;
padding: 10px 20px 10px 50px;
margin: 0;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6 #e6e6e6 #d4d4d4 #e6e6e6;
}
p.comment_header a {
color: #848c1d;
}
div.comment_body {
background-color: #f8f9f4;
border-style: solid;
border-width: 1px;
border-color: #f0f0f0 #e6e6e6 #e6e6e6 #e6e6e6;
padding: 1em 20px 4px 20px;
}
p.comment_navigation a {
color: #848c1d;
}


/* Tabeller
-----------------------------*/

td, th {
font: normal 1.2em Arial, Helvetica, sans-serif;
text-align: left;
vertical-align: top;
color: #4a474a;
padding: 1px 1em 1px 1em;
background: #eee;
}
th {
font-weight: bold;
background-color: Transparent;
color: #cc0000;
border-bottom: 1px solid #cc0000;
}
td td {
font-size: 1em;
}
fieldset td {
background-color: Transparent;
}
tr.odd_row td {
background: #f8f9f4;
}
td.break {
text-align: center;
background-color: #fff;
padding: 4px 1em 4px 1em;
vertical-align: middle;
font-style: italic;
border-top: 1px dashed #c0c0c0;
border-bottom: 1px dashed #c0c0c0;
}
td.center, th.center {
text-align: center;
}


/* Kalender
-------------------------------------------*/

table.calendar img {
display: inline; 
}
table.calendar td, table.calendar th {
padding: 0;
font-size: 1em;
text-align: center;
vertical-align: middle;
background-color: Transparent;
}
table.calendar th {
color: #cc0000;
}


/* Omröstning
-----------------------------*/

div.nominerad {
float: left;
margin: 0 20px 10px 0;
width: 330px;
}
div.nominerad img {
float: left;
margin: 0 10px 10px 0;
}
div.nominerad p.vote {
background-color: #f2f2f2;
padding: 5px;
border: 1px solid #f0f0f0;
}
div.nominerad label {
font-style: italic;
color: #276118;
cursor: pointer;
}
div.nominerad input.radio_vote {
vertical-align: middle;
}
div.poll_message {
margin: 0 0 20px 0;
}
div.poll_message p {
color: #CC0000;
margin: 0;
font-weight: bold;
}
div.nominerad input.hidden {
position: absolute;
top: -999px;
}
div.nominerad label.unchecked {
display: inline-block;
height: 26px;
background: url('../images/poll/checkbox.gif') no-repeat 0px -32px;
padding: 5px 0 0 39px;
margin: 0;
cursor: pointer;
overflow: hidden;
font-size: 14px;
}
div.nominerad label.checked {
background-position: 0px 0px;
}


/* Speciella taggar
-------------------------------------------*/

p.no_margin {
margin: 0;
}
p.small_margin {
margin: 0 0 4px 0;
}
p.center {
text-align: center;
}
p.comment {
font-size: 1.1em;
font-style: italic;
color: #666;
}
p.bullet {
padding-left: 10px;
background: url('../images/lists/bullet.gif') left center no-repeat;
}
img.left, div.left {
float: left;
margin: 0 10px 10px 0;
}
img.right, div.right {
float: right;
margin: 0 0 10px 10px;
}