/* 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/ /*---:[ end Set 2 ]:---*/ @font-face { font-family: 'TiredOfCourierBold'; src: url('fonts/tiredofcourier-bold-webfont.eot'); src: url('fonts/tiredofcourier-bold-webfont.eot?') format('embedded-opentype'), url('fonts/tiredofcourier-bold-webfont.woff') format('woff'), url('fonts/tiredofcourier-bold-webfont.ttf') format('truetype'), url('fonts/tiredofcourier-bold-webfont.svg#TiredOfCourierBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TiredOfCourierRegular'; src: url('fonts/tiredofcourier-regular-webfont.eot'); src: url('fonts/tiredofcourier-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/tiredofcourier-regular-webfont.woff') format('woff'), url('fonts/tiredofcourier-regular-webfont.ttf') format('truetype'), url('fonts/tiredofcourier-regular-webfont.svg#TiredOfCourierRegular') format('svg'); font-weight: normal; font-style: normal; } .custom #header, .custom .post, .custom .teasers_box, .custom #footer, .custom #footer a, .custom #footer a:active, .custom #archive_info, .custom .prev_next, .custom #comment_list, .custom #comment_list dd, .custom #commentform, .custom #sidebar_1, .custom #sidebar_2, .custom #comment_list dt.comment, .custom #comment_list dd.comment, .custom #comment_list dl .bypostauthor .format_text, .custom #trackback_list { border-bottom: 0px; border-top: 0px; border-right: 0px; border-left: 0px; } .custom #content_box, .custom #column_wrap { background: none; } body.custom { background: #696969 ; } .custom #page { padding: 2em 1.9em; background: #fff; border: 0.1em solid #050505; border-top: 0.1em solid #050505; margin-top: 100px; } /*---:[ end Set 2 ]:---*/ #mycustom-banner { padding: 0px; margin-right: 40px; margin-top: 5px height: 100px; width: 400px; float:right; } .custom .menu { float: left; width: 400px; margin-top: 65px; padding-left: 14px; } .custom .menu a { font-family: 'TiredOfCourierBold'; "courier new"; verdana; sans-serif; width: 4em; text-align: center; font-size: 1.22em; } .custom .menu a {text-transform: lowercase; } .custom .menu a { background:transparent; padding: 0.714em 0.5em; display: inline;} .custom .menu a:hover { background: url("images/paintedback.png"); } .custom .menu li { font-size: 15px; font-weight: normal; padding-right: 14px; } .custom .menu li .current-cat ul a { color: #2388a1;} /* #menu-item-1816 a{ color: #3a8a9f; }*/ .custom .menu .tab { margin-right:.1em; } .custom .menu ul a {background:#FFF893;} .custom #header #logo { display:none; } .custom #header #tagline { display:none; } /*lowercase nav menu*/ .custom ul#tabs {width:500px; border-bottom:none; border-left:none; float:right;} .custom ul#tabs li {margin-bottom:0; border:none; background:none;} .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {padding-bottom:0; background:none;} .custom ul#tabs li.rss {} .custom ul#tabs li a {} .custom ul#tabs li a:hover {text-decoration:none;} .custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a {} .custom .comments_closed p {display: none ;} /* This lines customizes background*/ .custom .content{ background: #666666 url('images/watercolor-paper.jpg'); } /* This lines customizes the Mailing List signup link above slideshow in header*/ div.welcomepage-signup { color: #3a8a9f; font-size: 12px; font-family: 'TiredofCourierBold', "courier new"; margin-left: 12px; float:left; } .custom #header #availability { font-family: 'TiredofCourierBold',"courier new"; font-size: 12px; line-height: 18px; float:right; margin-right:10px; background:url("images/paintedback.png") repeat scroll 11em 0 transparent; background-position:left top; } body.custom { background: #666666; background-image:url(images/cover.jpg) } .custom #sidebar_1 {padding-left: 5px;} .sidebar h3 { font-variant:normal; text-transform:lowercase; } /* These lines adds background to the white part of the main 'page */ .custom #header_area .page { background-image: url(images/twitter_background.jpg); margin-top: 15px; padding-left: 50px; padding-right: 50px; padding-top: 25px; border-left:3px dashed #c88141; -moz-border-radius: 0px 50px 0 0; border-radius: 0px 50px 0 0; -moz-box-shadow: 5px 0 10px #A66735; -webkit-box-shadow: 5px 0 10px #A66735; } .custom #content_area .page { background-image: url(images/watercolor-paper.jpg); padding-left: 50px; padding-right: 50px; border-left:3px dashed #c88141; -moz-box-shadow: 5px 10px 10px 0px #A66735; -webkit-box-shadow: 5px 10px 10px 0px #A66735; } /* styles slideshow on home page */ .custom .slideshow .slide { display: block; height: 275px; width: 825px; outline: none; -moz-box-shadow: 0px 1px 4px 0px #CCCCCC; -webkit-box-shadow: 0px 1px 4px 0 #CCCCCC; } .custom .slideshow #slide1 { background: url('images/slideshow.jpg') no-repeat; } .custom .slideshow #slide2 { background: url('images/slideshow2.jpg') no-repeat; } .custom .slideshow #slide3 { background: url('images/slideshow3.jpg') no-repeat; } .custom .slideshow #slide4 { background: url('images/slideshow4.jpg') no-repeat; } /* ends styles slideshow on home page */ .custom #footer_area .page { background-image: url(images/watercolor-paper.jpg); margin-bottom: 50px; padding-left: 50px; padding-right: 50px; border-left:3px dashed #c88141; -moz-border-radius: 0px 0px 50px 0px; border-radius: 0px 0px 50px 0px; -moz-box-shadow: 5px 10px 10px 0px #A66735; -webkit-box-shadow: 5px 10px 10px 0px #A66735; } /* this below styles widgetized footer menu .custom #widgetized_wrapper { padding: 10px 0; margin-bottom: 3px; overflow: hidden; font-size: 15px; font-family: "courier new", courier, verdana, sans-serif; } .custom #widgetized_wrapper .widget { text-align: center; width: 118px; padding-bottom: 20px; color: #066196; display: inline-block; float: center; height: 100%; } .custom #widgetized_wrapper .widget h3 { font-size: 5em; font-weight: bold; letter-spacing: 0px; padding-bottom: 3px; border-bottom: 5px solid #bbb; margin-bottom: 5px; color: #555555; } .custom #widgetized_wrapper .widget ul { margin: 0px; padding: 0px; } .custom #widgetized_wrapper .widget ul li { list-style: none; font-size: 0.5em; padding-bottom: 5px; } .custom img.images { border-width: 1px; border-style: dashed; border-color: #666666; padding: 3px; margin-bottom: 13px; } /* this above styles widgetized footer menu /* this below styles secondary nav menu before content box*/ #menu-nav-menu-2 , #menu-design-nav-2 { float: left; width: 1000px; margin-top: 0.5em; padding-bottom: 2em; padding-left: 0px; } #menu-nav-menu-2 a, #menu-design-nav-2 a { background: none repeat scroll 0 0 transparent; color: #555555; display: inline; font-size: 1.5em; letter-spacing: 0px; line-height: 1.8em; padding: 0.1em 1.6em; text-align: left; text-transform: lowercase; width: 3.3em; font-family: 'TiredofCourierBold', "courier new"; } #menu-nav-menu-2 .current-menu-item a { color: #3a8a9f;} #menu-nav-menu-2 a:hover { background: url("images/paintedback.png"); } #menu-nav-menu-2 ul , #menu-nav-menu-2 ul li, #menu-design-nav-2 ul, #menu-design-nav-2 ul li{ background: url("images/watercolor-paper.jpg"); width: 14.2em; padding-bottom:2px;} #menu-nav-menu-2 ul a, #menu-design-nav-2 ul a { background: none; font-size: 1.0em; letter-spacing: 0.1em; padding:0px 0 0px 25px;} #menu-nav-menu-2 li , #menu-design-nav-2 li{ font-size: 10px; font-weight: normal; padding-right: 0px } /* this above modifies secondary nav menu before content box*/ /* this below modifies the pre-formatted text in post*/ .format_text code, .format_text pre { background: none repeat scroll 0 0 #F4E2A7; font-family: 'TiredofCourierBold'; letter-spacing: 0.75px; } code, pre { color:#2388A1; } /* this below modifies the space between text boxes in sidebar */ li.widget { margin-bottom: 1.5em; } .headline_area { margin-bottom:0.1em; } /* this below modifies the before-headline openhook */ .custom .headline_area .treespace-before-hline { color: #7D7D7D; font-family: garamond; font-size: 13.75px; font-weight: normal; letter-spacing: 1px; line-height: 1.35em; margin-left: 1em; position: absolute; top: 11em; width: 400px; } .headline_area h1, .headline_area h2, #archive_intro h1 { background: url("images/paintedback.png") repeat scroll 0 0 transparent; font-family: 'TiredofCourierBold', "Courier New",Courier,Verdana,sans-serif; font-size: 18px; font-weight: normal; line-height: 2em; width: 385px; } /* this below modifies the padding above sidebar */ ul.sidebar_list { padding-top: 0em; margin-top:1em; } /* this below styles the sidebar text */ .sidebar { font-family: garamond;} li.widget { font-size: 1.28em;} .sidebar h3 { font-family: 'TiredofCourierBold', "courier new"; font-size:12px; } /* this below modifies heading style text*/ .format_text h2, .format_text h3, .format_text h4, .format_text h5, .format_text h6 { font-family: 'TiredofCourierBold',"Courier New",Courier,Verdana,sans-serif; font-weight:normal; } /* this below modifies the padding above post box */ .custom .post_box { padding-top:0.5em; } /* this below modifies the space below my 'header' */ .custom #header { padding-bottom:2.3em; padding-top:1.0em; } /* this below styles the custom nav menu within page php hook */ #my_happy_nav {background:none; padding-right:0.5em; padding:10px 0 12px 0;} #my_happy_nav ul#happy_happy {width: 600x; margin-left:none; margin-right:auto;} #my_happy_nav ul#happy_happy li {list-display-type:none; display:inline; padding-right:3.5em;} #my_happy_nav ul#happy_happy li a {font-family: 'TiredofCourierBold',"courier new"; font-size:14px; padding:1px;} #my_happy_nav ul#happy_happy li a:hover {color:#666666; background:url("images/paintedback.png");} #my_happy_nav ul#happy_happy li#happy-4 a {color:#dddddd; font-family:'TiredofCourierBold',"courier new"; font-size:16x; padding:15px; background:#ff0000;} #my_happy_nav ul#happy_happy li#happy-4 a:hover {color:#000; background:#fff;} /* this below styles the custom nav menu within page, if on current page */ .wedding-gallery li#happy-1 a {color:#666666; font-weight:normal;} .wedding-gallery-1-2 li#happy-1 a {color:#666666; font-weight:normal;} .wedding-gallery-2 li#happy-2 a {color:#666666; font-weight:normal;} .wedding-gallery-3 li#happy-3 a {color:#666666; font-weight:normal;} /* this below modifies image caption style */ .wp-caption { -moz-box-shadow: 0 0 7px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; background-color:#fFFFFF; border-color:#cccccc; border-style:dotted; font-style:normal; /*background-image: url('images/watercolor-paper.jpg');*/ background-repeat: repeat; background-position: center bottom; } .wp-caption p.wp-caption-text { color: #444444; letter-spacing: 0px; font-size:15px; font-family: 'TiredofCourierBold', "courier new"; line-height: 2em; } /* this below styles the custom nav menu in footer */ ul#menu-footer-menu-container { width:800px; } ul#menu-footer-menu.menu { width:800px; } #footer, #footer a { font-family: garamond; text-align: center; color: #659A99; font-size: 10.5px; } /** .galleryview { bottom:100px; } */ .fb_share_button { padding-left:95px; } .twitter-after-hline { } /* this below styles galleryview */ .custom .galleryview .panel img { width: 575px; height: 600px;} .galleryview { position: absolute; } .custom #ngg-gallery-2-84 div.panel, .custom #ngg-gallery-4-2703 div.panel {background:none; padding:1em; border: dotted 3px #cccccc; height: 760px; -moz-box-shadow:0 0 9px 0 #cccccc; -webkit-box-shadow:-moz-box-shadow:0 0 9px 0 #cccccc;} .custom #ngg-gallery-2-84 div.panel-overlay, .custom #ngg-gallery-4-2703 div.panel-overlay { position: absolute; top: 615px !important; height: 100px !important; } .custom .panel .panel-overlay h2 { color: #666666; margin: 15px 0 0; font-family: "courier new", courier, verdana, sans-serif; letter-spacing: 0.1em; } /* this ends the styling of galleryview */ .format_text p{ letter-spacing: 0.8px; font-size:13.5px; } /* HIGHLIGHT BOX - BLUE WITH FONTS */ .format_text .highlight_box_blue_fonts { text-decoration: none; /* font size */ font-size: 0.9em; /* font family */ font-family: 'TiredofCourierBold',"courier new"; /* font style: normal, italic etc */ font-style: normal; /* font variant: small caps etc */ font-variant: normal; /* font weight: bold etc */ font-weight: normal; /* font color: #fff etc */ color: #2388a1; /* distance from borders to content*/ padding: 1.5em 0.1em 0.05em 0.1em; /* spacing outside of box*/ margin-left: 11em; /* background color */ background: #c1e2dd; /* border size style color */ border: 1px dotted #c1e2dd; -moz-border-radius: 2em 2em 2em 2em; border-radius: 2em 2em 2em 2em; width:350px; } .highlight_box_blue_fonts a { text-decoration: none; } /* HIGHLIGHT BOX - CREAM WITH FONTS */ .format_text .highlight_box_cream_fonts { /* font size */ font-size: 0.9em; /* font family */ font-family: 'TiredofCourierBold',"courier new"; /* font style: normal, italic etc */ font-style: normal; /* font variant: small caps etc */ font-variant: normal; /* font weight: bold etc */ font-weight: normal; /* font color: #fff etc */ color: #2388a1; /* distance from borders to content*/ padding: 1em 1.5em 1em 1.5em; /* spacing outside of box*/ margin: 1em 2em 2em 2em; /* background color */ background: #f4e2a7; /* border size style color */ border: 1px dotted #cccccc; -moz-border-radius: 1.5em 1.5em 1.5em 1.5em; border-radius: 1.5em 1.5em 1.5em 1.5em; } /* HIGHLIGHT BOX light yellow WITH FONTS */ .format_text .highlight_box_light_fonts { /* font size */ font-size: 0.9em; color:#3a8a9f; /* font family */ font-family: 'TiredofCourierBold',"courier new", courier, verdana, sans-serif; /* font style: normal, italic etc */ font-style: normal; /* font variant: small caps etc */ font-variant: normal; /* font weight: bold etc */ font-weight: normal; /* font color: #fff etc */ /* distance from borders to content*/ padding: 1em 1.5em 1em 1.5em; /* spacing outside of box*/ margin: 2em 2em 2em 2em; /* background color */ background: none; /* border size style color */ border: 2px dotted #cccccc; -moz-border-radius: 2em 2em 2em 2em; border-radius: 0em; } /* Heading BOX transparent WITH FONTS */ .format_text .heading_trans_1 { /* font size */ font-size: 18px; /* font family */ font-family: 'TiredofCourierBold', "courier new"; letter-spacing: 0px; /* font style: normal, italic etc */ font-style: normal; /* font variant: small caps etc */ font-variant: normal; text-transform: normal; /* font weight: bold etc */ font-weight:normal; /* font color: #fff etc */ color: #3a8a9f; /* distance from borders to content*/ padding:0 2.25em 0 0; /* spacing outside of box*/ margin: 0em 0 -0.5em 1em; /* background color */ background: none; /* border size style color */ line-height:40px; width:775px; background: url("images/paintedback2.png") repeat scroll 11EM 0 transparent; } /* Heading BOX transparent WITH FONTS */ .format_text .heading_trans_2 { /* font size */ font-size: 16px; /* font family */ font-family: 'TiredofCourierBold', "courier new"; letter-spacing: 0px; /* font style: normal, italic etc */ font-style: normal; /* font variant: small caps etc */ font-variant: normal; text-transform: normal; /* font weight: bold etc */ font-weight:normal; /* font color: #fff etc */ color: #3a8a9f; /* distance from borders to content*/ padding:0 2.25em 0 0; /* spacing outside of box*/ margin: 1em 0 1em 14.75em; /* background color */ background: none; /* border size style color */ line-height:40px; width:350px; background: url("images/paintedback2-1.png") repeat scroll 0 0 transparent;} /* Heading BOX transparent WITH FONTS */ .format_text .heading_trans_3 { /* font size */ font-size: 18px; /* font family */ font-family: 'TiredofCourierBold', "courier new"; letter-spacing: 0px; /* font style: normal, italic etc */ font-style: normal; /* font variant: small caps etc */ font-variant: normal; text-transform: normal; /* font weight: bold etc */ font-weight:normal; /* font color: #fff etc */ color: #3a8a9f; /* distance from borders to content*/ padding:0 2.25em 0 0; /* spacing outside of box*/ margin: 14.5em 0 0.1em 12.75em; /* background color */ background: none; /* border size style color */ line-height:40px; width:350px; background: url("images/paintedback2.png") repeat scroll 0 0 transparent;} /* Special Paragraph Text with Spacing */ .format_text .p_spaced { color: #7D7D7D; font-family: garamond; font-size: 13px; letter-spacing: 0.8px; margin-left: 1em; padding-top: 0.5em; width: 800px; } /* this styles bottom-margin around image within page/post */ .format_text img.left, .format_text img.alignleft, .wp-caption.alignleft { margin: 0 1.61em 1.338em 0; } /* this styles bottom-most footer text */ div.footer-text { font-size: 12px; letter-spacing:0.5px; } /* this styles before sidebar element */ div.ask-us { margin-left: 5em; position: absolute; top: 19em; } #cforms8forms .cform label { width: 450px;} /* this styles wordpress footer nav menu */ #menu-footer-nav-menu { float: left; width: 1000px; margin-top: 0.5em; padding-bottom: 2em; padding-left: 85px; } #menu-footer-nav-menu a { color: #444444; font-size: 0.8em; display: inline; width: 3.3em; text-align: left; text-transform: lowercase; background:transparent; line-height: 1.8em; padding: 0.1em 0.75em; letter-spacing: 1.3px; }