/*
Theme Name: Live My Life
Theme URI: http://livemylife.se/
Description: Custom theme built for livemylife.se weblog.
Version: 1.0
Author: CPerspective
Author URI: http://www.cperspective.com/
Tags: dark, three colums, fixed width,
*/

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #0c0c0c; color: #fff; font: 62.5%/1.25 Verdana,Arial,Helvetica Neue,Helvetica,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Verdana,Arial,Helvetica Neue,Helvetica,sans-serif; }

@media screen /*, (max-device-width: 480px)*/ { html { -webkit-text-size-adjust: none; } }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.1em; }
ul, ol, dl { margin-bottom: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 15px; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }

fieldset { border: none; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

hr { overflow: hidden; height: 1px; margin: 15px 0; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px; }
* html hr { margin: -5px 0 8px !important; }

a { color: #c53874; text-decoration: none; }
a:visited { color: #84244d; }
a:hover, a:focus, a:active { text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #000; font: normal 2.4em Tahoma, Arial, Helvetica, sans-serif; }
h1 { font-size: 2.4em; }
h2 { font-size: 2.2em; margin: 0 0 5px; }
h3 { font-weight: bold; font-size: 2.2em; margin: 0 0 5px; }
h4 { font: normal 1.4em Tahoma, Geneva, Arial, Helvetica, sans-serif; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }
legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { width: 995px; margin: 0 auto; padding: 0 0 20px; background: url(images/top.jpg) no-repeat; overflow: hidden; }
 #top { position: relative; height: 171px; }
 
 #wrapper { float: left; width: 740px; }
  #aside { float: left; width: 189px; padding: 130px 0 0; overflow: hidden; }
  #wrapper-a { width: 544px; float: right; } 
   #content { background: #fff; padding: 40px 42px; width: 460px; position: relative; color: #000; min-height: 1035px; }
 #ads { float: right; width: 250px; zoom: 1; } 
    
  #back-to-top { padding: 10px; margin: 0; }
  #back-to-top a { width: 172px; height: 26px; display: block; text-indent: -999em; overflow: hidden; margin: 0 auto; background: url(images/backtotop.png) no-repeat;  }   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; right: 10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; right: -10001px; top: 0; z-index: 10001; width: 500px; padding: 5px 0; background: #df348d; color: #fff; font-size: 1.4em; text-align: center; }

/* GENERAL
------------------------------------------- */

h3.a { font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; color: #4d4d4d; }
h2.pagetitle { margin: 0 0 15px; font-weight: bold; }
.post { margin: 0 0 80px; padding: 0 0 40px; border-bottom: 1px solid #f7bcd5; }

.post-meta { color: #7e7e7e; }
 .post-meta .published { margin-right: 25px; }
 .post-meta a { color: #7e7e7e; }
 
.post-options { overflow: hidden; margin: 0 0 15px; }
 .post-options .categories { float: left; }
 .post-options .comment { float: right; padding-right: 20px; background: url(images/comment.png) 100% 100% no-repeat; }
 .post-options .sep { position: absolute; top: -999em; }
 
.pagination { margin: 0 0 15px; padding: 0; text-align: center; } 
 .pagination li { display: inline; margin: 0; padding: 0; list-style: none; }
 
div.comment { background: #f8e3ec; border: 1px solid #eeb8ce; padding: 20px 15px 5px; margin: 0 0 15px; }
div.comment h4 { margin: 0 0 5px; }
 div.comment p { font-size: 1.2em; margin: 0 0 15px; }
 div.comment p.comment-meta { color: #4d4d4d; font-size: 1.1em; }
 div.comment-alt { background: #f7bcd5; border: 1px solid #e38daf; }
 
.comment-form { padding: 12px; background: #f8e3ec; border: 1px solid #eeb8ce; } 
 .comment-form label { display: block; margin: 0 0 5px; color: #4e4e4e; }
 .comment-form input, 
 .comment-form textarea { border: 1px solid #eeb8ce; padding: 3px; } 
 .comment-form textarea { width: 426px; height: 120px; overflow: auto; }
 .comment-form p { margin: 0 0 10px; }
 .comment-form p.submit { margin: 0; }
 .comment-form button { background: #f6a0c3; border: 1px solid #e38daf; color: #020202; padding: 3px; }
 
.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1em; }
.aligncenter { display: block; margin: 0 auto 1em;  }
.alignnone { margin: 0 0 1em 0; }

div.navigation { overflow: hidden; margin: 0 0 1em; width: 100%; }
 
/* ELEMENTS
------------------------------------------- */
#top h1 { width: 198px; height: 74px; left: 195px; top: 80px; position: absolute; }
 #top h1 a { width: 100%; height: 74px; overflow: hidden; display: block; text-decoration: none; text-indent: -999em;  }
  #top h1 a:focus { outline: 1px dotted #fff; }
 
 #feed { position: absolute; left: 677px; top: 143px; height: 39px; width: 39px; }
  #feed a { height: 39px; width: 100%; display: block; text-indent: -999em; text-decoration: none; overflow: hidden;  }
   #feed a:focus { outline: 1px dotted #fff; }
   
#aside h3 { height: 20px; text-indent: -999em; background-repeat: no-repeat; background-position: 0 50%; border-bottom: 1px solid #fff; margin: 0; }   
 #h-author { background-image: url(images/headers/author.png); }
 #h-entries { background-image: url(images/headers/entries.png); } 
 #h-images { background-image: url(images/headers/images.png); }
 #h-categories { background-image: url(images/headers/categories.png); }
 #h-search { background-image: url(images/headers/search.png); }
 
#aside .section { background: #1f1f1f; padding: 10px 10px 1px; margin: 0 0 15px; }
 #aside .section p { font-size: 1em; margin: 0 0 10px; }
 
 #aside ul { margin: 0 0 15px; padding: 0; }
  #aside li { margin: 0 0 1px; padding: 0; list-style: none; width: 100%; }
   #aside li a { padding: 8px 10px; display: block; color: #fff; background: #1f1f1f; text-decoration: none; height: 1%; }
    #aside li a:hover { background: #161616; }
	
 #aside ul.photos { overflow: hidden; width: 195px; position: relative;  margin: 7px 0 15px; }
  #aside ul.photos li { position: relative; margin: 0 0 4px 6px; left: -6px; float: left; width: 59px; height: 59px; }
  * html #aside ul.photos li { margin-left: 4px; }
   #aside ul.photos li a { background: #fff; padding: 3px; width: 53px; height: 53px; display: block; }
   #aside ul.photos li a:hover { background: #df348d; }
    #aside ul.photos img { display: block; }
	
#search-form { display: block; margin: 0 0 15px; background: #1f1f1f; padding: 20px 10px; }
 #search-form p { margin: 0; position: relative; overflow: hidden; }
 #search-form label { position: absolute; top: -999em; } 
 
 #search-form input { float: left; background: #fdfdfd url(images/search-input.png) repeat-x; border: 1px solid #000; min-height: 1em; width: 105px; padding: 5px 6px 6px; }
 #search-form button { float: right; background: url(images/search-button.png) no-repeat; width: 46px; height: 26px; text-indent: 999em; display: block; border: none; overflow: hidden; }
	
#ads p { margin: 0 0 5px; }
 #ads div.ad { margin: 0 0 5px; }

 
#tooltip { background: #C53874; padding: 8px 15px; color: #fff; position: absolute; opacity: 0.95; font-size: 1.2em;  }