/* QuanSite - Purely White 1000px Theme authored for the QuanSite website management system. Author: Nai Saelee */ /************************** + GLOBAL RESET ***************************/ html{color:#000;}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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /************************** + FONT RESET ***************************/ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /*********************************************************** + Global ************************************************************/ body, div {margin:0;padding:0;} img {border:none;} /* general border removal around images such as link images */ body {margin:0 auto;background:url(images/bg.jpg) #fff repeat-x top;color:#777;font-size:10px;line-height:14px;font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;text-align:center;} h1, h2, h3, h4, h5, h6 {font-weight:bold;} h1 { font-size:24px; line-height:34px;} h2 { font-size:20px; line-height:28px;} h3 { font-size:18px; line-height:26px;} h4 { font-size:16px; line-height:23px;} h5 { font-size:14px; line-height:20px;} h6 { font-size:12px; line-height:17px;} blockquote { padding:10px; } em { font-style:italic; } strong { font-weight:bold; } p { padding:5px 0 15px 0; } ul, ol { margin-left:25px; } ul li { padding-bottom:10px; list-style:disc; } ol li { padding-bottom:10px; list-style:decimal; } img.alignright { padding:0 10px 10px 0; float:right; } img.alignleft { padding:0 0 10px 10px; float:left; } #wrap {margin:10px auto 0 auto;padding:0 0 20px 0;text-align:center;} /*********************************************************** + Header ************************************************************/ #head {margin:0 auto;width:980px;} /* top text link navigation */ #menu {margin:0 auto;clear:both;text-align:left;font-size:11px;} #menu ul, #menu li {margin:0;padding:0;list-style:none;} #menu li {padding:5px 10px;display:inline;} #menu a, #menu a:link, #menu a:visited, #menu a:active {padding:7px 0;font-weight:bold;text-decoration:none;} #menu a:hover {text-decoration:underline;} /* top tabs link navigation */ #tabs6 {text-align:left;margin-left:auto;margin-right:auto;font-size:11px;line-height:normal;} #tabs6 ul {margin:0;padding:10px 10px 0 10px;list-style:none;} #tabs6 li {margin:0;padding:0;list-style:none;display:inline;} #tabs6 a {float:left;background:url(img/tableft6.gif) no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;border:none;} #tabs6 a span {float:left;display:block;background:url(img/tabright6.gif) no-repeat right top;padding:5px 15px 4px 6px;color:#FFF;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs6 a span {float:none;} /* End IE5-Mac hack */ #tabs6 a:hover span {color:#FFF;} #tabs6 a:hover {background-position:0% -42px;} #tabs6 a:hover span {background-position:100% -42px;} #tabs6 #current a {background-position:0% -42px;} #tabs6 #current a span {background-position:100% -42px;} #tabs6 .current_page_item a {background-position:0% -42px;} #tabs6 .current_page_item a span {background-position:100% -42px;} #tabs6 #current {background-position:0% -42px;} #tabs6 #current span {background-position:100% -42px;} #tabs6 .current_page_item {background-position:0% -42px;} #tabs6 .current_page_item span {background-position:100% -42px;} #header {padding:40px 0 20px 20px;background:#fff;border:3px solid #000;} h1.siteName {margin:0 auto;padding:0;text-align:left;font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;font-size:22px;} h1.siteName a, h1.siteName a:link, h1.siteName a:visited, h1.siteName a:active {color:#0066cc;font-weight:bold;text-decoration:none;border:none;} h1.siteName a:hover {color:#114477;background:none;} h3.desc {margin:0;padding:0;text-align:left;line-height:13px;color:#000;font-size:11px;font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;} /* blog description tagline */ #header_img {display:none;} /* hides header image for theme, header image is only for cutline theme */ /*********************************************************** +Content Area ***********************************************************/ #Contents {margin:0 auto;width:980px;background:transparent;text-align:center;font-size:12px;} /*********************************************************** + Footer ************************************************************/ #footer {margin:0 auto;padding:10px 0 0 0;width:974px;background:#fff;border:3px solid #000;clear:both;} /*********************************************************** + Links ************************************************************/ a, a:link, a:visited, a:active {color:#0066cc;text-decoration:none;} a:hover {text-decoration:underline;} /*********************************************************** + Content (Blog) ************************************************************/ #contentWrap {margin:0 auto;padding:10px 0;text-align:left;} /*********************************************************** + Contents400 (3 column layout) ************************************************************/ #contents400 {padding:0 15px;width:570px;float:left;overflow:hidden;} /*********************************************************** + Contents580 (2 column layout) ************************************************************/ #contents580 {padding:0 15px;width:760px;float:left;overflow:hidden;} /*********************************************************** + General HTML Tags ************************************************************/ div.post code {font-size:10px;} div.post blockquote {padding-left:10px;border-left:3px solid #999;} /*********************************************************** + Post Area ************************************************************/ div.post {margin-bottom:20px;padding:10px;background:#fff;border:3px solid #afbdbe;} div.post a.post-edit-link { padding:10px; background:#afbdbe; color:#fff; display:block; } div.post a.post-edit-link:hover { text-decoration:underline; } div.post h2.postTitle {margin:0 0 5px 0;padding:0;font-size:18px;font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;} div.post h2 a, div.post h2 a:link, div.post h2 a:visited, div.post h2 a:active {color:#000;font-weight:bold;text-decoration:none;} div.post h2 a:hover {color:#0066cc;text-decortation:none;} div.post div.postContent {margin-top:20px;} div.post div.metaWrap {margin-top:20px;padding:10px 0;} div.post div.metaWrap span.Tags {font-weight:bold;} div.post p.tagged {margin-top:5px;padding-left:10px;padding-right:10px;text-align:right;line-height:14px;} div.postInfo h4 {margin:0;padding:0;text-align:left;font-size:11px;font-weight:normal;} div.postInfo h4 div {display:inline;} div#navigation {padding:10px 0 30px 0;} div#navigation div.previous {padding:0 10px 0 0;float:left;} div#navigation div.next {padding:0 0 0 10px;float:right;} div.post #Comments h3 {line-height:21px;font-size:17px;font-weight:normal;font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;} div.post #Comments h3#comments {padding:5px;color:#949494;background:#f6f6f6;border-top:3px solid #afbdbe;border-bottom:3px solid #afbdbe;} div.post #Comments h3#comments span {color:#555;} div.post #Comments #Reply, div.post #Comments #respond {margin-top:30px;padding:10px;border-top:3px solid #afbdbe;} div.post #Comments #Reply h3, div.post #Comments #respond h3 {margin:0;padding:0;} div.post #Comments textarea#comment {width:98%;} div.post #Comments ol.commentlist li {padding-top:10px; border-bottom:1px solid #eee;} div.post div.related h2, div.post #commentform h2 {font-weight:normal;} /*********************************************************** + More block, below posts (Want more? Keep rolling...) ************************************************************/ div#More {margin:10px 0;} div#More span.tier-1 {display:block;clear:both;font-size:17px;font-weight:bold;} div#More span.tier-2 {padding-bottom:7px;display:block;clear:both;font-size:17px;font-weight:bold;} /*********************************************************** + leftSidebar ************************************************************/ #leftSidebar {padding:3px 5px;width:180px;border-top:3px solid #000;float:left;overflow:hidden;} #leftSidebar ul, #leftSidebar li {margin:0;padding:0;list-style:none;} #leftSidebar ul ul {margin-left:0;padding-bottom:30px;} #leftSidebar li li {padding:4px 0 4px 0;} #leftSidebar h2 {margin:0 0 5px 0;padding:0;color:#000;font-size:13px;font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;line-height:17px;word-wrap:break-word;} #leftSidebar a, #leftSidebar a:link, #leftSidebar a:visited, #leftSidebar a:active {color:#0066cc;text-decoration:none;} #leftSidebar a:hover {text-decoration:underline;} /*********************************************************** + rightSidebar ************************************************************/ #rightSidebar {padding:3px 5px;width:180px;border-top:3px solid #000;float:left;overflow:hidden;} #rightSidebar ul, #rightSidebar li {margin:0;padding:0;list-style:none;} #rightSidebar ul ul {margin-left:0;padding-bottom:30px;} #rightSidebar li li {padding:4px 0 4px 0;} #rightSidebar h2 {margin:0 0 5px 0;padding:0;color:#000;font-size:13px;font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;line-height:17px;word-wrap:break-word;} #rightSidebar a, #rightSidebar a:link, #rightSidebar a:visited, #rightSidebar a:active {color:#0066cc;text-decoration:none;} #rightSidebar a:hover {text-decoration:underline;} /*********************************************************** + Specific Sidebar Blocks ************************************************************/ #rightSidebar #Search ul, #leftSidebar #Search ul {margin-left:0;} #Search ul li {padding:4px 0;list-style:none;} #Search form {margin:0;padding:0;} #Search .searchTier-1 {display:block;clear:both;} #rightSidebar #Tags ul, #leftSidebar #Tags ul {margin:0;} #Tags ul li {padding:4px 0;list-style:none;} #Tags ul li a {line-height:14px;} /*********************************************************** + Content (Home Page) ************************************************************/ #content2 {margin:10px auto;background:#fff;border:3px solid #000;text-align:center;} #content2 #content2-3 {margin:0 auto;padding:10px;width:954px;overflow:hidden;text-align:left;} /*********************************************************** + Content (Custom Pages) ************************************************************/ #externalpagebody {margin:10px auto;background:#fff;border:3px solid #000;overflow:hidden;text-align:center;} #externalpagebody #externalpagecontent #external-3 {margin:0 auto;padding:10px;width:954px;overflow:hidden;text-align:left;} /**** [ !!! WARNING !!!! DO NOT EDIT BELOW THIS LINE! ] ****/ /*********************************************************** + Overflow fix ************************************************************/ .clearfix:after {content:".";display:block;height:0;clear: both;visibility:hidden;} .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */