/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* overall size */ body.custom {position:relative; width:1003px; text-align:center; margin-right:auto; margin-left:auto;} /* overall header */ .custom div.topfixedbardiv {position:fixed; top:-1px; width:1021px; height:27px; margin-right:auto; margin-left:-25px; background-color:white; border:2px ridge #526B4C; text-align:left; padding-top:4px; z-index:1000;} .custom p.topfixedbarp {float:left; margin-left:22px; font-size:11px; text-align:left; vertical-align:middle;} .custom p.topfixedbarp a img {vertical-align:middle;} .custom div.topfixedbardiv form.search_form input.text_input {width:230px; height:21px; background-color:#E3FFDB !important; margin-top:0; margin-left:0; font-size:12px; color:black !important; vertical-align:middle; z-index:1001;} .custom #header_area .page {background-color:#7EA574 !important; width:960px; height:146px; margin-top:33px;} .custom #header {width:960px; height:146px; border:0; padding:0;} .custom img#headerimg {vertical-align:bottom; border:0; padding:0;} /* overall menu */ div.navigation {width:960px; margin-left:auto; margin-right:auto; background:url(http://www.listenupreviews.com/baseimages/menubackground.png);} ul#menu-listenupreviews-main-menu {width:933px; margin-left:auto; margin-right:auto;} /* overall body */ .custom div#content_area {margin-top:30px;} .custom div#content_box div#content {margin-left:1px !important;} /* overall category headers (the added ones are in the custom functions file) */ .custom div#archive_info p {display:none !important;} .custom div#archive_info h1 {text-align:center !important; color:green !important; font-weight:bold !important;} body.cat_tv-shows div#archive_info {display:none !important;} /* main styles */ .custom div.headline_area h1 {text-align:center !important; color:green !important; font-weight:bold !important;} .custom div.headline_area h2 {text-align:center !important;} body.about h2 {text-align:center !important; font-weight:bold !important;} body.about div.headline_area h2 {color:green !important;} .custom div.categorypageheaderdiv {text-align:center; border-bottom:1px solid #DDDDDD;} .custom p.categorypageheaderp {font-size:14px; text-indent:2em; text-align:justify; line-height:1.5em; margin-right:0; padding:10px 20px 10px 10px;} body.cat_agnes div#archive_info, body.cat_brad-noah div#archive_info, body.cat_children-183 div#archive_info, body.cat_disciple div#archive_info, body.cat_eowyn div#archive_info, body.cat_falling-up div#archive_info, body.cat_family-force-5 div#archive_info, body.cat_fireflight div#archive_info, body.cat_five-iron-frenzy div#archive_info, body.cat_flatfoot-56 div#archive_info, body.cat_flyleaf div#archive_info, body.cat_high-flight-society div#archive_info, body.cat_john-reuben div#archive_info, body.cat_kutless div#archive_info, body.cat_matthew-thiessen-and-the-earthquakes div#archive_info, body.cat_plumb div#archive_info, body.cat_relient-k div#archive_info, body.cat_showbread div#archive_info, body.cat_skillet div#archive_info, body.cat_spoken div#archive_info, body.cat_superchick div#archive_info, body.cat_switchfoot div#archive_info, body.cat_the-newsboys div#archive_info, body.cat_the-wedding div#archive_info, body.cat_thousand-foot-krutch div#archive_info, body.cat_tobymac div#archive_info, body.cat_underoath div#archive_info {border:0;} .custom p.mainp {margin-right:0; text-indent:2em; text-align:justify;} .custom .floatright {text-indent:0; float:right;} .custom .floatleft {text-indent:0; float:left;} .custom p.center {text-indent:0; text-align:center;} .custom p.noin {margin-right:0; text-indent:0; text-align:justify;} .custom p.imagecreditsp {margin-top:-20px; padding-top:0; text-indent:0; font-size:80%; text-align:center;} .custom p.ratingslistsmall {margin-left:35px; margin-right:35px; text-indent:0; font-size:14px; text-align:justify;} .custom p.awardnomineesandhonorablementionsp {margin-left:auto; margin-right:auto; text-indent:0; text-align:justify;} .custom div.hearentirealbumonlinediv {position:relative;} .custom p.hearentirealbumonlinep {position:absolute; top:-25px; left:9px; margin:0; padding:0;} .custom img.hearentirealbumonlineimg {margin:0; padding:0; border:0;} .custom img#hearentirealbumonlineimgon {width:0; height:0;} .custom a:hover img#hearentirealbumonlineimgoff {border:0; width:0; height:0;} .custom a:hover img#hearentirealbumonlineimgon {border:0; width:187px; height:131px;} .custom h2.newsfeatureditemtitle {text-indent:0; text-align:center; text-decoration:none; margin-top:35px; margin-bottom:10px;} .custom div.newsfeatureditem {width:80%; border: 1px solid #526B4C; margin:0 auto 40px auto; padding:0 17px 0 17px;} .custom div.newsfeatureditem h2 {color:green; margin-top:11px;} .custom img.customborderedimage {border:1px solid #DDDDDD;} .custom img.minitease {vertical-align:middle; margin-right:15px; border:1px solid #DDDDDD;} .custom img.indexpageimage {vertical-align:bottom; margin:0; padding:0; border:1px solid #DDDDDD;} .custom img.smile {vertical-align:middle; margin-top:-4px;} .custom div.contentadvisorydiv {margin:35px auto 30px auto; text-align:center;} .custom p.contentadvisoryrightp {float:right; margin-right:120px;} .custom div.moviedifferencesfrombookdiv {margin:35px auto 30px auto; text-align:center;} .custom div.sidebarslidingnotediv {margin:-8px auto 20px auto; text-align:center;} .custom div.ratingslistslider {margin-top:25px; margin-bottom:25px; margin-left:70px; text-indent:0; text-align:justify;} .custom div.awardnomineesandhonorablementionsdiv {margin:25px auto 25px auto; text-align:center;} .custom div.tablereplacement {text-align:center; background-color:white; border:1px solid #DDDDDD; padding:15px 15px 0 15px;} .custom p.rating {text-indent:0; text-align:center; background-color:white; border:1px solid #DDDDDD; padding-top:3px;} .custom img.star {vertical-align:middle; margin-top:-4px; padding:3px 0 3px 5px;} .custom span.red {color:red !important; font-weight:bold !important;} .custom span.green {color:green; font-weight:bold;} .custom span.darkgreen {color:#526B4C;} .custom .format_text .to_comments span.bracket {color: #526B4C;} .custom p.to_comments {text-indent:0; text-align:center;} .custom div#respond_intro p.customcommenttitletext {color:green; font-weight:bold;} .custom div#comments {text-indent:0; text-align:center;} .custom div.addtoany_share_save_container {text-indent:0; text-align:center;} .custom div#secureimgdiv {width:550px; border:3px solid #526B4C; margin:10px auto 10px auto; padding-top:10px; font-size:14px; text-align:center;} .custom div#secureimgdiv label, .custom div#secureimgdiv p {font-size:14px;} .custom p.cf-sb {text-align:left; margin-left:100px; margin-top:10px;} .custom p.cf-sb #sendbutton {color:black; padding:5px 15px 5px 15px;} .custom hr {margin-bottom:21px;} /* link colors */ .custom p a:link {color:navy !important; font-weight:bold !important; text-decoration:underline !important;} .custom p a:visited {color:maroon !important; font-weight:bold !important; text-decoration:underline !important;} .custom p a:focus {color:teal !important; font-weight:bold !important; text-decoration:underline !important;} .custom p a:hover {color:teal !important; font-weight:bold !important; text-decoration:underline !important;} .custom p a:active {color:teal !important; font-weight:bold !important; text-decoration:underline !important;} .custom div.headline_area h2 a:link, .custom p.to_comments a:link, .custom p.customcommentpolicylink a:link {color:navy !important; font-weight:bold !important; text-decoration:underline !important;} .custom div.headline_area h2 a:visited, .custom p.to_comments a:visited, .custom p.customcommentpolicylink a:visited {color:maroon !important; font-weight:bold !important; text-decoration:underline !important;} .custom div.headline_area h2 a:focus, .custom p.to_comments a:focus, .custom p.customcommentpolicylink a:focus {color:teal !important; font-weight:bold !important; text-decoration:underline !important;} .custom div.headline_area h2 a:hover, .custom p.to_comments a:hover, .custom p.customcommentpolicylink a:hover {color:teal !important; font-weight:bold !important; text-decoration:underline !important;} .custom div.headline_area h2 a:active, .custom p.to_comments a:active, .custom p.customcommentpolicylink a:active {color:teal !important; font-weight:bold !important; text-decoration:underline !important;} /* slider plugin styles */ .hackadelic-sliderPanel { border: 1px solid #ccc; padding: 5px; -moz-border-radius: 1em; -webkit-border-radius: 1em; } div.contentadvisorydiv a.hackadelic-sliderButton { border: 1px solid lightgrey; background-color: #FFFFFF; color:red; font-weight:bold; text-decoration:underline; margin-left:90px; padding:4px 8px 6px 8px; -moz-border-radius: 1em; -webkit-border-radius: 1em; } div.moviedifferencesfrombookdiv a.hackadelic-sliderButton, div.ratingslistslider a.hackadelic-sliderButton, div.awardnomineesandhonorablementionsdiv a.hackadelic-sliderButton { border: 1px solid lightgrey; background-color: #FFFFFF; color:green; font-weight:bold; text-decoration:underline; padding:4px 8px 6px 8px; -moz-border-radius: 1em; -webkit-border-radius: 1em; } div.sidebarslidingnotediv a.hackadelic-sliderButton { border: 1px solid lightgrey; background-color: #FFFFFF; color:red; font-weight:bold; text-decoration:underline; width:60px; margin:0 auto 0 auto; padding:4px 8px 6px 8px; -moz-border-radius: 1em; -webkit-border-radius: 1em; } div.contentadvisorydiv a.hackadelic-sliderButton:hover { background-color: #FFFFFF; text-decoration:none; } div.moviedifferencesfrombookdiv a.hackadelic-sliderButton:hover, div.ratingslistslider a.hackadelic-sliderButton:hover, div.awardnomineesandhonorablementionsdiv a.hackadelic-sliderButton:hover { background-color: #FFFFFF; text-decoration:none; } div.sidebarslidingnotediv a.hackadelic-sliderButton:hover { background-color: #FFFFFF; text-decoration:none; } /* overall sidebar */ .custom li.widget_text h3 {color:green !important; font-size:20px !important; font-weight:bold !important; margin-bottom:22px;} .custom li.widget_text {text-align:center; background-color:white; border:1px solid #DDDDDD; margin-top:-10px; padding-top:10px;} .custom p.specificpostsidebars {text-align:center;} /* overall footer */ .custom #footer_area .page {margin-bottom:21px; padding-bottom:0;} .custom div#footer_area p {text-align:center; margin-left:auto; margin-right:auto; padding-left:0; padding-right:0;}