/* Theme Name: heyshauna_susanpoint Theme URI: http://heyshauna.com/ Description: Susan Point Author: heyshauna Author URI: http://heyshauna.com/ Tags: heyshauna */ /*================================================================================================================== =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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } /*==================================================================================================================== =Document --------------------------------------------------------------------------------------------------------------------*/ body { font-family: "Times New Roman", Times, serif; padding: 25px 0; color: #666; } .work_description, li, div, p { font-size: 14px; color: #666; line-height: 19px; font-family: Georgia, "Times New Roman", Times, serif; text-align: justify; } p { margin-bottom: 19px; } li { margin: 3px 0; } .clear { clear: both; } h1, h1 a, h2, h2 a, h3, h3 a { font-weight: normal; color: #ccc; } h4, h4 a, h5, h5 a, h6, h6 a { font-weight: normal; color: #cc0000; } h1,h4 { font-size: 24px; line-height: 34px; margin-bottom: 20px; } h2,h5 { font-size: 22px; line-height: 27px; margin-bottom: 10px; } h3,h6 { font-size: 16px; line-height: 23px; margin-bottom: 10px; } .hys_page_gallery_label { display: none; } a, a:link, a:visited { color: #cc0000; text-decoration: none; } a:hover, a:active, a:visited:hover { text-decoration: underline; color: #ff3333; } ::selection { background: #ffcccc; } ::-moz-selection { background: #ffcccc; } .dark, a:link.dark, a:visited.dark, .dark a:link, .dark a:visited { color: #333 !important; } a:hover.dark, a:visited:hover.dark .dark a:hover, .dark a:visited:hover { color: #cc0000 !important; } .normal, a:link.normal, a:visited.normal, .normal a:link, .normal a:visited { color: #666 !important; } a:hover.normal, a:visited:hover.normal .normal a:hover, .normal a:visited:hover { color: #cc0000 !important; } .light, a:link.light, a:visited.light, .light a:link, .light a:visited { color: #999 !important; } a:hover.light, a:visited:hover.light .light a:hover, .light a:visited:hover { color: #cc0000 !important; } .red, .red a, a.red { color: #cc0000 !important; } .red a:visited:hover, a.red:visited:hover, .red a:hover, a.red:hover { color: #ff3333 !important; } #container { width: 960px; margin: 0px auto; overflow: hidden; } #container nav { overflow: hidden; margin-bottom: 5px; } #container nav ul { list-style: none; overflow: hidden; float: right; } #container nav ul li { list-style: none; float: left; } #container nav ul li a { font-weight: normal !important; display: inline-block;padding: 10px; font-size: 23px; color: #999; text-transform: lowercase; text-decoration: none; } #container nav ul li a:hover, #container nav ul li a:visited:hover, #container nav ul li.current_page_item a { color: #cc0000; text-decoration: none; } #sidebar h1 { text-align: right;padding-top: 100px; color: #ccc; } a#brand { font-size: 46px; color: #ccc; margin-bottom: 30px; display: block; width: 300px; float:left; margin-top: 13px; height: 61px; } a#brand span { color: #cc0000; } /* a#brand:hover { text-decoration: none; color: #cc0000 } */ /* a#brand:hover span { color: #ccc; } */ #sidebar { width: 627px; float: right; min-height: 200px; } #content { width: 300px; } .page-template-page-faqlinks-php #sidebar, .page-template-page-press-php #sidebar { width: 300px; } .page-template-page-faqlinks-php #sidebar #slideshow, .page-template-page-press-php #sidebar #slideshow { display: none; } .page-template-page-faqlinks-php a#brand, .page-template-page-faqlinks-php #content, .page-template-page-press-php a#brand, .page-template-page-press-php #content { width: 627px; } #home_tile div, #slideshow #top div, #slideshow #btm_right div, #slideshow #btm_left div { display: none; } .line { color: #ccc; margin-bottom: 15px; } .back_button { display: block; padding-top: 15px } #slideshow #top { background: #efefef; width: 627pxl; height: 339px; overflow: hidden; margin-bottom: 3px; } #slideshow #btm_right { background: #efefef; width: 287px; height: 200px; overflow: hidden; float: right;} #slideshow #btm_left { background: #efefef; width: 337px; height: 200px; overflow: hidden; float: left;} #home_tile { background: #efefef; width: 330px; height: 375px; float: left; overflow: hidden; margin-top: 63px; } /* #sidebar { padding-top: 90px; } */ #sidebar ul { list-style: none; } #sidebar ul li { list-style: none; } #sidebar ul li h1 { } #sidebar ul li h2 { text-align: right; font-size: 46px; } #sidebar ul li ul { } #sidebar ul li ul li { text-align: right; } #sidebar ul li ul li .line { } #sidebar ul li ul li a:link, #sidebar ul li ul li a:visited { color: #333; font-style: italic; font-size: 14px; display: block; } #sidebar ul li ul li a:hover, #sidebar ul li ul li a:visited:hover { color: #cc0000; text-decoration: none; } #sidebar .line { text-align: right !important; } h1 { font-size: 46px; line-height: 52px; text-transform: lowercase; color: #999; margin-bottom: 30px; } ul.photo_gallery { overflow: hidden; padding-bottom: 15px !important; } ul.photo_gallery li img, ul.photo_gallery li { border: 0 !important; padding: 0 !important } ul.photo_gallery li { line-height: 0px; margin: 2px !important; width: 152px; overflow: hidden; line-height: 0 !important; } ul.photo_gallery li img { width: 150px !important; height: 100px !important } .page-template-page-works-php ul.photo_gallery li img { border: 1px solid #ccc !important; } #sidebar h2 { font-size: 24px; color: #ccc; text-transform: lowercase; margin-top: 25px; padding-bottom: 10px; } h1.cat_title, h1.cat_title a:link, h1.cat_title a:visited { color: #ccc; } h1.cat_title span, h1.cat_title a:link span, h1.cat_title a:visited span { color: #999; } h1.cat_title a:hover, h1.cat_title a:visited:hover { text-decoration: none; color: #999; } h1.cat_title a:hover span, h1.cat_title a:visited:hover span { text-decoration: none; color: #cc0000; } footer { clear: both; } footer p { color: #ccc; font-size: 11px; font-family: Arial; text-align: right; padding-top: 6px; } footer p a:link, footer p a:visited { color: #ccc; } footer p a:hover, footer p a:visited:hover { color: #cc0000; text-decoration: none; } #content a.hys_readmore { display: block; margin-top: -10px !important; font-style: italic; } .page-template-page-works-php h2 { float: left; clear: both; } .page-template-page-works-php #sidebar ul { clear: both; } .page-template-page-works-php #sidebar .hys_readmore { display: block; float: left; padding: 13px 0 0 10px; } .page-template-page-works-php #sidebar .hys_moreless { clear: both; } .mobile #sidebar, .mobile #content { float: none; width: 460px; } .mobile #sidebar { margin: 0px auto 25px auto; clear: both; overflow: hidden; } .mobile #sidebar ul { overflow: hidden; } .mobile #sidebar ul , .mobile #sidebar ul li, .mobile #sidebar ul li a, .mobile #sidebar ul li ul, .mobile #sidebar ul li ul li, .mobile #sidebar ul li h1, .mobile #sidebar ul li h2 { text-align: left !important; } .mobile #sidebar ul li h1 { padding-top: 15px !important; } .mobile ul.photo_gallery.hys_gallery { clear: both; } .mobile ul.photo_gallery.hys_gallery li { margin: 0 1px 1px 0 !important; } .mobile ul.photo_gallery.hys_gallery li img { border: 0 !important; } .mobile #sidebar .line { text-align: left !important } .mobile #container { width: 460px; padding: 10px; } .mobile #container nav ul { float: left; } .mobile #container nav ul li a { padding-left: 0; padding-right: 15px; } /*-------------------------------------------------------------------------------------------------------------------- ====================================================================================================================*/