/*  
Theme Name: Elegance
Description: An elegant WordPress theme redesigned by <a href="http://www.adesign.nu">aDesign</a>
Version: 1.0
Author: aDesign
Original Theme URI: http://www.powertheme.com/themes/elegance/
Tags: valid XHTML, valid CSS, right sidebar, widget ready, simple, widgets, two columns
*/

* { margin: 0; padding: 0; outline: none; }

a:link, a:visited, a:active { color: #be9d4e; }
a:hover { color: #666; }

body { background: #FFFFFF url(img/body-bg.png) repeat-x; font-family: Verdana, Arial, Helvetica, san-serif; font-size: 12px; color: #666; }

#wrapper { width: 800px; margin: 0 auto; }

#header { width: 800px; height: 137px; }
a.logo { width: 259px; height: 98px; float: left; background: url(img/logo.png); margin-top: 22px; margin-left: -15px; }
a.logo span { display: none; }

.search { float: right; margin-top: 55px; }
.search .search-text { background: url(img/search-bg.png) no-repeat; width: 157px; padding: 6px 30px 8px 10px;  border: none; color: #999; }
.help { font-size: 9px; color: #999; }

#subheader { background: url(img/subheader-bg.png) no-repeat; width: 851px; height: 149px; float: left; }
#subheader p { color: #ccc; font-size: 12px; margin: 55px 0 0 10px; width: 460px; }

/*
	script stuff 
*/
.search-alert { display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; line-height: 14px; }

.search-alert-ie { display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; line-height: 14px; right: 200px;}


#content { margin: 20px 0 0; width: 560px; float: left; }
#monica { margin: 20px 0 0; width: 560px; float: left; background: url(img/monica_latest.png) top right no-repeat; }

.post { width: 560px; margin-bottom: 50px; }
.post h2 { color: #333; font-weight: normal; text-decoration: none; font-size: 24px; font-family: Georgia; }
.post h2 a { color: #333; font-weight: normal; text-decoration: none; font-size: 24px; font-family: Georgia; }
.post span.post-info { color: #CCCCCC; font-size: 10px; padding-bottom: 10px; width: 560px; float: left; }
.post p { line-height: 22px; margin-bottom: 10px; }
.post div.cats { border-top: 1px solid #ececec; padding-top: 10px; }

#sidebar { margin: 20px 0 0; width: 185px; float: right; }
#sidebar ul { list-style-type: none; }
#sidebar ul li { padding-bottom: 5px; border-bottom: 1px solid #d6d6d6; margin-bottom: 15px; }
#sidebar ul li ul li { margin: 0; border: none; padding: 0; }
#sidebar ul li ul li /* a */ { padding: 5px 0px 5px 20px; display: block; width: 165px; background: url(img/sidebar-bullet.png) no-repeat 0px 6px; }
#sidebar ul li ul li.current_page_item /* a:active */ { padding: 5px 0px 5px 20px; display: block; width: 165px; background: url(img/sidebar-bullet-over.png) no-repeat 0px 6px; }
#sidebar ul li ul li.current_page_item a /* a:active */ { color: #666; text-decoration: none;}
#sidebar ul li h2 { font-size: 18px; color: #474747; padding-bottom: 9px; font-weight: normal; }

.navigation .previous {float:left;}
.navigation .next {float:right;}

#footer { clear: both; width: 100%; float: left; background: url(img/footer-bg.png) repeat-x #ddd; padding: 20px 0 15px; margin-top: 20px; }
#footer .inner { background: url(img/wp-logo.png) right no-repeat; width: 800px; margin: 0 auto; font-family: Georgia; font-size: 16px; color: #8e8e8e;}
#footer .designby { font-size: 14px; color: #a0a0a0; }

/*
	.comments template styles
*/

.comments { float: left; padding: 0; }

.comments input[type=text], textarea { width: 350px; }

textarea { width: 450px; }

.comments fieldset { padding: 20px; border: 1px solid #CCC; margin: 10px 0 20px 0; }

.comments p { padding: 0 0 10px 0; }

.comments h2 { padding: 0 0 15px 0; font-family: Georgia; font-weight: normal;}

#cdisplay { list-style-type: decimal; padding: 0; margin: 0; }

	#cdisplay li { padding: 10px;  margin-bottom: 10px; width: 560px; }
	
	#cdisplay li.first {  background: #f9f9f9; border-bottom: #CCC 1px solid; }
	
	#cdisplay li.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.mp3 {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 3px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding: 3px 6px 6px;
   margin: 0 0 0 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.mAp /* flash player */ {
   margin: 9px 0 0 10px;
} 

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

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img.avatar {float:right;}

.medverkande {
   font-size: x-small;
   line-height: 12px;
}
.medverkande p{
   line-height: 16px;
}

#recension {
   line-height: 14px;
   margin: 15px 0 3px;
}

#recensent {
   margin: 0 0 23px;
}

.submit input,
.button,
.button-primary,
.button-secondary,
.button-highlighted,
#postcustomstuff .submit input {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	font-size: 11px !important;
	line-height: 16px;
	padding: 2px 8px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

a.button,
a.button-primary,
a.button-secondary {
	line-height: 1.2em;
	-webkit-border-radius: 7px;
	padding: 4px 10px;
}

.button,
.button-secondary,
.submit input,
input[type=button],
input[type=submit] {
	border-color: #bbb;
	color: #464646;
}

.button:hover,
.button-secondary:hover,
.submit input:hover,
input[type=button]:hover,
input[type=submit]:hover {
	color: #BE9D4E;
	border-color: #666;
}

.button,
.submit input,
.button-secondary {
	background: #f2f2f2 url(http://monicaborrfors.se/wp-admin/images/white-grad.png) repeat-x scroll left top;
}

.button:active,
.submit input:active,
.button-secondary:active {
	background: #eee url(http://monicaborrfors.se/wp-admin/images/white-grad-active.png) repeat-x scroll left top;
}

#latest {
	background: #fff url(img/monica_latest.png) top right no-repeat;
	padding: 15px 25px 20px 25px;
	width: 510px;
	}	

#latest h2 a {
	font: normal 24px Georgia;
	color: #333;
	line-height: 110%;
	text-decoration: none;
	}

#latest h2 a:hover {
	border-bottom: 1px solid #BE9D4E;
	}

h2, h3, h4 {
	letter-spacing: 0.025em;	
	}

.commentcount {
	background: url(img/bubble.gif) no-repeat right;
	padding-right: 12px;
	}
.commentcount a {
	text-decoration: none;
	}

#latest .commentcount a {
	font-size: 1.1em;
	text-decoration: none;
	}
#latest .commentcount a:hover, a:active {
	text-decoration: underline;
	}
		
#headlines {
	padding-left: 20px;
	margin-top: 3px;
	overflow: hidden;
	margin-bottom: 20px;
	}
	
#headlines li {
	width: 220px;
	float: left;
	background: url(img/headline_bg.png) top no-repeat;
	padding: 12px 17px 7px 17px;
	list-style: none;
	height: 200px;
	line-height: 110%;
	}

li#headline-1 a, li#headline-1 a:visited,
li#headline-2 a, li#headline-2 a:visited {
	font-size: 1em;
	color: #333;
	font-family: Georgia;
	letter-spacing: 0.025em;
	}
li#headline-1 p, li#headline-2 p {
	font-size: 0.90em;
	padding-top: 2px;
	}

li#headline-3 a, li#headline-3 a:visited,
li#headline-4 a, li #headline-4 a:visited {
	color: #666;
	font-size: 0.9em;
	font-family: Georgia;
	letter-spacing: 0.025em;
	}
li#headline-3 p, li#headline-4 p {
	font-size: 0.85em;
	padding-top: 2px;
	}

li#headline-5 a, li#headline-5 a:visited,
li#headline-6 a, li#headline-6 a:visited {
	color: #999;
	font-size: 0.8em;
	font-family: Georgia;
	letter-spacing: 0.025em;
	}
li#headline-5 p, li#headline-6 p {
	font-size: 0.75em;
	padding-top: 2px;
	}

li#headline-7 a, li#headline-7 a:visited,
li#headline-8 a, li#headline-8 a:visited {
	color: #CCC;
	font-family: Georgia;
	letter-spacing: 0.025em;
	}
li#headline-7 p, li#headline-8 p {
	font-size: 0.70em;
	padding-top: 2px;
	}
	
	
li#headline-1, li#headline-3, li#headline-5, li#headline-7 {
	margin-right: 21px;
	}
	
#headlines a:hover, #headlines a:active {
	text-decoration: underline
	}

#headlines .commentcount a {
	font-size: 1em;
	text-decoration: none;
	}
#headlines .commentcount a:hover, a:active {
	text-decoration: underline;
	}
	
li#headline-1 .commentcount a, li#headline-1 .commentcount a:visited,
li#headline-2 .commentcount a, li#headline-2 .commentcount a:visited,
li#headline-3 .commentcount a, li#headline-3 .commentcount a:visited,
li#headline-4 .commentcount a, li#headline-4 .commentcount a:visited,
li#headline-5 .commentcount a, li#headline-5 .commentcount a:visited,
li#headline-6 .commentcount a, li#headline-6 .commentcount a:visited,
li#headline-7 .commentcount a, li#headline-7 .commentcount a:visited,
li#headline-8 .commentcount a, li#headline-8 .commentcount a:visited  {
	color: #BE9D4E;
	font: 1em Georgia;	
	}
/* ------------------------! >> TABS << !------------------------ /*

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: 16px Georgia, Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 8px;
 margin-left: 5px;
 border: 1px solid #ddd;
 border-bottom: none;
 background: #f3f3f3;
 text-decoration: none;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 4px 4px 0px 0px;
   -khtml-border-radius: 4px 4px 0px 0px;
   -webkit-border-radius: 4px 4px 0px 0px;
   border-radius: 4px 4px 0px 0px;
}

ul.tabbernav li a:link { color: #BE9D4E; }
ul.tabbernav li a:visited { color: #BE9D4E; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #e6e6e6;
 border-color: #ddd;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #fff;
 border-bottom: 1px solid #fff;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 10px;
 border: 1px solid #ddd;
/* border-top:0; */
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}