/* Theme Name: HER Theme URI: http://www.cadengrant.me/themes/her Description: Premium Portfolio/Photography WordPress Theme Author: Caden Grant Version: 1.1 Tags: dark, theme-options, custom-menu, white, black, one-column, two-columns, three-columns, four-columns, custom-colors, custom-background, photoblogging, threaded-comments, theme-options, light, red, silver, tan */ /************************************************** 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, font, img, ins, kbd, q, s, samp, small, strike, /*strong,*/ sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1.5em; background:#000; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; line-height:30px; padding: 0 5px; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } body { font-family: Arial; font-size: 14px; height: 100%; color: #727272; overflow: none; } p { font-family: Arial; font-size: 14px; margin-bottom: 20px; line-height: 21px; color: #888; } h1, h2, h3, h4, h5, h6 { color: #fff; } a { text-decoration: none; } pre { margin: 10px 0 10px 0; line-height: 22px; padding: 0 0 0 15px; background-image: url('images/pre.gif'); border: 1px solid #e7e7e7; overflow: auto; } /* ------- Fluid Columns ------- */ .one_half{ width:48%; } .one_third{ width:30.66%; } .two_third{ width:65.33%; } .one_fourth{ width:22%; } .three_fourth{ width:74%; } .one_fifth{ width:16.8%; } .two_fifth{ width:37.6%; } .three_fifth{ width:58.4%; } .four_fifth{ width:67.2%; } .one_sixth{ width:13.33%; } .five_sixth{ width:82.67%; } .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; } .last{ margin-right:0 !important; clear:right; } .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;} /* ################################################################ # HEADER STYLING ################################################################ */ /* #background { width: 100%; height: 100%; font-size: 0px; position: fixed; top: 0px; left: 0px; z-index: -1; text-align: center; } */ #container { width:100%; height:100%; } #logo { width: 200px; z-index: 200; position: fixed; margin: 5px 0 0 0; top: 50px; left: 20px; } #dropdownc { position: fixed; width: 100%; z-index: 1000; top: 0; left: 0; display: none; } #dropdown { position: relative; width:1140px; z-index: 1000; background: #000000; opacity: 1; position:absolute; top:5%; width:100%; } #ddcontent { padding: 0 40px; width: 1000px; overflow: none; position: relative; margin-left: auto ; margin-right: auto ; } #ddcontent .widget-title { color: #8d9094; } #ddcontent { color: #b3b7bc; } #ddcontent a { color: #f0f3f7; } #ddborder { margin-bottom: -7px; width: 100%; height: 7px; background-image: url(images/ddborder.png); } /************* COLUMN SHORTCODES **************/ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left; } .one_half { width: 48%; float: left; } .one_third { width: 30.6666%; float: left; } .two_third { width: 65.3332%; float: left; } .one_fourth { width: 22%; float: left; } .two_fourth { width: 48%; float: left; } .three_fourth { width: 74%; float: left; } .one_fifth { width: 16.8%; float: left; } .two_fifth { width: 37.6%; float: left; } .three_fifth { width: 58.4%; float: left; } .four_fifth { width: 79.2%; float: left; } .one_sixth { width: 13.3333%; float: left; } .two_sixth { width: 30.6666%; float: left; } .three_sixth { width: 47.9998%; float: left; } .four_sixth { width: 65.3332%; float: left; } .five_sixth { width: 82.6665%; float: left; } .last { margin-right: 0 !important; clear: right; }