/*
Theme Name: Horoscopes
Author: TeamLBI
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: horoscopes

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

/* line 1, ../scss/main.scss */
body { font: 14px/24px Arial, Helvetica, sans-serif; color: #4c4c4c; background: url(img/bg.jpg) no-repeat top center #24002b; padding: 0; margin: 0; }
ul, li { margin: 0; padding: 0; list-style: none }
a img { border: none }
.container { width: 790px; margin: 0 auto }
.bold { font-weight: bold }
span.date { color: #a9a9a9; font-size: 11px }
h1 { font-size: 18px; line-height: 18px; color: #000; font-weight: bold; margin: 20px 0 30px }
h1 span.date { float: right; font-style: normal }
header { position: relative; height: 204px; }
a.logo { display: block; width: 500px; height: 144px; position: absolute; left: -20px; top: 0; background: url(img/logo.png) no-repeat left top }
ul.social { float: right; padding-top: 73px; font-size: 12px; color: #ddeefd }
ul.social li { float: left; margin-right: 15px }
nav { background: url(img/sprite-nav.png) no-repeat bottom left; width: 790px; height: 71px; display: inline-block; padding-top: 30px }
nav a { text-decoration: none; height: 51px; display: inline-block; float: left }
nav a.today { width: 124px; }
nav a.traits { width: 178px }
nav a.week { width: 153px }
nav a.month { width: 162px }
nav a.contact { width: 170px; }
nav.nav5 { background-position: 0 14px }
nav.nav4 { background-position: 0 -196px }
nav.nav3 { background-position: 0 -436px }
nav.nav2 { background-position: 0 -676px }
.wrapper { background: url(img/wrapperbottom.png) no-repeat 13px bottom; padding-bottom: 15px; width: 783px; margin: 0 auto; padding-left: 7px }
.wrapper:after, .container:after { clear: both; display: block; content: ''; }
.wrapper .container { background: url(img/wrapper.png) repeat-y left; margin-left: 6px; min-height: 700px; }
section { width: 504px; float: left; padding: 0 18px; }
aside { width: 198px; padding: 5px 16px 20px 16px; float: right; margin-right: 18px }
aside aside {margin-right: 0; padding: 0;}
article.ads { background: #f1f1f1; display: inline-block; width: 504px }
p.title { font-weight: bold; color: #80c0ff; font-size: 14px; margin: 0; padding: 0 }
aside p { font-size: 12px; line-height: 18px; color: #ddeefd; }
aside form { margin: 0; padding: 0; border: none; display: inline-block; width: 198px }
aside form label { color: #ddeefd; font-weight: bold; font-size: 12px; margin-bottom: 3px }
aside form input[type="submit"] { background: url(img/btnsubscribe.png) no-repeat; width: 89px; height: 28px; border: none; cursor: pointer; float: right; margin-top: 10px }
aside form input[type="text"] { background: #fff; border: none; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; width: 187px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #4c4c4c }
aside .ads { background: #240a33; margin-top: 30px; display: inline-block; width: 198px }
ul.list li { background: #f9f9f9; float: left; width: 202px; padding: 16px 22px; min-height: 140px; overflow: hidden; font-size: 11px; line-height: 18px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 12px; }
ul.list li span { color: #642e6e }
ul.list li span.active { color: #c6c6c6 }
ul.list li a { color: #1279de }
ul.list li p { font-size: 11px; line-height: 18px }
ul.list li:nth-child(odd) { margin-right: 12px }
ul.list li img { float: left; margin-right: 25px }
footer { line-height: 12px; font-size: 12px; color: #fff; margin: 15px 0 }
footer a { color: #fff; }
footer p { float: left; margin: 0 0 0 20px; padding: 0; }
footer .links { float: right; margin-right: 20px }
article.sign { background: url(img/sep.png) no-repeat bottom; padding-bottom: 29px; display: inline-block }
article.sign h2 { color: #642e6e; font-size: 14px; font-weight: bold; margin: 5px 0 }
article.sign:last-child { background: none; }
article.sign img { float: left; margin-right: 10px }
article dl { float: left; font-size: 11px; line-height: 18px; margin: 0; padding: 0; width: 178px }
article dl dt { float: left; width: 80px; text-align: right; font-weight: bold; color: #000; margin: 0; padding: 0 }
article dl dd { float: left; text-align: left; margin: 0 0 0 6px; padding: 0; color: #297fdc }
article.sign dl:nth-child(odd) { width: 213px }
article.sign dl:nth-child(odd) dt { width:119px}
.social2 { display: inline-block; margin: 10px 0; text-align: right; font-size: 11px; color: #666; width: 100%; line-height: normal }
.social2 a img { vertical-align: middle }
h4 { font-size: 12px; font-weight: bold; line-height: 18px; }
ul.week li { width: 84px; height: 96px; text-align: center; float: left; font-size: 10px; line-height: normal; margin-bottom: 20px; color: #a1b4d5 }
ul.week li .bold { font-size: 11px; color: #00348d }
ul.week li img { width: 66px; height: auto }
.signpage .img { float: left; margin-right: 15px; }
.signpage p { float: right; width: 386px }
.breadcrumbs { background: url(img/sep.png) no-repeat bottom; padding-bottom: 20px; font-size: 11px; color: #ac00cd; display: inline-block; width: 100%; margin-top: 20px; font-weight: bold }
.breadcrumbs li { float: left; margin-right: 15px; }
.breadcrumbs li a { color: #ac00cd; }
form div { float: left; width: 250px; margin-bottom: 20px }
form label { float: left; margin-right: 20px; width: 75px; }
form textarea { width: 386px; margin-bottom: 20px; max-width:386px }
form p { margin: 0; font-size: 11px }
form .sbmt input[type="image"] { vertical-align: middle }
form .sbmt { text-align: right; width: 100%; float: none; margin: 20px 0 }
form .sbmt a { color: #240a33 }
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px}

.thankyou{color: green;}