/* Theme name: JDC-Theme Theme URI: http://nathandupuis.com/wordpress/JDC-Theme Description: Custom Wordpress Theme for JDC group.Includes options panel for background and navigation configuration. Author: Nathan Dupuis Author URI: http://nathandupuis.com/ Version: 0.01 Tags: Custom Homepage, custom-colors, two-columns, theme-options, dark, blue, gray */ * { padding: 0; margin: 0; outline: 0; } body { font-size: 13px; line-height: 1.4; font-family: Arial, "Trebuchet MS", Sans-Serif; color: #444; background: #3a2820; text-align: left; } a img { border: 0; } a { color: #064ca9; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Sans-Serif; font-weight: normal; line-height: 1.2; } input, textarea, select, button, label { font-family: Arial, "Trebuchet MS", Sans-Serif; font-size: 12px; color: #444; } div.field { width: 280px; height: 15px; background: url(images/field.gif) no-repeat 0 0; padding: 8px 5px 7px; overflow: hidden; } div.textarea { width: 324px; height: 125px; padding: 8px 5px 7px; background: url(images/textarea.gif) no-repeat 0 0; } div.field input, div.textarea textarea { border: none; background: none; width: 100%; } div.textarea textarea { height: 125px; } .cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .alignright { float: right; } .alignleft { float: left; } p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 0 0 5px 15px; display: inline; } img.alignleft { margin: 0 15px 5px 0; display: inline; } #header-outer { background:#dedede url(images/bkg_Header.gif) center top repeat-x; height:98px} #header-inner { width: 980px; margin: 0 auto; background:transparent url() center top repeat-x; height:70px padding-top: 30px; position: relative; z-index: 100;} #header-inner .description { font-size: 13px; line-height: 1; text-transform: uppercase; color: #c1ab7d; padding-top: 5px; } #header-inner .description a { color: #9d6510; text-decoration: none; } #homecontent-outer { background:#023476 url(images/bkg_Home.jpg) center top repeat-x; height:375px;} #page { width: 980px; margin: 0 auto; } #header { height: 85px; position: relative; z-index: 100; } #header .description { font-size: 13px; line-height: 1; text-transform: uppercase; color: #c1ab7d; padding-top: 5px; } #header .description a { color: #9d6510; text-decoration: none; } h1 { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 36px; line-height: 1; font-weight: bold; color: #d69959; } h1 a { text-decoration: none; color: #d69959; } h1 a span { color: #ffd7a5; } h1 a:hover { text-decoration: none; } #logo { background-image: url(images/logo_JCD.gif); background-position:right; float:left; display:inline; height:85px; width: 150px; background-repeat: no-repeat; } #logo a { padding:70px;} #nav { float: right; display: inline; font-weight: bold; font-size: 12px; line-height: 90px; text-transform: uppercase; margin-top: 0px; } #nav ul li { float: left; display: inline; list-style-type: none; position: relative;} #nav ul li a { color: #666666; text-decoration: none; float: left; display: inline; height:60px; padding-left: 18px; margin-right: 18px; margin-left: 5px; z-index: 10; position: relative; } #nav ul li a span { float: left; display: inline; padding-right: 18px; height:0px; margin-right: -18px; position: relative; background-position: right 0 !important; z-index: 10; height:60px; } #nav ul li a span span { padding-right: 13px; margin-right: -10px; height:0px; background: url(images/nav-dd-arr.gif) no-repeat right bottom !important; padding-bottom: 45px } #nav ul li a:hover span span { background-image: url(images/nav-dd-arr.gif) !important; } #nav ul li.hover a span span { background-image: url(images/nav-dd-arr.gif) !important; } #nav ul li .dropdown { display: none; position: absolute; top: 52px; left: 5px; z-index: 0; width: 175px; padding: 10px 3px 0 0; } #nav ul li .dropdown { text-transform: none; font-weight: bold; line-height: 22px; } #nav ul li .dropdown ul li { -moz-border-radius: 6px; border-right:solid #666666 1px; border-bottom:solid #666666 1px; border-left: #cccccc solid 1px; border-top: #cccccc solid 1px; background: url(images/bkg_navbutton.gif) center bottom ; float: none; display: block; padding:2px; margin-bottom:2px; } #nav ul li .dropdown ul li a { color: #666; height:20px; padding:4px; margin: 0; background: url(images/arr-2.gif) no-repeat 7px center !important; float: none; display: block; } #nav ul li .dropdown ul li a:hover { color: #003780; -moz-border-radius: 6px; background: #eee url(images/arr-2.gif) no-repeat 7px center !important; } #nav ul li .dropdown ul li a { padding-left: 15px; } #nav ul li .dropdown .dropdown { display: none; left: 176px; top: 0; padding-top: 0; border-right: #666666 solid 1px; border-bottom: #666666 solid 1px; border-left: #cccccc solid 1px; border-top: #cccccc solid 1px;} /* Sliding right image */ a.button {background: transparent url('images/button-right.png') no-repeat scroll top right; display: block; float: left; height: 38px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 6px; padding-right: 23px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; } a.button span { /* Background left image */ background: transparent url('images/button.png') left top no-repeat; display: block; line-height: 36px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 0px 5px 5px 26px; } a.button:hover span{ text-decoration:none; color: #01224e; } #footer-outer { background:#acacac url(images/bkg_footer.gif) center top repeat-x; height: 300px;} #footer { width: 980px; margin: 0 auto; background:transparent url() center top repeat-x; padding-top: 15px; text-align: center;} #footer a { color: #333; text-decoration: none; } #footer a:hover { text-decoration: underline; font-weight: 600; } #footer p.rss { display: inline; padding-left: 14px; background: url(images/ico-rss-2.png) no-repeat 0 center; } #footer p.rss a { color: #7e6a4f; } #footer .col-Left {float:left; display: inline; width:590px; margin: 0 30px 0 20px; } #footer .col-Right { background:#333; -moz-border-radius: 6px; border:1px solid #eeeeee; float:left; display: inline; width:280px; margin: 0 20px 0 0; padding: 8px; } #footer .footerlinks {border-top:#333 2px solid; font-size:10px; color: #333} #footer .footerlinks ul li{float:left; display: inline; padding: 5px;} #footer #footer-logo { background-image: url(images/logo_JCDfooter.gif); background-position:left top; height:85px; width: 150px; background-repeat: no-repeat; margin-left:12px } #footer #footer-logo a, #footer-logo a:hover { text-decoration: none; padding:70px; } #footer .col-Right .contact{background-image: url(images/icon_contact.gif); background-position:20px 10px; background-repeat: no-repeat; padding:10px 0 0 45px; text-align:left; color: #eee; font-size: 11px; font-weight: normal;} #footer .col-Right .footerlinks {border-top:#1b1b1b 1px solid;margin-top: 12px; padding-top: 12px; font-size:10px; color: #7e6a4f} #main { background: repeat-y 0 0; width: 100%; position: relative; margin-top: 16px; } #main-top { background: no-repeat 0 0; } #main-bot { background: no-repeat 0 bottom; height: 100%; padding: 26px 20px 70px 60px; min-height: 150px; } #mainF { background: repeat-y 0 0; width: 100%; position: relative; margin-top: 16px; } #main-topF { background: no-repeat 0 0; } #main-botF { background: no-repeat 0 bottom; height: 100%; padding: 26px 20px 70px 60px; min-height: 150px; } #main-home { padding:20px;} #home-rotator {float:left; display: inline; width:480px; margin: 0 30px 0 0; border: #eee solid 4px;} #home-content { float: left; display: inline; width: 400px; color:#eee; } #home-content h1 { color:#eeeeee; font-size: 30px; line-height: 35px; padding-bottom: 8px;} #home-content h2 { color:#eeeeee; font-size: 25px; line-height: 30px; } #home-content h3 { color:#eeeeee; font-size: 20px; line-height: 25px; } #home-content h4 { color:#eeeeee; font-size: 15px; line-height: 20px; } #home-content .post { background: none; padding-bottom: 10px; border-bottom: solid 2px #01224e; margin-bottom: 10px; position: relative; height: 100%; line-height: 21px; font-weight:100} #homesidebar-outer { background:#ffffff; } #main-homesidebar {padding:20px;} #main-homesidebar ul {padding:0 10px 10px 10px; height:260px; overflow-y:auto; overflow-x: hidden; } #main-homesidebar .widget {float:left; display: inline; width:290px; margin:0px 8px 16px 8px; border: #e4e4e4 solid 1px; color: #003780; -moz-border-radius: 5px; background: #eee url(images/arr-2.gif) no-repeat bottom center !important; } #main-homesidebar .widgettitle { font-family: Arial; font-weight: bold; font-size: 13px; background:#dedede url(images/bkg_Header.gif) center -60px repeat-x; border: #999999 solid 1px; -moz-border-radius: 5px; padding: 7px; margin:6px; color: #333333; } #main-homesidebar .widgettitle .rsswidget { color: #333333; text-decoration: none; font-size: 13px;} #main-homesidebar li {float:left; display: inline;} #main-homesidebar li ul {padding:10px; margin:5px;} #main-homesidebar li ul li {border-bottom: dotted 1px #333; margin-bottom:5px; padding-bottom:5px; width:250px;} #main-homesidebar dl dt a, #main-homesidebar .rsswidget, #main-homesidebar .blogroll a{ font-weight: bold; font-size: 11px;} #main-homesidebar dl dd, #main-homesidebar .rssSummary {font-family: arial, Sans-Serif; color:#666; font-size: 10px } #main-homesidebar .sidebardate {color: #666666; font-size: 9px; padding:2px } #main-homesidebar span.rss-date {color: #666666; font-size: 9px; padding:2px; display: block; } li.linkcat h2 {padding:0px; margin: 0px; line-height: 12px; } .linkcat {margin-bottom:12px; padding-bottom:12px; border-bottom: dotted 1px #333333 } #mail-link { display: block; width: 50px; height: 55px; font-size: 0; line-height: 0; text-indent: -4000px; } #mail-link { position: absolute; top: -5px; right: 50px; } #rss-link { display: block; width: 50px; height: 55px; font-size: 0; line-height: 0; text-indent: -4000px; } #rss-link { position: absolute; top: -5px; right: 0px; } #content { float: left; display: inline; width: 645px; } #contentF { float: left; display: inline; width: 870px; } .post { padding-bottom: 30px; background: url(images/post-bg.gif) no-repeat center bottom; margin-bottom: 10px; position: relative; height: 100%; } .post h2, .list-page .post h3 { font-size: 27px; margin-bottom: 22px; } .post h2 a, .list-page .post h3 a { color: #000; text-decoration: none; } .post h2 a:hover, .list-page .post h3 a:hover { text-decoration: none; } .post .date { position: absolute; top: -7px; left: -109px; width: 75px; height: 80px; text-align: center; } .post .date .bg { background: no-repeat 0 0; width: 70px; height: 62px; padding: 18px 0 0 5px; } .post .date span { display: block; font-size: 16px; font-weight: bold; color: #f4b995; line-height: 1; text-transform: uppercase; } .post .date span.day { font-size: 26px; } .post .entry img { background: #fff; padding: 2px; border: solid 10px #e2e2e2; } .post .entry p { margin-bottom: 18px; } .post .meta { padding-top: 13px; background: url(images/meta-top.gif) no-repeat 0 0; } .post .meta { font-size: 10px; font-family: Verdana, Tahoma, Arial, Sans-Serif; color: #444; } .post .meta p { padding: 5px 0; line-height: 15px; } .post .meta .bg { background: #fafafa url(images/meta-bg.gif) repeat-x 0 center bottom; border-left: solid 1px #dedede; border-right: solid 1px #dedede; padding: 0 10px; height: 100%} .post .meta .bot { height: 4px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/meta-bot.gif) no-repeat 0 0; } .post .meta .comments-num { float: right; display: inline; font-size: 11px; color: #682815; font-weight: bold; } .post .meta .comments-num { padding: 5px 0 5px 30px; margin-left: 10px; background: url(images/meta-comments-num.gif) no-repeat 0 3px; } .list-page #searchform { margin-top: 20px; } #sidebar { float: right; display: inline; width: 204px; margin-top: 20px; } .widget_calendar { width: 204px } #sidebar a { color: #FFE6A8; } #sidebar h2 { line-height: 52px; width: 185px; background: no-repeat 0 0; color: #2e2019; font-size: 20px; padding-left: 15px; } #sidebar ul li { list-style-type: none; } #sidebar ul li select { margin: 10px 0 10px 10px; width: 183px; padding: 2px; } #sidebar ul ul { padding: 0 10px 10px 3px; } #sidebar ul ul li { background: no-repeat 0 4px; border-bottom: solid 1px #423028; margin: 4px 6px; padding-left: 15px} #sidebar ul ul li ul { border: 0; padding-bottom: 0; } #sidebar ul ul li li { border: 0; padding-bottom: 5px; margin-bottom: 0; } #sidebar ul div { padding: 0 10px 10px 9px } #calendar_wrap { width: 203px; font-size: 12px; text-align: center; color: #f7f7f7; padding: 0 0 10px !important; } #calendar_wrap .nav { font-weight: bold; color: #c4a158; line-height: 24px; width: 130px; margin: 0 auto; position: relative; } #wp-calendar { width: 100%; } #wp-calendar tbody tr td a { border: dashed 1px #c4a158; color: #c4a158; text-decoration: none; width: 16px; line-height: 16px; text-align: center; margin: 0 auto; display: block; } #wp-calendar tbody tr td { border-right: solid 1px #423028; padding: 2px 0; } #wp-calendar tbody tr th { border: solid 1px #423028; border-left: 0; padding: 2px 0; color: #b5573a; font-weight: normal; } #wp-calendar tbody tr .last { border-right: none !important; } #wp-calendar tbody tr.last td { border-bottom: solid 1px #423028; } #sidebar #searchform { margin: 5px 0 15px 5px; } #sidebar #searchform label { font-weight: bold; color: #c4a158; display: none; } #sidebar #searchform .field-place { width: 190px; height: 23px; background: no-repeat 0 0; padding: 2px; } #sidebar #searchform .field-place .field { border: 0; color: #c4a158; padding: 4px 5px 3px; width: 155px; background: none; float: left; display: inline; } #sidebar #searchform .field-place .button { float: right; display: inline; width: 23px; height: 23px; } #sidebar #searchform .field-place .button { font-size: 0; line-height: 0; text-indent: -4000px; background: none; border: 0; cursor: pointer; } #respond { padding-bottom: 30px; background: url(images/post-bg.gif) no-repeat 0 bottom; margin-bottom: 10px; } #respond h3 { font-size: 19px; } #respond div.left { float: left; display: inline; width: 290px; } #respond div.right { float: right; display: inline; width: 334px; } #respond label { display: block; color: #ac2e13; font-size: 12px; margin: 5px 0 3px; } #respond .button { float: right; display: inline; margin-top: 20px; width: 119px; height: 30px; background: no-repeat 0 0; } #respond .button { border: 0; cursor: pointer; color: #fff; font-weight: bold; } .comment { list-style-type: none; font-size: 12px; } .comment .comment-body { position: relative; height: 100%; position: relative; padding-left: 80px; padding-bottom: 25px; background: url(images/post-bg.gif) no-repeat 0 bottom; margin-bottom: 15px; min-height: 90px; } .comment .avatar { position: absolute; top: 0; left: 0; } .comment .author { font-weight: bold; line-height: 1; } .comment .author a { color: #dd5324; } .comment .comment-meta { font-size: 10px; color: #b49969; margin-bottom: 3px; } .comment .comment-content p { margin-bottom: 15px; } .trackback .comment-body, .pingback .comment-body { padding-left: 0; } /* Big images in rich text editor should not break page layout */ .post .entry { overflow: hidden; } /* Default size for headers */ .post .entry h1 { font-size: 20px; line-height: 30px} .post .entry h2 { font-size: 18px; line-height: 27px} .post .entry h3 { font-size: 16px; line-height: 24px} .post .entry h4 { font-size: 14px; line-height: 21px} .post .entry h5 { font-size: 12px; line-height: 18px} .post .entry h6 { font-size: 10px; line-height: 15px} /* Reasanble margins for lists */ .post .entry ul { margin-left: 25px; } .post .entry ol { margin-left: 25px; } .widget { color: #fff } .userloggedbtn {float: left !important; margin-left: 218px} .commentsnavigation { margin: 6px auto; } .reply { float: right; } .archives hr { margin: 6px 0; } .wp-caption { border: solid 1px #eee; text-align: center; margin: 6px} .wp-caption p { margin-bottom: 0 !important; padding: 0 5px;} .post .entry .wp-caption a img { border: 0 } .metaplace { padding: 9px; } .metaplace p {color: #fff } .commentlist li.last .comment-body { background-image: none; } .commentlist ul.children { margin-left: 25px; } p.tags { padding: 10px; font-size: 10px} .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } h2.pagetitle { font-size: 20px; }