/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/
@import url("styles/reset.css");
/* Globals ****************************/
body { background: #fff; font-size: 100%; font-family: Verdana, Sans-Serif; color: #000; }
a { text-decoration: none; color: #112e58; }
/* MS Header ****************************/
div#msHeader { width: 100%; font-family: Tahoma, Verdana; }
div#msHeaderTop { background: #c00; font-size: 70%; padding: 5px 7px; }
div#msHeaderTop a { color: #fff; }
div#msHeaderTop a:hover { text-decoration: underline; }
input.msBingFormBlank { font-style:italic; color:#a1a1a1; }
div#msHeaderMiddle { height: 42px; background: url(images/hardware_masthead_gradient.jpg) no-repeat 136px; min-width: 626px; }
a#msHeaderMasthead { float: left; display: block; }
div#msHeaderFormContainer { position: relative; text-align: center; min-width: 475px; height: 33px; padding-top: 9px; }
div#msHeaderFormContainer form { width: 352px; position: relative; display: inline-block; margin: 0; }
div#msHeaderFormFields { background-color: white; border: 1px solid gray; display: block; width: 297px; height: 22px; margin: 0; padding: 0 2px; position: relative; text-align: left; float: left; }
div#msHeaderFormFields label { position:absolute; right:300px; top:2px; width:160px; z-index:2; }
input#msviLSBtbox { border-style: none; border-width: 0; height: 18px; padding-left: 0; padding-right: 0; padding-top: 2px; position: relative; top: -6px; width: 220px; }
div#msHeaderFormFields.focus input#msviLSBtbox { width: 266px; }
span.msviLSBlogo { background-image: url(images/hardware_masthead_bing_logo.gif); background-repeat: no-repeat; display: inline-block; height: 22px; margin: 0; padding-bottom: 0; width: 47px; }
div#msHeaderFormFields.focus span.msviLSBlogo { width: 1px; }
input#msviLSBssearch { margin: 0 0 13px; padding: 0; }
input#msviLSBWeb { width: 39px; cursor: pointer; height: 20px; margin: 2px 0 1px 5px; padding: 0; }
input#msviLSBWeb.active { background: transparent url(images/hardware_masthead_web_btn.gif) no-repeat; border: 0; }
div#msHeaderBottom { background: #900; }
/* MS Footer ****************************/
div#footer { clear: left; position: relative; height: 58px; font-family: Tahoma, Helvetica; font-size: 11px; border-top: 1px solid #A1A1A1; }
div#footer a { color: #03c; margin-right: 2px; text-decoration: underline; }
span#msFooterProfile { padding: 8px 0 0 10px; display: block; }
span#msFooterLinks { padding: 10px; display: block; }
span#msFooterLinks nobr { color: #a9a9a9; margin-right: 5px; }
div#msFooterMsLogotype { float: right; width: 105px; height: 29px; padding-top: 29px; background: #c00; }
table#msFooterGradient { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 58px; }
table#msFooterGradient td#msFooterGradientCell { background: url(http://www.microsoft.com/library/toolbar/3.0/gradient.aspx?a=FFFFFF&b=CC0000&w=400&h=1&d=ltr&c=gb5rmYeCgfc05JuPLzKV8rnhTr8%3d) right center repeat-y; }
table#msFooterGradient td#last div { width: 105px; }
/* Piefecta ****************************/
.clear { clear: both; }
#wrapper {
width: 780px;
text-align: left;
background: url(images/ms_blog_rbkgd.gif) repeat-y;
}
* html #wrapper { /*** IE5.x/win box model fix ***/
width: 782px;
wid\th: 780px;
}
#outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 180px; /*** Critical left col dimension value ***/
width: 418px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
border-left: 1px solid #999; /*** Critical left divider dimension value ***/
border-right: 1px solid #999; /*** Critical right divider dimension value ***/
background-color: #fff;
}
* html #outer { /*** IE5.x/win box model fix ***/
width: 420px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 418px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
#blog-header {
position: absolute;
top: 0;
left: 0;
width: 600px;
height: 85px;
background: url(images/ms_blog_header.jpg) no-repeat;
}
#blog-header h1 a { display: block; width: 600px; height: 85px; }
#blog-header h1 a span { position: absolute; left: -10000px; }
#float-wrap {
float: left;
width: 418px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px; /*** Static fix ***/
}
#center {
float: right;
width: 418px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px; /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px;
/* Hidden from IE-mac */
margin-top: 85px; /* For the MS Hardware Blog header */
}
#left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 180px; /*** Critical left col/divider dimension value ***/
margin-left: -181px; /*** Critical left col/divider dimension value ***/
}
* html #left {
float:left;
}
*>html #left {width:181px;} /*** Fix only for IE/Mac ***/
#container-left {
width: 180px; /*** Critical left col dimension value ***/
padding-bottom: 110px; /*** To keep content from going underneath the AP bottom boxes ***/
}
#right {
float: left;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 182px; /*** Critical right col/divider dimension value ***/
margin-right: -180px; /*** Critical right col/divider dimension value ***/
margin-left: -1px; /*** Static fix ***/
margin-top: 85px; /* For the MS Hardware Blog header */
}
/* \*/
* html #right {
margin-left: 0px;
margin-right: -500px;
mar\gin-right: -182px;
}
/* */
/*** These commented-out rules below are there to explain the "Critical" info
for the rules above, because comments must not appear within the Mac-hack.
The "rules" below are not active, they are just for teaching purposes. ***/
/*
* html .right {
margin-left: 0px; *** Critical right divider dimension value ***
margin-right: -500px; *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -182px; *** Critical right col/divider dimension value ***
}
*/
#container-right {
/* \*/width: 180px;/* Hidden from IE-Mac */ /*** Critical right col dimension value ***/
margin-left: 3px; /*** Critical right divider dimension value ***/
padding-bottom: 110px; /*** To keep content from going underneath the AP bottom boxes ***/
}
/* \*/
* html #container-right {
fl\oat: right;
margin-left: 2px;
mar\gin-left: 0px;
}
/* Sidebars **********************************/
div#left li { list-style-image: url(images/ms_blog_blt.gif); }
div#left div.sidebar-section.category-list li { list-style-image: none; background: url(images/ms_blog_blt.gif) no-repeat 0 10px; }
div#left { background: #f1f1f1; }
div#container-right { padding-top: 10px; }
div.sidebar-section { padding: 15px 14px; border-bottom: 1px solid #999; width: 152px; font-size: 70%; line-height: 1.2em; color: #000; overflow: visible; }
div.sidebar-section.last { border: 0; }
div.sidebar-section.icon-links h3,
div.sidebar-section.other-links h3,
div.sidebar-section.post-list h3,
div.sidebar-section.category-list h3 { width: 152px; height: 19px; background: no-repeat; margin-bottom: 5px; }
div.sidebar-section.category-list h3 { padding-bottom: 4px; border-bottom: 1px solid #a7a7aa; margin-bottom: 0; }
div.sidebar-section h3 span { position: absolute; left: -10000px; }
div.sidebar-section.back-home a { display: block; color: #fff; width: 104px; height: 10px; background: url(images/ms_blog_hdbtn.gif) no-repeat; padding: 7px 24px; }
div.sidebar-section.search-box h3 { position: static; font-weight: bold; margin-bottom: 2px; }
div.sidebar-section.search-box input.text { font-size: 90%; width: 112px; margin-right: 3px; }
div.sidebar-section.search-box input.button { font-size: 90%; padding: 0 3px; }
div.sidebar-section.post-list ul { padding-left: 10px; margin-left: 6px; }
div.sidebar-section.post-list ul li { margin: 15px 0 0 0; padding: 0; }
div.sidebar-section.post-list ul li span { display: block; color: #58595b; }
div#recent-posts h3 { background-image: url(images/ms_blog_rpost.gif); }
div#most-commented h3 { background-image: url(images/ms_blog_com.gif); }
div#top-categories h3 { background-image: url(images/ms_blog_top.gif); }
div#archives h3 { background-image: url(images/ms_blog_arch.gif); }
div.sidebar-section.category-list ul { margin-bottom: 4px; }
div.sidebar-section.category-list ul li { padding: 6px 0 6px 12px; border-bottom: 1px solid #a7a7aa; }
div#about h3 { position: static; font-size: 110%; margin: 0 0 11px 0; }
div#stay-connected h3 { background-image: url(images/ms_blog_connect.gif); }
h3#product-support { background-image: url(images/ms_blog_support.gif); }
h3#improve-our-products { background-image: url(images/ms_blog_improve.gif); margin-top: 10px; }
div#blog-authors h3 { background-image: url(images/ms_blog_authors.gif); }
div#blogroll h3 { background-image: url(images/ms_blog_blogroll.gif); }
div.icon-links a { display: block; height: 22px; padding: 4px 0 0 31px; margin-top: 6px; background: no-repeat; font-size: 85%; text-decoration: underline; white-space: nowrap; }
div.icon-links a.rss { background-image: url(images/ms_blog_rss.gif); }
div.icon-links a.youtube { background-image: url(images/ms_blog_youtube.gif); }
div.other-links a { text-decoration: underline; }
div.other-links a.bullet { display: block; padding: 0 0 0 8px; background: url(images/ms_blog_bltwhite.gif) no-repeat 0 4px; }
div#container-right div.sidebar-section.category-list ul li { padding: 7px 0; }
/* Entries **********************************/
ul.entries { padding-top: 11px; }
h2.division-heading,
h3.division-heading { margin: 14px 0 16px; padding: 6px 14px; font-size: 80%; font-weight: bold; background: #d1e1e8; }
h3.entry-title { margin: 0 0 5px 0; font-size: 120%; font-weight: bold; }
li.secondary h3.entry-title { border-top: 3px double #a7a7aa; padding-top: 18px; }
div.entry { margin: 14px; }
div.entry span.byline { font-size: 70%; color: #58595b; }
div.entry span.byline a { text-decoration: underline; }
div.entry p { margin: 1.2em 0; font-size: 80%; }
div.entry p a { text-decoration: underline; }
div.entry p a span.more { text-decoration: none; display: block; margin: 1.2em 0; }
div.entry-content p,
div.entry-content h1,
div.entry-content h2,
div.entry-content h3,
div.entry-content h4,
div.entry-content h5,
div.entry-content h6,
div.entry-content blockquote,
div.entry-content li { font-size: 74%; line-height: 1.2em; }
div.entry-content h1,
div.entry-content h2,
div.entry-content h3,
div.entry-content h4,
div.entry-content h5,
div.entry-content h6 { font-weight: bold; }
div.entry-content blockquote { margin-left: 28px; }
div.entry-content ul,
div.entry-content ol { margin-left: 1em; }
div.entry-content li { margin: 1em 0; }
div.entry-content ul li { list-style-image: url(images/ms_blog_bltwhite.gif); }
div.entry-content img.alignleft { float: left; margin: 0 10px 10px 0; }
div.entry-content img.alignright { float: right; margin: 0 0 10px 10px; }
div.entry-meta { font-size: 70%; }
div.entry-meta a { padding-right: 1em; }
h3.entry-subheader { font-size: 80%; margin: 15px 0 0 0; padding: 4px 0; border: double #a7a7aa; border-width: 3px 0; }
/* Comments *********************************/
ol.comments-list { }
ol.comments-list li { clear: both; padding-top: 15px; }
ol.comments-list li div.comment { float: right; width: 260px; padding: 0 10px; background: #d1e1e8; }
ol.comments-list li div.comment blockquote { margin-left: 14px; border: 1px solid #a7a7aa; padding: 0 10px; }
ol.comments-list li div.comment-posted { width: 95px; overflow: hidden; font-size: 70%; color: #58595b; padding-top: 1.2em; }
ol.comments-list li div.comment-posted span { display: block; margin-bottom: 1em; }
div#alt-login-methods { margin-bottom: 15px; }
p#comment-notes span.alert { color: #c00; }
div.comment-form-item { clear: left; float: left; padding-bottom: 10px; width: 390px; }
div.comment-form-item label { clear: left; float: left; display: block; width: 100px; padding: 2px 5px 0 0; font-size: 70%; }
div.comment-form-item label span.note { display: block; color: #58595b; font-size: 90%; padding-top: 1em; }
div.comment-form-item label.alert { color: #c00; }
div.comment-form-item label.alert span.note { color: #58595b; }
div.comment-form-item input,
div.comment-form-item textarea { float: left; }
div.comment-form-item input.text { font-size: 80%; width: 220px; }
div.comment-form-item input.captcha { width: 58px; margin-right: 7px; }
div.comment-form-item div.captcha-image { float: left; }
div.comment-form-item textarea { width: 270px; }
form#commentform input.button { clear: left; display: block; margin-left: 105px; }
/* Navigation *******************************/
div#pagination { border-top: 3px double #a7a7aa; margin: 0 14px 15px 14px; padding-top: 10px; height: 1em; }
div#pagination div { font-size: 80%; }
div#pagination div.nav-prev { float: left; }
div#pagination div.nav-next { float: right; }
/* Results page *****************************/
div#results { padding-top: 11px; }
ul#results-list { padding: 0 14px; }
ul#results-list li { border-top: 1px solid #a7a7aa; padding: 11px 14px 12px 14px; }
ul#results-list abbr { font-size: 70%; color: #58595b; display: block; width: 100%; }
ul#results-list h3 { display: inline; line-height: 1em; font-size: 80%; }
ul#results-list h3 a { }
ul#results-list span.entry-categories a { font-size: 70%; text-decoration: underline; }
/* From 3c-b.css ****************************/
div#container { float:left; width:100%; }
div#content { margin:0 200px; }
div.sidebar { float:left; overflow:hidden; width:180px; }
div#primary { margin:0 0 0 -100%; }
* html div#primary { left:20px; position:relative; }
div#secondary { margin:0 0 0 -180px; }
div#footer { clear:left; width:100%; }