/* Theme Name: Project Survival Media Description: A custom WordPress theme for ProjectSurvivalMedia.org, based on Hybrid. Version: 0.1 Author: Diligent Creative Author URI: http://diligentcreative.com Template: hybrid */ /* Credits - - - - - - - - - - - - - - - - - - - - - - - - - Icons: http://www.famfamfam.com/lab/icons/silk/ CC:BY */ /* Import Hybrid's CSS reset - - - - - - - - - - - - - - - - - - - - - - - - - */ @import url('../hybrid/library/css/reset.css'); /* HTML Elements - - - - - - - - - - - - - - - - - - - - - - - - - */ body {color:#ddd; background:#222 url(images/body.jpg) center repeat-y; font:12px/18px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative;} /* Headings */ h1,h2,h3,h4,h5,h6 {clear:both;} .content h1 {font-size:3em; line-height:1; margin-bottom:0.5em;} .content h2 {font-size:2em; margin-bottom:0.75em;} .content h3 {font-size:1.5em; line-height:1; margin-bottom:1em;} .content h4 {font-size:1.2em; line-height:1.25; margin-bottom:1.25em;} .content h5 {font-size:1em; font-weight:bold; margin-bottom:1.5em;} .content h6 {font-size:1em; font-weight:bold;} /* Text elements */ p { margin: 0 0 1.5em; } p.last { margin-bottom: 0; } p img { float: left; margin: 1em 1em 1em 0; padding: 0; } p img.top { margin-top: 0; } /* Use this if the image is at the top of the

. */ img { margin: 0 0 1.5em; } a:visited { color:inherit;} blockquote { margin: 1.5em; font-style: italic; } strong { font-weight: bold; } em,dfn { font-style: italic; background: #ffc; } dfn { font-weight: bold; } pre,code { margin: 1.5em 0; white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } li { margin-left:1.5em;} /* Elements by ID - - - - - - - - - - - - - - - - - - - - - - - - - */ #header-container, #navigation, #container, #footer-container {width:970px; margin:0 auto; position:relative;} /* Header */ #header {height:300px; background:url(images/header.jpg) no-repeat;} #site-title {position:absolute; top:10px; left:10px; z-index:99;} #site-title a {display:block; height:140px; width:290px; background:url(images/site-title.png) no-repeat; text-indent:-9999px;} #site-description {display:none;} /* Navigation */ #navigation {position:relative; bottom:290px; right:10px; height:160px; margin-bottom:-160px; overflow:hidden;} #navigation ul {float:right; list-style:none;} #navigation li {display:inline; float:left; margin:0; width:80px; font-weight:bold; text-align:center;} #navigation a:link, #navigation a:visited {color:#3cf;} #navigation a:hover, #navigation a:active {color:#6ff;} #navigation ul ul {float:none;} #navigation li li {display:block; float:none; font-weight:normal; text-align:left;} #navigation li li a {display:none; margin:1px; padding:2px; text-indent:0;} #navigation li li a:link, #navigation li li a:visited {color:#fff; background:rgba(0,0,0,.5);} #navigation li li a:hover, #navigation li li a:active {color:#000; background:#6ff;} #navigation li:hover li a {display:block;} /* Content */ #container {background:#262626; padding-bottom:150px;} .content {color:#ddd; margin:0 170px 0 0; min-height:650px; padding:10px;} .content h3 {font-size:12px; line-height:18px; margin-bottom:10px;} .content a:link, .content a:visited {color:#3cf;} .content a:hover, .content a:active {color:#6ff;} .content img {max-width:100%; height:auto;} .content hr {clear:left;} /* Sidebars */ #primary {display:none; position:absolute; top:0; left:0; width:180px; padding:10px; background:#ccc;} #primary h3 {clear:left; color:#222; line-height:18px; margin-bottom:10px;} #primary .widget {margin-bottom:10px;} #primary ul {list-style:none;} #primary ul li {list-style:none; margin:0 0 10px 0; border:1px solid #fff; color:#222; background:#eee; -webkit-box-shadow:0 2px 2px #999;} #primary ul li a {display:block; padding:5px; font-size:18px; color:#222; background:#eee;} #primary ul li a:hover {color:#fff; background:#6cf;} #primary ul li.cat-item-18 a {background:#ff9;} #primary ul li.cat-item-18 a:hover {color:#f90; background:#ff3;} #primary #text-8 {overflow:auto;} #primary #text-8 a {display:block; float:left; width:60px; height:50px; background:url(images/media.png) no-repeat; text-indent:-9999px;} #primary #text-8 a.video {background-position:left top;} #primary #text-8 a.photo {background-position:center top;} #primary #text-8 a.audio {background-position:right top;} #primary #text-8 a:hover {background-position-y:bottom;} #secondary {position:absolute; top:0; right:0; width:150px; padding:10px; color:#777; background:#444;} #secondary h3 {margin-bottom:10px; color:#ccc; line-height:18px;} #secondary p {margin-bottom:10px;} #secondary .widget {margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #262626;} #secondary .widget p:last-child {margin-bottom:0;} #secondary .widget:last-child {border:0; margin-bottom:0; padding-bottom:0;} #secondary .search-text, #secondary .subscribe-text {margin-right:5px; padding:5px; width:100px; border:0; background:#999; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} #secondary .icon {display:inline-block; height:32px; width:32px; text-indent:-9999px;} #secondary .facebook {background:url(socnet/facebook_32.png) no-repeat;} #secondary .twitter {background:url(socnet/twitter_32.png) no-repeat;} #secondary .youtube {background:url(socnet/youtube_32.png) no-repeat;} #secondary .flickr {background:url(socnet/flickr_32.png) no-repeat;} /* Footer */ #footer-container {position:absolute; bottom:0; width:100%;} #footer {width:950px; margin:10px auto 0; padding:10px; height:100px; color:#333; background:#000;} #footer a {color:#555;} #footer a:hover {color:#09c;} /* Elements by Class - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Images */ .content img {border:2px solid #111;} .content img.alignleft {float:left; clear:left; margin:0 10px 10px 0;} .content img.alignright {float:right; clear:right; margin:0 0 10px 10px;} .content img.alignnone {float:none; clear:both; margin:10px 0;} /* Buttons */ a.button, .search-submit, .subscribe-submit {display:inline-block; padding:3px 5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} a.button:link, a.button:visited, .search-submit, .subscribe-submit {color:#09c; background:#3cf; border:0;} a.button:hover, a.button:active, .search-submit:hover {background:#6ff;} /* Specific Pages - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Home */ body.home .content {margin:0 170px 0 200px; padding:10px;} body.home #primary {display:block; width:180px;} /* Team */ body.page-5 img.alignleft {max-width:100px;} /* Category Pages */ body.category-africa #header {background:url(images/header_africa.jpg) no-repeat;} body.category-antarctica-and-arctic #header {background:url(images/header_antarctica.jpg) no-repeat;} body.category-asia #header {background:url(images/header_asia.jpg) no-repeat;} body.category-australia #header {background:url(images/header_australia.jpg) no-repeat;} body.category-europe #header {background:url(images/header_europe.jpg) no-repeat;} body.category-north-america #header {background:url(images/header_northamerica.jpg) no-repeat;} body.category-south-america #header {background:url(images/header_southamerica.jpg) no-repeat;} body.category-cop15 #header {background:url(images/header_cop.jpg) no-repeat;} body.category-cop-16 #header {background:url(images/header_cop16.jpg) no-repeat;} /* Single Posts */