/* PERSONAL HOMEPAGE THEME FOR WORDPRESS By: Chris Coyier http://chriscoyier.net http://css-tricks.com -- Feel free to alter and use this theme for whatever you would like. -- A link back is always nice but not required. Light Tan: #f4dfb8 Dark Tan: #d7b880 Dark Gray: #272727 Dark Red: #990000 */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 10pt; font-family: Arial, sans-serif; color: #272727; background: #000000;} ul { list-style: square inside ; } ol { list-style: decimal inside; } a { color: #380908; outline: none; text-decoration: underline; } a img { border: none; background: none; } .menu a { color: #380908; outline: none; text-decoration: none; } img { vertical-align: middle; float: left; margin-right: 15px; margin-bottom: 15px;} table { border-collapse: collapse; } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .button { border: 1px solid #272727; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; } .button:hover { background: #410202; color: white; } /* MOVIE DIV */ #movieplace {padding-top: 10px; text-align: center;} /* CATEGORY LIST */ .categoryList {margin-top: 40px;} .categoryList ul {font-weight: bold; color: #FFFFFF;} .categoryList ul li a {color: white; font-size: .8em;} .categoryList ul li ul li {font-size: .9em; font-weight: normal; text-indent: 20px; margin-top: 5px; margin-bottom: 0px;} /* TYPGROGRAPHY */ #main-col p { font-size: 1.2em; line-height: 150%;} p { padding-bottom: 10px; margin-left: 0; margin-bottom: 0px; margin-right: 0; margin-top: 0; font-family: Arial; font-size: 1.2em; line-height: 150%; } h1 { padding-right: 10px; padding-bottom: 10px; text-align: left; text-shadow: 3px 3px 30%; font-family: Times, serif; font-size: 2.5em; font-weight: bold; } h2 { padding-top: 7px; padding-right: 7px; padding-bottom: 7px; text-align: left; font-family: Times, sans-serif; font-size: 2em; font-weight: bold; } h3 { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: left; font-family: Times, sans-serif; font-size: 1.5em; font-weight: bold; margin: 0 0 10px 0; } li { font-size: 14px; font-family: Arial; margin-bottom: 10px; } p#intro-paragraph { font-family: Georgia, serif; font-size: 1.2em; font-style: italic; line-height: 120%; margin-top: 5px; color: #272727; text-align: justify;} p#intro-paragraph span { font-size: 2.4em; font-weight: bold; } p#intro-paragraph img {float: left; margin-right: 20px;} p#intro-paragraph em { color: #000000; } a { color: #000000; } a:hover { background: #410202; color: white; } h4 { color: white; font-size: 2.0em; margin-bottom: 15px; } .post h4 { font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; color: #000000; } /* FORMS */ input { padding: 3px; } /* STRUCTURE */ #page-wrap { background:url(images/middle_main_content.jpg); width: 950px; margin: 0px auto; min-height: 100%; height: auto !important; height: 100%;} #socialsidebar { width: 245px; float: right; margin-right: 20px; margin-top: -20px; color: #FFFFFF; } #main-col { width: 570px; height:100%; float: left; margin-top: -20px; margin-left: 45px; padding-right: 30px;} #linksidebar { width: 190px; float: right; margin-top;} .scroller { width: 100%; height: 130px; bottom: -30px; margin-bottom: -30px; margin-left: -30px;} .sociable { width: 100%;} /* HEADER */ h1#logo { text-indent: -9999px; margin: 0 10px 8px 0;} #main-pic { float: left; margin-right: 10px; } #top-bar { width: 950px; height: 207px; background:url(images/Header.jpg) top center no-repeat; } #top-bar p { color: #f4dfb8; width: 300px; float: left; } form#searchform { } #topNavBar {float: left; margin-left: 25px; margin-top: 100px;} #topNavBar a {font-size: 1.8em; color: white; font-weight: bold;} /* MENU */ #menu-bar { height: 73px; background: url(images/navbar.jpg)center top no-repeat; padding-top: 5px; padding-bottom: 20px; padding-left: 12px; padding-right: 10px;} ul#main-nav { width: 950px; margin-top: 12px;} ul#main-nav li, ul#extra-nav li { display: inline; padding-left: 8px; padding-right: 8px; } ul#main-nav li a, ul#extra-nav li a { text-transform: uppercase; color: white; font-size: 1.0em; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ul#main-nav li a:hover, ul#extra-nav li a:hover, body#portfolio ul#extra-nav li.portfolio a, body#about ul#main-nav li.Indoor a, body#contact ul#main-nav li.gallery a, body#resume ul#extra-nav li.resume a{ background: white; color: #272727;} /* ABOUT PAGE */ .mainDiv {} .paraText p {font-size: 1.5em; line-height: 150%; text-align: justify;} .paraText p span {font-size: 2.0em; font-style: italic; color: #410202; } .contactInfo {width: 100%; height: 200px;} .contactInfo p {font-size: 1.5em; font-weight: normal;} .address {width: 40%; float: left; border: solid black; border-width: 1px; padding: 10px;} .address p {font-size: 1.5em; line-height: 150%; font-weight: normal;} .contactP {width: 45%; float: left; border: solid black; border-width: 1px; padding: 10px; margin-left: 25px;} .contactP p {font-size: 1.5em; line-height: 150%; font-weight: normal;} /* AUDITORIUM INSTALLATION */ .installMain {width: 100%; height:1020px; text-align: justify;} .installMain p span {font-size: 2.0em; font-style: italic; color: #410202; } .installMain img {text-align: center; margin-top: 50px;} .installTopImages {width: 100%: height: 200px;} .installRight {float: right;} .installLeft {float: left;} .installFormat {width: 100%; float: right;} .wp-caption-text {margin-top: -50px; margin-bottom: 60px; margin-right: 20px; text-align: left; font-weight: bold; float: left; } #post-10 {height: 700px;} img top_image {float: right;} .sociable {float: left;} /* THEATER DRAPERY */ .drapes {width: 100%; height: 700px;} .drapes p span {font-size: 2.0em; font-style: italic; color: #410202;} .topImages {width: 100%;} .drapeTopLeft {float: left;} .drapeTopRight {float: right;} .drapesCont {width: 100%; float: right;} .magicHeader {font-size: 1.7em; font-weight: bold; color: navy;} .saveFormat {font-size: 1.6em; font-weight: bolder; color: maroon;} .drapesCont ul {} .botImages {width: 100%;} .botImagesRight {padding-left: 5px; padding-bottom: 5px; padding-right: 0px; padding-top: 0px; top: 0px; float: right;} .botImagesLeft { padding-right: 5px; padding-bottom: 5px; float: left;} /* WIDGETS */ .widget { width: 200px; margin-right: 30px; } .widget .inside { padding: 10px; } .widget ul { list-style: square outside; margin-left: 15px; } .widget ul li { margin: 0 0 5px 0; } .widget ul li a { display: block; padding: 2px; } .widget ul li a:hover { background: #900; color: white; } .thumb { width: 62px; } .flickr-thumb { height: 41px; width: 62px; overflow: hidden; float: left; margin: 0 0 10px 15px; } /* BLOG ENTRIES */ .post { margin: 0 0 45px 0; } .datebox { width: 40px; float: left; padding: 0 5px 5px 5px; background: #410202; color: white; text-align: center; margin: 0 10px 0 0; } .day { font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; } .month { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; } .year { font-size: 1.6em; font-weight: bold; margin: 0; } ol.commentlist { list-style: none; } .comment-bubble { background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ol.commentlist li p { font-size: 1.0em; } .gravatar { margin-top: 3px; padding: 2px; height: 40px; } /* FOOTER */ #footer { height: 185px; margin-left: 0px;} #footer-inside { width: 950px; height:185px; margin: 0 auto; padding-top: 40px; background: url(images/footer.jpg)center top no-repeat;} #footer p { color: #909090; margin-top: -10px;} #footer-1 { font-size: 1em; color: #909090; width: 500px; float: right; margin-right: 40px; text-align: right; padding-right: 40px; padding-top: 20px;} #footer-1 p a { color: #909090;} #footer-1 p a:hover {background: black; color: #e2d9dc;}