/* Theme Name: Uncommon Descent Updated Theme URI: http://www.uncommondescent.com/ Description: Design for Uncommon Descent by Zeit Studios. Version: 1.5 Author: Peter Wagenet Author URI: http://www.zeitstudios.com/ Uncommon Descent v 1.5 http://www.zeitstudios.com/ */ body { margin: 0; padding: 0; font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif; font-size: 11px; line-height: 16px; background: url(images/background.png) top center white; } img { margin: 0; padding: 0; border: 0; } a { color: rgb(183,144,27); text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } h1 { font-family: Georgia, Times, "Times New Roman", serif; font-weight: normal; font-size: 24px; line-height: 26px; letter-spacing: -1px; margin-bottom: 10px; } h1 a { color: #555; font-weight: normal; } h2 { color: rgb(153,179,84); font-size: 12px; font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif; } h3 { color: rgb(106,106,106); font-size: 12px; letter-spacing: -.75px; font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif; margin-top: 0; } h3 .day { color: rgb(49,49,49); } h3 .month { color: rgb(106,106,106); } h3 .year { color: rgb(154,154,154); font-weight: normal; } h3 .dark { color: rgb(49,49,49); } h3 .light { color: rgb(154,154,154); } h4 { font-size: 13px; font-weight: normal; margin: 0 0 15px 0; color: black; font-family: "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif; } h4 .focus { color: #75805c; font-weight: bold; } h5 { font-size: 14px; line-height: 15px; color: white; font-family: "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; } h6 { font-size: 12px; line-height: 13px; color: #4f4e3d; font-family: "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; } blockquote { margin-left: 2em; margin-right: 0; color: #555; } ul.inline { padding: 0; margin: 0; list-style:none; } ul.inline li { display: block; float: left; padding: 0 4px 0 0; border-right: 1px solid #B7901B; margin: 1px 4px 1px 0; } ul.clean { padding: 0; margin: 0; list-style:none; } img.alignright { float:right; margin:0 0 1em 1em; } img.alignleft { float:left; margin:0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float:right; } .alignleft { float:left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } #page_container { margin: 0 auto; width: 872px; background-image: url("images/background-2col.png"); } #header, #subheader, #menucontainer { margin: 0; padding: 0; line-height: 0; } #subheader { width: 500px; float: left; } #menucontainer { width: 372px; float: right; position: relative; height: 90px; overflow: hidden; } #searchcontainer { position: relative; width: 372px; height: 0; line-height: 15px; z-index: 2; background-color: transparent; } html>body #searchcontainer { height: 60px; } #search { background-color: rgb(185,183,114); padding: 0 20px; height: 60px; width: 332px; } #search h6 { padding: 10px 0 3px 0; } #sidebar { margin: 0; padding: 0; width: 372px; float: right; } #post_nav { background-color: #f1f3f2; margin: 0; padding: 15px 10px 7px; color: #666; } #post_nav .alignleft, #post_nav .alignright { width: 240px; } #post_nav a { color: #aaaaaa; } #content { margin: 25px 19px 19px; width: 450px; overflow-x: auto; /* Fixes wide image problem in IE */ float: left; } html>body #content { overflow: visible; } #content_nopad { width: 500px; float: left; } .post { margin-bottom: 50px } .body { font-family: Georgia, Times, "Times New Roman", serif; font-size: 12px; line-height: 23px; } .body a { font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif; } /******* MENU & COLUMNS *******/ #menu { list-style:none; margin: 0; padding: 0; position: relative; z-index: 1; top: -60px; } #menu li { display: inline; margin: 0; padding: 0; line-height: 21px; } #menu li a { display: block; float: left; width: 83px; height: 26px; margin: 0; padding: 59px 0 5px 10px; color: #dcd5ca; background-color: #7f815c; text-decoration: none; font-size: 11px; font-weight: bold; } #menu li a:hover { color: white; background-color: rgb(185,183,114); } #sidebar { clear: both; margin: 0; padding: 25px 20px; width: 331px; color: #000000; text-align: justify; } #sidebar h5 { margin: 0 0 7px 0; padding: 10px 0 10px 10px; } #sidebar { /* border-left: solid 1px #f2f2e6; */ } #column1 h5 { background-color: #4f4e3d; } #column1 h5 .focus { color: rgb(185,183,114); } #column2 { /* border-left: solid 1px #c7c9b6; background-color: #f1f1e4; */ } #sidebar h5 { background-color: #7f805c; } #sidebar h5 .focus { color: #3c3b29; } #column1 .item, #column2 .item { margin:12px 0; padding:0 15px; } /******* INDIVIDUAL PAGE / COMMENTS *******/ .postmetadata { color:#CCC; } .postmetadata a { color:#BBB; } #comments { background-color: #d6e4e5; clear: left; } #comment_head { background-color: #f1f3f2; border-bottom: solid 2px #a9c8cb; margin: 0; padding: 15px 0 10px 7px; font-weight:bold; color: #777; } #comment_head span { margin: 10px; } #comment_head .comments { color:#444; } #comment_head .trackbacks { color:#BBB; } #comment_head .pingbacks { color:#BBB; } #comments .comment { width: 460px; padding: 10px; border-bottom: solid 2px #a9c8cb; } #comments .author, #comments .moderator { width: 458px; /* Normal size minus border width */ background-color: #ffffff; border-right: solid 2px #a9c8cb; } #comments .last { border-bottom-width: 0; } #comments .info, #comment_response .info { width: 121px; float: left; margin-right: 10px; margin-left: 7px; } #comments .number { margin: 0; color: #7d7d7d; } #comments .name { color: #576264; font-weight: bold; margin: 0; } #comments .name a { color: #5c6566; } #comments .author .name, #comments .moderator .name { } #comments .author .name a, #comments .moderator .name a { color: rgb(183,144,27); } #comments .date { margin: 0; color: #7d7d7d; } #comments .date .year { color: #aaaaaa; } #comments .time { color: #7d7d7d; margin: 0; } #comments .body, #comment_response .form { font-family: Verdana, Arial, "Lucida Sans", "Lucida Grande", sans-serif; font-size: 11px; } #comments .body, #comment_response .form { width: 310px; float: left; line-height: 21px; } #comments .body p { margin: 0 0 20px 0; } #comment_response_head { border-top: solid 2px #a9c8cb; background-color: #8da5a9; padding: 10px 17px; color:white; font-weight: bold; } #comment_response { background-color: #687a7e; padding: 10px; color: white; } #comment_response a { background-color: #687a7e; color: #8fe3ee; } #comment_response .username { margin: 0; font-weight: bold; } #comment_response .date{ margin: 0; } #comment_response .logout { } #comment_response textarea { width: 310px; } #comment_response .submit { float: right; } /******* FOOTER *******/ #footer{ background-color: #4f4e3d; padding: 10px; width: 852px; margin: 0px; margin-top: 20px; color: white; } #footer a { color: #e5b953; } #rss { float: left; } #copyright { float: right; } #credits { clear:both; float: right; } /******* 2 Columns *******/ #twocol_sidebar { width: 166px; float: right; margin: 0; padding: 10px; /* border-left: solid 1px #c7c9b6; background-color: #a9c8cb; */ } #twocol_sidebar.about { color:#595959; } #twocol_sidebar h1 { font-size: 12px; line-height: 12px; color: black; font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif; font-weight: bold; margin-bottom: 5px; } #twocol_sidebar h1 a { color: #7f805c; font-weight: bold; } #twocol_content{ margin-right: 10px; padding: 20px; width: 635px; float: left; } #twocol_content.nopad { padding: 0; width: 675px; } #twocol_content hr { margin: 20px 0; clear: both; } /******* ABOUT *******/ #twocol_sidebar.contributors { } #about_description { margin: 30px; } /* Styled to match h1 */ #about_description h4 { font-family: Georgia, Times, "Times New Roman", serif; font-weight: normal; font-size: 24px; line-height: 26px; letter-spacing: -1px; margin-bottom: 10px; } #about_description h4 .focus { font-weight: normal; color: black; } #contributors, #assistants { margin: 0 20px; clear: both; } #twocol_content .person { clear: both; padding: 20px 0; } #twocol_content .person img { width: 200px; height: 130px; border: solid 8px #4f4e3d; float: left; } #twocol_content .person .body { width: 400px; float: right; margin: 0px; } #twocol_content .person .body h1 { margin-top: 0; } /******* RESOURCES *******/ #twocol_content div.item { margin: 20px 0; } #twocol_content div.item h1 { margin-top: 0; } #twocol_content div.item img { float: left; width: 150px; border: solid 1px gray; } #twocol_content div.item div.with_image { width: 465px; float: right; } /* Sidebar *************************************/ #sidebar ul { list-style-type:none; margin:0 1em 1em; padding:0; clear:both; } #sidebar ul li, #sidebar ul li a { padding-top:.2em; padding-bottom:.2em; padding-right:.2em; } #sidebar ul li:hover, #sidebar ul li a:hover { background:#F0F0E0; } #sidebar h2 { color:#6F6F6F; font-size:1.5em; margin-top:1em; } #sidebar h4 { color:#151515; font-size:1.5em; margin-top:1em; } #sidebar-top h5 { color:#000000; font-size:1.5em; margin-top:1em; } #sidebar-left #cat { width: 195px; border:1px solid #CCCCCC; margin: 20px; padding: 14px 0 14px 10px; } #sidebar-top #cat { width: 345px; border:1px solid #CCCCCC; } #sidebar-right #cat { width: 150px; border:1px solid #CCCCCC; margin: 20px; padding: 14px 0 14px 10px; } #sidebar img { max-width:140px; border: 0px; } /* Degree Finder *************************************/ form label, form input, form textarea, form select { cursor: pointer; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .degree-finder-wrapper input[type="submit"] { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #sidebar .degree-finder-wrapper { background-color: #a31f33; margin-bottom: 20px; -webkit-box-shadow: 0 8px 6px -6px #666; -moz-box-shadow: 0 8px 6px -6px #666; box-shadow: 0 8px 6px -6px #666; } #sidebar .degree-finder-wrapper h5 { text-align: center; font-variant: small-caps; background: none; font-size: 26px; line-height: 28px; letter-spacing: 1px; padding-top: 10px; padding-left: 0; -moz-box-shadow: 0px 8px 5px -5px #b14152; -webkit-box-shadow: 0px 8px 5px -5px #b14152; box-shadow: 0px 8px 5px -5px #b14152; color: #fff; border-bottom: none; } form.degree-finder { padding-top: 5px; padding-bottom: 5px; } .degree-finder { padding: 5px 10px; border: none; } .degree, .category, .subject { margin: 0 0 10px 30px; } form.degree-finder { padding-top: 5px; padding-bottom: 5px; } form.degree-finder select { width: 250px; height: 25px; padding: 4px 0; border: none;} form.degree-finder label { color: #ffffff; letter-spacing: 1px; } form.degree-finder input[type="submit"] { width: 180px; text-align: center; font-family: 'Lato', sans-serif; font-size: 26px; font-weight: normal; letter-spacing: 1px; color: #fff; background: #f0632f; text-shadow: none; margin: 8px 0 15px 60px; border: none; text-transform: uppercase; -moz-box-shadow: 1px 1px 3px 0 #333; -webkit-box-shadow: 1px 1px 3px 0 #333; box-shadow: 1px 1px 3px 0 #333; } form.degree-finder input[type="submit"]:hover { color: #f0632f; text-shadow: none; color: #ffffff; } #degree-finder-bottom { padding: 10px; background: #F2F5F9 url("images/widget-bg.png") repeat-x; border: 1px solid #66a3bf; } h2#degree-finder-bottom { font-size: 1.25em; text-align: center; background: #fe7625; color: #fff; padding: 5px !important; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-transform: uppercase; } #degree-finder-bottom form.degree-finder select { width: 185px; float: left; margin-right: 10px; } #degree-finder-bottom form.degree-finder p { text-align: center; padding-bottom: 0 !important; } #degree-finder-bottom form.degree-finder input[type="submit"] { width: 225px; text-align: center; font-family: 'Lato', sans-serif; font-size: 1em; font-weight: bold; color: #fff; background: #639EB9 url("images/mini-arrow.png") no-repeat; background-position: left; text-shadow: none; margin-top: 10px; } button, a.button, input[type=submit], input[type=reset], .paginator a, .paginator span { border: 1px solid #dadada; color: #404040; cursor: pointer; display: inline-block; font-size: .85em; font-weight: bold; line-height: 1.55; margin-right: 5px; padding: 5px 12px; text-decoration: none; text-align: center; } input[type=submit] { border: none; } /********** CLEAR FIX *********/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */