/* 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/ */ /* File: custom.css Description: Custom styles for the Thesis Theme that you define */ /*---:[ header ]:---*/ .custom #header_area { background-color: #666666; padding-top: 0em; } .custom #header { border-width: 0px; background-color: #666666; } /*---:[ logo ]:---*/ .custom #logo { height:43px; top:0; width:333px; } .custom #logo a { background:transparent url(http://www.thecatholictraveler.com/images/logo2.png) no-repeat scroll 0 0; display:block; height:43px; text-indent:-9999px; width:333px; } .custom #logo a:hover { padding-top: 7px; } /*---:[ menu ]:---*/ .custom #nav_area { background-color: #666666; padding-top: 0em; } .custom .menu { background-color: #666666; padding-top: 0em; } .custom .menu, .menu a, .menu li ul { border-bottom-color: #666666; border-style: solid; } .custom .menu ul li { border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; clear: both; } .custom .menu .current-parent > a, .menu .current-cat-parent > a { border-bottom-color: #fbfcfa; color: #666666; background: #FBFCFA; } .menu ul .current a, .menu ul .current-cat a, .menu .current ul a, .menu .current-cat ul a { background-color: #e6e6e6; border-bottom-color: #FBFCFA; } /*---:[ h's ]:---*/ .custom h1 { font-family: Helvetica, Verdana, Arial, sans-serif; text-align: center; font-size: 24px; color: #666666; font-weight:normal; text-shadow:1px 1px 1px #FFFFFF; } .custom h2 { font-family: Helvetica, Verdana, Arial, sans-serif; font-size:20px; color:#111111; font-weight:normal; margin:0; text-shadow:1px 1px 1px #FFFFFF; } .custom h3 { font-family: Helvetica, Verdana, Arial, sans-serif; text-align: center; font-size:16px; color: #fbfcfa; font-weight:normal; margin:0; text-shadow:1px 1px 1px #4c4c4c; } .custom h4 { font-family: Helvetica, Verdana, Arial, sans-serif; font-variant: small-caps; letter-spacing: 1px; margin-left: 0; margin-bottom: 7px; margin-right: 0; margin-top: 0; padding-left: 0px; padding-bottom: 7px; padding-right: 0px; padding-top: 14px; border-bottom-color: #cccccc; border-left-style: none; border-bottom-style: dotted; border-right-style: none; border-top-style: none; border-left-width: 0px; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 0px; font-size: 18px; color: #ff6600; font-weight:normal; } .custom h5 { font-family: Helvetica, Verdana, Arial, sans-serif; font-size:13px; color:#111111; font-weight:normal; margin:0; text-shadow:1px 1px 1px #FFFFFF; } .custom h6 { font-family: Helvetica, Verdana, Arial, sans-serif; font-size:12px; color:#111111; font-weight:normal; margin:0; text-shadow:1px 1px 1px #FFFFFF; } /*---:[ multimedia box ]:---*/ .custom .image_box { background: #fbfcfa; } .custom .image_box, .custom_box { border-width: 0px; border-style: none; } .custom #image_box img { padding: 4px; } .custom #multimedia_box { margin-bottom: 0em; } /*---:[ lists ]:---*/ dl { } dt { margin: 0px; padding: 0px; } dd { margin-left: 13px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; } /*---:[ feature ]:---*/ .custom #feature_box { border-bottom-color: #DDDDDD; border-bottom-width: 1px; border-bottom-style: solid; background-color: #FBFCFA; width: 835px; } /*---:[ submit ]:---*/ input.form_submit:hover { color: #FF6600; } /*---:[ looped ]:---*/ #loopedSlider { padding-bottom: 1em; padding-top: 1em; background-color: #FBFCFA; border-style:none; border-width:0; position:relative; width: 835px; } #loopedSlider .container { padding-left: 0em; background:#FBFCFA none repeat scroll 0 0; border-style:none; border-width:0; height:340px; overflow:hidden; position:relative; width: 52em; } #loopedSlider .slides { width: 52em; border-style:none; border-width:0; left:0; position:absolute; top:0; } #loopedSlider .slides div.slide { border-style:none; border-width:0; display:none; position:absolute; top:0; width: 53em; } #loopedSlider .slides .posted-bottom { border-bottom:medium none; border-style:none; border-width:0 0 medium; } #loopedSlider .featured-nav { margin: 3px; padding-right: 0.5em; border-style:none; border-width:0; float:left; width: 30em; } #loopedSlider ul.pagination { width: 29em; padding: 0px; margin: 0px; border-top:1px solid #D0D0D0; list-style-image:none; list-style-position:outside; list-style-type:none; } #loopedSlider ul.pagination li { border-bottom:1px solid #F6F6F6; float:left; } #loopedSlider ul.pagination li a { padding-left: 1em; padding-bottom: 1em; padding-right: 1em; padding-top: 1em; background-color:#EEEEEE; border-bottom:1px solid #D4D4D4; display:block; min-height:52px; width: 27em; } #loopedSlider ul.pagination li a:hover { background:#E6E6E6 none repeat scroll 0 0; } #loopedSlider ul.pagination li.active a { background:#DEDEDE none repeat scroll 0 0; } #loopedSlider ul.pagination img { background:white none repeat scroll 0 0; border-style:none; border-width:0; float:left; margin-right:10px; padding:2px; } #loopedSlider ul.pagination em { color:#555555; font-family:Georgia,serif; font-size:14px; font-style:normal; font-weight:bold; line-height:20px; margin-top:10px; } #loopedSlider ul.pagination .meta { color:#777777; display:block; font-size:12px; line-height:18px; margin:5px 0 0 64px; } .posted { border-style:none; border-width:0; padding-bottom:1em; padding-left:1em; position:relative; width: 50em; } .posted .title { font-weight:400; margin:0 0 5px; } .posted .title a:link, .posted .title a:visited { color:#222222; } .posted .thumbnail { background:#FFFFFF none repeat scroll 0 0; border:1px solid #E2E2E2; margin-bottom:7px; margin-top:0; padding:4px; } .entries { font-size:14px; line-height:20px; } .entries p { margin:0 0 15px; } .entries ul { margin:0 0 15px; padding:0 0 0 30px; } .entries ul ul { margin:0; } .entries ul li { list-style-type:none; } .entries ul ul li { list-style-type:disc; } .entries a.btn, input.submit { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background:#606a78 none repeat scroll center 0; border:1px solid #333333; color:#FFFFFF; font-size:12px; font-style:italic; padding:4px 8px; text-shadow:0 1px 0 #777777; } .entries a.btn:hover { cursor:pointer; opacity:0.8; } /*---:[ widget ]:---*/ .custom .widget { margin-top: 0px; background-color:#F8F8F8; border:1px solid #666666; margin-left: 0; margin-bottom: 13px; margin-right: 0; } .custom .widget img { margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 1em; padding: 4px; border: 1px solid #bbbbbb !important; } .custom .widget h3 { background:#666666 scroll 0; border-bottom:1px solid #666666; font-size:18px; margin:0 0 15px; padding:14px; } .custom .widget ul, .widget p { border-style: none; margin:14px; } .custom .widget ul { border-top:1px solid #EEEEEE; clear:both; } .custom .widget ul ul li { list-style-image:none; list-style-position:outside; list-style-type:circle; } .custom .widget ul li a { border-bottom:1px solid #EEEEEE; color: #666666; display:block; line-height: 30px; text-decoration:none; } .custom .widget ul li a:hover { text-decoration: underline; color: #ff6600; } .custom .widget ul ul { border-top:medium none; margin:0 14px; padding-left:5px; } .custom .widget ul ul a { font-size:11px; } .custom #searchform { margin:15px 0 0; padding:0 10px 10px; } .custom .widget input#s, .widget input.field { margin-left: auto; margin-bottom: auto; margin-right: auto; margin-top: auto; padding-left: 5px; padding-bottom: 6px; padding-right: 5px; padding-top: 6px; border:1px solid #898989; } .custom .widget input.submit, .widget input#searchsubmit { background-color:#486083; border:1px solid #486083; color:#FFFFFF; padding:5px; } .custom .widget .screen-reader-text { display:none; } .custom .widget select.postform { margin:0 14px 14px; width:180px; } /*---:[ twitter ]:---*/ .widget_recent_comments li, #woo-twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; list-style-image:none; } .widget_recent_comments li a, #woo-twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } #twitter span { background: url(images/twitter_bird.png) no-repeat left center !important; padding-left: 48px; } #woo-twitter a { color: #ff6600; } .follow { padding: 0 14px 14px 14px; } /*---:[ flickr ]:---*/ .flickr h3 span.ico { background:transparent url(images/flickr.png) no-repeat scroll left center !important; padding-left:43px; } .flickr h3 span.blue { color:#0061D8; } .flickr h3 span.blue span { color:#FF1183; } /*---:[ footer ]:---*/ .custom #footer_area { background-color: #666666; padding-bottom: 0em; } .custom #footer { border-width: 0px; background-color: #666666; } /*---:[ trips ]:---*/ .trips li { margin-right: auto; margin-left: auto; width: 280px; list-style-type: none; } .trips li.alt { clear: both; } .trips li a { padding-left: 7px; padding-bottom: 7px; padding-right: 7px; padding-top: 7px; color: gray; text-decoration: none; text-align: center; margin-bottom: 13px; margin-right: auto; margin-left: auto; background-color: #fdf7bc; position: relative; display: block; border: 1px solid #bbbbbb; } .trips li a:hover, .trips li a:focus { color: #666666; border-color: #969696; text-decoration: none; }