/* Reset styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 ; padding: 0 ; border: 0 ;
	outline: 0 ; vertical-align: baseline ;
}

:focus { outline: 0; } /* focus highlighting style required */
body { line-height: 1.0 ; color: black ; background: white ; }
ol, ul { list-style: none ; }

table { border-collapse: separate ; border-spacing: 0 ; } /* cellspacing=0 still required */

caption, th, td { text-align: left ; font-weight: normal ; }

a, ins { text-decoration: none ; } /* insert highlighting style required */
del { text-decoration: line-through ; }

blockquote:before, blockquote:after, q:before, q:after { content: "" ; }
blockquote, q { quotes: "" "" ; }

html { font-size: 1.25em ; } /* Set base font size to 20px (= 1.25 x 16px) */ 
body { font: normal normal 50%/100% Arial, Helvetica, sans-serif ; } /* 50% of 20px = 10px */  
html>body { font-size: 10px ; } /* Overrides the above in all browsers except IE */
a { font-weight: normal ; color: #fff ; }
a:hover { text-decoration: underline ; }
hr { display: none ; }

/* End reset */

body { font-family: Helvetica, Arial, sans-serif;
		background: #fff url(images/bg-body.png) repeat-x left top; }
#branding { background: transparent url(images/bg-branding.png) no-repeat left top; }
#branding h1 a { display: block; width: 261px; height: 45px; text-indent: -9999px; }
#searchWrap {  }
			
#container { position: relative; margin: 37px auto; width: 980px; }

#content { margin-top: 20px; }
#ads { height: 100px; }
#ads li { float: left; margin-right: 46px; }
#ads li.last { margin-right: 0; }

#content-main { margin: 76px 0 0 0; padding: 0 15px; overflow: hidden;
				background: #fff; border: 1px solid #ccc; 
				-moz-border-radius: 10px; -webkit-border-radius: 10px; 
				-moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0;
				-webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0;}

/* Navigation */
#navmain { position: absolute; top: 60px; left: 0; width: 980px; height: 45px;
			font-size: 1.4em;
			background: transparent url(images/bg-navmain.png) no-repeat left top; }
#navmain ul { margin: 0 0 0 30px;  }
#navmain li { float: left; padding: 18px 30px 0 ; border-right: 1px solid #ccc; height: 27px;  }
#navmain li.home,
#navmain li.activehome { padding: 18px 25px 0 0; height: 27px;}
#navmain li a { color: #666; font-weight: normal;  }
#navmain li a:hover { color: #000; text-decoration: none;}
#navmain li.current-cat a,
#navmain li.activehome a { font-weight: bold; color: #000;}
#searchWrap { position: absolute; top: 10px; right: 10px;  width: 200px; height: 25px; padding: 5px 0 0 10px;
			font-size: 1.2em;
			background: transparent url(images/bg-search.png) no-repeat left top; }
#searchWrap input { border: none; }
#searchWrap #searchsubmit { display: none; }


/* Sidebar */
#sidebar { position: absolute; top: 126px; right: 0; width: 311px;}
#sidebar #amazon { margin-bottom: 20px; padding: 20px; overflow: hidden; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#sidebar #amazon p {  float: left; width: 144px; font-size: 3.2em; line-height: 1.4; font-weight: bold; }
#sidebar #amazon #product { float: left; width: 125px;}
#sidebar #wide-ads .ads { margin: 0 0 20px 0; }

#sidenav .reviewposts { margin: 20px 0; }
#sidenav h2 { font-size: 1.8em; }

/* Footer */
#footer { padding: 30px 40px 65px 0; width: 940px; height: 360px; background: #000; color: #fff; line-height: 1.6; font-size: 1.4em; overflow: hidden; }
#footer h2 { margin-bottom: 25px; }

#footer .footercontent {  float: left;   }
#footer #about { width: 222px; margin-left: 60px; }
#footer #suggestions { width: 222px; margin-left: 110px; }
#footer a#link-email { display: block;  width: 222px; height: 38px; text-indent: -9999px; margin: 15px 0;
						background: transparent url(images/bg-footer-email.png) no-repeat left top; }
#footer a#link-twitter { display: block; width: 222px; height: 38px; text-indent: -9999px; 
							background: transparent url(images/bg-footer-twitter.png) no-repeat left top; }

#footer #oursites { width: 195px; margin-left: 129px; }
#footer #oursites a { color: #fff; font-weight: normal;}
#footer #oursites #choco { padding-left: 80px; padding-top: 20px; height: 55px;
							background: transparent url(images/bg-footer-choco.png) no-repeat left top; }
#footer #oursites #book { padding-left: 80px; padding-top: 20px; height: 70px; 
							background: transparent url(images/bg-footer-book.png) no-repeat left top; }
#footer #oursites #tspread { padding-left: 80px; padding-top: 20px; height: 70px;
							background: transparent url(images/bg-footer-tspread.png) no-repeat left top; }
#copyright { position: relative; font-size: 1.0em; width: 960px; height: 26px; padding: 16px 0 0 20px; color: #666;
			 background: transparent url(images/bg-footer.png) no-repeat left top; }
#copyright span { margin-right: 10px; color: #000; font-size: 1.2em; text-transform: uppercase; font-weight: bold; }
#copyright a#tcn-this { position: absolute; right: 20px; top: 10px; width: 50px; height: 19px; display: block; text-indent: -9999px;
					    background: transparent url(images/this.gif) no-repeat left top; }

/* Global Typography */

#content-main { color: #fff; }
#content-main h1, 
#content-main h2,
#content-main h3, 
#content-main h4,
#content-main h5 { margin-bottom: 0.5em; font-weight: bold; color: #000; }

#content-main h1 { font-size: 2.6em; line-height: 36px; }
#content-main h2 { font-size: 2.0em; line-height: 36px; }
#content-main h3 { font-size: 1.6em; line-height: 36px; } 
#content-main h4 { font-size: 1.4em; line-height: 18px; }
#content-main h5 { font-size: 1.2em; line-height: 18px; }

#content-main p,
#content-main ol,
#content-main ul { margin-bottom: 1em; font-size: 1.0em; line-height: 1.6; color: #000; }
#content-main ol,
#content-main ul { margin-left: 20px; }
#content-main ul ul,
#content-main ul ol,
#content-main ol ul,
#content-main ol ol { font-size: 1em; }

#content-main blockquote { border: 1px solid #d0d1a7; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px 15px 0; margin-bottom: 1em; }

#content a { color: #000; }

#content a { font-weight: bold; text-decoration: none; }
#content a:hover { text-decoration: underline; }

.post-title {  width: 230px; height: 37px; padding: 8px 20px; background: #ebebeb; }
.post-title a { margin-top: 8px;  font-size: 1.4em; font-weight: normal; line-height: 1.4; }


/* Page specific - Home */
#featured { overflow: hidden; margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
#featured h2#main { font-weight: normal; color: #000; font-size: 2.2em; }
#featured .featuredposts { float: left; position: relative; height: 250px; width: 466px; margin-right: 16px; }
#featured .featuredposts.last { margin-right: 0; }
#featured .featuredposts .subtitle { position: absolute; left:0; bottom:0; width: 456px; padding-left: 10px;
									background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0; }
#featured .featuredposts .subtitle h2 { margin-bottom:0;}
#featured .featuredposts .subtitle a { color: #fff; font-weight: normal;}

#posts h2.title-headings a { color: #666; font-weight: bold; }
#posts h2.title-headings a:hover { color: #000; text-decoration: none;}
#posts p { margin-top: 8px; padding: 8px 8px ; font-size: 1.4em; background: #ebebeb; width: 254px; height: 19px;  }
#posts a {  font-weight: normal; }

#posts .reviewposts,
#posts .newsposts,
#posts .videoposts { margin-bottom: 30px }

#posts #reviews,
#posts #news { float: left; margin-right: 69px; }
#posts #videos  { float: left; margin-right: 0; }

/* Page specific - Article */

#content #article { min-height: 1200px;}
#article h2 { font-size: 3.2em; }
#article #misc p { margin: 0 0 10px 0; font-size: 1.4em; line-height: 1.4; }
#article p { color: #000; }
#article #content-main { width: 600px; padding: 25px 25px; min-height: 1039px; }
#article #post-content { margin-top: 20px; font-size: 1.4em; line-height: 1.6; }
#article #post-content img#recommended { margin-left: 120px; }

#article #tags { margin: 20px 0; }
#article #tags p { font-size: 1.4em; }

#article #submitcomment { width: 980px; overflow: hidden; margin: 30px 0 0 0; line-height: 1.4; }
#article #author,
#article #url,
#article #email { height: 20px; padding: 6px; border: 1px solid #ccc; font-size: 1.4em; }
#article #commentuser { float: left; width: 231px;}
#article #commentbox { float: right; width: 200px; margin-right: 20px; }
#article #commentbox .text { width: 400px; }

#article #submitcomment textarea#comment { width: 400px; padding: 10px;
									 border: 1px solid #ccc; font-family: Helvetica, Artial, sans-serif; font-size: 1.4em; }
#article #submitcomment fieldset { float: left; padding: 20px 20px 0 0; margin-bottom: 20px;}
#article #submitcomment .text { margin-bottom: 28px; }
#article #submitcomment input#submit { float: right; padding: 3px 24px 6px; margin-top: 10px; cursor: pointer;
								border: none; background: #666; font-size: 1.8em; font-weight: bold; color: #fff;
								-moz-border-radius: 20px; -webkit-border-radius: 20px; }
#article #submitcomment input#submit:hover { background: #333; }


#article .commentslist { width: 652px; margin: 20px 0;  }
#article .commentslist h2 { margin: 60px 0; }
#article .item { margin-bottom: 30px; }

#article .author_name { font-size: 1.8em; font-weight: normal; line-height: 1.4; }
#article .author_name a {  font-weight: bold; }

#article .comment_date { font-size: 1.2em; font-weight: normal;}

#article .item .comment_text { width: 430px; margin-left: 189px; margin-top: -32px; padding: 10px; 
								line-height: 1.6; font-size: 1.4em;	border: 1px solid #ccc; 
								-moz-border-radius: 10px; -webkit-border-radius: 10px; }

/* Page specific - Category */
#content-main.category  { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; }
#content-main.category h2 { margin: 18px 0 0 23px; }

#content-main.category .posts { float: left; width: 293px; height: 215px; margin: 20px 0 0 23px; }
#content-main.category .posts img { width: 270px;}
#content-main.category .post-title a { font-weight: normal;}

#content-main.category .wp-pagenavi { clear: left; margin: 40px 0 30px 285px; }
#content-main.category .wp-pagenavi .pages { font-size: 1.2em; color:#000; }
#content-main.category .wp-pagenavi .current { font-size: 1.2em; color:#000; }
#content-main.category .wp-pagenavi .extend { font-size: 1.2em; color:#000; }
#content-main.category .wp-pagenavi a:visited { border: 1px solid #000; }
#content-main.category .wp-pagenavi a { border: 1px solid #000; font-size: 1.2em; }

#content-main #listofposts { clear: both; margin-bottom: 20px;  }