/* Theme Name: DC Film Commission Theme URI: http://www.traderelic.com/ Description: The default theme for the Douglas County Film Commission. Version: 1.0 Author: Andrew A. Powell Author URI: http://www.traderelic.com/ */ /* ------------------------------------- [Color Codes] Lite Brown: #7F522D Dark Brown: #4F2B0B >> website bg, text Lite Green: #EDFBD8 Mid Green: #DAE8C5 Dark Green: #4F6A1D >> Asides border Nav Green: #DAE7C6 >> Navigation menu bg Mint: #ECF6EE >> Header bg ------------------------------------- */ /* ------------------------------------- */ /* Basic */ /* ------------------------------------- */ html, body { margin: 0; padding: 0; font-family: "Lucida Sans Unicode", "lucida grande", Verdana, sans-seriff; font-size: 12px; background-color: #4f2b0b; color: #4f2a0b; } * { padding: 0; margin: 0; } #page { margin: 0 auto; padding: 0px; width: 820px; background: url(images/bg-sidebar.gif) repeat-y; overflow: auto; } #container { margin: 0 35px 0 35px; padding: 0; } /* ------------------------------------- */ /* HEADER */ /* ------------------------------------- */ #header { margin: 0; padding: 0; width: 750px; background-color: #ecf6ee; background-image: url(images/logo.jpg); background-position: left; background-repeat: no-repeat; height: 100px; text-align: right; } #search h3 { font-size: 18px; } /* ------------------------------------- */ /* NAVIGATION MENU */ /* ------------------------------------- */ #nav { margin: 0; padding: 0; height: 26px; background-color: #dae7c6; font-size: 12px; border-top: 1px solid #edfbd8; border-bottom: 1px solid #edfbd8; clear: both;} #nav ul { margin: 0 20px 0 0; padding: 0;} #nav ul li { margin: 0; padding: 0; display: inline; list-style-type: none;} #nav ul li a { margin: 0; padding: 5px 10px 5px 10px; color: #4f2a0b; background-color: #dae7c6; text-decoration: none; text-align: center; float: left; border-right: 1px solid #edfbd8;} #nav ul li a:hover { margin: 0; padding: 5px 10px 5px 10px; color: #7f522d; background-color: #edfbd8; text-decoration: none; text-align: center; float: left;} /* ------------------------------------- */ /* Home */ /* ------------------------------------- */ #scene { margin: 0; padding: 0; height: 250px; background: url(images/field_big.jpg) no-repeat;} #scene .link { margin: 0; padding: 225px 20px 0 0; text-align: right; vertical-align: bottom; bottom: 0px;} #scene .link a { color: #fff; text-decoration: none; font-weight: bold;} #home { margin: 0; padding: 20px 0 20px 0; background: url(images/bg_home.gif) repeat-y; overflow: auto;} #home h1 { margin: 0; padding: 0; font-size: 22px; letter-spacing: -1pt; font-weight: normal;} #home h2 { margin: 0; padding: 0; font-size: 15px; font-weight: normal;} #home a { color: #4f2a0b; text-decoration: none;} #home a:hover { color: #7f522d; text-decoration: underline;} /* News Section for Home page */ #news { margin: 0; padding: 0 20px 40px 20px; background: url(images/bg_news_camera.gif) bottom no-repeat; width: 183px; float: left; min-height: 155px;} #news .story, #sidebar .story { margin: 10px 0 10px 1px; padding: 0 0 0 10px; border-left: 4px solid #4f6a1d;} /* center search area */ #fresh { padding: 0 20px 0 20px; width: 264px; float: left;} #fresh ul li { padding: 5px 0 5px 0; list-style-type: none;} /* guidance area */ #assistance { padding: 0 20px 0 20px; width: 183px; float: right;} #assistance ul { margin: 0; padding: 0;} #assistance ul li{ margin: 12px 0 0 0; list-style-type: none;} /* ------------------------------------- */ /* CONTENT */ /* ------------------------------------- */ #scene-mini { margin: 0; padding: 0; height: 95px; background: url(images/field_small.jpg) no-repeat;} #scene-mini h1 { margin: 0; padding: 75px 0 0 20px; font-size: 18px; color: #fff; font-weight: normal;} #wrapper { margin: 0; padding: 0;} #content { margin: 0; padding: 20px; width: 460px; color: #4f2a0b; overflow: auto; float: left;} /* page or welcome heading */ #content h1 ,#contentnews h1{ margin: 0; padding: 0; font-size: 18px; letter-spacing: -1pt; font-weight: normal;} #content h2 ,#contentnews{ margin: 0; padding: 0; font-size: 18px; font-weight: normal;} #content h3 ,#contentnews{ margin: 0; padding: 0; font-size: 14px; font-weight: normal;} #content p ,#contentnews{ margin: 10px 0 10px 0; padding: 0; font-size: 12px; letter-spacing: .8pt; line-height: 1.2;} #content strong { letter-spacing: 0;} #content ul, #content ol { margin: 0 0 20px 0; padding: 0;} #content ul li { margin: 14px 0 0 0; padding: 0; list-style-type: square; line-height: 1.2; letter-spacing: .8pt; list-style-position: inside;} #content ul li a { color: #4f2a0b; text-decoration: underline;} #content ul li a:hover { color: #7f522d; text-decoration: none;} #content ol li { margin: 14px 0 0 0; padding: 0; line-height: 1.2; letter-spacing: .8pt; list-style-position: inside;} #content a { color: #4f2a0b; text-decoration: underline;} #content a:hover { color: #7f522d; text-decoration: none;} /* ------------------------------------- */ /* News - for posts only pertaing to the news category(1)*/ #contentnews { margin: 0; padding: 20px; width: 630px; color: #4f2a0b; overflow: auto; float: left;} #pagewide { background-color: #EDFBD8; } #contentnews .news { margin: 0 0 20px 0; padding: 0;} #contentnews .published { margin: 0; padding: 0; border-top: 1px solid #4f6a1d; width: 630px;} /* ------------------------------------- */ /* Location - for posts only pertaing to the location category(2)*/ #content .latest { margin: 20px 0 0 0; padding: 0; width: 300px; float: left;} #content .infobox { margin: 20px 0 0 10px; padding: 5px; width: 130px; float: right; background-color: #FFFFCC; border: 1px solid #FFCC99;} #content .location { margin: 8px 0 0 0; padding: 0 0 8px 0; border-bottom: 1px solid #4f6a1d; clear: both; overflow: auto; } #content .location img { margin: 0 5px 0 0;} /* special code for excluding Locations category from location preview */ #content .location a[title="View all posts in Locations"]{ display:none;} /* ------------------------------------- */ /* Individual Location - single.php */ /* ------------------------------------- */ #content .leftinfo { margin: 0; padding: 0; width: 220px; float: left;} #content .leftinfo p, #content .rightinfo p { margin: 5px 0 0 0; letter-spacing: 0;} #content .rightinfo { margin: 0 0 0 20px; padding: 0; width: 220px; float: right;} #content .rightinfo a { color: #7f522d; text-decoration: underline;} #content .rightinfo a:hover { color: #4f2a0b; text-decoration: none;} /* special code for excluding Locations category from location preview */ #content .rightinfo a[title="View all posts in Locations"]{ display:none;} #content .ready { margin: 20px 0 0 0; padding: 5px; width: 448px; background-color: #FFFFCC; border: 1px solid #FFCC99; float: left; clear: both;} #content .ready ul { margin: 0; padding: 0;} #content .ready ul li { margin: 0; padding: 0 10px 0 0; list-style-type: none; display: inline;} #content .notready { margin: 20px 0 0 0; padding: 5px; width: 448px; background-color: #FFEBE8; border: 1px solid #CC0000; float: left; clear: both;} #content .section { margin: 0; padding: 0; clear: both;} #content .zonemap { margin: 20px 0 0 0; padding: 0; width: 220px; float: left;} #content .map_canvas { margin: 20px 0 20px 0px; padding: 0; float: left;} /* ------------------------------------- */ /* Comments - 'Field Notes' for locations */ #comments { margin: 0; padding: 0; float: left; clear: both; overflow: auto;} #comments ol.commentlist { margin: 7px 0 0 0; padding: 0;} #comments .commentlist li { margin: 0; padding: 0; width: 460px; list-style: none; margin-bottom: 14px; background: #DAE8C5; border-bottom: 2px solid #4F6A1D;} #comments .commentlist cite { margin: 0; padding: 7px; display: block; /*border-bottom: 1px solid #4F6A1D;*/ background: #ECF6EE; font-style: normal; color: #4F2B0B;} #comments .commentlist .time { background: url(http://test.douglascountyfilm.com/images/time.png) no-repeat 1px; padding-left: 19px;} #comments .comment-text { margin: 0; padding: 7px;} #comments ol.commentlist li ul li { margin: 0; padding: 0; width: 400px; list-style: square inside; border: none;} #comments ol.commentlist li ol li { margin: 0; padding: 0; width: 400px; list-style: decimal inside; border: none;} /*#comments li.alt { background: #7F522D; border-bottom: 2px solid #4F2B0B; color: #fff;}*/ /* ------------------------------------- */ /* SIDEBAR */ /* ------------------------------------- */ #sidebar { margin: 0; padding: 20px; width: 210px; float: right; color: #4f2a0b;} #sidebar h2 { margin: 0; padding: 0; font-size: 18px; font-weight: normal;} #sidebar h3 { margin: 0; padding: 0; font-size: 14px; font-weight: normal;} #sidebar ul { margin: 0; padding: 0;} #sidebar ul li { margin: 0; padding: 5px 0 5px 0; list-style-type: none; font-size: 12px; font-weight: normal; display: block;} #sidebar ul ul { margin: 0 0 20px 0; padding: 0;} #sidebar ul ul ul { margin: 0 0 0 15px; padding: 0;} #sidebar li li li { list-style-type: square;} #sidebar a { color: #4f2a0b; text-decoration: none;} #sidebar a:hover { color: #7f522d; text-decoration: underline;} #sidebar .locale { margin: 12px 0 0 0; padding: 0 0 8px 0; border-bottom: 1px solid #4f6a1d; clear: both; overflow: auto; font-size: 12px;} #sidebar .locale img { margin: 0 5px 0 0;} /* special code for excluding Locations category from location preview */ #sidebar .locale a[title="View all posts in Locations"]{ display:none;} /* for weather widget */ #sidebar #weather { margin: 0 0 20px 0; padding:0 5px 20px 5px; background-color: #FFFFCC; border: 1px solid #FFCC99; font-size: 12px;} #sidebar .textwidget { margin: 0 0 20px 0; padding: 5px; background-color: #FFFFCC; border: 1px solid #FFCC99;} /* ------------------------------------- */ /* FOOTER */ /* ------------------------------------- */ #footer { margin: 0 auto; padding: 0; width: 820px; background: url(images/footer_bg.gif) no-repeat bottom; color: #4f2a0b; font-size: 10px; clear: both;} #footer .holder { margin: 0 auto; padding: 0px; width: 750px; background-color: #DAE8C5; overflow: auto;} #footer #address { margin: 0; padding: 10px 0 10px 20px; float: left;} #footer #copyright { margin: 0; padding: 65px 20px 0 0; float: right;} #footer a { color: #4f2a0b; text-decoration: none;} #footer a:hover { color: #7f522d; text-decoration: underline;} #creator { margin: 0 auto; padding: 15px 0 5px 15px; width: 760px; color: #ffffff; font-size: 10px; clear: both;} #creator a {color: #ffffff; text-decoration: none;} #creator a:hover { color: #ffffff; text-decoration: underline;} /* ------------------------------------- */ /* MISC TAGS */ /* ------------------------------------- */ img { border: 0;} .alignright { margin: 10px 0 10px 0; float: right;} .alignleft { margin: 10px 0 10px 0; float: left}