/* Theme Name: Bonton Soup Theme URI: http://www.bontonsoup.com/ Description: The default Bonton Soup theme. Version: 1.0 Author: Naldo Pagtakhan Author URI: http://odlan.com/ Tags: custom header, fixed width, two columns, widgets, artsy This theme was designed and built by ODLAN, whose blog you will find at http://odlan.com/blog/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* ----------[ RESET-FONTS-GRIDS ]---------- */ /*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,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{font-style:normal;font-weight:normal;}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,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;} /*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{_margin-left:1.2%;*margin-left:1.7%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{margin-left:2%;width:32%;float:right;*width:31.8%;}.yui-gb div.first{margin-left:0;*margin-right:1px;float:left;}.yui-gb .yui-gb div.first{*margin-right:0;width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first{float:left;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-gb .yui-gc .yui-u,.yui-g .yui-gc .yui-u{_float:right;width:32%;_width:29.9%;}.yui-gb .yui-gc div.first{width:66%;*width:64.5%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:1px;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{_width:48.1%;*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} /* ----------[ /RESET-FONTS-GRIDS ]---------- */ /* ----------[ CLEARFIX FLOAT FIX ]---------- */ .clrfx {zoom:1;} .clrfx:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* ----------[ /CLEARFIX FLOAT FIX ]---------- */ /* Begin Typography & Colors */ body {} #page {} #header {} #content {} #sidebar {} #sidebar h2 {} #headerimg .description {text-align: center;} .narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;} .narrowcolumn .postmetadata {text-align: center;} .widecolumn .entry p {} .widecolumn {line-height: 1.6em;} small {font-family: Arial, Helvetica, Sans-Serif; line-height: 1.5em;} h1 {font-size: 4em;text-align: center;} h2 {} h2.pagetitle {font-size: 1.6em;} .commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;} .commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal;} .commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;} .commentmetadata {font-weight: normal;} #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;} #wp-calendar a {text-decoration: none;} #wp-calendar caption{font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;} #wp-calendar th {font-style: normal;text-transform: capitalize;} #footer {} /* End Typography & Colors */ /* Begin Structure */ .clear {clear: both;} .narrowcolumn {float: left; padding: 0; margin: 0; width: 685px;} .widecolumn {float: left; padding: 0; margin: 0; width: 685px;} .post {} .post hr {display: block;} .postmetadata {clear:both; padding-top:10px;} .widecolumn .post {margin: 0;} .narrowcolumn .postmetadata {padding-top: 10px; color:#999;} .widecolumn .postmetadata {padding: 10px 0; color:#999;} .postmetadata a {color:#999;} .widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;} .widecolumn .attachment {text-align: center; margin: 5px 0px;} /* End Structure */ /* Begin Headers */ h1 {} h2 {} h2.pagetitle {text-align: center;} h3 {} h3#comments {padding: 0; margin:0 0 0 25px; font-size:125%; font-weight:bold; color:#320220;} #sidebar h2 {margin: 5px 0 0; padding: 0;} /* End Headers */ /* Begin Images */ p img {padding: 0; max-width: 100%;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered {display: block; margin-left: auto; margin-right: auto;} img.alignright {} img.alignleft {} .alignright {float: right;} .alignleft {float: left;} /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;} html>body .entry li {margin: 7px 0 8px 10px;} .entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";} .entry ol {padding: 0 0 0 35px; margin: 0;} .entry ol li {margin: 0; padding: 0;} .postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;} #sidebar ul, #sidebar ul ol {margin: 0; padding: 0;} #sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px;} #sidebar ul p, #sidebar ul select {margin: 5px 0 8px;} #sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;} #sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;} ol li, #sidebar ul ol li {list-style: decimal outside;} #sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0;} /* End Entry Lists */ /* Begin Form Elements */ #searchform {margin: 10px auto; padding: 5px 3px; text-align: center;} #sidebar #searchform #s {width: 108px; padding: 2px;} #sidebar #searchsubmit {padding: 1px;} .entry form {text-align:center;} select {width: 130px;} #commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;} #commentform {margin: 5px 10px 0 0;} #commentform textarea {width: 100%; padding: 2px;} #respond {padding:10px 25px;} #respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #commentform #submit {margin: 0 0 5px auto; float: right;} /* End Form Elements */ /* Begin Comments*/ .alt {margin: 0; padding: 10px;} .commentlist {padding: 0 0 0 25px; text-align: justify;} .commentlist li {margin: 0; padding: 10px; list-style: none; border-top:1px solid #320220;} .commentlist li ul li {margin-right: -5px; margin-left: 10px;} .commentlist p {margin: 10px 5px 10px 0;} .children {padding: 0;} #commentform p {margin: 5px 0;} .nocomments {text-align: center; margin: 0; padding: 0;} .commentmetadata, .commentmetadata a {margin: 0; color:#888; font-size:90%;} /* End Comments */ /* Begin Sidebar */ #sidebar {padding: 0; margin:0;} #sidebar form {margin: 0;} /* End Sidebar */ /* Begin Calendar */ #wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;} #wp-calendar #next a {padding-right: 10px; text-align: right;} #wp-calendar #prev a {padding-left: 10px; text-align: left;} #wp-calendar a {display: block;} #wp-calendar caption {text-align: center; width: 100%;} #wp-calendar td {padding: 3px 0; text-align: center;} /* End Calendar */ /* Begin Various Tags & Classes */ .center {text-align: center;} .navigation {display: block; text-align: center; margin:10px 0; padding:10px 0;} /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;} .wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} /* End captions */ /* ----------[ GRIDS OVERWRITE & GLOBAL STYLES ]---------- */ body {color: #222; text-align:center; background-color:#292929; font-family:"Times New Roman", Times, serif;} #custom-doc {width:950px; margin: 0 auto; padding:0; text-align:left;} a {text-decoration: underline; color: #292929; } a:hover {text-decoration: none; } p {padding-bottom: 5px;} /* ----------[ GRIDS OVERWRITE & GLOBAL STYLES ]---------- */ /* ----------[ GLOBALHEADER STYLES ]---------- */ #hd {position: relative; margin: 0 auto; width: 950px; height: 69px; background: #320220 url(images/bg_hdr.gif) 0 0 no-repeat;} #bd {margin: 0; padding: 0; background: #fff url(images/bg.jpg) 0 0 no-repeat;} /* ----------[ /GLOBALHEADER STYLES ]---------- */ /* ----------[ NAVIGATION STYLES ]---------- */ #nav {position: relative;} #nav a#logo {display: block; background: transparent url(images/logo.gif) 0 center no-repeat; height: 69px; width: 174px; position: absolute; top:0; left:16px; overflow:hidden; font-height:0px; font-size:0px;text-indent:-9999px;} #gnavx {position: absolute; top:10px; right:30px; height: 35px; background-color: #ff0000;} #menu {position: absolute; top:33px; right:0; width: 300px; height: 35px;} #gnav {position: absolute; top:5px; right:0;} #nav h4 {display:none;} #nav ul {margin:0; padding:0;} #nav ul li {float: left; margin: 0; text-align: right;} #nav ul li a {display:block; height: 34px; padding: 5px 0 0 15px;text-decoration: none;} #xnav ul li a.active {background: transparent url(../gfx/bg_nav.gif) 0 0 no-repeat; color:#ff0000;} #nav ul li.navon {} /* onstate */ #nav ul li a.mnu:hover {color: #000; background: transparent url(../gfx/mnu_white.gif) 0 0 no-repeat;} .mnu {color: #fff; width:98px; height:35px; background: transparent url(../gfx/mnu_red.gif) 0 0 no-repeat; } .mnu-on {color: #000; width:98px; height:35px; background: transparent url(../gfx/mnu_white.gif) 0 0 no-repeat; } /* ----------[ /NAVIGATION STYLES ]---------- */ /* ----------[ FOOTER STYLES ]---------- */ #ft {display:none; position: relative; margin:0; min-height: 185px; _height: 185px; width: 100%; color: #fff; background-color: #000;} #ft a {color: #fff;} #ft .bd {padding:15px;} #ft p {padding-bottom: 10px; line-height: 20px;} #ft h2 {margin-left:15px;} #ft h2 {font-size: 115%; color: #000; line-height: 30px;} #ft .bd { } #copy {position: relative; margin:auto; height: 60px; width: 100%; background:#fff url(images/bg_ftr.gif) 0 0 no-repeat;} #copy .bd {padding: 2px; padding-top: 10px;} #copy a {color: #fff;} /* ----------[ /FOOTER STYLES ]---------- */ /* ----------[ MAIN PAGE STYLES ]---------- */ #main {margin: 0 auto; padding: 0; width: 950px; min-height:500px; _height:500px;} #main h2 {height: 18px; text-align: left; margin-bottom:8px; color: #292929;} #main .title {font-height:0px; font-size:0px;text-indent:-9999px;} #main .content {margin: 0; padding: 15px; padding-bottom: 20px;} /* ----------[ /MAIN PAGE STYLES ]---------- */ /* ----------[ CUSTOM CLASSES STYLES ]---------- */ .x {display: none;} .kern {margin-top: 10px; margin-bottom: 10px;} /* ----------[ /CUSTOM CLASSES STYLES ]---------- */ b, strong {font-weight:bold;} i, em {font-style:italic;} .post {width:685px; font-size:14px; min-height:250px; _height:250px; background:transparent url(images/bg_post.png) 0 0 no-repeat;_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bontonsoup.com/wp-content/themes/bonton/images/bg_post.png',sizingMethod='crop');} .post .bd {padding:30px 26px;} .post .date {font:14px "Times New Roman", Times, serif; color:#940082; padding-bottom:5px; background:transparent url(images/bg_post_line.png) 0 bottom no-repeat;} .post h2 {font:24px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#292929; padding:10px 0 15px 0; background:transparent url(images/bg_post_line.png) 0 bottom no-repeat;} .post h2 a {text-decoration:none; color:#292929;} .post img {margin-right:12px;} .post p {margin:12px 0 0 0; padding:0;} .post td {vertical-align:top;} #sidebar {float:left; width:220px; margin-left:12px; margin-top:173px; margin-bottom:20px; background:#e7dacd url(images/bg_sidebar.png) 0 0 no-repeat;} #sidebar h2 {font:18px Georgia, "Times New Roman", Times, serif; color:#360220;} #sidebar .options {padding:10px; padding-top:20px;} .mnu-about {display:block; background:transparent url(images/mnu-about.gif) 0 0 no-repeat; width:102px; height:27px; font-height:0px; font-size:0px;text-indent:-9999px; } .mnu-contact {display:block; background:transparent url(images/mnu-contact.gif) 0 0 no-repeat; width:102px; height:27px; font-height:0px; font-size:0px;text-indent:-9999px; } .rss {padding:5px;}