/*	-------------------------------------------------------------
	Notebookism, 3-Col Fluid Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor         Yuan GAO (gaoyuan@gaoyuan.net)
	.version       1.0
	.url       notebookism.cn
	.timestamp       19/09/2008 .. 26/11/2008
	-------------------------------------------------------------	*/
@charset "utf-8";
@#html { background-color:#f5f6f7;}
body { text-align: center; padding: 0px; margin: 0px; border-width: 0px; background-color:#f5f6f7;background:url(/global/images/home/bg_home.gif) repeat;}
#wrapper{ border-width: 0px; padding: 0px; margin: 0px auto;width:984px;}
#container-top { margin:0 auto;width:984px; height:34px; background:url(/global/images/home/content_top20081107.png) no-repeat 0 100%;behavior: url(/global/scripts/lib/iepngfix.htc); }
#container	{width:984px !important; background:url(/global/images/home/content_bg20081107.png) repeat-y;}
	#billboard {height:399px; width:984px; margin-left:4px; background:url(/global/images/home/hero20081107.jpg) no-repeat;}
		img#new-badge { position: absolute; top: -30px; left: 3px; behavior: url(/global/scripts/lib/iepngfix.htc);}
#container-btm { margin: 0 auto; width:984px; height:35px; background:url(/global/images/home/content_bottom20081107.png) no-repeat 0 0; behavior: url(/global/scripts/lib/iepngfix.htc);}

/* stroke layout */
body.whatson #content,
body.stroke #content { float:right; width:647px; padding:30px 50px 30px 40px; margin:-9px 0 -7px 0; border-left:1px solid #eee; background:none; }
body.whatson #main,
body.stroke #main { float:left; width:100%; }
body.whatson #moof,
body.stroke #moof { float:left; width:100%; background:url(http://images.apple.com/itunes/images/content_bg20080909.png) repeat-y 0 0; }
	
/* links
------------------------*/
a { text-decoration: none;outline:none; }

/* Subscribe
------------------------*/
.subscribe { width:383px;height:60px;float: right;position: absolute;top: 0px;right: 0px; }
.subscribeform {float:left;padding:5px 0 0 18px;overflow:hidden;}
.subscribeform p { margin:0;padding:0;font:bold 14px Arial, Helvetica, sans-serif; color:#fff; }
.subscribeform .input{ width:188px;height:21px;padding:12px 5px 0 5px;border:none;} 
.sbutton {width:74px;padding:5px 0 5px 0;text-align:center;font:bold 11px Arial, Helvetica, sans-serif;cursor:pointer;border:none;}
.rss {float:left;padding: 8px 0 0 19px; margin: 0px;}

/* Search
------------------------*/
#sidebar #searchbox { border: 1px solid #e8e8e8;margin: 0 0 15px 0;}
#sidebar #searchbox #searchform {background-color: #d5f3f1; padding: 8px 8px 7px 8px;	}
#sidebar #searchbox #searchinput {	width: 250px; margin: 0 10px 0 0;}
#sidebar #searchbox .searchlabel {font-weight: bold;}

/*Search box Rounded Corner End */

 
/* Content
------------------------*/
#quote {text-align: center; font-size: 14px; color:#a09999;padding: 330px 0px 10px 0px; width:100%; margin: 0px;
!important filter: Alpha(opacity=50);   
   -moz-opacity:.5;    
   opacity:0.5;}
#content { text-align:left;width: 510px; float: left; padding: 0 20px 0 20px; display: block; border-right:solid 1px #efefef;}
#content a { color: #65c3d4; }
#content a:link, #content a:visited, #content a:active { text-decoration: none;}
#content a:hover { text-decoration: none;color: #fff;background: #65c3d4; }
#content .post img{}
img.flickr-500{}
img.flickr-240{}
#content .post img.flickr-100{}
img.flickr-75{margin: 5px;}

#content .post ol { list-style-type: decimal; line-height: 18px; margin: 0px;padding: 0px 0px 10px 35px;}
#content .post ul { list-style: none; margin: 0px; padding: 0px 0px 5px 0px; }
#content .post li { margin: 0px; padding: 0px;}	
#content .post ul li { list-style: disc outside;margin: 0px 30px 0px 30px;padding: 5px 0px 0px 0; }
/* Captions */
#content .post .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 0 0 10px 0; 
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#content .post .aligncenter { margin: 0 auto;}
#content .post .alignleft {float:left; margin-right: 10px;display: block;}
#content .post .alignright {float:right; margin-left: 10px;display: block;}
#content .post {width:510px; background:transparent url(/global/images/home/bg_ruled.gif) repeat-y 0 0; }
#content .post .wp-caption img { margin: 0; padding: 0; border: 0 none;}
#content .post .wp-caption p.wp-caption-text { color:#ccc; font-size: 11px; line-height: 12px; padding: 4px; margin: 0; background: none;}
/* End captions */
#content .post p { font-size: 13px; text-align:justify; line-height: 1.5em; vertical-align: baseline; margin: 0px 0px 10px 0px;}
#content .post p a { color: #333; background:#fdf1aa; text-decoration: none;}
#content .post p a:link, #content .post a:visited,#content .post a:active { text-decoration: none;}
#content .post p a:hover { text-decoration: none;background: #ccc; }
#content .post-header {width:510px;}
#content .post-header-left{float:left;}
#content .post-header-table {width:460px;}
#content .post-meta-top { display: block; margin: 0px 0px 5px 0px; padding: 5px 0px;float:left;}
#content .post-bottom { width:510px;display: block; margin: 0px 0px 15px 0px; ; clear: both; overflow:hidden; height:100%; border-bottom: solid 1px #ddd; }
#content .post-bottom a { color: #535353; text-decoration: none;}
#content .post-bottom a:hover { text-decoration: underline;}
#content .cat { float:  left; width: 75%; text-align: left; }
#content .cat span { padding: 0px 0px 0px 18px; }
#content .comm {width:45px;height:60px; background:url(/global/images/home/counter-bg.png) no-repeat 0 0;float: right; font-size:18px;font-family:"sans-serif";line-height:30px; text-align: center;}
#content .comm span { text-align:center; padding:5px 0 0 0; }
#content .comm a { text-decoration: none; color: #000;}
#content .comm a:hover { background:none;text-decoration: none; color: #fff;}

.auth { font-size:9px;color:#aaa;float: left; padding:0 0px 0 0; text-align: left; }
.auth span { color:#aaa;padding: 0px 0px 0px 15px; }
.auth a { color:#aaa;text-decoration: none; }
.date { color:#aaa; font-size:9px; float: left; text-align: left;margin-right: 5px;}
.date span {font-style:italic;}
.thumb {float: left;margin-right: 7px;margin-bottom: 7px;}


/* Content NAV
------------------------*/
.page-nav { clear: both; /* To clear any floats */ }
.nav-previous { font-size: 10px; width: 249px;  float: left;  text-align: left; margin: 2px 0px; }
.nav-next { font-size: 10px; width: 249px;  float: right;  text-align: right; margin: 2px 0px; }
.page-nav a { text-decoration: none; }
.nav-previous a { padding-left: 10px; }
.nav-next a { padding-right: 10px; }

/* Content Comments
------------------------*/
#comments-wrap {width:510px; }
.textarea {font-size: 12px; padding: 10px 10px 0 10px;}
.input {font-size: 12px;}
.Cbutton { }

/*	Comments	*/
#comments-wrap h6 {font-size: 20px;}
.commentlist {border-bottom: solid 1px #eee;}
.commentheading { margin:0 ; position:relative; min-height:27px; background:#e3e3e3 url(http://images.apple.com/hotnews/images/contentheading_bgbottom20080313.gif) no-repeat bottom left; *height:28px; *margin-bottom:1.5em; _height:20px; }
.commentheading h2 { font-size:12px; padding-left:12px; line-height:27px; background:url(http://images.apple.com/hotnews/images/contentheading_bgtop20080313.gif) no-repeat top left; _margin-bottom:0; }
.commentheading .rss a { position:absolute; top:6px; right:8px; display:block; height:15px; width:27px; text-indent:-9999px; background:url(http://images.apple.com/hotnews/images/rss_icon20080313.gif) no-repeat; }


.comment-author {}
.comment-body {margin:0;padding: 0 0 0 10px;font-size:10px;border-left: solid 1px #f1f1f1;}
.comment-body p {margin-bottom: 0;}
.comment-time {color: #999;font-size:9px; padding-left: 10px;}
.comment-gravatar {border-right:solid 1px #f5f6f7;}
.comment-metadata {padding:5px 10px; font-size: 10px;}
.comment-metadata a, .comment-metadata a:visited {}
.comment-metadata a:hover {}
.authorcomment {margin: 0px 0px 10px 0px;font-size:10px;overflow: hidden;height:100%;}
.authorcomment .comment-body {border: none;}
.authorcomment .comment-metadata {padding: 11px 10px;}
.nav-next	  { padding-right:8px; font-weight:bold;}
.nav-previous { padding-left:8px; font-weight:bold;}

/*	Comment Form	*/
.postcomment {width:510px; margin: 0; background-image: url(http://images.apple.com/iphone/images/specs_env_bg20080711.jpg); padding:10px;}
.postcomment #commentform {width: 100%;}
.postcomment-testimony {padding-left:10px; font-size: 11px; color: #444;}
.postcomment td {font-size: 10px;}
 
/*************************************
	Sidebar
**************************************/
#sidebar { text-align:left; margin-left: 20px;float:left; width: 392px !important;}
#sidebar h2{ font-size:16px;line-height:1.3em;color:#f7931d;padding: 0;border-bottom: solid 1px #eee;}
#sidebar ul {border: solid 1px #e8e8e8; border-style:solid solid none solid; border-top:solid 5px #e8e8e8; border-bottom:solid 2px #e8e8e8; width:100%; list-style-type: square;}
#sidebar li a{ color:#444;}
#sidebar li a:hover{ color:#999;text-decoration: none;}

#sidebar #toolbox {width:390px;}
#sidebar #toolbox .categories {color: #f3a128;}

#sidebar #toolbox .shopbanner {width:390px; border: solid 1px #eee;}
#sidebar #toolbox .campaign {width:390px; margin: 10px 0 10px 0;}
#sidebar #toolbox .campaign .columna, #sidebar .campaign .columnb {width:180px;}
#sidebar #toolbox .campaign .columna {float:left}
#sidebar #toolbox .campaign .columnb {float:right}

#sidebar .leftlist, #sidebar .rightlist {float: left; width: 180px; padding: 0 0 15px 0;display: inline;}
#sidebar .rightlist { margin-left:10px;float:right;}

#sidebar .previewbox, {width:390px;}
#sidebar .previewbox .catpane {width: 180px;padding:0; margin: 0;}
#sidebar .previewbox .catpane li a, 
li.catlist a{ height:15px; display: block; padding: 5px 5px 5px 10px; border: 1px solid #e8e8e8; border-style: none none solid none; cursor: pointer;}
#sidebar .previewbox .catpane li a:hover, 
li.catlist a:hover {background: #d6f3f1 }

#postlist {	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	border-collapse: collapse;
	text-align: left;
}
#postlist tr{width:100%}
#postlist td{	padding: 2px;
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
	height:60px;
}
#postlist tr:hover td{ background: #d5f3f1; color: #339;}
td.previewimg {padding:0;width:55px;background: #eee;}
td.previewtext{	font-size:10px;line-height:1.2em;display:block;vertical-align: middle;background: #e8e8e8; }
li.postlist {cursor:pointer;display:block;}
li.postlist a{ background-color:white;border-color:#D2D2D2;border-style:none none solid none;border-width:1px;color:black;display:block;min-height:60px;position:relative;text-decoration:none;}
li.postlist a:hover{background-color: #ffbd66;}
li.postlist img{border-color:#d5f3f1;border-style:solid none none;border-width:5px;float:left;height:55px;margin:0 5px 0 0;width:55px;}

/* HOMEFOOTER */
#homefooter p.left a { margin-right: 0; }
#homefooter p.left { width: 50%; float: left; text-align: left; text-indent: 10px; }
#homefooter p.right { width: 50%; float: right; }
#homefooter p.links { border: 1px solid #e5e5e5; border-width: 1px 0; padding: .5em 0; margin: 1.5em 0 2em; }
#homefooter .sosumi p { margin-bottom: 0; }

/* HOMEFOOTER */
#homefooter { width:950px;margin: -20px auto 0 auto; text-align: center; font-size: 10px; color: #6e6e6e; }
#homefooter .piped a { border-color: #ccc; }

#homefooter #links { border: 1px solid #e5e5e5; border-width: 1px 0; padding: .5em 0; margin: 1.5em 0 2em; zoom: 1; }
#homefooter #links:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#homefooter #links p { margin-bottom: 0; }
#homefooter #links p.left { float: left; width: auto; text-align: left; text-indent: 10px; }
#homefooter #links ul.right { float: right; padding-right: 10px; margin-bottom: 0; }
#homefooter #links ul.piped a { padding-left: .5em; margin-left: .5em; }

#homefooter .sosumi { clear: both; }
#homefooter .sosumi p { margin-bottom: 0; }
#homefooter .sosumi p.copyright { display: inline; padding-right: 0.75em; } 
#homefooter .sosumi ul.piped { display: inline; margin-bottom: 0; }
#homefooter .sosumi ul.piped li { float: none; }
#homefooter .sosumi ul.piped li a.first { margin-right: -0.2em; }

/* WORLDWIDE */
#worldwide { width: 230px; margin: 1.5em auto 10em; }
#worldwide select { margin-top: 4px; }
#worldwide img.left { margin: 0; padding: 0; }
/*#worldwide form#worldwidelinks { padding: 2px 0 0; float: left; width: 196px; height: 19px; margin: 0 0 50px 8px; background: #fff url(http://www.stationerysociety.com/global/images/nav/lang.png) no-repeat 0 100%; color: #fff;}*/
#worldwide form#worldwidelinks select { width: 196px; margin-top: -2px; opacity: 0; }