/* Theme Name: 10070619-159 Theme URI: http://wordpress.org/extend/themes/rafia Author: Rafia Iftikhar Author URI: http://wordpress.org/rafia Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: twentytwelve This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* =Notes -------------------------------------------------------------- This stylesheet uses rem values with a pixel fallback. The rem values (and line heights) are calculated using two variables: $rembase: 14; $line-height: 24; ---------- Examples * Use a pixel value with a rem fallback for font-size, padding, margins, etc. padding: 5px 0; padding: 0.357142857rem 0; (5 / $rembase) * Set a font-size and then set a line-height based on the font-size font-size: 16px font-size: 1.142857143rem; (16 / $rembase) line-height: 1.5; ($line-height / 16) ---------- Vertical spacing Vertical spacing between most elements should use 24px or 48px to maintain vertical rhythm: .my-new-div { margin: 24px 0; margin: 1.714285714rem 0; ( 24 / $rembase ) } ---------- Further reading http://snook.ca/archives/html_and_css/font-size-with-rem http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/ /* =Reset -------------------------------------------------------------- */ /* Aqueous: A responsive HTML5 website template by HTML5Templates.com Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license) Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T */ /*********************************************************************************/ /* Global */ /*********************************************************************************/ html, body { height: 100%; } body { margin: 0px; padding: 0px; background: #4AA0E4 url(images/img01.jpg) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #8A8A8A; } h1, h2, h3 { margin: 0px; padding: 0px; font-family: 'Oswald', sans-serif; font-weight: 300; } p { line-height: 180%; } a { color: #00A6FA; } strong { font-weight: 700; color: #2A2A2A; } /* Header */ #header-wrapper { overflow: hidden; height: 250px; } /* Menu Wrapper */ #menu-wrapper { height: 90px; background: url(images/img05.jpg) no-repeat center top; } #menu { height: 90px; } /* Page Wrapper */ #page-wrapper { overflow: hidden; background: url(images/img03.jpg) repeat; } #page-bgtop { } #page-bgbtm { overflow: hidden; background: url(images/img04.jpg) repeat-x left bottom; } #page { padding: 0px 0px 50px 0px; background: #FFFFFF url(images/img09.jpg) repeat; } #page-content-wrapper { background: #FFFFFF; overflow: hidden; padding-top: 20px; } /* Copyright */ #copyright { overflow: hidden; padding: 50px 0px; background: url(images/img10.png) no-repeat center top; } #copyright p { text-align: center; text-shadow: -1px -1px 0px #1E6BA6; font-family: 'Abel', sans-serif; font-size: 11pt; color: #FFFFFF; } #copyright a { color: #FFFFFF; } .button-style { display: block; width: 174px; height: 50px; margin-top: 20px; background: url(images/img06.jpg) no-repeat left top; text-align: center; text-transform: uppercase; font-family: 'Abel', sans-serif; color: #FFFFFF; } /** BUTTON STYLE 1 */ .button-style a { line-height: 50px; letter-spacing: -1px; text-shadow: -1px -1px 0px #1E6BA6; text-decoration: none; font-size: 16pt; color: #FFFFFF; } /** LIST STYLE 1 */ ul.style1 { margin: 0px; padding: 0px; list-style: none; } ul.style1 li { padding: 20px 0px 20px 0px; background: url(images/img08.png) repeat-x left top; } ul.style1 a { display: block; text-decoration: none; color: #8A8A8A; } ul.style1 p { line-height: 200%; } ul.style1 a:hover { text-decoration: underline; } ul.style1 .date { float: left; width: 78px; height: 78px; margin: 0px 25px 0px 0px; padding: 4px 0px 0px 0px; background: url(images/img07.jpg) no-repeat left top; line-height: normal; text-align: center; text-shadow: 1px 1px 0px #2C7485; text-transform: uppercase; font-family: 'Abel', sans-serif; font-size: 14px; font-weight: 400; color: #FFFFFF; } ul.style1 .date b { display: block; margin: 5px 0px 0px 0px; padding: 0; letter-spacing: -1px; text-shadow: 1px 1px 0px #2C7485; font-size: 40px; font-weight: 400; color: #FFFFFF; } ul.style1 .date a { color: #FFFFFF; } ul.style1 .date a:hover { text-decoration: none; } ul.style1 .first { padding-top: 0px; background: none; } /** DIVIDER */ .divider { height: 4px; background: url(images/img08.png) repeat-x left top; } .alignright{} .alignleft{} .wp-caption{} .wp-caption-text{} .gallery-caption {} .bypostauthor {} .aligncenter {} .sticky {} #list2 li { float:left; font-family:Georgia, "Times New Roman", Times, serif; list-style:none; border-right-width: 1px; border-right-style: solid; padding-right: 8px; margin-right: 3px; margin-left: 6px;