/*---------------------------------------------------------------------------------*/
/* RESET */
/*---------------------------------------------------------------------------------*/
*{padding:0; margin:0;}
 body {width:100%; background-color:#efefef; }
html { color:#333; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0 }
ul,ol { list-style:none; }
fieldset,img,abbr,acronym { border:0 }
q:before,q:after { content:'' }
table { border-collapse:collapse; border-spacing:0 }
hr { display:none; }
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear { display:inline-block; }
* html .clear { height:1%; }
.clear { display:block; }

/*---------------------------------------------------------------------------------*/
/* GENERAL */
/*---------------------------------------------------------------------------------*/
a { text-decoration:none; color:#333; }
a:hover { text-decoration:underline; }

/*---------------------------------------------------------------------------------*/
/* LAYOUT */
/*---------------------------------------------------------------------------------*/
#wrapper { background:#fff; margin:0 auto 10px auto; width:960px; border:1px solid #dfdfdf; }
#header { background:#fff; height:90px; padding:0 15px 0 0; text-align:left; }
#spreadmain { width:960px; background:url(/users/823000/822407/209178/img/209178_dot.png) repeat-y 670px 0; }
#spreadcontent { float:left; width:670px; border-top:1px solid #ECEDE8; }
#sidebar { float:right; width:289px; padding:0; border-top:1px solid #ECEDE8; }

/*---------------------------------------------------------------------------------*/
/* HEADER */
/*---------------------------------------------------------------------------------*/
.logo { float:left; }
.logo { margin:15px 0px 0px 15px; font-family:Arial,serif; font-size:36px; font-weight:bold; line-height:30px; letter-spacing:0px; }
.logo a { color:#326693; display:block; }
.logo a:hover { color:#333; text-decoration:none; }
.logo .desc { display:block; font-family:Arial,serif; font-size:11px; font-weight:normal; color:#aaa; letter-spacing:0px; text-transform:none; }
.logo a:hover .desc { color:#aaa; }
#image-logo {  }
#image-logo a { background:url(/users/823000/822407/209178/img/209178_logofanshop.png) no-repeat left -5px; width:300px; height:60px; text-indent:-5555em; overflow:hidden; }

/*---------------------------------------------------------------------------------*/
/* TOP */
/*---------------------------------------------------------------------------------*/
#spreadtop { background:#f9f9f9; height:30px; color:#666; font-size:11px; line-height:30px; border-bottom:1px solid #ECEDE8; }

/* top navigation */
.topnav { z-index:99; margin:0px; padding:0px; list-style:none; line-height:1; }
.topnav a { position:relative; color:#666; display:block; z-index:100; text-decoration:none; }
.topnav li { float:left; width:auto; }
.topnav li a { padding:0 13px; font-size:11px; line-height:16px; border-right:1px solid #ECEDE8; text-decoration:none; line-height:30px; }
.topnav li a:hover, .topnav li a:active { background-color:#fdfdfd; color:#333; text-decoration:underline; }
.topnav li a:visited {  }
.topnav li.first a { background:none; }
.topnav li.last a { padding-right:0px !important; }
.topnav li a.sf-with-ul {  }
.topnav li ul { background:#fff; position:absolute; left:-999em; width:158px; margin:0px 0px 0px -1px; border:1px solid #ECEDE8; border-width:1px 1px 0px; z-index:999; }
.topnav li ul li { border-bottom:1px solid #ECEDE8; }
.topnav li ul li a, .topnav li ul li a:visited { background:#fff; width:136px; padding:0 13px; color:#555; font-size:11px; font-weight:normal; line-height:30px; }
.topnav li ul li a.sf-with-ul { padding:0 13px; }
.topnav li ul li a:hover { background:#fdfdfd; color:#333; }
.topnav li ul ul { margin:-31px 0px 0px 158px; }
.topnav li ul ul li a {  }
.topnav li ul li ul li a {  }
.topnav li:hover, .topnav li.hover { position:static; }
.topnav li:hover ul ul, .topnav li.sfhover ul ul,
.topnav li:hover ul ul ul, .topnav li.sfhover ul ul ul,
.topnav li:hover ul ul ul ul, .topnav li.sfhover ul ul ul ul { left:-999em; }
.topnav li:hover ul, .topnav li.sfhover ul,
.topnav li li:hover ul, .topnav li li.sfhover ul,
.topnav li li li:hover ul, .topnav li li li.sfhover ul,
.topnav li li li li:hover ul, .topnav li li li li.sfhover ul { left:auto; }

/* topnav indicator */
.topnav .sf-sub-indicator { display:none; }
.topnav li ul .sf-sub-indicator { background:url(/users/823000/822407/209178/img/209178_icoarrow.png) no-repeat; position:absolute; display:block; right:0.4em; top:0.9em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }

/* topnav indicator */
.topnav .sf-sub-indicator { display:none; }
.topnav li ul .sf-sub-indicator { background:url(/users/823000/822407/209178/img/209178_icoarrow.png) no-repeat; position:absolute; display:block; right:0.4em; top:0.9em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }

/* topnav social icons */
.top-social { float:right; }
.top-social a { float:left; padding:1px 15px 6px 20px; float:left; color:#666; display:block; height:16px; }
.top-social a:hover { color:#333; }
.top-scmatting { background:url(/users/823000/822407/209178/img/209178_scmatting.gif) no-repeat 0px 8px; }
.top-rss { background:url(/users/823000/822407/209178/img/209178_icofeed.png) no-repeat 0px 8px; }
.top-twitter { background:url(/users/823000/822407/209178/img/209178_icotwitter.png) no-repeat 0px 8px; }
.top-facebook { background:url(/users/823000/822407/209178/img/209178_icofacebook.png) no-repeat 0px 8px; }

/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:#fbfbfb url(/users/823000/822407/209178/img/209178_bgmenu.gif) repeat-x left top; height:39px; border-top:1px solid #e0e0e0; border-bottom:3px solid #ffe500; }

/* category navigation */
.nav { z-index:99; float:left; margin:0px; padding:0px; list-style:none; line-height:1; height:39px; }
.nav a { position:relative; color:#444; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; }
.nav li a { background:url(/users/823000/822407/209178/img/209178_bgnavsep.png) no-repeat right 0; font-size:12px; font-weight:bold; padding:0 15px; text-decoration:none; border-bottom:3px solid #ffe500; line-height:39px; }
.nav li a:hover, .nav li a:active, .nav li.first a { background:#fff url(/users/823000/822407/209178/img/209178_bgnavsep.png) no-repeat right 0; color:#333; line-height:39px !important; border-bottom:3px solid #666; }
.nav li a:hover { text-decoration:underline; }
.nav li.current-cat a, .nav li.current-cat-parent a { background:#fff url(/users/823000/822407/209178/img/209178_bgnavsep.png) no-repeat right 0; line-height:39px; border-bottom:3px solid #666; }
.nav li.current-cat li a, .nav li li.current-cat a, .nav li.current-cat-parent li a { background:#fbfbfb; line-height:30px; border-bottom:none; }
.nav li a.sf-with-ul {  }
.nav li ul { background:#fbfbfb; position:absolute; left:-999em; width:178px; margin:0px 0px 0px -1px; border:1px solid #ECEDE8; border-width:1px 1px 0px; z-index:999; }
.nav li ul li { border-top:1px solid #fff; border-bottom:1px solid #ECEDE8; border-right:none; }
.nav li ul li a { background:#fbfbfb; width:147px; padding:0px 15px; color:#333; font-size:12px; font-weight:normal; border-bottom:none; line-height:30px; }
.nav li ul li a.sf-with-ul { padding:0 15px; }
.nav li ul li a:hover { background:#fff173; color:#333; text-decoration:underline; line-height:30px; border-bottom:none; }
.nav li ul ul { margin:-32px 0px 0px 177px; }
.nav li ul ul li a {  }
.nav li ul li ul li a {  }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }

/* category navigation indicator */
.nav .sf-sub-indicator { display:none; }
.nav li ul .sf-sub-indicator { background:url(/users/823000/822407/209178/img/209178_icoarrow.png) no-repeat; position:absolute; display:block; right:0.4em; top:0.9em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }

/*---------------------------------------------------------------------------------*/
/* BREADCRUMB */
/*---------------------------------------------------------------------------------*/
#breadcrumb { background:#FFF; color:#777; font-size:11px; padding:10px 15px; line-height:1; }
#breadcrumb a,#breadcrumb span { padding:0 6px 0 10px; background:url(/users/823000/822407/209178/img/209178_icoarrow.png) no-repeat 0 3px; }
#breadcrumb .tip { background:none; padding:0; }
#breadcrumb .home { background:none; }
#breadcrumb .current-time { float:right; display:block; padding:0 0 0 15px; color:#777; background:none; }

/*---------------------------------------------------------------------------------*/
/* SIDEBAR */
/*---------------------------------------------------------------------------------*/

/* general widgets*/
.widget {  }
.widget-title { padding:0 0 10px 0; font-size:13px; line-height:1; }
.widget ul { overflow:hidden; }
.widget ul li { border-top:1px solid #ECEDE8; padding:5px 0; position:relative; top:-1px; }
.widget ul ul { border-top:1px solid #ECEDE8; margin:5px 0 0; }
.widget p { margin:15px 0; }
#sidebar .widget-wrap { margin:0 0 0px; }
#sidebar .widget-content { padding:0px; }
#sidebar .widget { background:#FFF; }
#sidebar .widget-title { background:#fbfbfb; height:30px; padding:0 15px; border-top:1px solid #ECEDE8; border-bottom:1px solid #ECEDE8; line-height:30px; clear:both; }
#sidebar .widget ul { padding:0 15px; }
#sidebar .widget ul li { display:block; padding:7px 0 7px 11px; background:url(/users/823000/822407/209178/img/209178_icoarrow.png) no-repeat 0 12px; }
#sidebar .widget .tip { color:#666; font-size:11px; padding:0; line-height:1; }
#sidebar .widget .tip a { color:#333; text-decoration:none; }
#sidebar .widget .tip a:hover { color:#333; background:#fff; text-decoration:underline; }
#sidebar .widget .textwidget .meta-more { font-size:11px; margin:10px 0 0; font-weight:bold; }
#sidebar .widget .textwidget .meta-more a { }
#sidebar .widget .textwidget .meta-more a:hover {  }

/* tag cloud */
.widget_tag_cloud {  }
.widget_tag_cloud div { padding: 10px 15px; text-align:center; font:100%/160% Arial;  }
.widget_tag_cloud a { margin:0 3px; white-space:nowrap; }
.widget_tag_cloud a:hover { text-decoration:underline; background:#fff173;}

.widget_archive select { margin: 10px 15px; }

/* text widget */
.textwidget { padding:10px 15px; }

/* author info */
.widget_tj_authorinfo .wrap { padding: 10px 15px; }

/* 125x125 ads */
.widget-ad125 { padding:15px 0px 10px 10px; }
.widget-ad125 img { margin:0 0 3px 5px; padding:0; }

/* general advertisement */
.widget-ads { padding:10px 15px 15px 15px; border-top:1px solid #ECEDE8; }
.ad-title { display:block; margin-bottom:10px; font-size:11px; font-weight:normal; color:#999; text-transform:uppercase; text-align:center; }


/*---------------------------------------------------------------------------------*/
/* FOOTER */
/*---------------------------------------------------------------------------------*/
#spreadfooter { background:#fff; color:#333; overflow:hidden; padding:0 15px;  border-top:1px solid #ECEDE8; }
#spreadfooter #fwidget-4 { width:270px; float:right; margin-right:0; }
#spreadfooter .widget { float:left; display:inline; width:200px; padding:0; margin:20px 20px 15px 0; border-bottom:0; }
#spreadfooter .widget .meta-more { font-size:11px; margin:10px 0 0; font-weight:bold; }
#spreadfooter .widget .meta-more a { }
#spreadfooter .widget .meta-more a:hover {  }
#spreadfooter .fwidget { margin-bottom:15px; }
#spreadfooter .widget-title { color:#333; border-bottom:1px solid #ddd; }
#spreadfooter ul li { border-top:1px dotted #e0e0e0; padding:5px 15px; background:url(images/ico-bullet.gif) no-repeat 0 10px; }
#spreadfooter ul ul { border-top:1px dotted #e0e0e0; }
#bottom { background:#f9f9f9; clear:both; font-size:11px; color:#333; padding:10px 15px 10px 15px; border-top:1px solid #e0e0e0; }
#bottom a { color:#333; }
.backtotop { background:url(images/ico-go-up.png) no-repeat; width:48px; height:48px; }

/* footer widgets */
#spreadfooter .textwidget, 
#spreadfooter .widget_tag_cloud div, 
#spreadfooter .widget_calendar #calendar_wrap,
#spreadfooter #searchform { padding-left: 0 !important; padding-right: 0 !important; }
#spreadfooter .widget_archive select { margin-left: 0 !important; margin-right: 0 !important; }

/* button */
a.button { background:url(images/btn-left.png) no-repeat left; color:#505050 !important; display:block; float:left; font-size:12px; font-weight:bold; height:23px; line-height:22px !important; margin:15px 0; padding:0 0 10px 12px; cursor:pointer; }
a.button span { background:url(images/btn-right.png) no-repeat right; display:block; float:left; height:23px; padding:5px 10px 5px 0; }
a.button:hover { text-decoration:none; }

/* misc */
.page .hentry, .error404 .hentry { border-bottom:0; }
.header-ad { float:right; width:468px; height:60px; overflow:hidden; margin:15px 0 0; }
.entry-meta .meta-social-comment a { background:url(images/comment.png) no-repeat right -2px; padding-right:18px; }
.entry-meta .meta-social-f-share a { background:url(images/fbshare.png) no-repeat; background-position:5px center; border:1px solid #c8d5e6; padding: 2px 5px 2px 21px; background-color:#eceef5; color: #3b5898; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px; text-decoration:none; }
.entry-meta .meta-social-f-share a:hover { border:1px solid #9dacce; }
.entry-meta .meta-social-t-share a { background:url(images/twshare.png) no-repeat; background-position:5px center; border:1px solid #a4cce5; padding: 2px 5px 2px 21px; background-color:#f7fafd; color: #186486; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px; text-decoration:none; }
.entry-meta .meta-social-t-share a:hover { background:url(images/twshare.png) no-repeat; background-position:5px center; border:1px solid #9dacce; padding: 2px 5px 2px 21px; background-color:#f7fafd; color: #186486; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px; text-decoration:none; }
.stripline { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #efecf1; }
.stripline-small { padding-bottom: 4px; margin-bottom: 4px; border-bottom: 0px solid #ecede8; }

#headerUserInformation ul.left {width:90%;}
#headerUserInformation ul li, #headerUserInformation ul li a {font-size:11px;}
/*#articleAdditionalLinks {display:none !important;}*/
#shopInformation {display:none !important;}
#menu {display:none !important;}
#userHelp {display:none !important;}
#footer {display:none !important;}

#myfooter { float:left; padding:0; clear:both; width:600px; }
#myfooter small { float:left; display:block; width:460px !important; margin:2em 0.6em; }
#myfooter a.powerd-by { display:block; margin:1em 0.6em; float:right; }
#myfooter a.powerd-by img { border:0; }

#myshare { padding-bottom:15px; font-size:11px; }
#myshare .meta-social-fb-share a { background:url(/users/823000/822407/209178/img/209178_fbshare.png) no-repeat; background-position:5px center; border:1px solid #c8d5e6; padding: 2px 5px 2px 21px; background-color:#eceef5; color: #3b5898; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px; text-decoration:none; }
#myshare .meta-social-fb-share a:hover { border:1px solid #9dacce; }
#myshare .meta-social-tw-share a { background:url(/users/823000/822407/209178/img/209178_twshare.png) no-repeat; background-position:5px center; border:1px solid #a4cce5; padding: 2px 5px 2px 21px; background-color:#f7fafd; color: #186486; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px; text-decoration:none; }
#myshare .meta-social-tw-share a:hover { border:1px solid #9dacce;}
#myshare .meta-social-del-share a { background:url(/users/823000/822407/209178/img/209178_deliciousshare.png) no-repeat; background-position:5px center; border:1px solid #cccccc; padding: 2px 5px 2px 21px; background-color:#ffffff; color: #000000; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px; text-decoration:none; }
#myshare .meta-social-del-share a:hover { border:1px solid #aaaaaa;}