/*---layout elements ---*/


body { font-size: 62.5%;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #111111; background: #fff;}
* { padding: 0; margin: 0; }
#container { width: 79.2em; margin: 1em auto; padding: 0;}
#page { padding:0em; background: #FFFFFF;}
#header { clear: both; background: url(images/header.png) top center no-repeat; height: 268px;width: 792px; }
#content_box { }
#content { width:54.6em; margin-top: 1.7em; float: left; border: 1px solid #1177b0; padding: 0 2.2em 1.1em 2.2em;}
.post_box { margin: 0; clear: both;}
#footer { text-align: right; clear: both; height: 40px; background: url(images/footer_bg.png) repeat-x; margin-top: 6em; line-height: 40px; }
#sidebars {float: right; width:19em; padding-left:.1em;}
#sidebar_1 {padding: 0; margin-top: 1.7em }
#sidebar_2 {margin: 0 0 0 0; border: 1px solid #9E9E9E; width: 188px;}
#sidebar_3 {margin: 0 0 0 0; border: 1px solid #9E9E9E; width: 188px;}
.comments {background: #eee; padding:5px 15px;}

.sidebar {}
.sidebar a:hover { text-decoration: underline; }
.sidebar h3 {font-size: 1.3em; line-height: 1.385em; margin-bottom: 0.692em;}
.sidebar ul{margin: 1em 0 1em .5em; font-size: 1.2em; list-style: none; one; float: none; display: list-item;}
.sidebar li{background: url(images/sb_arrow.png) no-repeat 0 4px; padding-left: 20px; line-height:20px; display: list-item; one; float: none; display: list-item;}
#footer p {font-size:1.1em;   color: #fff; text-align:center; padding-top: 10px;}
.rss {margin-top:5px; float:left; margin-left:10px;}
#logo, #logo a { color: #111111; }
a, h2 a:hover, #logo a:hover { color: #2361A1; }
#tagline { color: #888888 }
h1, h2, h2 a { color: #111111; }
.headline_meta, .headline_meta a { color: #888888; }
.headline_meta a:hover, .teaser_author a:hover, .teaser_comments:hover, .teaser_category:hover, .teaser .edit_post a:hover { color: #111111; }

.breadcrumb{position:relative; height:30px; width:100%; margin-top: 15px; text-transform: uppercase;}
.breadcrumb ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('images/breadcrumbImage.png') 0px -30px repeat-x; }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px display:inline;}
.breadcrumb ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(255,255,255); text-decoration:none; line-height:30px; display:block; background:url('images/breadcrumbImage.png') 100% -60px no-repeat; padding:0 17px 0 15px; outline:none;}
.breadcrumb ul li a:hover {text-decoration:none; color:rgb(255,255,255); background: #999;}
.breadcrumb ul li a.active{background:none; color:rgb(255,255,255);}
.breadcrumb ul li a.active:hover {text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('images/breadcrumbImage.png') 0% 0px no-repeat;}
.breadcrumb .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('images/breadcrumbImage.png') 100% -90px no-repeat; }




/*--- styles ---*/
h1, h2, h3, h6 { font-weight: normal; }
h4, h5 { font-weight: bold; }
h5, h6 { text-transform: uppercase; letter-spacing: 1px; }
#header #logo { font-size: 3.6em; line-height: 1.167em; }
#header #tagline { font-size: 1.4em; line-height: 1.429em; }
#logo { font-weight: bold; }
#tagline { font-weight: normal; }
.formatting h1 {color:#1B74AB; font-weight: normal; text-align: center;line-height: 1.4em; font-size: 2.6em; }
.formatting h2 {  color: #FA6A20;font-weight: bold; font-size: 1.5em; line-height: 1.3em; margin: 1em 0; }
.formatting h3 { font-size: 1.333em; line-height: 1.25em; margin: 1.875em 0 0.625em 0; }
.formatting h4 { font-size: 1em; }
.formatting h5 { font-size: 0.833em; }
.formatting h6 { font-size: 0.833em; }
.formatting { font-size: 1.2em; line-height: 1.667em; }
.formatting p { margin-bottom: 1.667em; }
.formatting ul { margin: 1em 0 1.667em 2.3em; display: list-item;float: none;}
.formatting ol { margin: 0 0 1.667em 1.667em; display: list-item; float: none;}
.formatting ul ul, .formatting ul ol, .formatting ol ul, .formatting ol ol { margin: 0 0 0 1.667em; }
.formatting dl { margin-bottom: 1.667em; }
.formatting dd { margin-bottom: 1.667em; }
.formatting blockquote { margin: 0 0 1.667em 0.833em; padding-left: 0.833em; }
.formatting a { text-decoration: underline; }
.formatting a:hover { text-decoration: none; }
.formatting ul { list-style: square; }
.formatting dt { font-weight: bold; }
#footer a { color: #fff;}
#footer p { font-size: 1.2em; line-height: 1.667em; }

/*---:[ pullquotes ]:---*/
.formatting blockquote.right, .formatting blockquote.left { border: none; }
.formatting blockquote.right { float: right; }
.formatting blockquote.left { float: left; }
.formatting blockquote.right p, .formatting blockquote.left p { margin: 0; }
/*---:[ images ]:---*/
.formatting img.left, .formatting img.alignleft{ margin: 0 1.667em 1.667em 0; }
.formatting img.right, .formatting img.alignright { margin: 0 0 1.667em 1.667em; }
.formatting img.center, .formatting img.aligncenter { margin: 0 auto 1.667em auto; }
.formatting img.block, .formatting img.alignnone { margin: 0 auto 1.667em 0; }
.formatting img[align="left"] { margin-right: 1.667em; margin-bottom: 1.667em; }
.formatting img[align="right"] { margin-bottom: 1.667em; margin-left: 1.667em; }
.formatting img[align="middle"] { margin-bottom: 1.667em; }

/*---self clearing floats---*/
 #content_box:after, #sidebars:after, .formatting:after, .teasers_box:after, .prev_next:after, ul.sidebar_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
 /*---:[ global elements ]:---*/
a, a:hover { text-decoration: none; }
a img { border: none; }
blockquote { border-left: 1px solid #ddd; color: #666; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
.remove_bottom_margin { margin-bottom: 0 !important; }

/*---:[ universal image classes ]:---*/
img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

/*---:[ headline meta data (includes bylines) ]:---*/
.headline_meta { font-style: italic; }
	.headline_meta span, .headline_meta abbr { font-style: normal; text-transform: uppercase; letter-spacing: 1px; }
	.headline_meta a { border-bottom: 1px solid #eee; }

a.dermavisu { background: url(images/sidebar_us.png) no-repeat 0 0; height:354px; width:190px; color:#333; display: block; text-decoration: none; margin: 0;}

a.freezox { background: url(images/sidebar_us.png) no-repeat -190px 0; height:354px; width:190px; color:#333; display: block; text-decoration: none;margin: 10px 0 0 0; }


.us_header {background: url(images/us_bg.png) top left repeat-x; height:32px;display: block;  line-height: 32px; text-align: left; font-weight: bold; font-size: 1.8em;  font-weight: normal; color:#fff; padding-left: 10px; width: 531px; border-left: 1px solid #0988a3;border-right: 1px solid #0988a3; margin-top: 30px;}


a.dermavisu_usm { background: url(images/upsells.png) no-repeat 0 -1px; height:117px; width:543px; color:#333; display: block; text-decoration: none;margin: 0px 0 10px 0; }


a.freezox_usm { background: url(images/upsells.png) no-repeat 0 -118px; height:117px; width:543px; color:#333; display: block; text-decoration: none;margin: 0px 0 10px 0; }


a.lipovox_usm { background: url(images/upsells.png) no-repeat 0 -235px; height:119px; width:543px; color:#333; display: block; text-decoration: none;margin: 0px 0 10px 0; }


.sb_header {background: url(images/sb_header.png) top left repeat-x; width: 188px; height:39px;display: block;  border-right:1px solid #9e9e9e; border-left:1px solid #9e9e9e; line-height: 40px; text-align: center; font-weight: bold; font-size: 1.2em; margin: 15px 0 9px 0;}

.spiel_box {background: #f4f4f4; border: #c0c0c0 1px solid; padding: 1em; margin: 1em 0;}
.spiel_box ul {list-style: none; float: none; display: list-item;}
.spiel_box li {background: url(images/arrow.png) left no-repeat ; padding-left: 1.9em; ; line-height: 30px; float: none; display: list-item;}

.highlight {background: url(images/highlight.gif) repeat-x center; line-height:13px; min-height: 13px;}
.orange {color:#FA6A20; font-size: 1.4em;}
.blue {color:#1B74AB; font-weight: bold;}

.commentform {background: #fff; width: 450px;}

.commentlist .quote {
	background:url(images/bg_quote.gif) no-repeat top right;
	width: 450px;
	min-height: 48px;
	}

.commentlist li {
 	padding: 0;
	margin-top:15px;
	background:#F0F0F0 url(images/bg_commentlist.gif) bottom no-repeat;
	color:#000;
	min-height: 65px;
	width: 450px;
	}

.commentlist cite {
	display:block;
	font-style:normal;
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#333;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#333;
	text-decoration:underline;
	}