/*
Theme Name: Getascent
Theme URI: http://daco.lt/
Version: 1.0
Author: Domas 'mikronaz' Makšimas
Author URI: http://daco.lt/
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; outline: none; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
img.aligncenter { display:block; margin:0 auto }
img.alignleft { float:left }
img.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */

/* MAIN LAYOUT */
/* ----------------------------------------- */

body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-align: center;
	background: #fdf7e1 url(images/bg.jpg) repeat-x;
}

.wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#header {
	background: url(images/header.jpg) no-repeat top right;
	overflow: hidden;
	height: 160px;
}
#header #logo {
	display: block;
	float: left;
	width: 212px;
	height: 104px;
	margin: 28px 0 0 21px;
	display: inline;
}

#nav {
	height: 52px;
	overflow: hidden;
	margin-left: 29px;
}
#nav li {
	float: left;
	margin: 10px 1px 0 0;
	display: inline;
}
#nav li a {
	float: left;
	height: 32px;
	line-height: 32px;
	padding: 0 13px;
	background: url(images/nav.jpg) repeat-x;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}
#nav li a:hover, #nav li.current_page_item a {
	background: url(images/nav_hover.jpg) repeat-x;
	color: #fff;
}

#container {
	background: url(images/sidebar.png) repeat-y top left;
        height:100%;

}

#sidebar {
	width: 206px;
	float: left;
	margin: 0px 0px 0px 11px;
        display: inline;
	padding: 22px 10px 38px;
}

#newsletter {
	background: url(images/newsletter.jpg) no-repeat;
	width: 203px;
        height: 151px;
	overflow: hidden;
}
#newsletter h1 {
	font-size: 18px;
	color: #761818;
	letter-spacing: -1px;
	margin: 5px 0 0 6px;
}
#newsletter h1 span {
	font-size: 17px;
}
#newsletter input {
	margin: 4px 0 0 12px;
	border: 1px solid #cccccc;
	padding: 5px 7px;
	font-size: 14px;
	color: #666666;
	width: 175px;
}
#newsletter #submit, #newsletter input[type="submit"] {
	border: none;
	background: url(images/submit.jpg) no-repeat;
	text-indent: -9999px;
	width: 61px;
	height: 26px;
	padding: 0;
	margin: 18px 0 0 126px;
}
.gsom-optin-radiogroup {
	margin: 5px 0 0 123px;
}
#sidebar .latest {
	border: 1px solid #dcdcdc;
	padding: 9px;
	margin: 10px 0;
	font-size: 12px;
}
#sidebar .latest h2 { 
	color: #761818;
	font-size: 18px;
}

#sidebar .latest h3 { 
	color: #333333;
	font-size: 14px;
        text-align:left;
}

#sidebar .latest p {
	color: #333333;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
#sidebar .latest p a {
	color: #333333;
	text-decoration: none;
}
#sidebar .latest p a:hover {
	text-decoration: underline;
}
#sidebar .latest a img {
	display: block;
	margin: 5px auto;
}

#content {
	width: 640px;
	float: right;
	margin-top: 21px;
}
#content .news {
	margin-bottom: 15px;
        height: 100%;
}
#content .news .title {
	background: url(images/title_bg.png) no-repeat;
	height: 39px;
	line-height: 39px;
}
#content .news .title h1 {
	font-size: 18px;
	color: #761818;
	font-weight: bold;
	margin-left: 14px;
}
#content .news .title h1 a {
	text-decoration: none;
	color: #761818;
}
#content .news .title h1 a:hover {
	text-decoration: underline;
}
#content .news .news_cont {
	background: url(images/cont_bg.jpg) repeat-y;
	padding: 18px 34px;
	font-size: 14px;
	color: #000;
	line-height: 18px;
        height: 100%;
}
#content #catalog .news_cont {
	padding: 18px;
}
#content .news .news_cont h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
#content .news .news_cont h2{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}
#content .news .news_cont h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
#content .news .news_cont h4 {
	font-size: 14px;
	font-weight: bold;
}
#content .news .news_cont h5 {
	font-size: 13px;
}
#content .news .news_cont h6 {
	font-size: 12px;
        margin-bottom: 5px;
}
#content .news .news_cont ul li {
	list-style: disc;
	margin-left: 25px;
	font-size: 12px;
	margin-bottom: 10px;
}
#content .news .news_cont ol li {
	list-style: decimal;
	margin-left: 25px;
	font-size: 12px;
	margin-bottom: 10px;
}
#content .news .news_cont a {
	color: #11396a;
}
#content .news .news_cont p {
	margin-bottom: 15px;
}
#content .news .news_cont img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
#content .news .news_cont img.alignright {
	float: right;
	margin: 0 10px 10px;
}
#content .news .news_cont img.aligncenter {
	display: block;
	margin: 10px auto;
}
#content .news .news_cont blockquote {
	border: 1px solid #d6d6d6;
	background: #fdffd3;
	padding: 20px;
	margin-bottom: 10px;
}
#content .news .news_cont input {
	border: 1px solid #cccccc;
	padding: 5px 7px;
	font-size: 14px;
	color: #666666;
	width: 175px;
}
#content .news .news_cont textarea {
	width: 183px;
}
#content .news .news_cont small {
	font-size: 10px;
}
#content .news .news_cont dt {
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	cursor: pointer;
}
#content .news .news_cont dt.selected {
	color: #a41414;
	text-decoration: underline;
}
#content .news .news_cont dd {
	font-size: 12px;
	color: #000;
	line-height: 18px;
	margin: 10px 0;
}


#content .item {
	width: 200px;
	height: 180px;
	overflow: hidden;
	float: left;
	background: url(images/item_bg.jpg) no-repeat;
	margin: 0 1px 10px 0;
	display: inline;
}
#content .item .image {
	display: block;
}
#content .item .image img {
	margin: 15px auto 0;
	display: block;
}
#content .item p {
	text-align: center;
	margin-top: 10px;
}
#content .news .news_cont .item p a {
	text-decoration: none;
	color: #171717;
	font-size: 14px;
	font-weight: bold;
}
#content .news .news_cont .item p a:hover {
	text-decoration: underline;
}

#content .news .news_bott {
	height: 7px;
	background: url(images/cont_bott.png) no-repeat;
	overflow: hidden;
}
#catalog
{
        height:600px;
}
#corp
{
        background: url(images/scentsy-corporate.png) no-repeat;
		height:51px;
        width:126px;
        text-align:center;
}
#reps
{
        background: url(images/join-scentsy-consultant.jpg) no-repeat;
		margin:-10px 0px -16px -10px;
        height:115px;
        width:203px;
        text-align:center;
        padding-top:5px;
}

#footer {
	border-top: 1px solid #cccccc;
	background: #fff;
}
#footer .wrapper {
	padding: 22px 0;
	font-size: 14px;
	color: #000;
}
#footer .left {
	float: left;
}
#footer .right {
	float: right;
	overflow: hidden;
}
#footer .right li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #d9d9d9;
	margin-right: -1px;
}
#footer .right li a {
	font-size: 14px;
	color: #000;
	text-decoration: none;
}
#footer .right li a:hover {
	text-decoration: underline;
}