/* Theme Name: Crescent Wordpress Template Theme URI: http://www.crescentsj.com Description: A theme by Keith Moloney. Version: 1 Author: Keith Moloney Author URI: http://www.moloneydesign.com */ /* Crescent College Comprehensive S.J. - Layout Stylesheet - Keith Moloney 2009 */ body, html {width:auto; height:auto; margin:0; padding: 0; background-color: #999; background: url('images/shadow.jpg') top center repeat-y; background-color:#cccccc; } #wrapper {width:960px; height:auto; margin:0 auto; background-color: #ededed;} #header {width:960px; height:157px; background: url('images/headerBg.jpg') top left no-repeat;} #logo {margin:0 auto; display:block; position: relative; left:65px;} #nav {width:960px; height:80px;} .hbar {width:960px; height:4px; padding:0; margin:0; background-image: url('images/rule.png');} #navigation {height:27px; background-color: #fffad8; padding:0; margin:0;} #navigation li {list-style: none; display:inline; color: #70706F; margin-right:20px;} .shadow {height:7px; width:960px; background-image: url('images/shadow.png');} #search {width:240px; height:40px; margin-left:640px; background-color:#ddd; background-image: url('images/search.png');} #contentArea {width:960px; height: auto; margin-top:20px;} #contentArea .column {position:relative; float:left; min-height:100px; } #newsColumn {width:380px; margin:0 20px 20px 410px;} #newsAcademic {background: url('images/titleAcademic.gif') top left repeat-x;} #newsSport {background: url('images/titleSport.gif') top left repeat-x;} #newsCoCurricular {background: url('images/titleCoCurricular.gif') top left repeat-x;} #newsParents {background: url('images/titleParents.gif') top left repeat-x;} #newsAcademic, #newsSport, #newsCoCurricular, #newsParents { margin-bottom:40px; } #newsAcademic h2, #newsParents h2 {background-color:#ededed; width:110px; margin: 0; padding: 0;} #newsCoCurricular h2 {background-color:#ededed; width:180px; margin: 0; padding: 0;} #newsSport h2 {background-color:#ededed; width:80px; margin: 0; padding: 0;} .post-cat {padding-bottom:10px !important; display: block;} .post-comments {float:right; margin-top:-27px;} #eventsColumn {width:380px; margin-left:-420px; right:380px; margin-bottom: 40px; position:relative; float:left; min-height:100px;} .event {width:380px; height:auto !important; margin-bottom:10px !important;} .event-entry {width:320px; height:auto; margin-left:80px; min-height:80px;} .event img {position:relative; float:left; width:80px; height:80px; margin-right:10px;} #imageRotator {width:380px; height:220px; margin:0; padding:0;} #imageCaption {height:20px; width:380px; border-bottom:1px dotted black;} #imageCaption p {padding:0; margin:0; vertical-align:middle;} #errataColumn {width:140px; margin-right:-140px;} #subscribe {position:relative; width:140px; height:90px; margin-bottom:60px; } #subscribe img {float:left; width:20px; height:20px; margin: 5px 10px 0 0; padding: 0;} #subscribe h3 {float:left; margin:0; padding:0; margin-left:0px;} .RssList {position:relative; float:left; margin-left:-30px;} #skyscraper {width:140px; height:320px;} #footer {position:relative; clear:both; width: 940px; height:160px !important; border-top:1px dotted #999; margin-top:20px; left:10px; overflow: hidden;} #footerAddress {width:480px; height:140px; position:relative; left:0; top:0; float:left;} #footerLogo {width:70px; height:120px; position:relative; top:20px; left:0px; float: left;} #footerLogotype {width:360px; height:20px; float:left; position:relative; margin-top:20px;left:10px;} #address {width:140px; height: 80px; margin-left: 80px;} .hideMe {display:none;} #footerNavigation {position:relative; width:90px; height:auto; float:left; top:20px; display:block;} #footerNavigation ul {float:left; list-style:none; padding:0; margin:0; padding-right:15px; line-height:1px !important;} .footerNavigation1 { width:180px; height:90px; float:left;} ul.footerNavigation1 li { float: left; width:90px; line-height:0px;} #footerSubscribe {position:relative; width:100px; height:90px; top:20px; float:left; left:140px;} #footerSubscribe img {float:left; width:20px; height:20px; top:-10px; position: relative;} .footerRssList {position:relative; float:left; left:10px; top:-15px;} #contentNav {width:220px; margin-left:-800px;} #contentContent {width:540px; margin-left:250px; margin-right:20px; min-height:300px !important;} #postsContent {width:540px; margin-right:20px; margin-bottom:40px;} #sectionTitle, #errataTitle {height:24px; border-bottom:1px solid #ccc;} .title {height:auto; min-height:24px; border-bottom:1px solid #00336e;} #errataTitle {margin-bottom:20px;} #sectionTitle {margin-bottom:40px;} #contentNav ul {list-style:none; margin:0; padding:0;} #contentNav ul li {margin-bottom:20px;} #contentNav ul li a {font-size:12px; font-weight:bold; color:#7d7d7d; text-decoration:none;} #contentNav ul li a:hover {font-size:12px; font-weight:bold; color:#009ee0; text-decoration:none;} .focus {color:red !important;} #breadcrumbs ul {list-style:none; margin:0; padding:0;} #breadcrumbs li {display:inline; margin-right:2px;} .inCopyImage {margin-top:30px;} #photoCaption {height:20px; width:540px; border-bottom:1px dotted black;} #photoCaption p {padding:0; margin:0; vertical-align:middle;} .tabulatedList {background-color:white; margin-top:20px;} .contactItem {height:80px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc;} .contactName {margin-left:20px; width:150px; float:left;} .contactEmail {margin-left:60px;} .floatbox { width: 230px; min-height:230px; margin-right: 10px; position:relative; float:left;} .clear {clear: both;} .sidebar {width:230px; float:left; margin-top:0px; margin-left:30px; } #content {width:480px; min-height:500px; margin-right:230px; float: right;} .post form {width:400px;} form#commentform textarea, #commentform p {width:400px;} .post-date {width:400px; height:20px; display:block; } .post-title {border-bottom: 1px dotted #444444;} #page-sidebar {width:230px; height:140px; background-color: red;} #page-content {width:540px; min-height:500px; margin-right:190px; float: right;} .sidebar-index {position:relative; left:20px; top:-15px; width:200px; float:left; margin-top:0px; list-style: none;} .sidebar-index li, .sidebar-index li ul li {list-style:none; margin-bottom:10px;} .sidebar-index .children {margin-top:10px;} .sidebar-index ul li.categories, h2.widgettitle {font-size:14px; font-weight:bold; margin-top:24px; margin-bottom:12px; color: #00336E; border-bottom:1px dotted gray;} #epayment-listings {margin-top:10px;} .cart-item {width:125px; height:165px; margin-right:10px; background:#004080; float: left; margin-bottom: 10px;} .cart-thumbnail {width:121px; height:121px; background:white; margin:2px; background:url('images/cart-default-thumbnail.gif') top left no-repeat;} .cart-title {width:125px; height:40px; } .cart-title h3 {text-align: center; max-width:121px; color:white;} .cart-title h3 a:link, .cart-title h3 a:visited {color:aqua; } #subpages { width:230px; } .sidebar-pages {position:relative; left:20px; top:0px; width:230px; float:left; margin-top:0px; list-style: none;} .sidebar-pages ul li {list-style:none; margin-bottom:10px;} .sidebar-pages ul li a:link, a:visited {color:#666;} .sidebar-pages ul li ul li {margin-top:10px; margin-left:10px; font-size:10px;} .epayment-header, .page-post h1 {width:550px; padding-bottom:4px !important; border-bottom: 1px solid gray; } .navigation {margin:20px 0; display: block; width:600px; overflow: visible;} .navigation span {margin-right:10px;} .entry { margin-top:10px; margin-bottom:40px !important;} .alignright { float:right !important; margin-left:10px; } .alignleft { float:left !important; margin-right:10px; } /* Crescent College Comprehensive S.J. - Typography Stylesheet - Keith Moloney 2009 */ * {font: normal 12px 'Trebuchet MS', Helvetica, Arial, sans-serif; } a:link {text-decoration:none; color: #336699;} a:hover {background-color: white; text-decoration:none; color: #3399ff;} strong {font-weight:bold;} #logo {background-color: none !important; display: hidden;} .sitemap a:link, .sitemap a:link:after, .sitemap a:visited:after { text-decoration: none; content:" [" attr(href) "] "; } .sitemap li, .sitemap li ul li { margin-bottom: 12px; } #navigation { text-align: center; } #navList {margin:0; padding:0;} #navList li a {font-size:10px; font-weight: bold; color:#444; text-transform: uppercase; text-decoration: none; padding-top:8px; display:inline-block;} .title h1, .page-post h1, .epayment-header {font-size:18px; letter-spacing: 4px; text-transform:uppercase; color:#444; margin:0; padding:0;} #newsColumn h1, #eventsColumn h1 { font-size:18px; letter-spacing: 4px; text-transform:uppercase; color:#444; margin:0; padding:0;} .post h1 {font-size:18px; text-transform:uppercase; font-weight: bold; color:#999; letter-spacing: 4px; margin-bottom: 8px;} #newsAcademic h2, #newsSport h2, #newsCoCurricular h2, #newsParents h2, .page-post h2, .post h2 {font-size:14px; text-transform:uppercase; font-weight: bold; color:#999; letter-spacing: 4px; margin-bottom: 8px;} #newsAcademic p, #newsSport p, #newsCoCurricular p, #newsParents p {padding:0; margin:0; margin-bottom: 8px;} #newsAcademic li a, #newsSport li a, #newsCoCurricular li a, #newsParents li a {font-weight:bold; color:#00336e; text-decoration: none; text-transform:uppercase; } #newsAcademic li a:hover, #newsSport li a:hover, #newsCoCurricular li a:hover, #newsParents li a:hover {color:#009ee0;} #newsAcademic li, #newsSport li, #newsCoCurricular li, #newsParents li {margin-bottom:10px;} #breadcrumbs li a {font-size:10px; text-decoration: none;} #breadcrumbs li a:hover {color:#009ee0;} #contentContent p, .entry p, #postsContent p, .page-entry p, .page-post li {font-size:12px; line-height:18px; color:#626262;} #contentContent h2, #contentContent h2 a:link, #contentContent h2 a:hover, .post-title h2, .post-title h2 a:link, .post-title h2 a:hover {font-size:18px; font-weight:bold; margin-top:24px; margin-bottom:0px; color: #00336E; text-decoration: none;} #contentContent h3 {font-size:14px; font-weight:bold; margin-top:24px; margin-bottom:0px; color: #00336E;} #contentContent em { font-style:italic; } #eventsColumn h2 { padding:0; margin:0; margin-top:60px; font-size:14px; font-weight:bold; text-transform: uppercase; color:#444;} .event p {font-size:12px; color:#444;} .event h3 {font-size:14px; font-weight:bold; color:#00336E; margin:0; padding:0; position:relative;} .event p.eventDate {color:#006f9f; } #subscribe ul {margin-top:10px; list-style:none; font-size:12px; display:block;} #subscribe h3 {font-size:14px; font-weight:bold; color:#00336E;} .RssList li a {color:#444444 !important; font-size:12px !important; text-decoration:none; line-height:1.4em;} #errataColumn h3, h3#respond {font-size:12px; margin:0; padding:0; font-weight:bold; text-transform:uppercase; color:#959595;} h3#respond {margin-bottom:12px;} #errataColumn ul {list-style:none; margin:0; padding:0;} #errataColumn li {margin-bottom:12px;} #errataColumn li a {color:#959595; text-decoration: none; font-size:10px;} #errataColumn li a:hover {color:#009ee0;} #footer a {color:#009ee0; font-size:11px;} #footer {color:#959595;} #address p { font-size: 11px; } #footerNavigation li a {font-size:11px;} #footerNavigation li a:link, a:visited {text-decoration: none; } #footerNavigation li a:hover {text-decoration:underline; color:blue;} #footerSubscribe ul {list-style:none; font-size:10px;} .footerRssList li a {color:#444444 !important; font-size:10px !important; text-decoration:none; line-height:2em;} #cpp-link {position: relative; left:-90px; top:130px;} #header-cpp-link { float: right; margin:10px 10px 0 0;} #header-cpp-link a:link, #header-cpp-link a:visited {color: #6699ff;} .clear {clear:both;} .contactName {padding-top:14px;} .contactName h3 {font-size:12px; font-weight:bold; color:#00336e; margin:0; padding:0;} .contactName p {font-size:10px !important; font-weight:normal; color:#009ee0 !important; margin:0; padding:0;} .contactEmail a {font-size:12px !important; font-weight:normal; color:#009ee0; text-decoration:none;} .contactEmail a:hover {color:#00336e;} .post-date {color:#626262; margin-bottom:-3px;} #comments {font-size:14px; font-weight:bold; margin-top:24px; margin-bottom:0px; color: #00336E; } ol.commentlist {list-style-type: none; padding-left:0px; width:400px; border-top:1px dotted #444444; margin-bottom:30px;} .commentlist li {width:360px; margin:0 auto; padding:10px 20px 10px 20px; border-bottom:1px dotted #444;} .alt {background-color:white;} .sidebar * {list-style:none;} .sidebar ul {padding-left:0px;} .sidebar ul li {margin-bottom:10px;} .sidebar h2, #search label {font-size:12px; margin-top:20px; padding:0; font-weight:bold; text-transform:uppercase; color:#757575;} #search label { margin-left:10px;} h2.pages-title { margin-top:0px; color:#999; font-size:22px; font-family: Georgia, Times; font-variant: small-caps; letter-spacing:2px; width:180px; border-bottom:1px dotted gray;} blockquote * {line-height:2em; font-style: italic;} .commentlist li p { margin:20px 0px 20px 0px;} .column div li { list-style:none;} .page-post h1, .page-post h2 {margin-bottom:12px;} .page-entry p {margin-bottom:12px;} .page-entry ul, .page-entry ol {margin-bottom:24px;} .page-entry ul li {list-style-type: disc; margin-bottom:12px; margin-left:24px;} .page-entry ol li {list-style-type: decimal; margin-bottom:12px; margin-left:24px;} .page-entry blockquote {margin:24px; font-style: italic;} .post * {color:#626262;} .post h1, .page-post h2 {margin-bottom:12px;} .entry p {margin-bottom:12px;} .entry ul, .page-entry ol {margin-bottom:24px;} .entry ul li {list-style-type: disc; margin-bottom:12px; margin-left:24px;} .entry ol li {list-style-type: decimal; margin-bottom:12px; margin-left:24px;} .entry blockquote {margin:24px; font-style: italic;} form * tr {height:20px !important;} form table {margin-bottom:10px;}