/* Theme Name: Blogazine Description: If a blog and a magazine had a baby... Version: 1.0 Author: CameraBooru Author URI: http://camerabooru.com/ Tags: white,black,blue,red,fixed-width,threaded-comments,sticky-post,right-sidebar,custom-background,custom-menu, two-columns, featured-images, full-width-template, sticky-post License: This work, like WordPress, is released under GNU General Public License, version 2 (GPL). License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html */ html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,ol,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }body{line-height: 1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none }table{border-collapse:collapse;border-spacing: 0;} body{ font-family: Helvetica, Arial, sans-serif; color: #111111; background: #f8f8f8; font-size: 1em; line-height: 1.5em; font-size: 100%; font-size-adjust: none; font-variant: normal; font-weight: normal; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } p { font-size: 1em; line-height: 1.5em; margin: 1em 0 1.5em 0; padding: 0; } .attachment-featured-image, .attachment-index-post-image { border:1px solid #ccc; } /* HEADER*/ #header { margin-bottom: 15px; margin-top:0px; padding-top:10px; padding-left:25px; padding-right:10px; padding-bottom:10px; border-bottom:3px #eee solid; } #header .current-menu-item a:link, .current-menu-item a:visited { font-weight:bold; background: #eee; color: #111; } #header .menu-header { float:right; margin-right:10px; margin-top:0px; font-size:0.9em; } #header .menu ul{ margin:0; padding:0; list-style: none; list-style-position:outside; position:relative; font-size: 0.7em; } #header .menu a { display:block; padding:10px 1em; color: #111; border-bottom: 0; font-weight:normal; } #header .menu li li a { padding:0.75em 1em; border: 1px dotted #d1d1d1; } #header .menu li:hover, .menu li:hover a, #header .menu a:focus, .menu a:hover, .menu a:active { background: #eee; color: #111; } #header .menu li li a:hover { background: #333; color: #fff; } #header .menu li{ float:left; list-style: none; position:relative; } #header .menu ul { position:absolute; display:none; width:12em; z-index:1; } #header .menu li ul a { width:12em; height:auto; float:left; } #header .menu ul ul { top:auto; } #header .menu li ul ul { left:13em; margin:0px 0 0 12px; } #header.menu li:hover ul ul, #header.menu li:hover ul ul ul, #header.menu li:hover ul ul ul ul { display:none; } #header.menu li:hover ul, #header.menu li li:hover ul, #header.menu li li li:hover ul, #header.menu li li li li:hover ul { display:block; } /* HEADINGS*/ h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; } div#content h1 { margin-bottom: 8px; padding-bottom: 16px; } div#content h1.listhead { font-size: 2.2em; text-transform: uppercase; text-align:left; padding-bottom:20px; margin-bottom:60px; color:#111; } h1.blog-title { font-size: 1em; font-weight:bold; font-family: 'arial black', helvetica, sans-serif; margin-left:12px; width:400px; padding:5px; line-height:155%; } h1.blog-title a:link, h1.blog-title a:visited, h1.blog-title a:active { color:#111; } h1.blog-title a:hover { border-bottom: 1px dotted #d1d1d1; } h2 { font-size: 1.5em; color:#111; font-weight: normal; line-height: 1.25; margin-bottom: 0.75em; } h2.title { font-size: 2.3em; letter-spacing:-2px; font-weight:bold; margin-bottom:15px; line-height:110%; font-family: helvetica, 'times new roman', Times, serif; color:#111; } h3 { font-size: 1.6em; font-weight: normal; color:#111; line-height:120%; margin-top:1em; } h3.title { letter-spacing:-2px; font-family:georgia, times, serif; } h3.title a:link, h3.title a:visited, h3.title a:active { font-weight:normal; color:#111; } h4 { font-size: 1.1em; font-weight: bold; color:#111; line-height: 1.25; margin-bottom: 1.25em; font-family: helvetica, sans-serif; } h4 a:link, h4 a:active, h4 a:visited{ color:#ff0033; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: .75em; font-weight: bold; } h1, div#header h1 span, h2, h3, h4, h5, textarea#comment, input#author, input#email, input#url { font-family: helvetica, sans-serif; } /* SIDEBAR*/ #sidebar { float: right; width: 220px; margin-right:40px; } #sidebar a { color:#007FFF; } ul#sidebar h2, div.nav{ font-size: 1em; text-transform: uppercase; } ul#sidebar h2 { margin-bottom: 10px; font-weight:bold; } ul#sidebar ul.children { margin: 5px 0 0 0; } ul#sidebar ul.children li { border: 0; } ul#sidebar li { list-style: none; margin: 0 0px 20px 0; line-height: 18px; } ul#sidebar li ul li { margin-bottom: 5px; } ul#sidebar li ul li ul { margin: 5px 0 0 10px; } ul#sidebar li.widget_tag_cloud,li#tag_cloud { line-height: 28px !important; word-spacing: 5px } /* COMMENTS*/ #comments { margin-top:60px; } #comments .avatar { margin-right:20px; } div.comment-body p { margin-bottom: 10px !important; } h2.comments-title { font-size:22px; font-weight:bold; margin-bottom: 25px !important; color:#222; text-align:right; letter-spacing:-1px; text-transform:uppercase; border-bottom:1px dotted #666; } ol.comment li div.comment-author, ol.comment li div.comment-meta,div.comment-meta { font-size: 0.75em; line-height: 16px; } ol.comment p { margin-left:10px; } span.says { display: none; } div.comment-author cite.fn { font-size: 1em; font-style: normal; font-weight:bold; } div.comment-author cite.fn a { text-decoration: none; } div.comment-meta { margin-bottom: 45px; } div.comment-author { margin: 0 0 5px -5px; } div.comment-author img { float: left; border-radius: 5px; margin: 0 10px 10px 0; } li.comment { margin-bottom: 10px; border-bottom: 1px dotted #d1d1d1; padding: 20px; } ol.comment-list { list-style:none; margin-left:-20px; } ol.comment li.pingback { font-size: 0.75em; color: #777; padding: 0 0 10px 5px; } ol.comment li.pingback a { font-size: 0.75em; font-weight:normal; } ol.comment li.pingback p, ol.comment li.pingback span, ol.comment li.pingback div.comment-meta, ol.comment li.pingback div.reply { display:none; } div.reply { display:block; overflow: hidden; padding: 5px 0 5px 0; } /* FOOTER*/ #footer { clear:both !important; margin-top: 50px; border-top:1px solid #333; padding: 20px; color:#111; } #footer .menu li { display:inline; text-decoration:none; padding-right:10px; } #footer a { color:#111; } /******************************************************************* * @Author: Boutros AbiChedid * @Date: March 20, 2011 * @Websites: http://bacsoftwareconsulting.com/ * http://blueoliveonline.com/ * @Description: Styling Custom Numbered Page Navigation (Pagination) ********************************************************************/ .pagenavi { margin: 0 0 20px 0px; padding: 5px 1px 5px; float:left; width: 98%; text-align:center; background:url(images/pagination_bg.gif) no-repeat center; } .pagenavi a { padding: 5px 6px 4px 6px; margin: 3px; text-decoration: none; border: 1px solid #ccc; color: #666; background-color: inherit; } .pagenavi a:hover { border: 1px solid #444; color: #444; background-color: #eee; } .pagenavi span.pages { padding: 5px 6px 4px 6px; margin: 3px; color: #444; font-weight:bold; border: 1px solid #999; background-color: inherit; } .pagenavi span.current { padding: 5px 6px 4px 6px; margin: 3px; font-weight:bold; border: 1px solid #ccc; color: #fff; background-color: #ff0033; } .pagenavi span.expand { padding: 5px 6px 4px 6px; margin: 3px; border: 1px solid #ccc; color: #444; background-color: inherit; } .pagenavi .first, .pagenavi .last { border: 1px solid #aaa; } .pagenavi .single_page { border: 1px dashed #ccc; } /* ETC*/ div#content small, div.postmeta, ul#sidebar, div#footer, p.commentloggedin, div.reply, div.feed { font-size: .75em; } #header span { font-size: 0.65em; font-weight: normal; } hr{ border: 0; margin: 30px 0 30px 0; border-bottom:1px dotted #999; } #content img { margin: 0; height: auto; max-width: 650px; width: auto; } h2.title a:link, h2.title a:active, h2.title a:visited { border-bottom: none; color:#111; } h4.category { margin-top:10px; margin-bottom:-20px; font-size:0.7em; padding:4px; text-transform:uppercase; font-weight:bold; } h4.category a { color:#ff0033; } /* SITE-WIDE */ .left { float:left; } .right { float:right; } .center { text-align:center; } p.right { text-align:right; } p.center { text-align:center; } p.admin { color: #aaa; font-size: 12px; } p.nocomments { padding: 0 20px; font-style: italic; color: #585858; } p.pagelink { word-spacing: 5px; } p.pagelink a { padding: 5px; border: 1px dotted #d1d1d1; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } img.alignleft { margin-right: 15px; margin-bottom: 15px; } img.alignright { margin-left: 15px; margin-bottom: 15px; } img.aligncenter { margin-bottom: 15px; } img.size-full { max-width: 650px; } .frame { padding: 5px; border: 1px dotted #d1d1d1 } blockquote, .comment-field { padding: 10px 10px 0 10px; border: 1px dotted #d1d1d1; background-color:#fcfcfc; margin-bottom: 20px; font-style: italic; } blockquote p { margin-top: 0 !important; } div.gallery { margin-bottom: 14px; } img.attachment-thumbnail { border:0; } dd.gallery-caption { color: #585858; font-size: 0.75em; font-style: italic; margin-top: 8px; } table { border: 1px dotted #d1d1d1; padding: 15px; margin-bottom: 1.5em; } td { padding: 5px 5px; border-right: 1px dotted #d1d1d1; } th{ padding-bottom: 5px; padding: 5px 5px; } caption{ font-weight: bold; border-bottom: 1px dotted #d1d1d1; padding-bottom: 10px; margin-bottom: 5px; } /* LINKS */ a { color: #ff0033; font-weight:bold; text-decoration: none; } a:hover { color: #00a9da; border-bottom-color: #00a9da; } div.postmeta span.comments a { font-weight:bold; text-transform: uppercase; padding: 2px 5px 1px 0px !important; margin-right: 2px; border: 0; border-right: 1px dotted #d1d1d1; } h1 a:hover, h2 a:hover { text-decoration: none; } a.more-link, a.post-edit-link,div.reply a { padding: 5px; border: 1px dotted #d1d1d1; } /* MENU */ #admin-bar-logo { border:0; } .menu { margin-bottom:1em; line-height: 1em; } /*LAYOUT*/ #wrapper { width: 1050px; margin-left: auto; margin-right: auto; background: #ffffff; border:1px solid #ddd; padding:15px; margin-top:10px; } #content { width:650px; float:left; margin-left:40px; } #content li li { line-height:155%; } #content .wp-smiley { padding: 0; border: 0; } #content ul li { line-height: 21px; } .entry ul{ list-style: none; } .entry p { font-size:1em; letter-spacing:1px; font-weight:300; font-family:'helvetica neue', Helvetica, Arial, 'Lucida Grande', sans-serif; color:#000; width:600px; text-align:justify; } #content ul, #content ol { margin-bottom: 20px; color:#333; } #content ol li { margin-left: 20px; line-height: 21px; } .wp-caption { font-size: 0.85em; font-style: italic; text-align:center; padding: 0 25px; max-width: 500px; margin: 0 !important; } .wp-caption-text { padding-top: 10px; } .noCss { clear: both; position: absolute; left: -9999px; } p.page-link { display: inline; font-size: 0.75em; border: 1px dotted #d1d1d1; padding: 5px 10px; } p.page-link a { color: #bbb; border: none; padding: 0 10px; border-right: 1px dotted #d1d1d1; } p.page-link a:hover { color: #555; } p.page-link a:last-of-type { border-right: 0; } .post-link { margin-bottom:40px; overflow:hidden; } div#content embed, .embedded { text-align:center; margin: 0 0 14px 0; } div#content p span { background: #fcfcfc; } .search-terms { color:#ff0033; } div.postmeta { margin-bottom: 10px; line-height: 1.4; } ol.children { margin: 45px 0 20px 20px; } ol.children li { margin: 10px 0; padding-left: 10px; border-left: 1px dotted #d1d1d1; border-bottom: 0; margin-left: 0 !important; } div#respond { margin-top: 20px; } table.commenttable { border:0; padding: 0; } table.commenttable tr td { font-size: 12px; line-height: 12px; text-transform: uppercase; } input#author, input#email, input#url { margin-bottom: 5px; padding: 10px; width: 580px; border: 1px dotted #d1d1d1; } #searchform input.keyword { padding: 8px; width: 100%; font-weight:bold; color: #666; border: 5px solid #eee } #searchform input.button { margin-left: 102px; display: none; } textarea#comment { width: 580px; height: 150px; padding: 10px; border: 1px dotted #d1d1d1; } #recent-posts { width: 269px; margin: 0 0 20px 0; padding: 10px 20px 10px 0; } #recent-posts p { margin: 0 0 20px 0; font-size: 12px; } .footer-thumb { width: 40px; height: 40px; border: 3px solid #555; margin: 3px 6px 15px 3px; padding: 0; float: left; } .menu-header { margin-top:-10px; } blockquote cite { float:right; font-size:0.5em; } .bypostauthor{} .sticky{} #calendar_wrap { text-align:center; }