/*  
Theme Name: Moln 2.01
Theme URI: http://www.flygare.nu 
Description: Baserad pa Hemingway, tyvarr.
Version: 1.1
Author: Tibor Berki 
Author URI: http://www.codegravity.se
colors as of v 0.4: 
bottom blue= #1C589F
gradients=footer-bottom/header-top: #b2b2b2
*/

/* slajdpaneler */
a:focus {
	outline: none;
}

#panel {
	margin:0 auto;
	height: 200px;
	width:100%;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	
}
span.slide a{
		outline:none;
	}

.btn-slide {
	background: url(images/but-windman.png) no-repeat center top;
	width: 100px;
	height: 65px;
	position:absolute;
	margin:-60px 0 0 100px;
	z-index:100;
	border-bottom:none;
}

.active {
	/* background-position: right 12px; */
}



.register-bubble{
background: url("images/but-logincloud.png") 0px 0px no-repeat;
border:none;
height:65px;
width:100px;
position:absolute;
right:200px;
top:30px;
z-index:100;
 }


*,body,#header p,#bottom,#footer,#wordspew p,#chatForm textarea,#chatForm input,#chatoutput ul#outputList,#chatoutput ul#outputList li,#comments .content h3,.first,.block li,.block ul,#search-results h3 {
	margin:0
}

*,body,#wordspew p,#chatoutput ul#outputList,.block li,.block ul {
	padding:0
}

body {
	font:0.73em "lucida grande","lucida sans unicode","lucida sans",verdana,arial,sans-serif
}

body,#search input:focus,#search-results h3 {
	background:#fff
}

body,#chatoutput {
	color:#333
}

#header {
	background:#fff url("images/bg-header.png") repeat-x;
	height:130px;
}

#header,#secondary,#bottom,#footer,#chatoutput,#primary iframe {
	width:100%
}

#header,#secondary {
	margin:0 auto
}


.register-bubble:hover, .register:hover, #windinfo:hover,#chatForm input#submitchat:hover,.readmore span:hover,.but-search:hover, .edithis,#windinfo a:hover{
	cursor:pointer
}

#wordspew,#chatForm input#submitchat,.right,.alignright, #search-results,.formactions input.submit {
	float:right
}

#header h1,ul#topmenu,#topmenu li,#topmenu ul,#topmenu li ul li,#footer p.copyright,#comments .content,.articleinfo,.left,.alignleft, .block, .avatar {
	float:left
}

#bottom,#footer,.clear {
	clear:both
}

#branding span,#chatoutput h3 span{
	display:none
}

#branding a,#topmenu a,#topmenu li a:hover,#topmenu li.sfhover ul,#topmenu li:hover ul,#chatForm label,em#responseTime,#comments .pingback cite .author,.articleinfo,.edithis,.form-head,#search-results small,.story {
	display:block
}

#topmenu li,#topmenu ul,.block, a.a-search{
	display:inline
}


.details,#search-results h3,#search-results small {
	text-align:left
}

#branding a {
	width:110px;
	height:80px;
	background:url("images/asdfk-logo.png") center center no-repeat;
}

ul#topmenu {
	margin:15px 0 0 20px
}

#topmenu li,#topmenu ul,#chatoutput ul#outputList li,.block li,#slickrajaxmenu {
	list-style:none
}

#topmenu a,#topmenu {
	text-transform:lowercase
}

#topmenu a,#topmenu,#bottom a,#bottom h2,#footer,#footer a,.articleinfo,.articleinfo h2 {
	color:#fff
}

#topmenu a,#topmenu,#chatoutput a,#errors,#errors,#search-results h3 {
	font-weight:bold
}

#topmenu a,#topmenu,h2, .archiveheader {
	font-size:1.3em
}

#topmenu a:hover,.articleinfo a {
	color:#fe1
}
#topmenu ul li a, #topmenu li li{
	width:10em
}

#topmenu .current_page_item a {
	color:#e3e3e3
}

#topmenu li li, blockquote {
	margin-left:1em
}


#topmenu li ul,.details .readmore,.edithis,#live-search {
	position:absolute
}

#topmenu li ul {
	background:#aaa;
	width:12em;
	margin:0 0 0 -10px;
	opacity:0.9;
}

#topmenu li ul,#topmenu li.sfhover ul ul ul,#topmenu li:hover ul ul ul,#topmenu li.sfhover ul ul,#topmenu li:hover ul ul {
	left:-999em
}

#topmenu li ul li {
	font-size:0.75em
}

#topmenu li ul li,#search-results {
	padding:0
}

#topmenu li ul ul{
	margin:-2em 0 0 9.5em;
	width:11em;
}
#topmenu li ul ul{
padding: 0.5em 0.1em;
}

.details,.attributes a,.attributes,#search-results small, .smaller {
	font-size:0.85em
}

#topmenu li li.sfhover ul,#topmenu li.sfhover ul,#topmenu li li:hover ul,#topmenu li:hover ul {
	left:auto
}

#primary {
	margin:-10px auto 0 auto;
	width:95%;
	min-width:850px;
	color:#444;
	background:url("images/sisu.jpg") right bottom no-repeat;
}

.inside a, .single-post p a, .story a, #slickrajaxcontent p a{
	border-bottom:1px dotted #999;
}
#slickrajaxmenu p a{
color:#000
}

#primary a {
	color:#1c589f;
}
#primary a:hover {
	color:#000;
	border-bottom:1px dotted #000;
}

#primary h2, .single-post p a img{
	border:none;
}
 #slickrajaxcontent a img, #chatForm textarea,#chatForm input,#search .but-search,a img,  a span.totop:hover, .readmore:hover {
	border:none
}

#primary,#secondary,#chatoutput ul#outputList li,#comments .content h3 {
	font-size:1em
}

#secondary {
	padding:2em 0 0 0
}

#bottom {
	background:#1F59A0 url("images/bg-footer1.png") center top repeat-x;
	padding:185px 0 20px 0;
	min-height:185px;
	color:#eee
}

#bottom a{
border:none;
}

#footer {
/*
	background:#b2b2b2 url("images/bg-footer-repeatx.png") repeat-x;
	*/
	padding-top:3em;
	text-align:center;
	min-height:30px
}


#footer a:hover,#bottom a:hover {
	color:#fe1;
	text-decoration:none
}

cite{padding:0}


/* shoutbox */

#wordspew,#chatForm {
	width:280px
}

#wordspew {
	height:450px;
	margin:0
}

#chatoutput {
	height:340px;
	padding:0 8px 6px 2px;
	font:0.95em helvetica,arial,sans-serif;
	overflow:auto;
	margin-top:10px
}

#shoutboxname {
	margin:0 10px 0 0
}

#chatoutput span {
	font-size:1.1em
}

#chatoutput span{
	color:#1c589f
}

#chatForm label {
	visibility:hidden
}

#chatoutput a,#comments cite {
	font-style:normal
}

#chatoutput a {
	color:#669
}

#chatoutput li span a {
	font-weight:normal;
	display:inline !important;
	border-bottom:1px dotted #669
}

#wordspew p{
margin:5px 0 0 0;
line-height:1.2em;
}


#chatForm{
padding-top:1em;
}
#chatForm textarea,#chatForm input {
	background:url("images/bg-form.png") right top no-repeat;
	width:130px;
	padding:0.15em
}

#chatForm textarea {
	width:270px
}

#chatForm input#submitchat {
	background:url("images/but-send-png24.png") 0 0 no-repeat;
	width:100px;
	margin:10px -20px 0 0;
	padding:10px 20px 8px 20px
}


#chatForm input#submitchat:hover {
	background:url("images/but-send-png24.png") 0 -35px no-repeat;
	cursor:pointer
}

#chatoutput ul#outputList {
	position:static
}

#chatoutput ul#outputList li {
	padding:0 0 4px 0;
	background:none
}

#chatoutput ul#outputList li:before {
	content:''
}

ul#outputList li:first-line {
	line-height:1.2em
}

#lastMessage {/*texten som sager senaste inlagg osv*/
}

em#responseTime, .notloggedin, #usersOnline {
	font-style:italic;
	color:999
}
.notloggedin{
	color:#fff
}
#usersOnline{
	line-height:1.5em;
	color:#999
}

#chatoutput .wp-smiley {
	vertical-align:middle
}

.odd{
	background-color:#ddd; 
}

.attributes a,.attributes {
	color:#eee
}



ol#comments,ol#comments li {
	list-style-type:none;
	margin:2em 0
}

#comments,#commentform {
	margin:3em 0 0 0;
	clear:both
}

#mainpost{
font-size:1.1em
}

#commentform {
	float:right;
	width:100%
}

#comments .content {
	border-left:1px solid #999;
	margin:10px 0 0 1.9%;
	padding:0 0 0 2%;
	width:77%
}

.content p{
margin:0;
padding:0;
}

#comments .pingback cite .author {
	background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
	padding-top:68px
}

#comments cite,#live-search,#search .spinner {
	text-align:right
}


.navigation{
font-size:1.2em;
margin-top:30px;
}
ul.dates, ul.dates li{
	margin:0 0 30px 0;
	list-style:none;
}

#errors {
	color:#f00
}




.articleinfo {
	background:url("images/bg-bubble.png") left top no-repeat;
	min-height:180px;
	width:210px;
	margin:0 5% 0 0;
	padding:30px 0 0;
	border-right:1px solid #aaa;
	font-size:0.8em
}

.articleinfo h2 {
	font-size:1.2em
}

.articleinfo dl,.articleinfo p,.articleinfo h2 {
	margin:0 10px 5px 40px
}

.inside {
	margin:0 50px;
	min-height:200px;
}
#footer .inside{
min-height:50px;
}

.flickrfront h2 a, #slickr a, #slickr a:hover,#slickrajaxmenu a, #slickrwidget a, #slickrwidget a:hover,.slickrwidget:hover,#primary .twothirds .story a{
	border:0;
}
#slickrwidget a{
padding:0 3px 0 0;
}

.flickrfront {
	width:25%;
	margin-left:5%;
}


.twothirds {
	width:66%;
}

.onethird {
	position:relative;
	min-height:500px;
}
.cloud{
	background:url("images/bg-bubble.png") right bottom no-repeat;
}

.onethird,#search-results {
	width:32%
}

.story, .column {
	width:46%;
	margin:0 0 0 3%
}


.single-post {
	width:66%;
	min-width:370px;
	max-width:760px
}
.single-post img{
margin:5px;
}


.details,#preview,h1 {
	margin:1em 0
}

.details {
	padding:0;
	color:#4d4d4d
}

.readmore{
	background:url("images/but-readmore.png") 0 0 no-repeat;
	padding:5px 15px 12px 15px;
	margin:-5px 0 5px 5px;
	height:20px
}


.readmore,.edithis,.totop {
	width:30px
}

.readmore:hover {
	background:url("images/but-readmore.png") 0 -35px no-repeat
}

span.totop{
	background:url("images/but-totop.png") 0 0 no-repeat;
	padding:5px 15px 15px 15px;
	margin:-5px 0 5px 5px;
	}
	
span.totop:hover {
	background:url("images/but-totop.png") 0 -35px no-repeat;
	border:none;
}

.edithis {
	background:url("images/but-edithis.png") 10px 0 no-repeat;
	margin:20px 10px 0 0;
	padding:2px 20px
}

.edithis {
	height:34px
}

.edithis:hover {
	background:url("images/but-edithis.png") 10px -35px no-repeat
}

.avatar{
	padding:0 10px 0 0;
}
cite .avatar{
	margin-top:2px;
}

#top,.clear,.rule {
	font-size:1px;
	height:1px;
	line-height:1px
}

.rule {
	border-top:1px solid #ccc;
	margin:1.5em 0
}

.block {
	font-size:1.1em;
	width:20%;
	margin:0 0 0 9%
}

.block li, .block li a{
width:100%;
}
.block li{
border-top:0;
margin-bottom:0.4em;

}

#live-search {
	top:20px;
	margin:0 -30px 0 0;
	opacity:0.8
}

#live-search {
	right:5%
}

#live-search:hover,#live-search:hover {
	opacity:1.0
}



#preview {
	border:1px solid #ccc;
	padding:0.5em
}

#preview p {
	margin:1em 0 0 0
}

#search .spinner {
	padding:0 0 5px 0
}

#search .but-search,label.text {
	position:relative
}

#search .but-search {
	vertical-align:top;
}

#search img.archives-icon {
	background:url("images/archives.gif");
	margin:0 7px 0 0;
	top:1px
}

#search input, input#q {
	background:url("images/bg-form.png") right top no-repeat;
	border:1px solid #999;
	font-size:1.1em;
	width:175px;
	padding:0.1em 0.1em 0 0.2em
}

.but-search{
	background: url("images/but-search.png");
	height:20px;
	width:20px;
	position:absolute;
}

#search-results {
	background:#ccc;
	border-top:1em solid #999;
	opacity:0.9
}

#search-results h3 {
	padding:0 0 1em 0
}

#search-results small {
	border-bottom:1px solid #555;
	border-top:1px solid #666;
	padding:0.5em 1em 0.7em 1em
}



#windinfo {

}


/*********Windinfo bars***************/

.greenbar,
.redbar,
.yellowbar{
	display:block;
	height:8px;
	width:0;
	}
span.greenbar{
	background:#090;
	}
span.redbar{
	background:#900;
	}
span.yellowbar{
	background:#9f0;
	}

#primary iframe,#windinfo iframe {
	height:70px;
	border:0 solid #ccc;
	overflow:hidden
}

#primary iframe {
	height:460px
}


.formactions input.submit {
	background:#ccc;
	border:1px solid #888;
	margin:-1em 0 0 0;
	padding:0 0.5em
}



a,a:hover,a:active {
	outline:none;
	text-decoration:none
}

blockquote {
	border-left:2px solid #ccc;
	color:#999;
	padding-left:1em
}

fieldset {
	padding:.5em
}

h1,h2,h3 {
	color:#666;
}

h1,h3.formhead {
	font-size:1.5em
}

address,fieldset,dl,ol,ul,label,blockquote,pre {
	margin:0.8em 0 0.3em 0
}
p,h6,h5,h4,h3,h2{
	margin:1em 0 0.3em 0
}
.twothirds p{
margin-top:0.3em;
}

h3 {
	font-size:1.15em
}

textarea,input.textfield {
	background:#f8f8f8;
	border:1px solid #868686;
	width:15em
}

textarea,input.textfield,textarea.commentbox {
	margin:5px 0
}

label.text {
	left:0.5em;
	top:-0.5em
}

p {
	line-height:1.5em
}

select option {
	padding:0 5px
}

textarea.commentbox {
	font:1.2em arial,helvetica,sans-serif;
	height:200px;
	padding:3px;
	width:100%
}

ul li{
	list-style-type:square;
	margin:0.5em 0 0.5em 2em
}



/*  slickr gallery */

#navigation .next_albums_links, #navigation .previous_albums_links{
font-size: 1.3em;
font-weight: bold;
}
.menu_album h2,.menu_album p{
	margin:0.5em 0 0 0
}
.gallery_name{
	font-size: 2em;
}

.clear{clear:both;}
/*-----------------------------------------------------------------------------------------------
  Slickr image hemingway block 20061218
-----------------------------------------------------------------------------------------------*/
.imgblock {
    margin: 0 5px 5px 0;
    border:1px solid #000;
}