/* Theme Name: Gallery Theme URI: http://www.layerace.com/gp-theme Description: Wordpress gallery theme by Robertas Pezas Version: 1.0 License: GNU General Public License License URI: license.txt Author: Robertas Pezas Author URL: http://www.layerace.com/ Tags: black, blue, gray, theme-options, custom-menu, two-columns, fixed-width, custom-header, featured-images */ /* 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1.5; font-family: helvetica, arial, sans-serif; background: url(img/texture.jpg) repeat; } ol, ul { list-style: none; } /* End reset */ p { font-size: 12px } a { text-decoration: none; font-size: 12px; } a:hover { text-decoration: underline; } #search input { background: #f0f0f0; border: 1px solid #d2d2d2; color: #6; padding: 3px; } #search input:focus { background: #ffffff; color: #4e4e4e; } #search input:hover { background: #ffffff; color: #4e4e4e; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h2 { font-size: 22px; } h2,h3 { margin-bottom: 15px; } /* Main styles */ #wrap { width: 960px; margin: auto; } #header { height: 126px; } #header h1 { margin-top: 20px; width: 259px; float: left; text-indent: -10px; } #header h1 a { width: 259px; height: 85px; display: block; } #header p { text-indent: -9999px; } #searchForm fieldset { float: right; width:240px; position:relative; display:block; padding-top: 45px; } div.input { width:120px; padding:5px 15px 7px 15px; border-radius:20px; border:1px solid #c6d2db; border-top:1px solid #b4c1cb; box-shadow:inset 0 1px 2px rgba(0,0,0,0.08); float:right; background:#e8edf1; } div.input.focus { border:1px solid #9ecbe2; box-shadow:0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08); } input#s { width:100%; border:0; border-radius:20px; background:transparent; height:16px; color:#b4bdc4; text-shadow:0 1px 1px #fff; } input#s:focus { outline:none } input#searchSubmit { width:19px; height:19px; text-indent:-9999px; overflow:hidden; background:url(../img/search-icon.png) no-repeat; border:0; position:absolute; top:7px; right:13px; z-index:5; display:none; cursor:pointer; } /* Navigation Styles*/ #navigation { clear: both; display: block; float: left; margin: 10px 0px 10px 0px; width: 100%; } #navigation .menu a { display: block; line-height: 30px; text-decoration: none; } #navigation li { float: left; margin-right: 20px; position:relative; } #navigation ul a { font-weight: bold; padding: 0px 10px 0px 10px; } #navigation .sub-menu { overflow:hidden; width: 180px; } #navigation ul ul { display: none; float: left; margin: 0; position: absolute; left: 0; width: 188px; z-index: 99999; } #navigation ul ul li{ float: none; } #navigation ul ul a { background: #f0f0f0; width: 160px; border-bottom: 1px dotted #ddd; color: #000000; font-weight: bold; font-size: 13px; height: auto; line-height: 1.4em; padding-left: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #navigation ul li:hover > ul { } #navigation li:hover > a, #navigation ul ul :hover > a{ background: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #navigation li:hover > a{ background: #ffffff; /* Show a solid color for older browsers */ color: #000000; font-weight: bold; -moz-box-shadow:inset 0 0 3px #567890; -webkit-box-shadow:inset 0 0 3px #567890; box-shadow:inset 0 0 3px #567890; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #navigation .current_page_item > a, #navigation .current_page_ancestor > a { font-weight: bold; background: #ffffff; /* Show a solid color for older browsers */ color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .rss a { margin-top: 5px; padding-left: 25px; padding-top: 2px; background: url(img/rss.png) no-repeat; float: right; } /* End navigation Styles*/ /* Main content styles */ #main { clear: both; } #leftcontent_border { position: relative; width: 640px; float: left; margin-bottom: 30px; } #leftcontent { border-top:1px solid white; width: 625px; float: left; padding-top: 15px; padding-left: 15px; background: url(img/transparentbg.png) repeat; -moz-box-shadow: 0px 0px 5px 2px #ccc; -webkit-box-shadow: 0px 0px 5px 2px #ccc; box-shadow: 0px 0px 5px 2px #ccc; } #leftcontent img { padding: 4px; background: #ffffff; border: 1px solid #c3c3c3; } .left { float: left; margin-bottom: 20px; } .middle { margin-left: 20px; float: left; margin-bottom: 20px; } .right { float: left; margin-left: 20px; margin-bottom: 20px; } /* End main content styles */ /* Custom Paginations Styles*/ .pagination { float:left; clear:both; padding:0px 0px 20px; position:relative; font-size:11px; line-height:13px; } .pagination span, .pagination a { width:auto; display:block; float:left; margin: 2px 10px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; color:#161616; background: #e4e4e4 url(img/pag-trans.png) no-repeat; border: 1px solid #cdcdcd; text-shadow: 0 1px 0 white; } .pagination a:hover{ color:#fff; border: 1px solid #545454; background: #7a7a7a url(img/pag-trans.png) no-repeat; font-weight: bold; text-shadow: 0 1px 0 #333333; } .pagination .current{ padding:6px 9px 5px 9px; border: 1px solid #545454; background: #7a7a7a url(img/pag-trans.png) no-repeat; color:#fff; font-weight: bold; text-shadow: 0 1px 0 #333333; } /* End Custom Paginations Styles*/ /* Single Post Styles */ .post-left { margin-top: 20px; margin-bottom: 20px; float: left; width: 270px; } .post-right { margin-top: 20px; margin-bottom: 20px; margin-right: 20px; float: right; width: 330px; } p.meta { font-weight: bold; font-size: 14px; } /* End Single Post Styles */ /* Page Styles */ .page_content{ padding: 15px; margin-bottom: 20px; } /* End Page Styles */ /* Comments Template */ .form-allowed-tags{ display: none; } #comments{ width: 580px; } #comments_template{ margin-right: 20px; clear: both; margin-bottom: 20px; border-top: 1px solid #b1b1b1; padding-top: 20px; } #comments_template input{ margin-bottom: 5px; } #comments_template li { clear:left; padding: 2em 0; border-top: 1px solid white; border-bottom: 1px solid #e2e2e2; overflow:hidden; } #comments_template li:first-child{ border-top: none; } #comments_template li:last-child{ border-bottom: none; } #comments_template .avatar{ margin-right: 15px; } .avatar { float: left; } .main_comment{ background: white; margin-left: 130px; padding: 15px; position: relative; } .main_comment span.arrow{ width: 0; height: 0; line-height: 0; border-bottom: 25px solid #f5f5f5; border-right: 20px solid white; position: absolute; top: 10px; left: -20px; } #comment { max-width: 600px; min-width: 600px; } /* End Comments Template */ /* Sidebar styles */ #sidebar { width: 300px; float: right; } .textwidget { font-size: 12px; } #sidebar .widget { padding: 20px; margin-top: 1px; margin-bottom: 20px; background: url(img/transparentbg.png) repeat; border-top: 1px solid white; -moz-box-shadow: 0px 0px 5px 2px #ccc; -webkit-box-shadow: 0px 0px 5px 2px #ccc; box-shadow: 0px 0px 5px 2px #ccc; } #sidebar .widget:last-child { margin-bottom: 0px; } #sidebar .widget h2 { font-size: 18px; } #sidebar .widget ul { padding-top: 0px; } #sidebar .widget ul li { border-top: 1px solid white; border-bottom: 1px solid #e2e2e2; } #sidebar .widget ul li:first-child { border-top: none; } #sidebar .widget ul li:last-child { border-bottom: none; } /* End sidebar styles */ /* Fotter styles*/ #footer { overflow: hidden; width: 960px; margin: auto; } #footer .widget { list-style: none; margin-bottom: 30px; padding-top: 30px; } #footer_left { clear: both; float: left; width: 320px; } #footer_middle { float: left; margin-left: 40px; width: 280px; } #footer_right { float: right; width: 280px; } #footer h2 { color: white; font-size: 18px; } #footer .textwidget { color: white; } #footer a { color: white; } #footer_bottom a { color: white; } #footer ul { margin-top: 15px; width: 280px; } #footer .widget ul li:first-child { border-top: none; } #footer .widget ul li:last-child { border-bottom: none; } #footer_bottom { overflow: hidden; padding-top: 10px; padding-bottom: 10px; width: 960px; margin: auto; } /* End fotter styles*/ /* End main styles */ #largeImage { position: absolute; padding: .5em; background: #e3e3e3; border: 1px solid #bfbfbf; } .wp-caption {} .wp-caption-text {} .sticky {} .gallery-caption {} .bypostauthor {} .alignright {} .alignleft {} .aligncenter {}