/* Theme Name: CTMQrev3 Description: theme for Connecticut Museum Quest Version: 1.3 Author: R WOOD Author URI: http://www.rmdy.com/ Connecticut Museum Quest http://www.ctmuseumquest.com/ */ /* ########################## MASTER STYLES ########################## */ body,div,h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; } /* eliminates ALL browser defaults for margins and padding */ @font-face { font-family: 'ChunkFiveRegular'; src: url('fonts/Chunkfive-webfont.eot') format('eot'), url('fonts/Chunkfive-webfont.woff') format('woff'), url('fonts/Chunkfive-webfont.ttf') format('truetype'), url('img/Chunkfive-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } body { background: url(img/bg_body.jpg) repeat #333; font-size: 14px; /* screw font resizing issues in IE */ font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Helvetica, Arial, sans-serif; text-align: left; line-height: 1.3em; } p { line-height: 1.5em; /* 1.5em = 18px */ margin: 1.0em 0px 1.2em 0px; padding: 0px 5px 0px 5px; } p.caption { font-size: 9px; color: #999; line-height: 1.2em; margin-top: 5px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; } p.intro { font-size: 18px; line-height: 1.3em; } p.center { text-align: center; } ul { margin: 0px; padding-left: 30px; list-style-type: square; } li { line-height: 1.6em; } h1, h2, h3, h4, h5 { margin: 0px 0px 5px 0px; line-height: 1em; padding: 5px 5px 0px 5px; font-family: 'ChunkFiveRegular'; font-weight: normal; } h1 {font-size: 36px;} /* blog title */ h2 {font-size: 28px;} /* post or page title */ h3 {font-size: 21px; /* comments title */ color: #333; } h4 {font-size: 14px;} /* sidebar section titles */ h5 {font-size: 12px;} h2.search-title {margin-bottom: 15px;} hr { height: 0px; border-width: 1px 0px 0px 0px; border-style: dotted none none none; border-color: #ccc; padding-bottom: 5px; width: 93%; } .align_left, .alignleft { margin: 0 .5em 0 0; float: left; } .align_right, .alignright { margin: 0 0 .5em 0; float: right; } img.imageframe { /* other image style in content styles section */ margin: 0 5px 0 5px !important; } img.align_left, img.alignleft, img[align='left'] { margin: 3px 10px 2px 0 !important; display: inline; } img.align_right, img.alignright, img[align="right"] { margin: 3px 0 2px 10px !important; display: inline; } img.centered, .aligncenter, div.aligncenter, img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; } .clear { clear:both; display:block; margin:0; padding:0; height:0px; line-height:0; font-size:0; } /* ########################## BASIC LINKS ########################## */ a:link { color: #186fd0; /* bright blue */ text-decoration: none; } a:hover, a:active { color: #186fd0; /* bright blue */ text-decoration: underline; } a:visited { color: #375a9c; /* dark blue */ text-decoration: none; } /* ########################## LAYOUT ########################## */ #header, #footer { font-size: 11px; width: 980px; margin: 0px auto; text-align: center; line-height: 1.3em; color: #fff; } #nav { /* see below for stuff in the nav styles */ width: 980px; height: 40px; margin: 0 auto; padding: 0; } #main { width: 980px; margin: 10px auto; background-color: #fff; -moz-box-shadow: 0px 0px 25px #000; -webkit-box-shadow: 0px 0px 30px #000; border: solid 0px orange; /*background-image: url(http://www.ctmuseumquest.com/wordpress/wp-content/themes/CTMQ/single_column.png); background-repeat: repeat; background-position: 10px; background: url(img/bg_main2.jpg) repeat-y transparent; */ } div.articlehome { padding: 0 !important; margin: 20px 0 20px 20px; width: 670px; background: #fff; float: left; display: inline; /* to fix ie6 double margin float bug */ } div.article { padding: 0 !important; margin: 0px 0 20px 20px; width: 670px; background: #fff; float: left; } div.section { margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px; } #sidebar { float: right; width: 250px; margin: 20px 20px 10px 0; /* 10px because of 3 column box adds 10px */ display: inline; /* to fix ie6 double margin float bug */ } /* ########################## HEADER STYLES ########################## */ /* header contains stuff for IE 6 users and the standard WP blog name and description calls which I'm hiding from browsers but not screen readers */ #header #description { position:absolute; left:-9000px; } /* ########################## TOP NAV BAR ########################## */ #nav ul { margin: 0; padding: 17px 0 0 20px; } #nav li { margin: 0 20px 0 0; text-transform: uppercase; float:left; list-style: none; line-height: 1.3em; } #nav ul li a { color: #fff; text-decoration: none; padding: 4px 6px 4px 6px; font-size: 14px; } #nav a:hover { color: #fff; border: solid 1px #fff; padding: 3px 5px 3px 5px; } #nav a:active { color: #53a2fb; border: solid 1px #53a2fb; padding: 3px 5px 3px 5px; } #nav a:visited { color: #fff; text-decoration: none; } #nav ul li.current_page_item a { border: solid 1px #fff; padding: 3px 5px 3px 5px; } /* ########################## MAIN CONTENT STYLES ########################## */ .content img { border: 1px solid #ccc; margin: 0; padding: 4px; } .entry-meta { padding: 0 5px; /* display: none !important; */ } .edit-link { padding: 0 5px; } .backtotop { text-align: center; margin: 20px auto 0 auto; } /* ########################## SIDEBAR STYLES ########################## */ img.sidebar-logo { border: 0; } #sidebar .searchwrapper { background: url(img/button_searchbg.png) no-repeat; margin: 5px 0 10px 14px; width: 225px; height: 45px; border: 0; } #searchform { padding: 8px 0 0 10px; } .btn { padding-top: 2px; vertical-align: top; } #sidebar .sidebarbutton { padding: 0px 0 10px 14px; width: 225px; height: 45px; border: 0; } #sidebar p { padding: 10px 15px 0px 15px; } #sidebar h4 { text-align: center; letter-spacing: 0.08em; text-transform: uppercase; margin-top: 5px; color: #333; } #sidebar ul { list-style-type: none; margin: 0px; padding: 0 15px 15px 15px; } #sidebar li { line-height: 1.3em; padding: 2px 0 2px 0; } .subpagemenu { } .returntoparenlink { margin-bottom: 15px; text-align: center; } /* ########################## COLUMN LAYOUT SCHEME STYLES ########################## */ /* width dimensions have been altered from standard (8 and 3) */ .one_column, div.two_column, .three_column, .four_column, .five_column, .six_column, .seven_column, .eight_column { margin: 0px; padding: 0px; } .one_column { width: 75px; font-size: 12px; } .two_column { width: 160px; } .three_column { width: 248px; } .four_column { /* width: 330px; */ width: 320px; } .five_column { width: 415px; } .six_column { width: 500px; } .seven_column { width: 585px; } .eight_column { width: 670px; } .box, .box3, .sidebar { color: #666; font-size: 12px; line-height: 1.3em; margin-bottom: 10px; } .box { background-color: #f8f9fd; padding: 10px 0 0 0; border: 1px solid #ddd; color: #333; } .box2 { /* background-color: #eff5fb; */ background-color: #f9f9f9; border: 1px solid #ddd; color: #222; margin-top: 30px; } .box3 { margin-top: 0px; background-color: #f8f9fd; padding-top: 0; border: 1px solid #ddd; color: #333; } .box3 img {padding: 0 0 15px 0;} /* ########################## COMMENT STYLES ########################## */ .commentswrap { background-color: #f8f9fd; border-bottom: solid 1px #ccc; padding-bottom: 30px; } .comments { width: 630px; margin: 0 auto; padding: 20px 0 20px 0; } .commentlist { padding-left: 28px; } .comments-template p.nocomments{ padding: 0; } .comments-template textarea{ font-size: 12px; } /* styles below from MSR */ .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 100%; padding: 2px; margin-top: 5px; } #commentform #submit { margin: 10px 0 0 0; float: right; } .alt { margin: 0; padding: 3em; background-color: #eff1f9; } .comment-author { font-weight: bold; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 5px 0 5px; padding: 10px 10px 5px 10px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0 0 .5em 0; display: block; padding-left: 5px; } /* ########################## SEARCH RESULTS STYLES ########################## */ #nav-above { margin-bottom: 20px; padding: 5px; background-color: #f8f9fd; border: solid 1px #ddd; border-left: 0; border-right: 0; } #nav-below { margin-top: 20px; padding: 5px; background-color: #f8f9fd; border: solid 1px #ddd; border-left: 0; border-right: 0; } .nav-previous { float: left; } .nav-next { float: right; } /* ########################## CATAGORY PAGE STYLES ########################## */ .entry-utility { line-height: 1.5em; /* 1.5em = 18px */ margin: 1.0em 0px 2.8em 0px; padding: 0px 0px 0px 5px; } /* ########################## HEADER LINK STYLES ########################## */ h1 a:link { color: #375a9c !important; /* dark blue */ } h1 a:hover { color: #186fd0 !important; /* dark blue */ text-decoration: underline !important; } h2 a:link { color: #375a9c !important; /* dark blue */ } h2 a:hover { color: #186fd0 !important; /* dark blue */ text-decoration: underline !important; } h3 a:link { color: #375a9c !important; /* dark blue */ } h3 a:hover { color: #186fd0 !important; /* dark blue */ text-decoration: underline !important; } h4 a:link { color: #375a9c !important; /* dark blue */ } h4 a:hover { color: #186fd0 !important; /* dark blue */ text-decoration: underline !important; } h5 a:link { color: #375a9c !important; /* dark blue */ } h5 a:hover { color: #186fd0 !important; /* dark blue */ text-decoration: underline !important; }