/* Theme Name: Wumblr Theme URI: http://themify.me/themes/wumblr Version: 1.3.4 Author: Themify Author URI: http://www.themify.me --------- DO NOT EDIT THIS FILE. If you need to overwrite the CSS styling, create a new custom_style.css in the theme folder and it will automatically load in the . */ /************************************************************************************ RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; } img, fieldset { border: 0; } /* set img max-width */ img { max-width: 100%; height: auto; } /* ie 8 img max-width */ @media \0screen { img { width: auto;} } /* reset iphone text adjust */ html { -webkit-text-size-adjust: 100%; } /************************************************************************************ GENERAL STYLING *************************************************************************************/ body { font: 13px/150% "Lucida Grande", "Lucida Sans Unicode", sans-serif; background: #efefe8 url(images/body-bg.png); color: #666; } p { margin: 0 0 1.2em; padding: 0; } a { text-decoration: none; outline: none; color: #db6212; } a:hover { text-decoration: underline; } small { font-size: 87%; } em, i { } ul, ol { margin: 1em 0 1.4em 24px; padding: 0; line-height: 140%; } li { margin: 0 0 .5em 0; padding: 0; } blockquote { font: italic 15px/130% "Times New Roman", Times, serif; padding: 8px 30px 15px; } h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 20px 0 .4em; text-shadow: 0 1px 1px rgba(0,0,0,.2); } h1 { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } /* form input */ input, textarea, select, button { font-size: 100%; font-family: inherit; } textarea { line-height: 150%; } input[type=text], input[type=password], textarea { border: none; padding: 5px 7px; background: #e2e2de; color: #666; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: 0 -1px 0 rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.4); box-shadow: 0 -1px 0 rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.4); -webkit-appearance: none; } textarea { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } textarea:focus, input[type=password]:focus, input[type=text]:focus { border: none; outline: none; } /* set input width */ input[type=text], input[type=search] { width: 240px; max-width: 90%; } /* set textarea width */ textarea { line-height: 150%; padding: 6px 2%; width: 96%; } /* form button */ input[type=reset], input[type=submit], button { background: #666; text-transform: uppercase; color: #fff; border: none; padding: 6px 20px; cursor: pointer; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.2); box-shadow: 0 1px 0 rgba(0,0,0,.2); background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#333333)); background: -moz-linear-gradient(top, #777777, #333333); background: linear-gradient(-90deg, #777777, #333333); -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; text-shadow: 0 -1px 0 rgba(0,0,0,.3); } input[type=reset]:hover, input[type=submit]:hover, button:hover { background: #555; } /************************************************************************************ STRUCTURE *************************************************************************************/ #pagewrap { width: 918px; margin: 0 auto; } #body { padding: 35px 0 80px; } /* sidebar1 */ #content { width: 680px; float: left; } /* sidebar left */ .sidebar-left #content { float: right; } .sidebar-left #sidebar { float: left; } /* sidebar none */ .sidebar-none #content { width: 100%; float: none; } /************************************************************************************ GRID *************************************************************************************/ .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { float: left; margin: 0 0 0 30px; } .col4-1 { width: 207px; max-width: 23%; } .col4-2, .col2-1, #content.col2-1 { width: 444px; max-width: 48%; } .col4-3 { width: 681px; max-width: 72%; } .col3-1 { width: 286px; max-width: 31%; } .col3-2 { width: 602px; max-width: 62%; } .first { margin-left: 0; clear: left; } /* sidebar1 */ .sidebar1 .col4-1, .sidebar1 .col4-2, .sidebar1 .col4-3, .sidebar1 .col3-1, .sidebar1 .col3-2, .sidebar1 .col2-1 { margin-left: 2%; } .sidebar1 .col4-1 { max-width: 23%; } .sidebar1 .col4-2, .sidebar1 .col2-1 { max-width: 48%; } .sidebar1 .col4-3 { max-width: 72%; } .sidebar1 .col3-1 { max-width: 31%; } .sidebar1 .col3-2 { max-width: 62%; } /* first col */ .col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { margin-left: 0; clear: left; } /************************************************************************************ HEADER *************************************************************************************/ #header { position: relative; height: 170px; } #site-logo { position: absolute; top: 40px; } #site-logo a { font: bold 34px/100% Arial, Helvetica, sans-serif; letter-spacing: -.05em; color: #444; text-decoration: none; text-shadow: 0 1px 2px rgba(0,0,0,.3); } #site-description { position: absolute; top: 85px; font: italic 14px/100% "Times New Roman", Times, serif; } /* header banner */ .header-banner { position: absolute; top: 55px; right: 0; } .header-banner .widget { margin-bottom: 0; } /************************************************************************************ HEADER WIDGET *************************************************************************************/ .header-widget { position: absolute; top: 20px; right: 20px; font-size: 95%; } .header-widget a { text-decoration: none; margin: 0 2px; } .header-widget img { vertical-align: text-top; } .header-widget .widget { float: left; margin-right: 10px; margin-bottom: 5px; } .header-widget .widget div { float: left; } .header-widget .widget strong { float: left; margin-right: 5px; } .header-widget ul { margin: 6px 0 0 !important; padding: 0; float: left; } .header-widget li { margin: 0 8px 5px 0; padding: 0; float: left; border: none; clear: none; line-height: 100%; } .header-widget img { vertical-align: middle; margin-top: -4px; } /* rss button */ .header-widget .rss { float: left; } .header-widget .rss a { background: url(images/rss.png) no-repeat left center; padding: 5px 0 5px 30px; display: inline-block; zoom:1; *display:inline; } /************************************************************************************ SEARCH FORM *************************************************************************************/ #header #searchform { position: absolute; bottom: 7px; right: 0; width: 120px; } #header #searchform #s { font: italic 14px/100% "Times New Roman", Times, serif; padding-left: 10px; width: 120px; float: right; -webkit-transition: width .7s; -moz-transition: width .7s; transition: width .7s; } #header #searchform #s:focus { width: 166px; font-style: normal; } /************************************************************************************ MAIN NAVIGATION *************************************************************************************/ #main-nav { margin: 0; padding: 0; position: absolute; left: 0; bottom: 10px; z-index: 100; } #main-nav li { margin: 0; padding: 0; list-style: none; float: left; position: relative; } /* main level link */ #main-nav a { color: #777; display: block; padding: 6px 0; margin: 0 16px 0 5px; text-decoration: none; font: normal 12px/100% "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,.3); } /* main level link :hover */ #main-nav a:hover { color: #000; } /* current link */ #main-nav .current_page_item a, #main-nav .current-menu-item a { background: #999994; color: #fff; padding: 6px 15px; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.2); -moz-box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.2); box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.2); } /* current link :hover */ #main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover { color: #fff; } /* sub-levels link */ #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a { color: #666; font: inherit; font: normal 12px/100% "Lucida Grande", "Lucida Sans Unicode", sans-serif; letter-spacing: 0; text-transform: none; padding: 5px 0 5px 15px; margin: 0; width: 170px; background: none; border-top: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* sub-levels link :hover */ #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover { background: #e9e9e4; color: #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* dropdown ul */ #main-nav ul { margin: 0; padding: 5px 1px; list-style: none; position: absolute; background: #fff; border: solid 1px #999; border-bottom-color: #666; border-top-color: #ccc; z-index: 100; display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); } #main-nav ul li { background: none; padding: 2px 0; margin: 0; float: none; } /* sub-levels dropdown */ #main-nav ul ul { left: 180px; top: 5px; } /* show dropdown ul */ #main-nav li:hover > ul { display: block; } /************************************************************************************ SLIDER *************************************************************************************/ #slider { position: relative; margin: 0; padding: 0; } #slider .slides { margin: 0; padding: 0; } #slider .slides li { background: none !important; position: relative; margin: 0; padding: 0; list-style: none; overflow: hidden; } /************************************************************************************ GALLERY *************************************************************************************/ /* clearfix for gallery */ .gallery:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .gallery { zoom: 1; } /* IE6 */ *:first-child+html .gallery { zoom: 1; } /* IE7 */ #body .gallery { margin: 30px 0 10px; } /* gallery item */ #body .gallery dl { margin: 0 10px 15px 10px; display: inline-block; vertical-align: top; zoom:1; *display:inline; width: auto; float: none; text-align: center; } /* gallery caption */ #body .gallery dd { width: 140px; line-height: 120%; font-size: 90%; text-align: center; margin: 5px 0 0; } /* get rid of br tag */ .gallery br { display:none; } /************************************************************************************ AUTHOR PAGE *************************************************************************************/ .author-bio { margin: 0 0 30px; } .author-bio .author-avatar { float: left; margin: 0 15px 0 0; } .author-bio .author-avatar img { background: #fff; padding: 4px; border: solid 1px #ccc; } .author-bio .author-name { margin: 0 0 5px; padding: 0; font-size: 160%; } .author-posts-by { margin: 0 0 20px; padding: 10px 0 0; font-size: 140%; text-transform: uppercase; border-top: double 4px #ccc; border-color: rgba(118,118,118,.3); } /************************************************************************************ PAGE TITLE *************************************************************************************/ .page-title { font: bold 26px/120% "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin: 0 0 15px; padding: 0; } /************************************************************************************ POST COLORS *************************************************************************************/ /* white (default post-wrap) */ .post-wrap.white, .post-wrap { width: 100%; color: #666; border-top: solid 1px #efefef; border-bottom: solid 1px #ccc; border-left: solid 1px #ddd; border-right: solid 1px #ddd; background: #ccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#ccc)); background: -moz-linear-gradient(top, #999, #ccc); background: linear-gradient(-90deg, #999, #ccc); } .post-wrap.white .post-title a, .post-wrap .post-title a { color: #444; } .post-wrap.white a, .post-wrap a { color: #469af1; } /* yellow */ .post-wrap.yellow { color: #806e5e; border-top: solid 1px #f7ed8a; border-bottom: solid 1px #ded471; border-left: solid 1px #eae07b; border-right: solid 1px #eae07b; background: #fcf39c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbd1', endColorstr='#faef7f'); background: -webkit-gradient(linear, left top, left bottom, from(#fffbd1), to(#faef7f)); background: -moz-linear-gradient(top, #fffbd1, #faef7f); background: linear-gradient(-90deg, #fffbd1, #faef7f); } .post-wrap.yellow .post-title a { color: #8c6239; } .post-wrap.yellow a { color: #db6212; } /* light-blue */ .post-wrap.light-blue { color: #566368; border-top: solid 1px #c0e1f3; border-bottom: solid 1px #a0c4d7; border-left: solid 1px #b0d3e6; border-right: solid 1px #b0d3e6; background: #d2ecfa; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff4ff', endColorstr='#bde1f4'); background: -webkit-gradient(linear, left top, left bottom, from(#dff4ff), to(#bde1f4)); background: -moz-linear-gradient(top, #dff4ff, #bde1f4); background: linear-gradient(-90deg, #dff4ff, #bde1f4); } .post-wrap.light-blue .post-title a { color: #2b3032; } .post-wrap.light-blue a { color: #f26522; } /* pink */ .post-wrap.pink { color: #64555c; border-top: solid 1px #f9d4e4; border-bottom: solid 1px #e7bcce; border-left: solid 1px #f0c6d8; border-right: solid 1px #f0c6d8; background: #fee3ef; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe9f3', endColorstr='#f9cbdf'); background: -webkit-gradient(linear, left top, left bottom, from(#ffe9f3), to(#f9cbdf)); background: -moz-linear-gradient(top, #ffe9f3, #f9cbdf); background: linear-gradient(-90deg, #ffe9f3, #f9cbdf); } .post-wrap.pink .post-title a { color: #3a2c33; } .post-wrap.pink a { color: #bc5b2c; } /* lavender */ .post-wrap.lavender { color: #7c6f82; border-top: solid 1px #e4c6f1; border-bottom: solid 1px #ceb3da; border-left: solid 1px #d9bce5; border-right: solid 1px #d9bce5; background: #f1dcf9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8e9fe', endColorstr='#e5c7f1'); background: -webkit-gradient(linear, left top, left bottom, from(#f8e9fe), to(#e5c7f1)); background: -moz-linear-gradient(top, #f8e9fe, #e5c7f1); background: linear-gradient(-90deg, #f8e9fe, #e5c7f1); } .post-wrap.lavender .post-title a { color: #45394a; } .post-wrap.lavender a { color: #af6808; } /* teal */ .post-wrap.teal { color: #4b5c5b; border-top: solid 1px #aeddda; border-bottom: solid 1px #97c7c4; border-left: solid 1px #a3d4d1; border-right: solid 1px #a3d4d1; background: #caefec; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4f5f2', endColorstr='#b1dfdc'); background: -webkit-gradient(linear, left top, left bottom, from(#d4f5f2), to(#b1dfdc)); background: -moz-linear-gradient(top, #d4f5f2, #b1dfdc); background: linear-gradient(-90deg, #d4f5f2, #b1dfdc); } .post-wrap.teal .post-title a { color: #3b4b4a; } .post-wrap.teal a { color: #d47a0f; } /* orange */ .post-wrap.orange { color: #665440; border-top: solid 1px #fdcd90; border-bottom: solid 1px #e5b374; border-left: solid 1px #f5c383; border-right: solid 1px #f5c383; background: #fedab2; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee5d1', endColorstr='#fecc8c'); background: -webkit-gradient(linear, left top, left bottom, from(#fee5d1), to(#fecc8c)); background: -moz-linear-gradient(top, #fee5d1, #fecc8c); background: linear-gradient(-90deg, #fee5d1, #fecc8c); } .post-wrap.orange .post-title a { color: #5c3f1e; } .post-wrap.orange a { color: #855015; } /* lime */ .post-wrap.lime { color: #566146; border-top: solid 1px #caef99; border-bottom: solid 1px #b4d883; border-left: solid 1px #bee38d; border-right: solid 1px #bee38d; background: #d8f4b1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff8bd', endColorstr='#ceeea1'); background: -webkit-gradient(linear, left top, left bottom, from(#dff8bd), to(#ceeea1)); background: -moz-linear-gradient(top, #dff8bd, #ceeea1); background: linear-gradient(-90deg, #dff8bd, #ceeea1); } .post-wrap.lime .post-title a { color: #434d35; } .post-wrap.lime a { color: #d47e19; } /* black */ .post-wrap.black { color: #ccc; border-top: solid 1px #666; border-bottom: solid 1px #000; border-left: solid 1px #333; border-right: solid 1px #333; background: #111; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#000000'); background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#000000)); background: -moz-linear-gradient(top, #555555, #000000); background: linear-gradient(-90deg, #555555, #000000); } .post-wrap.black .post-title a { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.8); } .post-wrap.black a { color: #fff; } /* rose */ .post-wrap.rose { color: #fbe0e1; border-top: solid 1px #ed4d53; border-bottom: solid 1px #d63c41; border-left: solid 1px #e2444a; border-right: solid 1px #e2444a; background: #8B070D; /* #fb6f74; */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8488', endColorstr='#f8595f'); background: -webkit-gradient(linear, left top, left bottom, from(#370305), to(#8B070D)); background: -moz-linear-gradient(top, #370305, #8B070D); background: linear-gradient(-90deg, #370305, #8B070D); } .post-wrap.rose .post-title a { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.2); } .post-wrap.rose a { color: #fff799; } /* brown */ .post-wrap.brown { color: #fbe0e1; border-top: solid 1px #643b1f; border-bottom: solid 1px #4c2b15; border-left: solid 1px #563118; border-right: solid 1px #563118; background: #7b5134; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a5f42', endColorstr='#6b4125'); background: -webkit-gradient(linear, left top, left bottom, from(#8a5f42), to(#6b4125)); background: -moz-linear-gradient(top, #8a5f42, #6b4125); background: linear-gradient(-90deg, #8a5f42, #6b4125); } .post-wrap.brown .post-title a { color: #fff799; text-shadow: 0 -1px 0 rgba(0,0,0,.2); } .post-wrap.brown a { color: #fcf7bb; } /* gray */ .post-wrap.gray { color: #eee; border-top: solid 1px #979696; border-bottom: solid 1px #7c7c7c; border-left: solid 1px #898989; border-right: solid 1px #898989; background: #323244; /* #a4a4a4; */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#929292'); background: -webkit-gradient(linear, left top, left bottom, from(#323244), to(#4C4C5C)); background: -moz-linear-gradient(top, #323244, #4C4C5C); background: linear-gradient(-90deg, #323244, #4C4C5C); } .post-wrap.gray .post-title a { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.4); } .post-wrap.gray a { color: #fff; } /* violet */ .post-wrap.violet { color: #e9dcf1; border-top: solid 1px #71209e; border-bottom: solid 1px #5e1686; border-left: solid 1px #671a92; border-right: solid 1px #671a92; background: #3B214D; /* #873db2; */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9658c0', endColorstr='#7a29a7'); background: -webkit-gradient(linear, left top, left bottom, from(#3B214D), to(#653785)); background: -moz-linear-gradient(top, #3B214D, #653785); background: linear-gradient(-90deg, #3B214D, #653785); } .post-wrap.violet .post-title a { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.4); } .post-wrap.violet a { color: #fffbc5; } /* blue */ .post-wrap.blue { color: #d7e9fc; border-top: solid 1px #4c99e8; border-bottom: solid 1px #3d85cf; border-left: solid 1px #448fdc; border-right: solid 1px #448fdc; background: #222244; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb5fd', endColorstr='#4097ef'); background: -webkit-gradient(linear, left top, left bottom, from(#222244), to(#32335E)); background: -moz-linear-gradient(top, #222244, #32335E); background: linear-gradient(-90deg, #222244, #32335E); } .post-wrap.blue a { color: #fff57c; } .post-wrap.blue .post-title a { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.2); } /* green */ .post-wrap.green { color: #e4f7ce; border-top: solid 1px #60a315; border-bottom: solid 1px #508d0c; border-left: solid 1px #589811; border-right: solid 1px #589811; background: #2C3F13; /* #73bd20; */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bc824', endColorstr='#67ad1a'); background: -webkit-gradient(linear, left top, left bottom, from(#2C3F13), to(#3E591B)); background: -moz-linear-gradient(top, #2C3F13, #3E591B); background: linear-gradient(-90deg, #2C3F13, #3E591B); } .post-wrap.green .post-title a { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.2); } .post-wrap.green a { color: #fff; } /************************************************************************************ POST FORMATS *************************************************************************************/ /* standard post */ /* .post.format-standard { background: url(images/note-bg.png) -118px 14px; padding-left: 75px; } */ .post.format-standard .post-icon { /* background: url(images/pencil-icon.png) no-repeat; */ width: 30px; height: 30px; position: absolute; left: 22px; top: 15px; } /* image post */ .post-image.left { margin-right: 20px; } .post-image.right { margin-left: 20px; } /* quote post */ .post.format-quote { background: url(images/note-bg.png) -118px 17px; padding-left: 75px; padding-right: 30px; } .post.format-quote .post-content { font: italic 18px/140% Garamond, "Times New Roman", Times, serif; } .post.format-quote .post-icon { background: url(images/quote-icon.png) no-repeat; width: 30px; height: 30px; position: absolute; left: 22px; top: 15px; } .post.format-quote .quote-author { margin: 0 0 10px; font-size: 80%; font-style: normal; font-variant: small-caps; text-align: right; } /* link post */ .post.format-link { padding-left: 10px; } .post.format-link .post-icon { /* background: url(images/link-icon.png) no-repeat; width: 27px; height: 27px; position: absolute; left: 22px; top: 15px; */ } /* audio post */ .post.format-audio .audio-image img { float: left; margin: 0 20px 15px 0; padding: 5px; background: #fff; border: solid 1px #ccc; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .post.format-audio .post-content { overflow: hidden; } .post.format-audio .audio-player { padding: 8px 0 10px; } .post audio { width: 100%; } /* gallery post */ .post.format-gallery { padding: 17px 0 0; } .post.format-gallery .post-icon { background: url(images/clip-icon.png) no-repeat; width: 30px; height: 61px; position: absolute; left: 10px; top: -7px; } .post.format-gallery .post-content { padding: 0 20px 10px; } .post.format-gallery .post-title { padding: 8px 20px 8px 45px; background: #ce413c url(images/gallery-title-bg.jpg); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2), inset -1px 0 0 rgba(0,0,0,.2), inset 1px 0 0 rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.2); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.2); box-shadow: 0 1px 0 rgba(0,0,0,.2); margin-left: -1px; margin-right: -1px; } .post.format-gallery .post-title a { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.2); } .post.format-gallery .post-meta { padding-right: 15px; } /* status post */ .post.format-status .status-author-avatar img { float: left; margin: 0 14px 15px 0; padding: 3px; background: #fff; border: solid 1px #ccc; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .post.format-status .post-content { margin-top: 10px; overflow: hidden; font-size: 120%; line-height: 160%; } /************************************************************************************ POST *************************************************************************************/ .post-wrap { background: #fff; margin-bottom: 25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2); box-shadow: 0 1px 3px rgba(0,0,0,.2); } .post { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px 20px 5px; position: relative; } /* post content */ .post-content { min-width: 120px; } /* post title */ .post-title { margin: 0 0 5px; padding: 0; font: bold 140%/120% "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-shadow: 0 1px 0 rgba(255,255,255,.6); } .post-title a { text-decoration: none; } /* post meta */ .post-meta { font: italic 12px/130% "Times New Roman", Times, serif; text-align: right; clear: both; margin: 20px 0 10px; } /* post comment */ .post .post-comment { position: absolute; right: -7px; top: -8px; z-index: 2; } .post .post-comment a { background: url(images/post-comments.png) no-repeat; width: 46px; height: 34px; display: block; padding: 12px 0 0 1px; text-align: center; color: #666; font-weight: bold; font-size: 14px; line-height: 100%; letter-spacing: -.1em; text-shadow: 0 1px 1px rgba(255,255,255,.7); } .post .post-comment a:hover { color: #000; text-decoration: none; } /************************************************************************************ POST VIDEO (css for fluid video) *************************************************************************************/ .post-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; font-size:.9em; margin-bottom: 15px; } .post-video iframe, .post-video object, .post-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************************************************************************ MASONRY *************************************************************************************/ .masonry-container { width: 948px; margin-left: -30px; } .sidebar1 .masonry-container { width: 680px; } /* masonry-col3 ---------------------------------------------------------- */ .grid3 .post-wrap { width: 284px; font-size: 90%; margin-left: 30px; float: left; } /* sidebar1 grid3 post wrap */ .sidebar1 .grid3 .post-wrap { width: 188px; } /* masonry-col3 text post */ .grid3 .format-standard { background: url(images/note-bg.png) -160px 14px; padding-left: 10px; } .grid3 .format-standard .post-icon { display: none; } /* masonry-col3 audio post */ .grid3 .format-audio .post-content { overflow: visible; clear: both; } .grid3 .format-audio .audio-image img { float: none; margin: 0; } /* masonry-col3 gallery post */ #body .grid3 .format-gallery .post-title { padding-left: 40px; } #body .grid3 .format-gallery .gallery { margin: 15px 0 0; } #body .grid3 .format-gallery .gallery dl { margin: 0 5px 10px; } #body .grid3 .format-gallery .gallery img { width: 40px; height: 40px; } /* masonry-col3 quote post */ .grid3 .format-quote { background: url(images/note-bg.png) -190px 16px; padding-left: 43px; } .grid3 .format-quote .post-icon { background: url(images/quote-icon-small.png) no-repeat; width: 20px; height: 15px; left: 15px; top: 15px; } /* masonry-col3 link post */ .grid3 .format-link { padding-left: 45px; } .grid3 .format-link .post-icon { background: url(images/link-icon-small.png) no-repeat; width: 20px; height: 20px; position: absolute; left: 15px; top: 15px; } /* masonry-col2 ------------------------------------------- */ .grid2 .post-wrap { width: 442px; margin-left: 20px; float: left; } /* sidebar1 grid2 post wrap */ .sidebar1 .grid2 .post-wrap { width: 306px; /* 298px; */ } /* masonry-col2 gallery post */ #body .grid2 .format-gallery .gallery dl { margin: 0 8px 10px; } /************************************************************************************ PAGE NAVIGATION *************************************************************************************/ .pagenav { clear: both; margin: 70px 5px 15px; text-align: right; } .pagenav a, .pagenav .current { color: #333; text-decoration: none; padding: 3px 8px; margin: 0 2px; vertical-align: middle; display: inline-block; zoom:1; *display:inline; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; text-shadow: 0 1px 0 rgba(255,255,255,.7); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); box-shadow: 0 1px 2px rgba(0,0,0,.4); background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background: -moz-linear-gradient(top, #fff, #ddd); background: linear-gradient(-90deg, #fff, #ddd); } .pagenav a:hover { text-decoration: none; background: #ddd; } .pagenav .current, .pagenav .current:hover { background: #333; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.7); } /************************************************************************************ POST NAVIGATION *************************************************************************************/ .post-nav { margin: 40px 0 0; padding: 15px 0; clear: both; } .post-nav span { width: 45%; } .post-nav a { text-decoration: none; font-size: 120%; font-weight: bold; } .post-nav a:hover { text-decoration: none; } .post-nav .prev { float: left; } .post-nav .prev a { background: url(images/previous-arrow.png) no-repeat left 2px; padding: 6px 0 6px 34px; display: block; } .post-nav .next { float: right; text-align: right; } .post-nav .next a { background: url(images/next-arrow.png) no-repeat right 2px; padding: 6px 34px 6px 0; display: block; } /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap { margin: 40px 0 0; padding: 14px; position: relative; background: #224; } .comment-title { font-size: 140%; margin: 0 0 10px; padding: 0; } .next-prev-comment { position: absolute; top: 14px; right: 0; } .next-prev-comment a { text-decoration: none; font-size: 85%; text-transform: uppercase; font-weight: bold; } .next-prev-comment .next { margin: 0 0 0 20px; } /* commentlist */ .commentlist { margin: 10px 0; padding: 15px 0 0; list-style: none; } .commentlist li { margin: 0; padding: 0; list-style: none; position: relative; } /* comment page nav */ .commentwrap .pagenav.top { position: absolute; top: -60px; right: 0; } .commentwrap .pagenav.bottom { margin-top: 10px; } .commentlist .comment-author { margin: 2px 0 5px; padding: 0; } .commentlist .avatar { background: #fff; border: solid 1px #ccc; padding: 3px; float: left; margin: 0 15px 0 0; } .commentlist cite { font: italic 18px/120% "Times New Roman", Times, serif; } .commentlist cite a { text-decoration: none; } .commentlist .bypostauthor > .comment-author cite { background: url(images/icon-author-comment.png) no-repeat 0 2px; padding-left: 18px; } .commentlist .comment-time { font-size: 75%; text-transform: uppercase; } .commentlist .commententry { position: relative; min-height: 40px; padding-bottom: 10px; overflow: hidden; } .commentlist ul, .commentlist ol { margin: 0 0 0 10%; padding: 0; } .commentlist .reply { position: absolute; right: 0; top: 8px; } .commentlist .comment-reply-link { font-size: 11px; text-transform: uppercase; text-decoration: none; } .commentlist .comment-reply-link:hover { text-decoration: none; } /* comment form */ #respond { margin: 0; padding: 0 0 20px; position: relative; clear: both; } #respond #cancel-comment-reply-link { position: absolute; top: 18px; right: 0; font-size: 85%; line-height: 100%; text-decoration: none; padding: 5px 10px; color: #fff; background: #F30; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; } #respond #cancel-comment-reply-link:hover { background: #333; } #commentform { margin: 15px 0 0; } #commentform input[type=text] { width: 206px; margin-right: 5px; } #commentform label { font-weight: bold; } #commentform label small { font-weight: normal; } #commentform textarea { width: 97%; height: 140px; } #commentform input#submit { padding: 7px 20px; } /************************************************************************************ SIDEBAR *************************************************************************************/ #sidebar { width: 152px; float: right; font-size: 95%; } .widget { margin: 0 0 40px; } .widgettitle { font: bold 12px/120% "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-transform: uppercase; letter-spacing: .1em; margin: 0 0 5px; padding: 0 0 7px; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget li { padding: 0 0 10px; margin: 0; } .widget ul ul { padding: 10px 0 0 18px; margin: 0; list-style: disc; } .widget ul ul li { padding: 0 0 8px; margin: 0; } /************************************************************************************ WIDGET STYLES *************************************************************************************/ /* calendar widget */ .widget #wp-calendar caption { font-weight: bold; padding-bottom: 10px; } .widget #wp-calendar td { width: 31px; padding: 4px 2px; text-align: center; } /* feature posts widget */ .widget .feature-posts-list .post-img { margin: 2px 12px 10px 0; float: left; } .widget .feature-posts-list small { font: italic 90% "Times New Roman", Times, serif; } .widget .feature-posts-list .feature-posts-title { font-weight: bold; margin: 3px 0 0; display: inline-block; } /* twitter widget */ .widget .twitter-list .twitter-timestamp { font: italic 90% "Times New Roman", Times, serif; } .widget .follow-user { margin: 0; padding: 5px 0; } /* links widget */ .widget .links-list img, .widget_links img { vertical-align: middle; } /* recent comments widget */ .recent-comments-list .avatar { margin-right: 12px; float: left; } /* flickr widget */ .widget .flickr_badge_image { margin-top: 10px; } .widget .flickr_badge_image img { width: 50px; height: 50px; margin-right: 12px; margin-bottom: 12px; float: left; } /* search widget */ #sidebar #searchform { position: static; } #sidebar #searchform #s { width: 93%; } /************************************************************************************ FOOTER *************************************************************************************/ #footer { clear: both; padding: 25px 0 60px; font-size: 95%; } .footer-text { clear: both; font-size: 85%; } /************************************************************************************ FOOTER NAV *************************************************************************************/ #footer-nav { margin: 0 0 5px; padding: 0; clear: both; } #footer-nav li { margin: 0 10px 5px 0; padding: 0; list-style: none; float: left; } #footer-nav a { text-decoration: none; } #footer-nav a:hover { text-decoration: underline; } /************************************************************************************ CLEAR & ALIGNMENT *************************************************************************************/ .clear { clear: both; } .left { float: left; } .right { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } /* clearfix */ .clearfix:after, .widget li:after, .menu:after, #main-nav:after, #footer-nav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix, .widget li, .menu, #main-nav, #footer-nav { display: inline-block; } /* clearfix for ie7 */ .clearfix, .widget li, .menu, #main-nav, #footer-nav { display: block; zoom: 1; } /************************************************************************************ WORDPRESS POST FORMATTING *************************************************************************************/ img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom: 15px; } .alignleft { float: left; margin-right: 30px; } .alignright { float: right; margin-left: 30px; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text { font: italic 95%/120% Georgia, "Times New Roman", Times, serif; margin: 6px 0; } /************************************************************************************ IMAGE STYLES *************************************************************************************/ img.alignleft, img.aligncenter, img.alignright, img.alignnone, .wp-caption img, .widget .feature-posts-list .post-img, .widget .flickr_badge_image img, .commentlist .avatar, .recent-comments-list .avatar, .gallery img, .attachment img { padding: 3px !important; background: #fff !important; border: solid 1px #ccc !important; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /************************************************************************************ ISOTOPE *************************************************************************************/ .isotope, .isotope .isotope-item { -webkit-font-smoothing: antialiased; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } /* Prevent Post box container cropping */ .isotope { overflow:visible !important; } .isotope-hidden { display: none !important; } h1.post-title { font-family: 'Sue Ellen Francisco', 'Trebuchet MS','Lucida Grande'; font-weight:normal; font-size: 2.8em; line-height:1.1em; margin:0; padding:0; color:#CCC; } h4.author-name { margin:0 0 12px 0; padding:0; color:#ABC; text-decoration:none; font-style:normal; font-weight:normal; text-shadow:0; font-size:100%; } #spcont { background:#224; padding:12px; }