/*
Theme Name: myfc
Theme URI: http://www.myfc.se/
Description: Custom theme for myfc.
Version: 0.5
Author: Hugo Gnadeberg
Author URI: http://www.propeller.se/
Tags: custom, CMS
*/



/* ----- TYPOGRAPHY & COLORS ----- */



body {font-size:62.5%; font-family:Arial, Verdana, Sans-Serif; background-color:#959595; color:#555; text-align:center;}

#pagecontainer {background-color:#fff;}

#page {text-align:left;}

#headercontainer {background-color:#959595;}

#header {text-align:left;}

#content {font-size:1.3em; line-height:1.4em; background-color:#fff;}

.widecolumn .entry p {text-align:left;}

.narrowcolumn .postmetadata {text-align:left;}

.post {text-align:left;}

.thread-alt {background-color:#f0e9e3;}

.thread-even {background-color:#fff;}

.depth-1 {text-align:left;}

.even, .alt {text-align:left;}

#footer {text-align:left; font-size:1.1em;}

small {font-size:0.85em; line-height:1.4em;}



/* links */

a, a:visited {color:#555; text-decoration:underline;}

a:hover {color:#92a60a; text-decoration:underline;}

a:focus {outline-style: none;}

.newspost h3 a, .newspost h3 a:visited {color:#92a60a;}

.newspost h3 a:hover {text-decoration:underline;}



/* headers */ 

h1, h2, h3 {text-align:left; font-weight:normal;}

h1 {font-size:4em;}

#headerimg .description {font-size:1.2em; text-align:left;}

h2 {font-size:1.9em; line-height:1.3em; color:#92a60a;}

h2.pagetitle {font-size:1.6em;}

h2.news {font-size:1.4em;}

#sidebar h2 {font-size:1.2em;}

h3 {font-size:1.1em; font-weight:bold;}

.newspost h3 {font-size:1em; line-height:1.2em;}

#footer h3 {color:#92a60a; font-weight:bold;}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration:none;}

h2 a, h2 a:visited, h3 a, h3 a:visited {color:#555; text-decoration:none;}

h2 a:hover, h3 a:hover {color:#92a60a; text-decoration:none;}



/* menu */

.menu {font-size:1.3em; line-height:1em;}

.menu a{color:#555; text-decoration:none;}

.menu ul li a{color:#555; text-decoration:none; font-weight:bold;}

.menu ul li ul a{color:#dbdbdb; font-weight:normal; text-decoration:none; font-size:1em;}

/* .menu li.current_page_ancestor a{color:#6c6763;} */

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

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

.menu ul a:hover {color:#555; text-decoration:none;}

.menu ul li a:hover {color:#555; text-decoration:none;}



/* comments */

.commentlist li, #commentform input, #commentform textarea {font-size:0.9em;}

.commentlist li ul li {font-size:1em;}

.commentlist li .avatar {float:right;}

.commentlist cite, .commentlist cite a {font-weight:bold; font-style:normal; font-size:1.1em;}

.commentlist p {font-weight:normal; line-height:1.5em; text-transform:none;}

#commentform p {text-align:left;}

.commentmetadata {font-weight:normal;}



/* miscellaneous */

#sidebar {font-size:1.2em;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color:#777;}

code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps{ font-size:0.9em; letter-spacing:.07em;}

#wp-calendar #prev a, #wp-calendar #next a {font-size:9pt;}

#wp-calendar a {text-decoration:none;}

#wp-calendar caption {font-size:1.3em; text-align:center;}

#wp-calendar th {font-style:normal; text-transform:capitalize;}



/* ----- STRUCTURE ----- */

html {height:100%;}

body {height:100%; margin:0 0 20px 0; padding:0;}

#headercontainer {float:left; width:100%; height:248px; margin:0; padding:0; background-image:url('images/header_bg2.jpg'); background-repeat:repeat-x; clear:both;}

#header {margin:0 auto; padding:0; width:980px;}

#headerimg {width:980px; height:248px; padding:0; margin:0; /*background-image:url('images/header2.jpg'); background-repeat:no-repeat; background-position:left 34px;*/}

#headerimg img {padding:0; margin:-1px 0 0 0; float:left;}

.menu {margin:0; padding:0; float:left;}

#pagecontainer {float:left; width:100%; clear:both;}

#page {margin:0 auto; padding:0; width:940px;}

.tinycolumn {float:left; padding:0 20px 20px 0; margin:0; width:140px;}

.thirdcolumn {float:left; padding:0 0 20px 0; margin:0; width:280px;}

.halfcolumn {float:left; padding:0 20px 20px 0; margin:0; width:460px;}

.narrowcolumn {float:left; padding:0 20px 20px 0; margin:0; width:640px;}

.narrowcolumn .postmetadata {padding-top:5px;}

.widecolumn {padding:0; margin:0; width:940px;}

.widecolumn .postmetadata {margin:30px 0;}

.widecolumn .smallattachment {text-align:center; float:left; width:128px; margin:5px 5px 5px 0px;}

.widecolumn .attachment {text-align:center; margin:5px 0px;}

.post {margin:0 0 10px 0;}

.post p{padding:0 0 10px 0; margin:0;}

.post hr {display:block;}

.navigation {float:left; clear:both; text-align:left; margin:10px 0; width:100%;}

.postmetadata {clear:both;}

.clear {clear:both;}

#sidebar {float:left; padding:0 0 20px 0; margin:0; width:300px;}

#footercontainer {float:left; width:100%; height:314px; margin:0; padding:0; background-image:url('images/footer_bg.jpg'); background-repeat:repeat-x; clear:both;}

#footer {margin:80px auto 0 auto; padding:0 0 0 20px; width:960px; background-image:url('images/submenu_button.png'); background-repeat:repeat-all;}

#footer p {margin:0; padding:20px 0;}



/* columnizer */

.column {margin:0 20px 0 0; padding:0;}

.last.column {margin-right:0;}



/* headers */

h1 {padding-top:70px; margin:0;}

h2 {padding:0 0 20px 0; margin:0;}

h2.pagetitle {margin:0;}

h2.news {padding:0 0 10px 0;}

#sidebar h2 {margin:5px 0 0; padding:0;}

h3 {padding:0 0 4px 0; margin:0;}

.newspost h3 {padding:0;}

#footer h3 {padding:0 0 10px 0; margin:0;}

h3.comments {padding:0; margin:0;}



/* ----- IMAGES ----- */

p img {padding: 0; max-width:100%;}

img.centered {display:block; margin-left:auto; margin-right:auto;}

img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}

img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}

.alignright {float:right;}

.alignleft {float:left}



/* ----- LISTS ----- */

html>body .entry ul {margin:0; padding:0 0 0 15px; list-style:disc; text-indent:0;}

html>body .entry li {margin:7px 0 8px 0; padding:0 0 0 5px;}

.entry ol {padding:0 0 0 35px; margin:0;}

.entry ol li {margin:0; padding:0;}

.postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none;}

#sidebar ul, #sidebar ul ol {margin:0; padding:0;}

#sidebar ul li {list-style-type:none; list-style-image:none; margin-bottom:15px;}

#sidebar ul p, #sidebar ul select {margin:5px 0 8px;}

#sidebar ul ul, #sidebar ul ol {margin:5px 0 0 10px;}

#sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px;}

ol li, #sidebar ul ol li {list-style:decimal outside;}

#sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0; padding:0;}



/* menu */

.menu {margin:0; padding:0; float:left; width:938px; position:relative; border-left:1px solid #c3c3c3;}

.menu ul {margin:0; padding:0; float:left; border-right:1px solid #fff;}

.menu li {list-style-type:none; list-style-image:none; margin:0; padding:0; display:block; float:left;}

.menu ul li {list-style-type:none; list-style-image:none; height:35px; background-image:url('images/menu_button_right.gif'); background-repeat:no-repeat; background-position:top right;}

.menu ul li a {height:35px; background-image:url('images/menu_button_left.gif'); background-repeat:no-repeat; background-position:top left; padding:10px 20px 1px 20px; display:block; float:left;}

/* highlight current menu item */
.menu ul li.current_page_item {background-image:url('images/menu_button_right_hover.gif'); background-repeat:no-repeat; background-position:top right;}

.menu ul li.current_page_item a {background-image:url('images/menu_button_left_hover.gif'); background-repeat:no-repeat; background-position:top left;}

/* all submenus are hidden by default */
.menu ul li ul {position:absolute; top:34px; left:0; margin:1px 0 0 0; padding:0; background-image:none; display:none; border-right:none;}

/* show the current submenu*/
.menu ul li.current_page_item ul, .menu .current_page_ancestor ul {display:block;}

/* highlight current submenu item */
.menu ul ul li.current_page_item {background-image:url('images/submenu_button_current.png'); background-repeat:repeat-x;}

/* on hover, show the submenu on top of current submenu 
.menu ul li:hover ul {display:block; z-index:6000; background-color:#888;} */

/*on hover, highlight the menu button*/
.menu ul li:hover {background-image:url('images/menu_button_right_hover.gif'); background-repeat:no-repeat; background-position:top right; width:auto;}

.menu ul li:hover a {background-image:url('images/menu_button_left_hover.gif'); background-repeat:no-repeat; background-position:top left; width:auto;} 

/* submenu */
.menu ul ul li {height:24px; margin:0; padding:0; background-image:url('images/submenu_button.png'); background-repeat:repeat-x;}

/* on hover, highlight submenu buttons */
.menu ul li ul li:hover {background-image:url('images/submenu_button_current.png'); background-repeat:repeat-x;}

/*.menu ul li:hover ul li {background-image:url('images/submenu_button_hover.png'); background-repeat:repeat-x;}*/

/* submenu links */
.menu ul li ul a, 
.menu ul li:hover ul a, 
.menu ul li.current_page_item ul a, 
.menu ul ul li.current_page_item a {height:24px; background-image:none; padding:5px 20px 0 20px;}





/* ----- FORM ELEMENTS ----- */

#searchform {margin:0 0 20px 0; padding:0; text-align:left;}

#sidebar #searchform #s {width:108px; padding:2px;}

#sidebar #searchsubmit {padding:1px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center;}

select {width:130px;}

#commentform {width:620px;}

#commentform input {width:170px; padding:2px; margin:5px 0 1px 0;}

#commentform {margin:5px 10px 0 0;}

#commentform textarea {width:620px; padding:2px 0;}

#respond:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

#commentform #submit {margin:0 0 5px auto; float:right;}



/* ----- COMMENTS ----- */

.alt {margin:0;	padding:10px;}

.commentlist {padding:0; text-align:left; width:620px;}

.commentlist li {margin:0 0 10px; padding:5px 5px 10px 10px; list-style:none;}

.commentlist li ul li {margin-right:-5px; margin-left:10px;}

.commentlist p {margin:10px 5px 10px 0;}

.children {padding:0;}

#commentform p {margin:5px 0;}

.nocomments {text-align:center; margin:0; padding:0;}

.commentmetadata {margin:0; display:block;}



/* ----- CALENDAR ----- */

#wp-calendar {empty-cells:show; margin:10px auto 0; width:155px;}

#wp-calendar #next a {padding-right:10px; text-align:right;}

#wp-calendar #prev a {padding-left:10px; text-align:left;}

#wp-calendar a {display:block;}

#wp-calendar caption {text-align:center; width:100%;}

#wp-calendar td {padding:3px 0; text-align:center;}

#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color:#fff;}



/* ----- MISCELLANEOUS ----- */

acronym, abbr, span.caps {cursor:help;}

acronym, abbr {border-bottom:1px dashed #999;}

blockquote {margin:10px 30px 10px 0; padding-left:20px; font-style:normal;}

blockquote cite {font-style:italic;}

.center {text-align:center;}

.hidden {display:none;}

a img {border:none;}

.hr {height:1px; line-height:1px; background-color:#c3c3c3; margin:0; padding:0; clear:both; overflow:hidden;}

.breaker {height:10px; line-height:1px; margin:0; padding:0; clear:both;}

.breakerspace {height:20px; line-height:10px; margin:0; padding:0; clear:both;}


/* ----- TABLES ----- */

.tablecontainer {width:100%; border:1px solid #e5e5e5; margin:10px 0;}

table.feature {width:100%; padding:10px; font-size:0.85em;}

tr {padding:0px; margin:0px;}

td {padding:0px; margin:0px;}


/* ----- CAPTIONS ----- */

.aligncenter, div.aligncenter {display:block; margin-left:auto;	margin-right:auto;}

h2.aligncenter, h3.aligncenter, p.aligncenter {display:block; margin-left:0; margin-right:0; text-align:center;}

.wp-caption {text-align:center; background-color:#e5e5e5; padding:15px 10px 0 10px; margin:20px 0 0 0;}

.wp-caption img {margin:0; padding:0; border:0 none;}

.wp-caption p.wp-caption-text {padding:10px; margin:0;}