/*
Theme Name: Open Space YD
Theme URI: http://www.yankodesign.com/
Description: Yanko Design 3.01
Version: 3.0.1
Author: Long Tran

This is the third revision of Yanko Design's layout.
*/

/* General styles */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	font-size: .75em;
	font-family: Arial, Verdana, Helvetica;
	background: url(images/wood_panel.jpg) repeat-x #000;
	/* background: url(images/wood_panel_narrow.jpg) no-repeat top center #000; */
	color: #fff;
}

a {
	color:#fff;
	font-weight: bold;
	/*font-size: 1.2em;*/
	text-decoration: none;
	/*background:url(images/dotx.gif) bottom repeat-x;*/
}
a:hover {
	color:#71bad5;
	text-decoration:none;
}
h1, h2, h3 {
	margin: 0 0 .2em 0;
	padding: 0;
	
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	border: 0px;
}

fieldset {
	border: 1px solid #606060;
	padding: 10px;
	margin: 10px 0 10px 0;
}

legend {
	color: #fff;
}

#page {
	background: url(images/tile_dots.gif) repeat;
	width: 100%;
	height: 100%;
}

#wrapper {
	position: relative;
	width: 1062px;
	margin-left: auto;
	margin-right: auto;
}

#leaderboard {
	margin: 0;
}

#header {
	margin: 10px 10px 20px 0px;
}

#contentcol {
	margin: 10px 0 0 0;
	width: 728px;
	float: left;
	/*overflow: hidden;*/ /* removed for the scrollers abs positining in ff */
}

#menucol {
	margin: 10px 0 0 0;
	width: 300px;
	float: right;
	overflow: hidden;
	padding: 0;
	font-size: 1.15em;
}

/* Footer styles */

#footer {
	padding: 40px 0 0 0;
	margin: 0;
	clear: both;
	width: 728px;
	border-top: 0px solid #000;
	font-size: 1em;
}

#footer p {
	padding: 0;
	margin: 0;
}

#footer #crosspromo a {
	color: #71bad5;
}

#footer #crosspromo a:hover {
	color: #fff;
}

#footertext {
	margin: 20px 0 0 0;
	padding: 0;
}


#mostpop {
	float: left;
	width: 260px;
	margin: 0 10px 0 0;
}

#mostpop table {
	margin: 16px 0 30px 0;
}

#mostpop td {
	padding: 0 5px 15px 0;
	vertical-align: top;
}

/*
#mostpop ol {
	margin: 16px 0 30px 0;
	padding: 0 0 0 30px;
}

#mostpop li {
	margin: 0 0 15px 0;
}
*/
#recentcomments {
	float: left;
	width: 458px;
	margin: 0;
}

#recentcomments ul {
	list-style: none;
	margin: 16px 0 30px 0;
	padding: 0px;
}

#recentcomments li {
	margin: 10px 0 10px 0;
	
	background:url(images/dotxlight.gif) bottom repeat-x;
	padding: 0 0 11px 0;
}

#media h2 {
	margin-bottom: 10px;
}

#media #media-partner {
	float: left;
	width: 260px;
	margin: 0 10px 0 0;
}

#media #media-partner img {
	margin: 0 10px 0 0;
}

#media #media-asseenin {
	float: right;
	width: 458px;
	margin: 0;
}

/* Subscriptions */

.subscriptions {
	float: right;
	margin: 23px 0 0 0;
}

.subscriptions a {
	font-weight: normal;
	
}

.subscriptions img {
	vertical-align:middle;
	margin: 0 5px;
}

.subscriptions .spacer {
	margin: 0 0 0 40px;
}

.subscriptions .feedburner {
	margin: 0 5px 0 0;
	padding: 0 6px 0 0;
	font-size: .9em;
	background: url(images/dot2y.gif) right repeat-y;
}

/* Categories */

#categories { /* additional style in style_ie6.css */
	display: none;
	width: 728px;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	background:url(images/dotblue2x.gif) bottom repeat-x;
}

#categories .mesh { /* additional style in style_ie6.css */
	padding: 10px;
	background: url(images/catbg.gif) repeat;
}

#catclose {
	float: right;
	font-size: 1.4em;
}

#contentbody a {
	color: #71bad5;
}

#contentbody a:hover {
	color: #fff;
}


/* Post styles */

.post,
.index {
	line-height: 130%;
	clear: both;
	/* do NOT put position: relative; here. causes nasty ie6 png anchor bug */
	/* http://www.cssplay.co.uk/opacity/png_link_error.html */
}

.post {
	padding: 20px 0px 20px 10px; /* overridden in style_ie.css */
	width: 718px;
}

.index {
	padding: 20px 10px 20px 10px; /* overridden in style_ie.css */
	width: 708px;
}

.indexleaderboard {
	padding: 0; /* overridden in style_ie.css */
	width: 728px;
}

.post .medrect {
	margin: 10px 0 10px 0;
	float: left;
	background: url(images/dotxlight.gif) top repeat-x;
	padding: 19px 0 1px 0;
}

.review { /* additional style in style_ie6.css */
}

.review[class] { /* [class] causes IE6 to ignore */
	background: url(images/reviewbg.png) repeat;
}

.store,
.timeless { /* additional style in style_ie6.css */
}

.store .randomimgdiv,
.timeless .randomimgdiv {
	/* useless div that does nothing but contain the image to make ie6 happy */
	margin: 0px 0px 0px 10px;
}

.store[class],
.timeless[class] { /* [class] causes IE6 to ignore */
	background: url(images/timelessbg.png) repeat;
}

.sticky_post { /* additional style in style_ie6.css */
}

.sticky[class] { /* [class] causes IE6 to ignore */
	background: url(images/stickybg.png) repeat;
}

.store .random,
.timeless .random { 
}

.storedesigns,
.timelessdesigns {
	float: right;
	width: 510px;
	height: 116px;
	text-align: center;
}

.store .refresh,
.timeless .refresh {
	vertical-align: bottom;
	float: right;
}

.store .refresh img,
.timeless .refresh img {
	margin-top: 84px;
}

.store img.thumb {
	width: 94px;
	height: 64px;
	float: left;
	/*background: #ff0000;*/
	margin-right: 10px;
}
.store div.tile {
	margin-top: 10px;
}

.store div.spacer {
	min-height: 44px;
	height:auto !important;
	height:44px;
}

.postmeta {
	float: left;
	width: 113px;
	padding: 0px;
	margin: 0px;
	font-size: .9em;
}

.sharethis {
	z-index: 5000;
}

#contentbody .postmeta a {
	color: #fff;
}

#contentbody .postmeta a:hover {
	color: #71bad5;
}

#contentbody .postmeta .commentlink a {
	color: #71bad5;
}

#contentbody .postmeta .commentlink a:hover {
	color: #fff;
}

.postmeta .expander {
	/* http://www.dustindiaz.com/min-height-fast-hack/ */
	min-height: 161px;
	height:auto !important;
	height:161px;
}

.postmeta p {
	margin: 0 0 6px 0;
}

.postmeta img {
	vertical-align: middle;
	padding: 0 0 0 0;
}

.index .postcontent {
	width: 595px;
	float: left;
}

.post .postcontent {
	width: 605px;
	float: left;
	/* for index and single */
	/*margin: 0 0 0 113px;*/
}

.pagecontent {
	/* for pages */
}

.postimg {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0 0 9px 0;
	width: 235px;
	background: url(images/postimagedotline.gif) bottom no-repeat;
}

.postimg:hover {
	background: url(images/postimagedotlinehover.gif) bottom no-repeat;
}

.postimg img {
	margin: 0px;
	padding: 0px;
	display: block;
}

.postexcerpt {
	margin: 0;
	padding: 0;
}

.permamore span {
	float: right;
}

.permamore .more a {
	width: 12px;
	height: 12px;
	background-color: #fff;
	background: url(images/postmoretile.gif) no-repeat;
	display:block;
}

.permamore .more a:hover {
	background-position: 100% 0;
}

.permamore img {
	vertical-align: baseline;
}

div.clearer {
	clear: both;
	line-height: 0;
	height: 0px;
	position:relative;
}

.strong {
	font-weight: bold;
}

#search_box,
#navi,
#cat {
	width: 200px;
}

#search_box {
    height: 20px;
    background: url(images/searchbox.gif) no-repeat;
	margin: 0;
	padding: 0;
	
}

#search_box form {
	padding: 0;
	margin: 0;
}

#search_box #searchinput {
    float: left;
    padding: 0;
    margin: 2px 0 0 2px;
    border: 0;
    width: 133px;
}

#search_box #go {
    float: right;
    margin: 0px 0px 0px 0px;
	padding: 0;
}

#navilist {
	list-style: none;
	margin: 1px 0 30px 0;
	padding: 0px;
}

#navilist li {
	position:relative; /* IE6 Render Hack */
}

#navilist .storelink a {
	color: #97D571;
}
#navilist .ckielink a {
	color: #CE3B95;
}
#navilist .storelink a:hover,
#navilist .ckielink a:hover {
	color: #fff;
}

#navilist .dotx {
	padding: 1px 0 2px 0;
}

#navilist .dotblue2x {
	padding: 1px 0 4px 0;
}

#navilist li a {
	display: block;
	color: #fff;
	height: 100%;
	padding: 8px 10px;
	vertical-align: middle;
}

#navilist li a:hover {
	background-color: #71bad5;
}

#navilist li .highlight {
	background-color: #71bad5;
}

#cat {
	line-height: 150%;
	margin: 0 0 30px 0;
}

#catlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#catlist li {
	background: url(images/catbullet.gif) left no-repeat;
	padding-left: 15px;
	margin-left: 10px;
}

#sponsors .skyscraper {
	margin: 0 0 10px 0;
	clear: both;
}

#sponsors .medrect {
	margin: 0 0 20px 0;
}

#sponsors .square {
	width: 120px;
	float: left;
}

#sponsors .square .adholder {
	width: 130px;
	height: 130px;
	overflow: hidden;
	float: left;
	clear: left;
}

#sponsors #facebookwidget {
	margin-top: 20px;
	clear: both;
	background: #fff;
}

#sponsors #twitterwidget {
	margin-top: 20px;
	clear: both;
}

.height0px {
	line-height: 0px;
	height: 0px;
}

.height1px {
	line-height: 1px;
	height: 1px;
}

.height3px {
	line-height: 3px;
	height: 3px;
}

.dotx {
	background:url(images/dotx.gif) bottom repeat-x;
	padding: 0 0 1px 0;
}

.dotxlight {
	background:url(images/dotxlight.gif) bottom repeat-x;
	padding: 0 0 1px 0;
}

.dotblue2x {
	background:url(images/dotblue2x.gif) bottom repeat-x;
	padding: 0 0 3px 0;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

/*---| PageBar |---*/

.pagebar{ 
	float: right;
	padding: 0.2em 0em;
	margin: 34px 0 10px 0;
	text-decoration: none;
	font-size: 1em;
	
}
#contentbody .pagebar a {
	text-decoration: none;
	font-weight:normal;
	padding: 0.2em 0.35em;
	color: #666;
}
#contentbody .pagebar a:visited {
	
}
#contentbody .pagebar a:hover {
	color: #71bad5;
}
.pagebar .break {
	padding: 0.2em 0.35em;
	text-decoration: none;
	color: #666;
}
.pagebar .this-page { 
	background:url(images/dotblue2x.gif) bottom repeat-x;
	padding: 0 0 4px 0;
} 

.pagebar .this-page span { 
	background:url(images/dotblue2x.gif) top repeat-x;
	padding: 4px 0.35em 0 0.35em;
	position: relative;
	font-weight: bold;
}

/* navigation next/prev */
.navigation {
	font-size: .9em;
	padding: 0 0 6px 0;
	margin: 0 0 18px 0;
}

#contentbody .navigation a {
	color: #fff;
}

#contentbody .navigation a:hover {
	color: #71bad5;
}

/* About YD Page */

.page .splashimg {
	/* margin: 0 0 20px 0; */
}
.page .block,
.post .block {
	margin: 30px 0 0 0;
	position: relative;
}

.page .marginheader,
.post .marginheader {
	position: absolute;
	left: -113px;
	width: 103px;
}

.post ul,
.post ol {
	margin: 22px;
	padding: 0px;
}

.page .contactinfo {
	float: right;
	width: 45%;
}
.page .contactinfo ul {
	margin: 0;
	padding: 0;
	font-size: .9em;
}

.page .contactinfo li {
	display: inline;
	list-style: none;
	margin: 0 30px 0 0;
}

/* Random Designs */
#randomdesigns {
	padding: 10px 0 0 0;
}

#randomdesigns .inner {
	text-align: center;
	width: 160px;
	height: 200px;
}

#randomdesigns .outer {
	float: left;
	width: 231px;
	padding: 0 0 10px 0;
	text-align: left;
}

#randomdesigns .random {
	margin: 0 0 2px 0;
	padding: 0 0 9px 0;
	width: 160px;
	height: 116px;
	background: url(images/postimagedotline.gif) bottom no-repeat;
}

#randomdesigns .random:hover {
	background: url(images/postimagedotlinehover.gif) bottom no-repeat;
}

/* margin scroller */

.scroller {
	position: absolute;
	top: 0px;
	/* background-color: #0f0; */
	right: -33px; 
	width: 33px;
	height: 0px;
	line-height: 0;
}

.scroller:hover {
	background-color: #fff;
	/*-moz-opacity:0.3;*/
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* store med rect ad block */
.storemedrect {
	width: 295px;
	height: 250px;
	background-color: #333333;
	position: relative;
	font-size: .9em;
	/* overflow: hidden; */
	margin: 0 0 10px 10px;
	float: left;
}

.storealpha {
	background-color: #000000;
	opacity:0.8;
	filter: alpha(opacity=80);
	position: absolute;
	width: 295px;
	height: 35px;
	bottom: 0;
	left: 0;
}

.storeheadtext {
	padding: 10px;
	font-weight: bold;
	font-size: 1.4em;
	position: absolute;
	width: 275px;
	height: 15px;
	bottom: 0;
	left: 0;
}

.storeheader {
	/*position: absolute;
	width: 300px;
	height: 50px;
	bottom: 0;
	left: 0;*/
}

.storeimgcontainer {
	width: 158px;
	height: 250px;
	overflow: hidden;
}

.storetextcontainer {
	width: 117px;
	height: 230px;
	padding: 10px;
}



.storeprice {
	font-size: 1.2em;
}

/* Categories */


/* Categories (From plugin) */

.ddmcc {
	width: 167px;
	float: left;
	padding-right: 10px;
	
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
}

.ddmcc ul {
	
}

.ddmcc li {
	margin: 0 0 2px 0;
	padding: 0;
}

.ddmcc p.sep {
	font-size: 1.2em;
	color: #808080;
	font-weight: bold;
}

.ddmcc p.sep:hover {
	cursor: pointer;
}

.post ul.ddmcc,
.post ol.ddmcc {
	margin: 0px;
}

/* Share this dropdown */

.drop {
	background-color: #e4f2fd;
	padding: 10px 5px 5px 5px;
	font-family: verdana;
	width: 400px;
	color: #000;
	font-size: 12px;
	border: 1px solid #c6d9e9;
}

#contentbody .drop a {
	color: #71bad5;
}

#contentbody .drop a:hover {
	color: #cccccc;
}

.drop .nav {
	color: #2583ad;
	display: block;
	list-style: none;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-size: 0.9em;
	text-align: left;
}
.drop .nav li {
	/*padding: 2px 5px 5px 5px;*/
	padding: 5px;
	margin: 0px;
	display: inline;
	background-image: none;
}
.drop .nav li a {
	padding: 5px;
	text-decoration: none;
	color: #2583ad;
}
.drop .nav li a:hover {
	padding: 5px;
	text-decoration: none;
	color: #d54e21;
}
.drop .nav .selected {
	background-color: #FFFFFF;
	color: #d54e21;
	/*padding-bottom: 1px;*/
	padding: 5px 5px 6px 5px;
	/*margin-right: 5px;*/
	display: inline;
	border: 1px solid #c6d9e9;
	border-bottom: 0px;
}
.drop .nav .selected a {
	padding: 5px;
	text-decoration: none;
	color: #d54e21;
}
.drop .evenmore {
	display: none;
}
.drop .content {
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #c6d9e9;
	font-size: 1em;
}
.drop .content .bookmarks {
	text-align: center;
}
.drop .content .bookmarks a {
	padding: 2px;
	border: 1px solid #FFFFFF;
	/*margin: 0px 2px 0px 2px;*/
}
.drop .content .bookmarks a:hover {
	border: 1px solid #CCCCCC;
}
.drop .content .bookmarks img {
	border: 0px;
	margin-bottom: 2px;
	padding: 2px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	/*margin: 2px;*/
}
.drop .content .bookmarks p {
	margin: 2px;
	padding: 1px;
}
.drop .content .extrabookmarks {
	border-top: 1px solid #DDDDDD;
	padding-top: 4px;
	text-align: center;
	display: none;
}
.drop .content .extrabookmarks a {
	padding: 2px;
	border: 1px solid #FFFFFF;
	/*margin: 0px 2px 0px 2px;*/
}
.drop .content .extrabookmarks a:hover {
	border: 1px solid #CCCCCC;
}
.drop .content .extrabookmarks img {
	border: 0px;
	margin-bottom: 2px;
	padding: 2px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	/*margin: 2px;*/
}
.drop .content .extrabookmarks p {
	margin: 2px;
	padding: 1px;
}
.drop .content .options {
	border-top: 1px solid #DDDDDD;
	margin: 2px;
}
.drop .content .options .more a {
	color: #2583ad;
	text-decoration: none;
}
.drop .content .options .more a:hover {
	color: #d54e21;
	text-decoration: none;
}
.drop .content .options .more {
	text-align: right;
	float: none;
	border: 0px;
}
.drop .content .options .info {
	float: left;
	color: #AAAAAA;
}
.dropminioptions {
	float: right;
	color: #AAAAAA;
	font-size: 0.9em;
	padding-right: 5px;
}
.dropminioptions a {
	padding-left: 2px;
	color: #AAAAAA;
	text-decoration: none;
}
.dropminioptions a:hover {
	padding-left: 2px;
	color: #d54e21;
	text-decoration: none;
}
.dropmenudiv {
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	position: absolute;
}
.booktaskbutton .dropdownbutton {
	color: #777777;
	background-image: url('icons/dropdown.gif');
	background-repeat: no-repeat;
	background-position: 4px 2px; 
	padding: 1px 3px 1px 10px;
	*padding: 2px 3px 2px 10px;
	margin: 0px;
	margin-left: 5px;
	text-decoration: none;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	display: inline;
}
.booktaskbutton .dropdownbuttonon {
	color: #777777;
	background-image: url('icons/dropdownon.gif');
	background-repeat: no-repeat;
	background-position: 4px 2px; 
	padding: 1px 3px 1px 10px;
	*padding: 2px 3px 2px 10px;
	margin: 0px;
	margin-left: 5px;
	text-decoration: none;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
}
.dropcallout {
	height: 40px;
	display: block;
	border: 1px solid #CCCCCC;
	text-align: left;
}
.dropcallouttop {
	height: 40px;
	display: block;
	border: 1px solid #CCCCCC;
	text-align: left;
}
.dropcallouthide {
	height: 0px;
	display: none;
}

/* empty form */

form .empty {
	color: #888;
}

/* job board widget */

#jobwidget {
	float: right;
	width:160px;
}

#jobwidget div div img {
	display:none;
	visibility:hidden;
}
#jobwidget div div div img {
	display:inline;
	visibility:visible;
}

/* tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#footertabs {
	height: 300px;
}

.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(images/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 1px solid #519e2d;
    padding: 10px;
	font-size: .9em;
	width: 336px;
    /*background: #fff;*/ /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/



/* Spreadshop Styles */

#post-2045 {
	padding: 0;
	margin: 0;
}

#spreadshop {
  width: 728px;
}

.spreadrow {

  background:url(images/dotxlight.gif) repeat-x bottom center;
  clear: both;
}

.spreadarticle {
  width: 196px;
  float: left;
  margin: 30px 70px 30px 0px;
}
.last {
  margin-right: 0px !important;
}
.spreadarticle img {
border: 3px solid #595959;
}
.spreadarticle h3 {
  margin-bottom: 26px;
}
.spreadarticle h3 a {
  font-size: 14px;
  font-weight: normal;
  color: #71bad5;
}
.spreadarticle h3 a:hover, .spreadarticle h3 a:active {
  font-size: 14px;
  font-weight: normal;
}

.spreadarticle div.price {
  margin-top: 12px;
  clear: both;
}
.spreadarticle div.price p {
  font-size: 14px;
  float: left;
}
.spreadarticle div.price div.buy-button {
  float: right;
}
.spreadarticle div.price div.buy-button img {
  border: 0;
}

#shopfeature {
  height: 60px;
  width: 728px;
	background: url(images/spreadshop_feature.jpg) no-repeat top center;
	padding-top: 256px;
}
#shopfeature .text { /* additional style in style_ie6.css */
  height: 28px;
  padding: 16px 20px;
}
#shopfeature .text[class] { /* [class] causes IE6 to ignore */
  background: url(images/spreadshop_featuredbg.png) repeat;
}

#shopfeature .text h2 {
  color: #ffffff;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  padding: 0;
  margin: 0;
  line-height: 97%;
}
#shopfeature .text h2.price {
  font-size: 30px;
  line-height: 107%;  
}
#shopfeature .text h2 span {
  font-weight: normal; 
  font-style: italic;
}
#shopfeature .text h3 {
  color: #84cfeb;
	font-weight: normal; 
  font-style: italic;
  font-size: 12px;
  padding: 0;
  margin: 0;
}

#bestseller {
  width: 200px;
  margin-top: 78px;  
}
#bestseller .imagetext {
  height: 30px;
  width: 200px;
  background: url(images/spreadshop_bestseller.jpg) no-repeat top center;
  padding-top: 170px;
}
#bestseller .imagetext .textbg { /* additional style in style_ie6.css */
  height: 30px;
  padding: 0 10px;
}
#bestseller .imagetext .textbg[class] { /* [class] causes IE6 to ignore */
  background: url(images/spreadshop_bestsellerbg.png) repeat;
}
#bestseller .imagetext .textbg .price { 
  font-weight: bold;
}
#bestseller p.text {
  background-color: #000000;
  margin: 6px 0px 0px 0px;
  padding: 0px 10px;
  line-height: 150%;
  font-style: italic;
}

#upcoming {
  width: 200px;
  margin: 41px 0px;
}
#upcoming .imagetext {
  height: 30px;
  width: 200px;
  background: url(images/spreadshop_upcoming.jpg) no-repeat top center;
  padding-top: 170px;
}
#upcoming .imagetext .textbg { /* additional style in style_ie6.css */
  height: 30px;
  padding: 0 10px;
}
#upcoming .imagetext .textbg[class] { /* [class] causes IE6 to ignore */
  background: url(images/spreadshop_upcomingbg.png) repeat;
}
#upcoming .imagetext .textbg .price { 
  font-weight: bold;
}
#upcoming p.text {
  background-color: #488548;
  margin: 6px 0px;
  padding: 0px 10px;
  line-height: 150%;
  font-style: italic;
}


#callforaction { padding: 20px 10px; }
#callforaction .shareit img { margin-right: 6px; }
#callforaction h2 {  }
#callforaction .subscribe a { float: left; margin-right: 30px; }
#callforaction .subscribe a img { margin-right: 10px; }
#callforaction .leftcolumn { float: left; width: 477px; }
#callforaction .rightcolumn { float: right; width: 166px; }
#callforaction .heading {clear: both; float: left; width: 103px; text-align: right; margin-top: 15px; font-weight: bold;}
#callforaction .content {float: right; width: 364px; margin-top: 15px; }
#callforaction .first {margin-top: 0;}
#callforaction .storepic { margin-top: 15px; background: url(images/postimagedotline.gif) bottom no-repeat; padding-bottom: 9px; }
#callforaction .storepic:hover { background: url(images/postimagedotlinehover.gif) bottom no-repeat; }
#callforaction li { list-style: none; }
#callforaction ol,
#callforaction ul { margin: 0; padding: 0; } 
.sociable li { display: inline; list-style: none; }

.ckie {padding: 25px 10px 25px 10px;}

#ckiewidget-links {font-size: 1.15em; font-weight:bold;}
#ckiewidget-links a {}
#ckiewidget-links .left {float:left;}
#ckiewidget-links .right {float:right;}
#ckiewidget-tiles {padding-top:10px;}
#ckiewidget-tiles .product {float:left; width:134px; margin-right:10px;}
#ckiewidget-tiles .product img{padding: 0 0 9px 0; width: 134px;
background: url(http://www.yankodesign.com/wp-content/themes/openspace/images/postimagedotline.gif) bottom no-repeat;}
#ckiewidget-tiles .info {margin-top:4px; line-height:20px; font-size:1.15em;}
#ckiewidget-tiles .info a {float:right; display:block; width:60px; height:20px; background:#71bad5; text-align:center; color:white; font-weight:normal; border-radius:2px; font-size:0.87em;}
#ckiewidget-tiles .logo {float:left; width:132px;}
#ckiewidget-tiles .logo img{margin-left:21px; margin-top:47px; width:80px;height:73px;}

.floatleft {
  float: left;
}
.floatright {
  float: right;
}


.featuredtext { /* additional style in style_ie6.css */
}
.featuredtext[class] { /* [class] causes IE6 to ignore */
  background: url(images/spreadshop_featuredbg.png) repeat;
}

.bestsellingtext { /* additional style in style_ie6.css */
}
.bestsellingtext[class] { /* [class] causes IE6 to ignore */
  background: url(images/spreadshop_featuredbg.png) repeat;
}

.upcomingtext { /* additional style in style_ie6.css */
}
.upcomingtext[class] { /* [class] causes IE6 to ignore */
  background: url(images/spreadshop_featuredbg.png) repeat;
}



/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


#contentbody .storelink {
	color: white;
}
#contentbody .ckielink {
	color: #CE3B95;
}


iframe { background: transparent; }
iframe { background: transparent !important; }

.comment .commentrating {
	/* border: 1px dotted #666; */
	float: right;
	background: url(images/dotylight.gif) #262626 repeat-y center;
	margin: 0 0 5px 5px;
}

.comment .commentrating .votecontainer {
	float:left;
	text-align: center;
	width: 23px;
	padding: 5px 5px 2px 5px;
}
.comment .commentrating .votetitle {
	background: url(images/dotxlight.gif) #262626 repeat-x bottom;
	text-align: center;
	font-weight: bold;
	padding: 2px 0;
}

.comment .commentrating .votecontainer img {
	margin: 0 0 3px 0;
}

.ra1-pw-sharealone-txt {
	color: #394d8b;
}