/* Theme Name: Blog Magazine Theme URI: http://www.innovedesigns.com/ Description: Blog Magazine, made from Doctype HTML5, is embracing the world of responsive web development and design. This is designed to adapt desktops, mobile, tablets, and any other devices that are using any of these common browser clients such as Chrome (Google), Firefox, Opera, Safari, IE, or any other internet browsers as long as it recognizes HTML5. It is clean code since it was checked using W3C Markup Validator. It is rated as 100% SEO optimized by SEO Doctor analyzer. It will keep updating as long as new logic is available. This is ideal for those bloggers who wants their blog to be found by not only desktop users also mobile and tablet users. Version: 1.0 Author: Elvin Deza by InnoveDesigns.com Author URI: http://www.innovedesigns.com/author/esstat17 Tags: white, black, gray, light, custom-menu, one-column, two-columns, three-columns, right-sidebar, flexible-width, theme-options, full-width-template, pink, light, fixed-width, flexible-width Text Domain: Blog Magazine License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html HTML5 Blog Magazine Wordpress Theme, Copyright (C) 20013-present Elvin Deza, Innovate Designs This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . -------------------------------------------------------------- WARNING: (BEFORE YOU MAKE ANY CHANGES) -------------------------------------------------------------- Please do not edit style.css or any other Theme files or Templates directly. If you do, your customizations will be lost as soon as you update HTML5 Blog Magazine. WordPress and InnoveDesigns highly recommends Child Theme. Read More: - http://codex.wordpress.org/Child_Themes - http://themeid.com/docs/child-theme-example/ - http://themeid.com/docs/category/child-theme/ -------------------------------------------------------------- */ /* =Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/ -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; } /*HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } textarea { overflow: auto; vertical-align: text-top; } /* =Horizontal Rule -------------------------------------------------------------- */ hr { background: #dddddd; border: none; clear: both; color: #dddddd; float: none; height: 1px; width: 100%; } hr.space { background: #ffffff; color: #ffffff; } /* =Responsive 12 Column Grid http://themeid.com/responsive-grid/ -------------------------------------------------------------- */ .grid { float: left; margin-bottom: 2.127659574468%; padding-top: 0; } .grid-right { float: right; margin-bottom: 2.127659574468%; padding-top: 0; } .col-custom, .col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 { display: inline; padding-right: 1.5972%; } .col-custom { width: 65.4%; } .col-60 { width: 6.382978723404%; } .col-140 { width: 14.893617021277%; } .col-220 { width: 23.404255319149%; } .col-300 { width: 31.914893617021%; } .col-380 { width: 40.425531914894%; } .col-460 { width: 48.936170212766%; } .col-540 { width: 57.446808510638%; } .col-620 { width: 65.957446808511%; } .col-700 { width: 74.468085106383%; } .col-780 { width: 82.978723404255%; } .col-860 { width: 91.489361702128%; } .col-940 { width: 100%; } .fit { margin-left: 0 !important; margin-right: 0 !important; } .fit-pad { padding-left: 0 !important; padding-right: 0 !important; } .fit-foot { padding-left: 12px !important; padding-right: 0 !important; } /* =Visibility -------------------------------------------------------------- */ .hidden { visibility: hidden; } .visible { visibility: visible; } .none { display: none; } .hide-desktop { display: none; } .show-desktop { display: block; } /* =Responsive Images -------------------------------------------------------------- */ img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; } .ie8 img { height: auto; width: auto\9; } .ie8 img.size-large { max-width: 60%; width: auto; } /* =Responsive Videos -------------------------------------------------------------- */ video { width: 100%; max-width: 100%; height: auto; } /* =Responsive Embeds/Objects -------------------------------------------------------------- */ embed, object { max-width: 100%; } svg:not(:root) { overflow: hidden; } /*=== Scope ===*/ * { border:0; margin:0 auto; padding:0; outline:none; } body { color: #333; font-family: Arial,Helvetica,sans-serif; font-size: 0.875em; font-style: normal; margin: 0; padding: 0; } a { color: #333; text-decoration:none; } a:hover { text-decoration:underline; } p.clr, .clr { clear:both; padding:0; margin:0; background:none; } #page .clr a { font-size: 12px; font-style: italic; } p.bg, .bg { clear:both; padding:5px 0 0; margin:10px 0; border-bottom:1px solid #e1e1e1; height:2px; } li { list-style:none; } h1, h2, h3, h4, h5, h6{ font-weight:bold;} h1 { padding:10px 0 10px 0; margin:0; font-size:2.34em; letter-spacing: -2px; } h2 { padding:10px 0 10px 0; margin:0; font-size:25px; } h3 { padding:10px 0 10px 0; margin:0; font-size:18px; } h4 { font-size:16px;padding:10px 0 10px 0; margin:0 0 1em; } p { margin:8px 0 0; padding:0 0 8px; } blockquote{ color: #333;font: 20px italic ;padding: 8px;margin: 5px 5px 5px 0;text-indent: 23px;} strong { font-weight: bold; } .header-nav{} /*=== Layout ===*/ #page, #page_home { background: none repeat scroll 0 0 #FFFFFF; line-height: 24px; margin: 0 auto; max-width: 960px; padding: 0 20px; } /*=== Header ===*/ #header { margin: 0 auto; max-width: 960px; } #header img.adver { border:1px dotted #000;float:right; margin:35px 0 0 0; padding:0;} /*- Logo -*/ .logo { margin:0; padding:5px 0 15px 5px; float:left; width:auto; } .logo img{float:left;margin-right:5px;margin-top:10px;margin-left:10px; width: 97.39%;} .logo h1 { float:left; margin:40px 0 0 0; padding:0; width:auto; font-size:47px; line-height:1.0em;text-shadow: 1px 1px #FFF; } .logo h1 a { font-weight: bold; } /*=== All Columns ===*/ #columns { margin:0 auto; padding:0 0 10px 0;} /*=== Center Column ===*/ #centercol { float: left; line-height: 19px; padding: 0 18px 0 0; width: 47.06%; } #centercol-inter { float: left; padding-right: 35px; width: 60.588%; } /*=== Right Column ===*/ #rightcol { } #rightcol.center { float: left; line-height: 19px; margin-right: 35px; width: 14.2395%; } .box { background: #FFF;margin:0 0 10px 0;} .box1 {margin:0 0 20px 0;padding:0;} .home-box{} .small_link { font-size:12px; font-weight:bold; text-transform:none; padding:5px 0; text-align:center; clear:both; } .small_link a { color:#868686; font-weight:normal; text-decoration:none; padding:5px 20px; } /*- Post Title -*/ .cats { font-size: 10px; font-style: italic; line-height: 15px; padding-bottom: 10px; padding-left: 5px; } .cats-1 { font-size: 10px; font-style: italic; line-height: 15px; padding-bottom: 10px; padding-left: 5px; } .cats-2 { font-size: 10px; font-style: italic; line-height: 15px; padding-bottom: 10px; padding-left: 5px; } .cats h2{font-size: 11px;color:#26CBFA;margin:10px 0 0 0;text-transform: uppercase;font-weight:bold;} .cats a{} .cats-1 a{} .cats-2 a{} .cats-archives {margin:0;padding:0;text-transform: uppercase;font-style:italic;} .cats-archives a{font-size:10px;} .post-title { padding:0; margin:3px 0 5px 0; } .post-title ul{color: #BBBBBB;font-size: 11px;font-style: italic;} .post-title ul li a {color: #BBBBBB;} .post-title h2 { font-weight: bold; padding-bottom: 0; } .post-title h2 a { color: #000000; display: inline; letter-spacing: -1px; margin: 0; padding: 0; } .post-title h2 a:hover { text-decoration: none; } .post-title-rest{margin:0;padding:0;} .post-title-rest h2 { clear:right; font-weight:bold;margin:0; font-size:22px; padding:0 0 5px 0; } .post-title-rest h2 a{ color: #000; } .post-title-cats{margin:0;padding:0;} .post-title-cats h2 { clear:right; font-weight:bold;margin:0; font-size:22px; padding:0; } .post-title-cats h2 a{ color: #000; } h2 a:hover { text-decoration: none; } .small-home-image { float: left; margin: 0 12px 0 0; } /*- Post Excerpt -*/ .post-excerpt { line-height: 19px;padding:0; color:#333; margin:0; font-size:12px} .post-excerpt1 { border-bottom: 1px solid #EDEDED; line-height: 19px;padding:0 0 10px 0; color:#333; margin:0 0 20px 0; font-size:12px; } .post-excerpt p { margin:0;padding: 0px; } .post-excerpt a { color:#9f9e9e; text-decoration:underline; font-weight:bold; } /*- Post Date -*/ .post-data { padding:0 0 10px 0; margin:0 0; color:#3989a0; font:normal 11px;} .post-data a { color:#3989a0;} /* post-leav */ .post-leav { padding:5px 0 0 5px; margin:0 0 0 10px; font:normal 11px;} .break{clear:both; margin:0 0 20px 0;height:1px;} .post-leav a { color:#FFF; font-size:12px; margin:0; text-decoration:none; padding:2px 5px 2px 5px;} /* post-view */ .post-info .post-view { margin:0; padding:0; color:#0a9dd3; } .post-info .post-view a { color:#0a9dd3; } .post-info .post-view a strong { color:#0a9dd3; } /* popular-post */ .popular-post {} .popular-post img { padding:0; float:left; margin:0 10px 0 0;} .popular-post ul { font:normal 12px; color:#4c4c4c; text-decoration:none; text-transform: none; padding:0 10px;} .popular-post a {font:normal 12px; text-transform:none; color:#babbbb; list-style:none;} .popular-post ul li { min-height:55px; padding:10px 0; border-bottom:1px solid #dadada;} /* .recent-post */ .recent-post {} .recent-post ul {text-decoration:none; text-transform: none; padding:5px 0;} .recent-post ul li { padding:2px 0; border-bottom:1px solid #dadada;} .recent-post a { color:#bbb; font:normal 12px; text-transform:none; color:#868686; list-style:none;} .recent-post a:hover { color:#4c4c4c;} /*- Widget Title - */ .wtitle { margin:0; padding:0;} .wtitle h2 { background-color: #000000; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-bottom: 8px; padding-top: 10px; text-align: center; text-transform: uppercase; } .wtitle h4 { background-color: #000000; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-bottom: 8px; padding-top: 10px; text-align: center; text-transform: uppercase; } /*=== Ralated Post and Popular Post ===*/ .subcols { } #sidebarthumb{ clear:both; display:block; height:121px; margin:10px 0 0; width:193px; } .author-details{margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px dotted #000;} .author-descr{padding:0;margin:0;} .author-descr img{float:left;margin:0 10px 0 0;padding:0;} .author-descr h2{text-transform: uppercase;font-weight:normal;font-size:11px;font-style:italic; padding: 0;margin:0;} .author-descr h2 a{text-transform: uppercase; font-weight: bold;font-size:11px;font-style:italic; } .author-descr p{padding:0;margin:0;} #comments {} #comments h2{text-transform: uppercase; font-weight: bold;font-size:16px;font-style:italic;} #respond{background: none;} #respond h2{text-transform: uppercase; font-weight: bold;font-size:16px;font-style:italic;} .main-column-title h2{color:#333;padding-top: 0; padding-bottom: 10px;font-weight: bold;font-style:italic;font-size:12px;text-transform: uppercase;} .main-column-title h2 a{} .cols {} .cols h2{ background: #000; color:#FFF;font-size: 12px;font-weight: bold;padding-bottom: 10px;padding-top: 10px; text-align: center; text-transform: uppercase;} .cols-title h3 { clear: both; font-size: 16px; font-weight: bold; line-height: 18px; padding: 10px 5px 0; } .cols h4 { background: none repeat scroll 0 0 #000000; color: #FFFFFF; font-size: 12px; font-weight: bold; margin-bottom: 0; padding-bottom: 10px; padding-top: 10px; text-align: center; text-transform: uppercase; } .cols-title h5 { clear: both; font-size: 16px; font-weight: bold; line-height: 18px; padding: 10px 5px 0; } .cols li { border-bottom:1px dotted #333; clear:both;padding:0 0 5px 0;} .cols.popular-posts li {min-height:55px;} .cols a:hover { text-decoration:underline;} .cols img { float:left; margin:0 10px 0 0;} .cols1 { float:left; width:158px; margin:0 30px 20px 0;padding:0 0 20px 0;line-height:19px; } .cols1 h2{ border-top: 1px dotted #000;border-bottom: 1px dotted #000; font-size: 12px;font-weight: bold;font-style:italic;padding-bottom: 8px;padding-top: 10px;padding-left:10px;text-transform: uppercase;} .cols1 li { border-bottom:1px dotted #CCC; clear:both;padding:0 0 5px 0;} .cols1 a:hover { text-decoration:underline;} .cols1 img { float:left; margin:0 10px 0 0;} .date-side { color: #333;clear:both;margin:0;padding:0 0 0 10px;font-size: 11px;} .cols-title{margin-bottom:5px;} .cols-title p{clear:both; color:#333;font-size: 12px;line-height: 20px;padding:0 10px 10px 10px;margin:0 0 5px 0;} /* sidebar widget */ .widget_posts { padding-bottom:10px;} .widget_posts li { border-bottom:1px solid #CCC; clear:both; padding:5px 10px; } .widget_posts.popular-posts li { min-height:50px; } .widget_posts li .wppnothumb img, .widget_posts li img.wpp-thumbnail { float:left; max-height:50px; max-width:50px; margin:0 10px 0 0;} /*== Single ==*/ /*- Comment Box -*/ .comment_box { background-color:#d9d9d9; border:1px solid #cfcfcf; margin:0 0 20px; padding:15px;} .comment_box.alt { background:#FFFFFF;} .comm-name, .comm-date { line-height:20px; font-size:100%;} /*=== Styling Forms ===*/ input.btn { background:none; border:0; margin:0; padding:0;} select { padding:1px;} p.form-allowed-tags { overflow: hidden; text-indent: 100%; white-space: nowrap; } #commentform label { display: block; font-weight: bold; } #respond #reply-title small { display: block; font-size: 14px; font-weight: normal; } #commentform p.form-submit { float: left; margin-top: -35px; } /*- Message -*/ .message div { margin:0 0 18px;} .message input { padding:9px 15px; width:255px;} .message textarea { overflow:auto; padding:9px 15px; } .message .submit { float:left;} .message .btn { color:#333; padding:0; width:128px; height:32px;} .message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0;} button, input, textarea { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; font-family: inherit; padding: 0.428571rem; } button, input { line-height: normal; } textarea { font-size: 100%; overflow: auto; vertical-align: top; } input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0 none; border-radius: 0 0 0 0; padding: 0; } .menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"], li.bypostauthor cite span { background-color: #E6E6E6; background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6); background-repeat: repeat-x; border: 1px solid #D2D2D2; border-radius: 3px 3px 3px 3px; color: #7C7C7C; font-size: 0.785714rem; font-weight: normal; line-height: 1.42857; padding: 0.428571rem 0.714286rem; } .menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; } button[disabled], input[disabled] { cursor: default; } .menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type="submit"]:hover { background-color: #EBEBEB; background-image: -moz-linear-gradient(center top , #F9F9F9, #EBEBEB); background-repeat: repeat-x; color: #5E5E5E; } .menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { background-color: #E1E1E1; background-image: -moz-linear-gradient(center top , #EBEBEB, #E1E1E1); background-repeat: repeat-x; border: medium none; box-shadow: 0 0 8px 2px #C6C6C6 inset, 0 1px 0 0 #F4F4F4; color: #757575; } /*=== Index page ===*/ /* top block */ .block_top { padding:10px 10px; margin:0;} /* index */ .index { width:273px; float:left; padding:10px 0; margin:0 30px 0 30px; } .index.last { float:right; margin:0;} .index h2 { margin:0; font-weight:normal; font-size:18px; color:#2a2a2a; padding:15px 0; border-bottom:1px solid #e1e1e1;} .index img { padding:0; background:none; margin:10px 0;} .index img.fl { float:left; margin:15px 10px 0 0;} .index p { font-size:12px; color:#9f9e9e; line-height:1.6em; padding:5px 0;} .index a { color:#fff; font-size:11px; margin:0; text-decoration:none; background:#6d3200; font-weight:normal; padding:2px 8px;} .index span { font-size:11px; color:#9e4e00;} /* footer */ #footer { clear:both;color:#727272; text-decoration:none; padding:10px 0; font:normal 12px; max-width:960px;margin:0 auto;line-height:19px;} #footer a:hover { text-decoration:underline;} #footer .text2 { padding:20px; line-height:1.8em; } #footer .text1 { clear:both;color:#595959;font-style:italic;padding:10px 30px 30px 40px; line-height:1.8em; width:auto; text-align:left; margin:0;} #footer .text1 a { color:#3b3b3b;} .footer-widget { } .footer-widget a{color:#3B3B3B;} .footer-widget1{} .footer-widget1 a{color:#3B3B3B;} .footer-widget2{} .footer-widget2 a{color:#3B3B3B;} .footer-widget h2 { color: #FFF; font-size: 12px; font-weight: bold; padding-bottom: 8px; padding-top: 10px; text-transform: uppercase; } .footer-widget1 h2 { color: #FFFFFF; font-size: 12px; font-weight: bold; padding-bottom: 8px; padding-left: 10px; padding-top: 10px; text-transform: uppercase; } .footer-widget2 h2 { color: #FFFFFF; font-size: 12px; font-weight: bold; padding-bottom: 8px; padding-left: 10px; padding-top: 10px; text-transform: uppercase; } /*=== Modules ===*/ /* Search */ .search {} #search span {} #search input#s { height: 18px; } #search .btn { float:right; padding:3px 4px 0 0; margin:0; border:0; width:auto; } /*=== Pics, Thumbs, Ads etc. ===*/ .pic img { padding:0; background:none; margin:0 0; width: inherit;} .pic.fl img { float:left; margin:10px 10px 10px 0; } .pic.fr img { float:right; margin:0 0 10px 10px; } .th { display:block; margin:0 0 .5em; } .th.fl img { margin-right:10px; max-width:40px; } .ads img { margin:5px 0 5px 5px; } .banner img {padding:0; margin:5px 0; } .widget_flickrRSS img { padding:0; margin:5px 0; } /*=== Misc. ===*/ .fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; } .hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; } .hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; } .fl { float:left; } .fr { float:left;margin-left:10px; } .ac { text-align:center; padding:5px 0 0; text-align:center; } .ar { text-align:right; } .noBorder { border:0; } /* shadow */ .big_pic_shadow { background:url(images/shadow_img_big.png) no-repeat bottom; padding:0 0 0; margin:0 0 0; } .sm_pic_shadow { background:url(images/shadow_img_sm.png) no-repeat bottom; padding:0 0 6px; } .content{} .content1{background:#EEE;height:130px;} .sidebar-content .content ul li { font-size: 12px; line-height: 20px; padding-bottom: 5px; } .widget .content {padding-bottom: 5px;padding-left: 10px;padding-top: 5px;} .widget_flickrRSS .content {padding:0px;} .popular-posts .content ul li {padding:10px;} .assistive-text, .site .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: 1px solid #EDEDED; border-top: 1px solid #EDEDED; display: inline-block !important; text-align: left; width: 100%; } .main-navigation ul { margin: 0; text-indent: 0; } .main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; } .main-navigation li a { border-bottom: 0 none; color: #333; font-size: 18px; line-height: 3; letter-spacing: -1px; padding: 0 18px; white-space: nowrap; } .main-navigation li a:hover { color: #fff; background-color: #ED1651; } .main-navigation li { position: relative; } .main-navigation li ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; } .main-navigation li ul ul { left: 100%; top: 0; } .main-navigation ul li:hover > ul { border-left: 0 none; display: block; } .main-navigation li ul li a { background: none repeat scroll 0 0 #EFEFEF; border-bottom: 1px solid #EDEDED; display: block; font-size: 0.785714rem; line-height: 2.18182; padding: 0.571429rem 0.714286rem; white-space: normal; width: 12.8571rem; } .main-navigation li ul li a:hover { background: none repeat scroll 0 0 #ED1651; color: #fff; } .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color: #ED1651; } .menu-toggle { display: none; } /* =Breadcrumb Lists -------------------------------------------------------------- */ .breadcrumb-list { color: #888888; font-size: 12px; font-style: italic; padding: 5px 0; } .breadcrumb-list a { color: #888888; } /* =Header Title -------------------------------------------------------------- */ .site-header { padding: 4.714em 0 1rem; } .site-header hgroup h5 { font-size: 2.75em; } .site-header hgroup h5 a:hover { text-decoration: none; } .site-header hgroup h6 { color: #888888; font-style: italic; font-weight: normal; } .site-header hgroup { line-height: 32px; } /* Caption CSS --------- */ .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; } /* Sticky CSS ---- */ article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; } /* Alignment -------- */ /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; }