/* Theme Name: Blue Water White Paper Description: High quality WordPress theme. Blue, White, Three Column with Content in Center, Threaded comments. Compatible with WordPress 2.7. Valid CSS & HTML, Compatible with IE 7, Mozilla, Safari Version: 1.1 Author: Nischal Maniar Author URI: http://www.nischalmaniar.info Tags: white, blue, three-columns, fixed-width, left-sidebar, right-sidebar, threaded-comments */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} .clear {clear: both;} .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .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 img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* body and content */ body { background: #7692b9 url(images/background.jpg) repeat-x; text-align: center; font-family: Arial; font-size: 12px; vertical-align: top; color: #4e4e4e; } #content { margin: 0 12px 0 12px; padding: 30px 0 0 0; } h3 { font-size: 14px; color: #323232; text-transform: capitalize; font-family: Arial; font-weight: lighter; } blockquote { background: #F1F1F1; margin: 5px 0 5px 0; padding: 10px; } /* banner and logo */ #banner { width: 982px; text-align: left; margin: 20px auto 20px auto; } #logo { width: 75%; height: 39px; float: left; margin-left: 10px; } #logo h1, #logo h1 a { font-size: 24px; color: #ffffff; font-family: Arial; text-transform: lowercase; font-weight: lighter; text-decoration: none; } #description { color: #ffffff; } /* form elements */ #searchform { float: right; width: 20%; height: 38px; padding: 0; text-align: center; } #s { height: 20px; font-family: Arial; border: 0; padding: 0; margin: 4px 0 0 0; width: 120px; color: #7F7F7F; } .searchtxt { background: url(images/searchtxtback.png) no-repeat; width: 144px; height: 26px; float: left; } #searchsubmit { background: url(images/searchbuttonback.png) no-repeat; height: 30px; width: 30px; border-style: none; float: left; margin: 0 0 0 10px; } #cName, #cEmail, #cMsg { background-color: #F1F1F1; border: 1px #D0D0D0 solid; padding: 4px 5px 2px 5px; height: 20px; color: #8F8F8F; } #author, #email, #url, #comment { margin: 15px 0 0 0; background-color: #F1F1F1; border: 1px #D0D0D0 solid; padding: 4px 5px 2px 5px; height: 20px; width: 200px; color: #8F8F8F; } #cMsg, #comment { height: 150px; width: 370px; overflow: auto; } #commentform label { margin: 0 0 0 10px; } #submit { margin: 15px 0 0 0; } /* wrapper */ #wrapper_top { background: url(images/wrapperbacktop.png) no-repeat; width: 982px; height: 6px; margin: 0 auto 0 auto; } #wrapper_bottom { background: url(images/wrapperbackbottom.png) no-repeat; width: 982px; height: 27px; margin: 0 auto 0 auto; } #wrapper_center { background: url(images/wrapperbackcenter.png) repeat-y; width: 982px; margin: 0 auto 0 auto; overflow: hidden; text-align: left; } /* dropdown menu */ #mainmenu { margin: 0 auto 0 auto; width: 982px; background: url(images/wrapperbacktop.png) no-repeat; } #nav { list-style-type: none; margin: 0; padding: 0; } #nav li { display: block; float: left; margin: 0; padding: 13px 0 2px 0; background: url(images/navliback.png) no-repeat; width: 113px; height: 19px; } #nav li.current_page_item { background: url(images/navlihoverback.png) no-repeat; } #nav li.current_page_item a { color: #2e5898; } #nav li a { color: #ffffff; text-decoration: none; text-transform: capitalize; font-size: 13px; font-weight: bold; } /* sidebar */ .sidebar { width: 214px; float: left; color: #4e4e4e; } .sidebar ul { list-style-type: none; margin: 0 13px 0 13px; padding: 0; } .sidebar ul li { margin: 0 0 15px 0; padding: 0; } .sidebar ul li a { color: #4e4e4e; text-decoration: none; } .sidebar ul li a:hover { text-decoration: underline; } .sidebar ul li h2 { background: url(images/sidebarheading.png) no-repeat; width: 188px; height: 29px; color: #ffffff; font-size: 14px; font-weight: lighter; text-transform: capitalize; padding: 3px 0 0 0; text-align: center; margin: 0 0 5px 0; } .sidebar ul li h2 a { text-decoration: none; color: #ffffff; } .sidebar ul ul { margin: 0; padding: 0; } .sidebar ul li ul li { margin: 0 5px 0 5px; padding: 3px 0 3px 3px; border-bottom: 1px #DFDFDF dotted; } .sidebar ul li ul li:hover { background: #f5f5f7; } .sidebar ul li ul li a { color: #4e4e4e; text-decoration: none; } .sidebar ul li ul li a:hover { text-decoration: underline; } /* calendar */ #wp-calendar { width: 100%; } #wp-calendar caption { text-align: center; } #today { font-weight: bold; color: #5578b1; font-size: 14px; } /* container */ #container { width: 500px; float: left; margin: 0 15px 0 15px; } /* posts */ .posts { list-style-type: none; margin: 0; padding: 0; } .posts li { margin: 0 0 25px 0; padding: 0; } .posts li h2, .posts li h2 a { font-size: 18px; color: #323232; text-decoration: none; text-transform: capitalize; font-family: Georgia; font-weight: lighter; } .posts li a { color: #1a4683; text-decoration: none; font-weight: bold; } .posts li a:hover { text-decoration: underline; } /* posts metadata */ .info { margin: 5px 0 8px 0; border-bottom: 1px #d0d0d0 solid; padding: 0 0 3px 0; } .date, .author { margin: 0 15px 0 0; } .info .comment a, .info .date a, .info .author a { color: #4e4e4e; text-decoration: none; font-weight: lighter; } .info .comment a:hover, .info .date a:hover, .info .author a:hover { text-decoration: underline; } .moreinfo { margin: 8px 0 0 0; border-top: 1px #d0d0d0 solid; padding: 3px 0 0 0; font-size: 11px; } .cats, .tags { margin: 0 15px 0 0; } .moreinfo .cats a, .moreinfo .tags a { color: #4e4e4e; text-decoration: none; font-weight: lighter; } .moreinfo .cats a:hover, .moreinfo .tags a:hover { text-decoration: underline; } .tags { background: url(images/tagsicon.png) no-repeat; padding: 0 0 0 15px; } /* Comments Page */ #commentsrss { margin: 0 0 -7px 0; } .commentslist { margin: 15px 0 15px 0; list-style-type: none; padding: 0; } .commentslist li a { font-weight: lighter; } .commentslist li { border: 1px #D0D0D0 solid; background: #EFEFEF; padding: 15px; margin: 0 0 15px 0; } .children { margin: 15px 0 0 25px; list-style-type: none; padding: 0; } .children li { border: none; padding: 0; margin: 0 0 15px 0; } .avtar { float: left; } .tp { float: left; margin: 0 0 0 8px; } .tp .commentauthor { font-family: Georgia; font-size: 14px; } .reply { margin: 5px 0 0 0; } .commentslist li .reply a { color: #C0C0C0; } /* navigation */ .navigation .fl { float: left; } .navigation .fr { float: right; } /* footer */ #footer { clear: both; margin: 15px 0 0 0; padding: 15px 13px 0 13px; border-top: 1px #d0d0d0 dotted; }