/*
Theme Name: test_theme
Theme URI: http://wpframework.com/
Version: 0.2.4.10
Description: A blank WordPress Theme Framework that's everything you need, and nothing you don't. With features like microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system, WP Framework is completely extensible, flexible and the starting point for theme authoring and customization. To learn more, visit http://wpframework.com.
Author: Ptah Dunbar
Author URI: http://ptahdunbar.com
Tags: one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats
/* Document Body */
body, input, textarea {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5;
color: #333;
font-size: 90%;
background-image: url(images/background.png);
background-repeat: repeat-x;
background-position: left top;
}
.sub_body {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5;
color: #333;
background-image: url(images/sub_body_background.png);
background-repeat: repeat-x;
background-position: left top;
}
.container {
width: 1000px;
margin: 0 auto;
}
.header {
margin-top:75px;
}
.header_left {
width:400px;
float:left;
}
/* Logo */
#logo {
height:75px;
width:390px;
background-image: url(images/logo.png);
background-repeat: no-repeat;
}
.header_right {
width:575px;
float:right;
padding-top:40px;
}
#client_link {
color:#EEEEEE;
font-size:12px;
height:50px;
left:596px;
position:absolute;
text-align:right;
top:20px;
width:465px;
}
#client_link input[type=submit] {
padding:2.5px;
}
#client_link a {
font-size: 75%;
color: #09C;
}
#client_link a:hover {
font-size: 75%;
color: #0CF;
}
/* Menu */
.menu {
display:block;
text-transform:uppercase;
font-family: "Times New Roman", Times, serif;
}
/* Menu */
.nav {
float: left;
line-height: 1;
width: 100%;
}
.nav, .nav * {
list-style: none;
margin-left: 0;
}
.nav li {
float: left;
padding: 0;
position: relative;
}
.nav ul li {
width: 100%;
}
.nav a {
display: block;
position: relative;
padding: 5px 5px;
}
/* Hides items under top menu */
.nav ul {
position: absolute;
top: -9999em;
width: 20em;
}
/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul {
left: -1px;
top: 29px;
z-index: 110;
}
/* Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul {
top: -999em;
}
/* On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul {
left: 20em;
top: -1px;
}
/* Default Skin */
.nav {
}
.nav ul {
border: 1px solid #CCC;
border-bottom: none;
background-color:#FFF;
text-transform: none;
color: #069;
}
.nav ul li a {
border-bottom: 1px solid #CCC;
color: #069;
}
.nav ul li a:hover {
border-bottom: 1px solid #CCC;
color: #09C;
}
.nav li:hover ul,
.nav li.nav-hover ul {
color: #09C;
}
.nav a {
color: #FFF;
}
.nav a:hover {
color: #09C;
}
.nav a:hover {
text-decoration: none;
background: #EEE;
}
.nav ul a {
border-right: none;
}
.nav li:hover, .nav li.nav-hover,
.nav a:focus {
}
#board {
height:350px;
width:100%;
background-image: url(images/header_background.png);
background-repeat: no-repeat;
background-position: center top;
}
#sub_content {
margin-top:20px;
}
#main_content {
float:left;
width:100%;
min-height:500px;
}
#main_content_left {
float:left;
width:600px;
margin-left:25px;
}
#main_content_right {
float:right;
width:300px;
}
#main_content h2 {
font-size: 24px;
color: #036;
font-family: "Times New Roman", Times, serif;
font-weight:normal;
}
#main_content p {
color: #666;
font-size:12px;
line-height:2.0em;
margin-bottom:15px;
}
#main_content li {
color: #666;
font-size:12px;
line-height:2.0em;
}
.home_blocks {
width: 275px;
float:left;
margin:25px;
}
.home_blocks h3{
font-size:20px;
font-weight:normal;
color: #900;
width:175px;
float:left;
font-family: "Times New Roman", Times, serif;
}
.home_blocks p{
font-size:12px;
line-height:2.0em;
float:left;
}
.home_blocks_image p{
width:75px;
float:left;
}
#sidebar {
width: 300px;
float: right;
}
.sidebar {
border-bottom:thin solid #CCC;
padding-bottom:5px;
margin-bottom:5px;
padding-top:5px;
margin-top:5px
}
#sidebar h3 {
font-size:20px;
font-weight:normal;
color: #036;
font-family: "Times New Roman", Times, serif;
}
#sidebar p {
font-size:12px;
line-height:2.0em;
}
#sidebar ul {
}
#sidebar li {
}
.news_preview {
margin-top:15px;
margin-bottom:15px;
}
.news_preview p {
line-height:1.5em
}
.footer {
height:175px;
width:100%;
clear: both;
position: static;
bottom: 0px;
background-color: #001F3E;
}
#footer_inner {
width:1000px;
margin:0 auto;
padding-top:50px;
text-align:right;
}
#footer_inner li {
padding-top:10px;
padding-bottom:10px;
}
#footer_inner h3 {
font-size:20px;
color:#069;
font-family: "Times New Roman", Times, serif;
}
/* Menu bugfix */
.ie7 .nav:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */ }
/* Links */
a {
color: #2361a1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.entry-content a:link, .entry-content a:active, .entry-content a:visited {
color: #2361a1;
text-decoration: underline;
}
.entry-content a:hover {
text-decoration: none;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
clear: both;
}
h1 {
font-size: 24px;
line-height: 28px;
padding: 5px 0px;
}
h2 {
font-size: 20px;
line-height: 22px;
padding: 5px 0px;
}
h3 {
font-size: 16px;
line-height: 20px;
padding: 5px 0px;
}
h4 {
font-size: 14px;
line-height: 18px;
padding: 5px 0px;
}
h5 {
font-size: 12px;
line-height: 18px;
padding: 5px 0px;
}
h6 { font-size: 10px; line-height: 16px; }
/* Content */
.page-title {
font-size: 14px;
font-weight: bold;
}
.page-title span {
font-style: italic;
font-weight: normal;
}
.entry-title, .entry-title a {
color: #000;
font-size: 24px;
line-height: 28px;
margin-top:20px;
}
.entry-title a:hover {
color: #2361a1;
text-decoration: none;
}
/* Text Elements */
address {
font-style: italic;
}
abbr[title],
acronym[title],
dfn[title] {
cursor: help;
border-bottom: 1px dotted #666;
}
blockquote {
color: #666;
font-style: italic;
border-left: 1px solid #ddd;
margin-left: 15px;
padding-left: 10px;
}
strong {
font-weight: bold;
}
em, dfn, cite {
font-style: italic;
}
dfn {
font-weight: bold;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 12px;
}
del {
text-decoration: line-through;
}
ins {
text-decoration: underline;
}
code, pre {
line-height: 15px;
}
var, kbd, samp, code, pre {
font: 12px/1.4 Consolas, "Andale Mono",
Courier, "Courier New", monospace;
background: #fafafa;
}
kbd {
font-weight: bold;
}
samp, var {
font-style: italic;
}
pre {
white-space: pre;
overflow: auto;
padding: 10px;
border: 1px solid #ddd;
clear: both;
}
code {
padding: 0px 3px;
}
/* Lists: (ul, ol, dl) */
ul, ol, dl {
margin-left: 15px;
}
.entry-content ul,
.entry-content ol,
#search-query {
background-color: #EEE;
border: thin solid #CCCCCC;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding:25px;
}
li ul, li ol {
margin-bottom: 0;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
ol {
list-style-type: decimal;
}
ul {
list-style-type: disc;
}
ul ul {
list-style-type: circle;
}
ul ul ul {
list-style-type: square;
}
dt {
font-weight: bold;
}
.fat li {
margin-bottom: 10px;
}
/* Tables */
table {
border: 1px solid #ccc;
border-width: 1px;
line-height: 18px;
margin: 0 0 22px 0;
text-align: left;
padding: 0 5px;
}
table .even {
background: #ddd;
}
caption {
text-align: left;
}
tr {
border-bottom: 1px solid #ccc;
}
th, td {
padding: 5px 3px;
}
/* Forms */
input, textarea, button {
background: #fafafa;
border-color: #aaa #ddd #ddd #aaa;
border-style: solid;
border-width: 1px; color: #444;
font-size: 14px;
}
input, textarea, button {
padding: 3px;
}
button {
font: 12px;
padding: 2px 10px;
cursor: pointer;
}
input:focus,
textarea:focus,
button:hover {
background: #fff;
border-color: #777 #ccc #ccc #777;
}
/* bugfix */
.safari input {
padding: 0px 3px;
}
.chrome input {
padding: 1px 3px;
}
/* Comments */
.comment-list, .comment-list .children {
list-style: none;
}
.comment-list {
margin-left: 10px;
}
.comment {
margin-bottom: 40px;
}
.comment-list .children {
margin-top: 40px;
}
.comment-meta {
margin-bottom: 10px;
}
.commenter {
font-size: 16px;
}
.avatar {
float: right;
margin: 0px 0px 10px 20px;
border: 1px #ddd solid;
padding: 1px;
}
/* Comment Reply */
#comment-form .form-section input {
margin-right: 10px;
}
.form-section {
margin-bottom: 10px;
}
.form-section label {
cursor: pointer;
}
#commenter-details input {
margin-right: 10px;
}
#allowed-tags {
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 10px;
background: #fff;
border: 1px #ddd dotted;
border-top: none;
width: 573px;
}
/* Images */
img.alignleft {
float: left;
margin-right: 20px;
margin-top: 5px;
}
img.alignright {
display: block;
float: right;
margin-left: 20px;
margin-top: 5px;
}
img.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
margin-top: 5px;
}
.wp-caption {
text-align: center;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption .wp-caption-text {
margin: 0;
padding: 5px;
}
.wp-smiley {
max-height: 13px;
margin: 0 !important;
} /* Prevent the smileys from breaking line-height */
/* [gallery] */
.gallery {
margin: auto;
}
.gallery-image {
border: 2px solid #cfcfcf;
margin-left: 0;
}
.gallery-caption {
margin-left: 0;
}
.gallery-item {
float: left;
text-align:
center;
margin-left: 0;
}
.gallery-columns-2 {
width: 50%;
}
.gallery-columns-3 {
width: 33%;
}
.gallery-columns-4 {
width: 25%;
}
.gallery-columns-5 {
width: 20%;
}
.gallery-columns-6 {
width: 16%;
}
.gallery-columns-7 {
width: 14%;
}
.gallery-columns-8 {
width: 12%;
}
.gallery-columns-9 {
width: 11%;
}
/* Navigation */
.page-navigation
.nav-next {
float: left;
}
.page-navigation
.nav-previous {
float: right;
}
.single-page-navigation
.nav-next {
float: right;
}
.single-page-navigation
.nav-previous {
float: left;
}
/* [gallery] + navigation clearfix */
.gallery-row:after,
.navigation-links:after,
.container:after,
.menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.gallery-row,
.navigation-links,
.container, {
display: block;
}
/* Basic Alignments */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
}
a:link, a:visited {
color: #036;
}
a:hover {
text-decoration:underline;
}
/* Font Styles */
.serif {
font-family: Georgia, "Times New Roman", Times, serif;
}
.sans-serif {
font-family: Arial, Helvetica, sans-serif;
}
/* Vertical Rhythm */
.entry-meta {
margin-bottom: 10px;
}
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol {
margin-bottom: 20px;
}
.hentry, .widget, .comment, .navigation-links {
margin-bottom: 40px;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
}
blockquote {
margin: 1.5em;
padding: 1em;
font-style: italic;
font-size: .9em;
}
code {
font: 0.9em "Courier New", Monaco, Courier, monospace;
}
img {
float: left;
margin: 1.5em 1.5em 1.5em 0;
}
a img {
border: none;
}
/* Table */
table {
margin: 1px;
text-align:left;
}
th {
border-bottom: 1px solid #333;
font-weight: bold;
}
td {
border-bottom: 1px solid #333;
}
th, td {
padding: 4px 10px 4px 0;
}
tfoot {
font-style: italic;
}
caption {
background: #fff;
margin-bottom: 2em;
text-align: left;
}
thead {
display: table-header-group;
}
tr {
page-break-inside:avoid;
}
/* Eric Meyer Reset Reloaded */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px;
padding: 0px;
border: 0px;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
}
/* Removes dotted line when focus */
:focus {
outline: none;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
border-collapse: separate;
border-spacing: 0px;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
table, td, th {
}
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* Remove annoying border on linked images. */
a img { border: none; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: block;
}
/* Regular clearing, just in case! */
.clear { clear: both; }
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
small {
color:#999999;
font-size:10px;
}
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}
/*---------SLIDE----------------*/
.slideShowContainer{
display:block;
float:left;
height:352px;
width:998px;
z-index:-1;
}
.slideContainer{
display:block;
float:left;
height:352px;
width:696px;
}
ul.slides{
display:block;
height:352px;
list-style:none;
margin:0px;
padding:0px;
position:relative;
width:696px;
}
ul.slides li{
display:block;
height:352px;
left:0px;
margin:0px;
padding:0px;
position:absolute;
top:0px;
width:696px;
}
ul.slides li.one{ background:#335a85 url('/wp-content/themes/wp-framework/images/header_background1.jpg')top left no-repeat; }
ul.slides li.two{ background:#335a85 url('/wp-content/themes/wp-framework/images/header_background2.jpg') top left no-repeat; }
ul.slides li.three{ background:#335a85 url('/wp-content/themes/wp-framework/images/header_background3.jpg') top left no-repeat; }
ul.slides li.four{ background:#335a85 url('/wp-content/themes/wp-framework/images/header_background4.jpg') top left no-repeat; }
ul.slides li.five{ background:#335a85 url('/wp-content/themes/wp-framework/images/header_background5.jpg') top left no-repeat; }
ul.slides li.blackout{
background:#FFF;
z-index:25;
}
ul.slides li.current{ z-index:100; }
ul.slides li.next{ z-index:50; }
ul.slides div.slideContent {
background-image:url(/wp-content/themes/wp-framework/images/selected_background.png);
background-position:left top;
background-repeat:repeat;
bottom:180px;
display:block;
height:100px;
left:250px;
padding:30px;
position:absolute;
width:375px;
}
ul.slides div.slideContent h4{
font-size:11px;
margin:0px 0px 6px 0px;
}
ul.slides div.slideContent h1{
color:#eee;
font:22px/24px Helvetica, Arial, sans-serif;
margin:0px 0px 14px 0px;
}
ul.slides div.slideContent h1 a{
color:#eee;
font:22px/24px Helvetica, Arial, sans-serif;
text-decoration:none;
}
ul.slides div.slideContent h1 a:hover{
color:#eee;
text-decoration:underline;
}
ul.slides div.slideContent p{
color:#d2d2d2;
margin:0px;
}
ul.slides div.slideContent a.learnMore{
display:block;
display:none;
margin:8px 0px 0px 0px;
}
ul.slides div.slideContent span.photoCredit{
bottom:-15px;
color:#ccc;
font:10px/12px Helvetica, Arial, sans-serif;
position:absolute;
right:10px;
}
.selectContainer{
display:block;
float:left;
height:352px;
width:300px;
background-image: url('/wp-content/themes/wp-framework/images/select_background.png');
background-repeat: no-repeat;
background-position: left top;
font-weight:normal;
}
ul.select{
display:block;
height:352px;
list-style:none;
margin:0px;
padding:0px;
width:300px;
}
ul.select li{
display:block;
float:right;
height:60px;
margin:0px 0px 0px 0px;
padding:0px;
position:relative;
width:300px;
z-index:1000;
}
ul.select li a{
color:#FFF;
display:block;
height:58px;
line-height:58px;
margin:0px;
padding:0px;
text-decoration:none;
width:300px;
}
ul.select li a:hover{ color:#fff; }
ul.select li.selected a{
background-image: url(/wp-content/themes/wp-framework/images/selected_background.png);
background-repeat: repeat;
background-position: left top;
;
color:#e1edf4;
}
ul.select span.icon{
display:block;
float:left;
height:58px;
width:20px;
}
ul.select li.about_us span.icon{ background:url('/assets/images/icons/32/drf_by_jonas_rask/globe_blue.png') center center no-repeat; }
ul.select li.featured_member span.icon{ background:url('/assets/images/icons/32/drf_by_jonas_rask/person.png') center center no-repeat; }
ul.select li.event span.icon{ background:url('/assets/images/icons/32/drf_by_jonas_rask/calendar.png') center center no-repeat; }
ul.select li.announcement span.icon{ background:url('/assets/images/icons/32/drf_by_jonas_rask/star.png') center center no-repeat; }
ul.select li.site span.icon{ background:url('/assets/images/icons/32/drf_by_jonas_rask/site.png') center center no-repeat; }
ul.select li.in_the_news span.icon{ background:url('/assets/images/icons/32/drf_by_jonas_rask/news.png') center center no-repeat; }
ul.select span.text{
display:block;
float:left;
font:16px/58px "Times New Roman",Times,serif;
letter-spacing:normal;
padding:0px 0px 0px 0px;
font-weight:normal;
}
ul.select span.minitext{
display:block;
float:left;
font:16px/18px "Times New Roman",Times,serif;
letter-spacing:normal;
padding:25px 10px 5px 0px;
font-weight:bold;
}
ul.select .a_minitext{
color:#FFF;
display:block;
height:110px;
line-height:58px;
margin:0px;
padding:0px;
text-decoration:none;
width:300px;
}
ul.select li .a_minitext:hover{ color:#3c9fde; }