/* Theme Name: Study Abroad Class Theme URI: http://DrHorowitz.biz/ Description: A theme designed for a study abroad class by Dr. Horowitz Version: 2.8.5 Author: Dr. Horowitz Author URI: http://DavidMarkHOROwitz.com Tags: Dr. Horowitz, study abroad, overseas course, class */ /* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */ html, body { height: 100%; } h1, h2, h3, h4, h5, h6, p, t {font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;} h1, h2, h3, h4, h5, h6, a {color: #660000;} a { text-decoration: none;} h1 {font-size: 28px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 14px;} body { background: #f4f4f4; } p {margin: 7px 0px 7px 0px;} #page-wrap { position: relative; margin: 0 auto -200px; width:1080px; height:100%; min-height: 100%; height: auto; padding-left:10px; } #header { display: block; height: 350px; width: 1080px;} #icon { position: absolute; left: 0px; top: 0px; display: block; border: none; height: 350px; width: 350px;} #icon img { display: block; float: left; border: none; height: 350px; width: 350px; margin: 0 auto;} #tagline1 { position: absolute; left: 350px; top: 0px; display: block; border: none; height: 80px; width: 740px; margin: 20px 0px 0px -90px;} #tagline1 h1 a { font: bold 60px Helvetica, Sans-Serif; color: #660000; text-align: left;} #tagline2 { position: absolute; left: 350px; top: 100px; display: block; float: left; border: none; height: 80px; width: 480px; margin: 0px 0px 0px 0px;} #tagline2 h2 a { font: bold 30px Helvetica, Sans-Serif; color: #666; text-align: left;} #header-links { position: absolute; left: 335px; top: 190px; display: block; border: none; height: 120px; width: 420px; margin: 10px 0px 0px 20px;} #header-links ul { list-style: none; text-indent:-9999px;} #header-links ul li { width: 120px; height: 200px; display: inline;} #header-links ul li a img { display: block; float: left; margin: 0px 15px 0px 0px;width: 120px; height: 120px; border-width: 2px; border-color: #660000; border-style: solid;} #infoimage { position: absolute; display: block; left:830px; top: 100px; border: none; height: 180px; width: 200px; margin: 0px 0px 0px 0px;} #infoimage img { border: none; height: 180px; width: 200px; margin: 0px 0px 0px 0px;} #infolist { position: absolute; display: block; left:830px; top: 100px; border: none; height: 100px; width: 200px; margin: 40px 0px 0px 0px;} #infolist ul {list-style: none} #infolist ul li a {display: block; font-size: 20px; font-style: italic; color: black; text-align: center; vertical-align: center; Helvetica, Sans-Serif; margin: 0px 0px 0px 0px;} #searchbox {position: absolute; display: block; top: 280px; left: 770px; height: 55px; width: 300px;} #cse-search-box {height: 50px; background: none !important; border: none !important; } #cse-search-results {margin: 0px 0px 0px 60px;} #s {width: 300px; height: 25px; font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; font-size: 18px; vertical-align: middle; font-style: italic; margin: 0px; padding: 10px 0px 0px 5px; background: none; } #search-button {left:275px; position:relative; top:-31px;} #content-nav {position: relative; display: block; width: 866px; height: 65px; margin: 0px 0px 0px 0px; overflow:hidden;} #blog-nav {position: absolute; left: 0px; top: 0px; display: block; width: 210px; height: 100%; padding: 10px 2px 0px 2px;} #blog-nav h2 a {font: bold 23px Helvetica, Sans-Serif; color: #660000; float: left; height: 48px; vertical-align: middle; line-height: 48px; margin-right: 5px;} #blog-nav img {float: left; border: none; margin: 0px 3px 0px 0px;} #twitter-nav {position: absolute; left: 210px; top: 0px; display: block; width: 210px; height: 100%; padding: 0px 2px 0px 2px;} #twitter-nav a img {display: block; border: none; margin: 0px 0px 0px 20px;} #images-nav {position: absolute; left: 420px; top: 0px; display: block; width: 210px; height: 100%; padding: 15px 2px 0px 2px; margin: 0px 0px 0px 7px;} #images-nav h2 a {display: block; font: bold 18px Helvetica, Sans-Serif; color: #660000; height: 30px; vertical-align: middle; line-height: 20px;} #videos-nav {position: absolute; left: 630px; top: 0px; display: block; width: 210px; height: 100%; padding: 15px 2px 0px 2px; margin: 0px 0px 0px 6px;} #videos-nav h2 a {display: block; font: bold 18px Helvetica, Sans-Serif; color: #660000; height: 30px; vertical-align: middle; line-height: 20px;} #content-static {position: relative; display: block; width: 866px; margin: 0px 0px 5px 10px;} .post {margin: 0px 0px 25px 0px;} #content {position: relative; display: block; width: 866px; height: 1000px; margin: 0px 0px 0px 0px; overflow-y: scroll;} #blog {position: absolute; left: 0px; top: 0px; display: block; width: 210px; height: 2000px; padding: 0px 2px 0px 2px;} #blog dd img {float: left; width: 75px; margin: 0px 4px 0px 0px; } #blog dd {margin: 0px 0px 10px 0px;} #twitter {position: absolute; left: 210px; top: 0px; display: block; width: 210px; height: 2000px;} #images {position: absolute; left: 420px; top: 0px; display: block; width: 210px; height: 2000px; padding: 0px 2px 0px 2px; margin: 0 auto;} #videos {position: absolute; left: 630px; top: 0px; width: 210px; height: 2000px; padding: 0px 2px 0px 2px;} #videoembed {height: 212px; width: 100%; margin: 0px 6px 5px 6px;} #videoembed h1 {display: block; font-size: 14px; font-style: italic; color: black; text-align: center; Helvetica, Sans-Serif; margin: 5px 0px 0px 0px; overflow: hidden;} #sidebar {position: absolute; left: 880px; top: 370px; display: block; width: 205px; height: 800px; margin: 0px 0px 0px 5px;} .sidebar-column {display: block; width: 180px; border-color: #666; border-width: 2px; border-style: solid; padding: 4px 0px 4px 0px; margin: 0px 0px 30px 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 10px 0px 8px 0px;} .title {font: bold 30px Helvetica, Sans-Serif; color: #666; text-align: center; padding: 10px 0px 8px 0px; display: block; width: 180px; border-color: #666; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666; } .sidebar-column ul {padding: 10px 0px 8px 0px;} .sidebar-column ul li a {font: bold 20px Helvetica;} .cat-item {padding-bottom: 5px; text-align: center;} .textwidget a {font: 11px Helvetica;line-height: 130%;} .textwidget {margin:10px auto; text-align: center; } #main-nav {display: block; width: 205px; margin: 0 auto;} #main-nav li a { text-align: center; display: block; width: 173px; font: bold 30px Helvetica, Sans-Serif; color: #666;vertical-align: middle; line-height: 40px; padding: 2px 6px; background: #660000; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 0px 0px 8px 0px;} #main-nav li.current_page_item a {color: white; padding: 2px 6px; background: #660000; -moz-border-radius: 8px; -webkit-border-radius: 8px;} #twitterSearch {position: relative;} #twitterSearch ul li a {text-align: left;} .tweet { background: #fff; margin: 0px 3px 4px 3px; width: 200px; padding: 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; overflow: hidden; } .tweet img { float:left; margin: 0 0px 0px 0; width: 25px; height: 25px; } .tweet .text { margin: 0; } .tweet .time { font-size: 80%; color: #888; white-space: nowrap; } #twitterSearch .tweet { min-height: 24px; } #twitterSearch .tweet .text { margin-left: 32px; } .thumb { width: 210px; border: none;} .flickr-thumb { height: 150px; width: 195px; overflow: hidden; float: left; margin: 0px 7px 5px 8px;} .comment-body {padding-left: 10px; margin-right: 10px;} .commentlist {margin: 5px 5px 5px 0px; } .comment-author img {vertical-align: middle; margin: 0px 2px 0px 0px; position: relative; top: 10px;} .fn {font-size: 24px; position: relative; top: 20px;} .says {display: none;} .comment-meta {position: relative; top: -5px; left: 70px;} .depth-2 {margin-left:30px; } .depth-3 {margin-left:60px; } .depth-4 {margin-left:90px; } .depth-5 {margin-left:120px; } .depth-2 .comment-body {background-color: white;} .depth-3 .comment-body {background-color: #f4f4f4;} .depth-4 .comment-body {background-color: white;} .depth-5 .comment-body {background-color: #f4f4f4;} #clear {clear: both;} #push {height: 200px;} #footer {position: relative; display: block; width: 1080px; height:200px; border: none; margin: 15px auto;} #footer h4 a {display: block; font: bold 30px Helvetica, Sans-Serif; color: black; text-align: center;} #footer h5 {font: bold 20px Helvetica, Sans-Serif; color: #666; text-align: center;} #footer h5 a {font: bold 20px Helvetica, Sans-Serif; color: black; text-align: center;} #footerlinks {display: block; position: relative; width: 1080px; margin: 0px 0px 0px 40px;} #footer ul {list-style: none} #footer ul li a {display: inline; float: left; font-size: 20px; font-style: italic; color: black; text-align: center; vertical-align: middle; Helvetica, Sans-Serif; margin: 0px 5px 0px 0px;} #footer ul li a img {width: 32px; height: 32px; border: none; text-align: center; vertical-align: middle; margin: 0px 3px 0px 0px;} #footer img {margin: 0px 0px 0px 535px; border: none;} #footer p {font: bold 20px Helvetica, Sans-Serif; color: #666; text-align: center;} #footer a {font: bold 20px Helvetica, Sans-Serif; color: black; text-align: center;} #infonav { display: block; width: 700px; height:190px; margin: 0 auto; padding: 20px; background: #333; -moz-border-radius: 8px; -webkit-border-radius: 10px; } #infonav ul { list-style: none; } #infonav ul li { display: inline; float: left; width: 170px; height:200px;} #infonav ul li a img { display: block; width:123px; height: 123px; border: none; margin: 0 auto; } #infonav ul li a p { display: block; font-size: 16px; color: #fff; text-align: center; margin-top: 10px;} #infosection { margin: 10px auto; } #infosection a img { display: block; margin: 0 auto; border: none;}