File: D:/HostingSpaces/HBergman/dezaakpartners.nl/wwwroot/wp-content/themes/pinblue/style.css
/*
Theme Name: PinBlue
Theme URI: http://wpthemes.co.nz/pinblue-theme/
Description: Theme ideal for photo galleries and portfolio sites.
Author: WPThemes NZ
Author URI: http://wpthemes.co.nz/
Version: 1.2.5
Tags: custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/******************************************************************/
@import url(library/css/default.css);
@import url(http://fonts.googleapis.com/css?family=Questrial);
/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/
body {
background:url(library/images/bg.jpg);
}
#container, .wrap {
margin: 0 auto;
padding: 0 30px;
min-height:550px;
}
/* layout options ( all have margins right & left of 1%) */
.col60 { width: 6.333%; } /* width 60px / grid_1 */
.col140 { width: 14.667%; } /* width 140px / grid_2 */
.col220 { width: 23.0%; } /* width 220px / grid_3 */
.col300 { width: 31.333%; } /* width 300px / grid_4 */
.col380 { width: 39.667%; } /* width 380px / grid_5 */
.col480 { width: 48.0%; } /* width 480px / grid_6 */
.col540 { width: 56.333%; } /* width 540px / grid_7 */
.col620 { width: 64.667%; } /* width 620px / grid_8 */
.col700 { width: 73.0%; } /* width 700px / grid_9 */
.col780 { width: 81.333%; } /* width 780px / grid_10 */
.col860 { width: 89.667%; } /* width 860px / grid_11 */
.col940 { width: 98.0%; } /* width 940px / grid_12 */
/* layout & column defaults */
.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { display: inline; float: left; margin-left: 1%; margin-right: 1%; position: relative; }
/* default styles & fixes */
#main { margin-left: 0; } /* fixes alignment (defaulted at col620) */
#sidebar { margin-right: 0; } /* fixes alignment (defaulted at col300) */
/******************************************************************
LINK STYLES
******************************************************************/
a, a:visited { color:#d3ab20; }
a:hover {}
a:active {} /* on click */
a:link {
-webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */
}
/******************************************************************
TEXT SELECTION STYLES
******************************************************************/
/* Safari, Chrome, iPhones, iPads */
::-webkit-selection {
background: #6fc2f6;
color:#fff;
text-shadow : none;
}
/* Firefox */
::-moz-selection {
background: #6fc2f6;
color:#fff;
text-shadow : none;
}
/* The Rest of em */
::selection {
background: #6fc2f6;
color:#fff;
text-shadow : none;
}
/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/
body.rtl {}
body.home {} /* home page */
body.blog {}
body.archive {} /* archive page */
body.date {} /* date archive page */
body.date-paged-1 {} /* replace the number to the corresponding page number */
body.search {} /* search page */
body.search-results {} /* search result page */
body.search-no-results {} /* no results search page */
body.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
body.error404 {} /* 404 page */
body.single {} /* single post page */
body.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
body.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
body.attachment {} /* attatchment page */
body.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
body.attachment-mime-type {} /* style mime type pages */
body.author {} /* author page */
body.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
body.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
body.category {} /* category page */
body.category-1 {} /* individual category page (i.e. body.category-6) */
body.category-paged-1 {} /* replace the number to the corresponding page number */
body.tag {} /* tag page */
body.tag-slug {} /* individual tag page (i.e. body.tag-news) */
body.tag-paged-1 {} /* replace the number to the corresponding page number */
body.page-template {} /* custom page template page */
body.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
body.page-paged-1 {} /* replace the number to the corresponding page number */
body.page-parent {}
body.page-child {}
body.parent-pageid-1 {} /* replace the number to the corresponding page number */
body.logged-in {} /* if user is logged in */
body.paged {} /* paged items like search results or archives */
body.paged-1 {} /* individual paged (i.e. body.paged-3) */
/* new browser classes */
body.browser-lynx {} /* lynx browsers */
body.browser-gecko {} /* firefox browsers */
body.browser-opera {} /* opera browsers */
body.browser-ns4 {} /* ns4 browsers */
body.browser-safari {} /* safari browsers */
body.browser-chrome {} /* chrome browsers */
body.browser-ie {} /* ie browsers ( aka dinosaurs) */
body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */
/******************************************************************
HEADLINES & TITLES
******************************************************************/
h1, .h1 { font-family:"Questrial", "Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; font-weight:400; font-size:44px; padding-bottom:15px; margin-bottom:15px; color:#305f88; }
h2, .h2 { font-family:"Questrial", "Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; font-weight:400; font-size:26px; margin-bottom:15px; color:#456; }
h3, .h3 { font-size:16px; margin-bottom:15px; }
h4, .h4 { margin-bottom:15px; }
h5, .h5 { margin-bottom:15px; }
h6, .h6 { margin-bottom:15px; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {}
h2 a, h2 a:visited {}
h2 a:hover {}
.entry-title {
padding-bottom:5px;
border-bottom:1px solid #dacf6c;
margin-bottom:10px;
}
.archive-title {
margin:0 2% 20px 0;
padding:0;
padding-bottom:5px;
border-bottom:1px solid #dacf6c;
color:#305f88;
text-shadow:1px 1px 0 #f0f0eb;
}
.sl {
background:url(library/images/sl.png) no-repeat;
width:10px;
height:12px;
float:left;
margin-left:-40px;
margin-top:-1px;
margin-bottom:15px;
}
.sr {
background:url(library/images/sr.png) no-repeat;
width:10px;
height:12px;
float:right;
margin-right:-40px;
margin-top:-1px;
margin-bottom:15px;
}
h2 .no-title { font-family:"Questrial", "Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; font-size:11px; letter-spacing:.05em; font-style:italic; line-height:1.75em; margin: 0; text-decoration:underline; }
/******************************************************************
HEADER SYTLES
******************************************************************/
header[role=banner] {
background:url(library/images/header.jpg) repeat-x #01192f;
margin-bottom:25px;
}
#inner-header {
background:url(library/images/gradient.png) repeat-y left center;
position:relative;
padding:15px 30px;
min-height:48px;
border-bottom:1px solid #000;
box-shadow:0px 5px 10px #102d43, 0 0 10px #0d4567 inset;
}
#site-title {
margin-top:0;
margin-bottom:0;
margin-right:23%;
padding:5px 0;
border:0;
font-family:"Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif;
font-size:42px;
font-weight:bold;
line-height:0.8em;
vertical-align:middle;
text-shadow:1px 1px 1px #000;
text-transform:uppercase;
}
#site-title a { color:#90d6f0; text-decoration:none; }
#site-description {
font-family:"Questrial", "Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif;
font-size:1em;
margin:0;
padding:0;
line-height:0.8em;
color:#fe0;
text-transform:uppercase;
}
#headerimg img {
border:10px solid #fff;
margin-bottom:20px;
box-shadow:0 0 5px #d8d8d8;
width:100%;
}
.archive_heading {
margin:5px 20px 20px 10px;
font-size:17px;
line-height:1.5em;
}
.entry-header { margin-bottom:25px }
.entry-title { font-size: 2em }
.entry-title a { color:#305f88 }
body.page .entry-title, body.single .entry-title { font-size:2.8em; }
.page-header { margin-left:30px; margin-top:20px; }
.category-archive-meta { font-family:"Questrial", "Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; font-weight:normal; font-weight:bold; font-size:1.2em; margin-bottom: 1.5em; margin-right:2%; }
/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
nav[role=navigation] {
border-radius:10px;
background:url(library/images/nav.png) repeat-x;
border:1px solid #06263f;
box-shadow:1px 1px 0px #648392 inset, -1px -1px 0px #324d62 inset;
border-radius:7px 7px 0 0;
}
nav[role=navigation] #searchform {
}
nav[role=navigation] #searchform label,
nav[role=navigation] #searchform input[type=submit]{
display:none;
}
nav[role=navigation] #s {
position:absolute;
right:30px;
top:22px;
font-size:1.3em;
background:url(library/images/icon-search.png) no-repeat 7px 10px #fff;
padding:7px 10px 7px 30px;
border-radius:12px;
border:1px solid #fff;
box-shadow:3px 3px 5px #777 inset;
width:22%;
max-width:270px;
min-width:125px;
}
nav[role=navigation] .menu {}
nav[role=navigation] .menu ul {
}
nav[role=navigation] .menu ul li {}
nav[role=navigation] .menu ul li a,
nav[role=navigation] .menu #menu-icon {
padding: 8px 15px 10px 15px;
margin:0;
color:#fff;
font-family:"Questrial", "Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif;
font-size:18px;
text-shadow:-1px -1px #123b5c;
text-transform:lowercase;
}
nav[role=navigation] .menu #menu-icon {
cursor: pointer;
display: none;
}
nav[role=navigation] .menu ul li a:hover {
color:#fe0;
}
nav[role=navigation] .menu ul li:first-child a {
}
nav[role=navigation] .menu ul li.current-menu-item a,
.nav ul li.current_page_item a,
nav[role=navigation] .menu ul li.current_page_item a { color:#fe0; }
nav[role=navigation] .menu ul li.current-menu-item ul.sub-menu li a,
.nav ul li.current_page_item ul.sub-menu li a,
nav[role=navigation] .menu ul li.current_page_item ul.sub-menu li a {}
nav[role=navigation] .menu ul li ul.sub-menu,
nav[role=navigation] .menu ul li ul.children {
background:#f3f3f0;
box-shadow:1px 1px 3px #aaa;
border:0;
border-radius:0;
}
nav[role=navigation] .menu ul li ul.sub-menu li,
nav[role=navigation] .menu ul li ul.children li {
width:200px;
border-top:1px solid #fff;
border-bottom:1px solid #d3d2c9;
}
nav[role=navigation] .menu ul li ul.sub-menu li a,
nav[role=navigation] .menu ul li ul.children li a {
background:none;
border:0;
border-radius:0;
font-size:15px;
color:#1c4d73;
text-shadow:1px 1px #fff;
}
nav[role=navigation] .menu ul li ul.sub-menu li:first-child,
nav[role=navigation] .menu ul li ul.children li:first-child {
}
nav[role=navigation] .menu ul li ul li a { color:#555; text-shadow:0px 0px; }
nav[role=navigation] .menu ul li ul li a:hover { background:#fafaf8; }
nav[role=navigation] .menu ul li ul li:last-child a {}
nav[role=navigation] .menu ul li:hover ul {}
nav[role=navigation] .menu ul li ul li ul.sub-menu,
nav[role=navigation] .menu ul li ul li ul.children {
margin-top: -40px;
}
nav[role=navigation] .menu ul li ul li:hover ul.sub-menu,
nav[role=navigation] .menu ul li ul li:hover ul.children {
}
/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/
.item {
background: url(library/images/item-bg.png) #f4f8f9;
width: 204px;
margin:10px;
position:absolute;
left:-9999px;
top:-9999px;
padding:10px;
border:1px solid #fff;
overflow:hidden;
box-shadow:0 0 2px #bacbd8 inset, 0 0 2px #7da1bb;
word-wrap: break-word;
border-radius:3px;
}
.item h2 {
font-size:18px;
text-shadow:1px 1px 0px #fff;
}
.item h2 a {
color:#305f88;
}
#content {
padding:10px 0;
background:#d1dbe2;
box-shadow:0 0 10px #0f293e, 0 0 3px #fff inset, 0 0 7px #8c8b80 inset;
border:1px solid #1e5078;
border-top:0;
border-radius:0 0 7px 7px;
}
#loading { width:200px; height:200px; background:url(library/images/loading.gif); margin:100px auto 125px; }
.masonry #loading { display:none; }
#boxes { margin:auto; position:relative; }
#main {
background:#fff;
margin:2% 1% 2% 2%;
padding:2%;
border:1px solid #fff;
border-radius:7px;
box-shadow:0 0 5px #bacbd8 inset, 0 0 3px #7da1bb;
overflow:hidden;
font:15px Verdana, Geneva, sans-serif;
line-height:1.5em;
}
body.page-template-full-width-php #main {}
body.attachment #main {}
article[id*=post-] { margin-bottom:2em }
article[id=post-not-found] h1 {}
/* want to style individual post classes? Booya! */
.post-id {} /* post by id (i.e. post-3) */
.post {} /* general post style */
.page {} /* general article on a page style */
.attachment {} /* general style on an attatchment */
.sticky {} /* sticky post style */
.hentry {} /* hentry class */
.category-slug {} /* style by category (i.e. category-videos) */
.tag-slug {} /* style by tag (i.e. tag-news) */
/* post meta */
.entry-meta {
margin:0 0 1.5em 0;
}
.meta time {}
/* post content */
.post_content { overflow:hidden; }
.post_content ul, .post_content ol, .post_content table, .post_content dl {}
.post_content ul, .post_content ol {}
.post_content li {}
.post_content ul li {}
.post_content ol li {}
.post_content blockquote {}
.post_content blockquote:before {} /* this adds the quote before the blockquote */
.post_content dl {}
.post_content dt {}
.post_content dd {}
.post_content img {}
.post_content video {}
.post_content object {}
.wp-caption {}
.wp-caption img {}
.wp-caption p.wp-caption-text {}
/* image gallery styles */
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
article[id*=post-] footer {
margin:15px 0 0 0;
padding:0;
font-size:0.8em;
font-style:italic; }
article[id*=post-] footer a {}
.cat {
font-style:italic;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#767676;
line-height:16px;
}
article[id*=post-] .cat {
font-size:13px;
margin-bottom:40px;
}
/******************************************************************
POST FORMAT STYLES
******************************************************************/
/* Aside Posts */
.format-aside .entry-header {
display: none;
}
.single .format-aside .entry-header {
display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
padding-top: 0;
}
/* Image Posts */
.format-image .entry-header {
display: none;
}
.single .format-image .entry-header {
display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
padding-top: 0;
}
/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/
.pagination {
clear:both;
padding:20px 0 30px 0;
position:relative;
font-size:11px;
line-height:13px;
margin:auto;
text-align:center;
font-family:"Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif;
font-size:12px;
}
.pagination span, .pagination a {
display:inline-block;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#1d4f76;
background:#d1dbe2;
border-radius:3px;
box-shadow:0 1px 2px #fff inset;
font-weight:bold;
}
.pagination a:hover{
color:#fe0;
background: #0e3350;
}
.pagination .current{
background: #0e3350;
color:#fe0;
}
/* fallback previous & next links */
.wp-prev-next { padding:0; font-family:"Questrial", "Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; font-size:20px; font-weight:bold; color:#8ba3ad; }
.wp-prev-next ul {}
.wp-prev-next .prev-link {}
.wp-prev-next .next-link {}
.wp-prev-next a { color:#8ba3ad; }
/******************************************************************
PAGE LINK STYLES
******************************************************************/
.page-link {
clear: both;
display: block;
margin: 0 0 1.625em;
}
.page-link a {
background: #eee;
color: #373737;
margin: 0;
padding: 2px 3px;
text-decoration: none;
}
.page-link a:hover {
background: #888;
color: #fff;
font-weight: bold;
}
.page-link span {
margin-right: 6px;
}
.wp-prev-next .prev-link, .nav-previous, .previous-image { float: left; margin:10px 0; }
.wp-prev-next .next-link, .nav-next, .next-image { float: right; margin:10px 0; }
#image-navigation, #comment-nav-below, #comment-nav-above, #nav-above, #nav-below { font-family:"Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; font-size:15px; font-weight:700; color:#8ba3ad; display:block; overflow:hidden; margin:0 30px 30px 30px; }
#comment-nav-above a, #comment-nav-below a {}
/******************************************************************
COMMENT STYLES
******************************************************************/
#comments {}
#comments-title {
color:#8ba3ad;
border-top:1px solid #dacf6c;
border-bottom:1px solid #dacf6c;
padding:7px 0 5px 0;
}/* h3 comment title */
#comments span {} /* number of comments span */
.comment-nav {}
.comment-nav ul {}
.comment-nav ul li {}
.commentlist {
margin-bottom: 30px;
border-bottom:1px solid #dacf6c;
}
body.page-template-full-width-php .commentlist {}
.commentlist li.comment {
margin-bottom: 0;
padding: 15px 0 0 0;
border-top:1px solid #dacf6c;
}
.commentlist li.pingback {
border-top:1px solid #dacf6c;
margin-bottom: 0;
margin-top: 0;
padding: 10px 0;
font-weight: 12px;
}
.commentlist li.comment article[id*=comment-] {
}
.commentlist li[class*=depth-] ul.children {
padding-top: 25px;
}
.commentlist li[class*=depth-] {}
.commentlist li.depth-1 {
padding-bottom: 15px;
}
.commentlist li.depth-2 {}
.commentlist li.depth-3 {}
.commentlist li.depth-4 {}
.commentlist li.depth-5 {}
.commentlist li.comment ul.children li {}
.commentlist li.comment ul.children li.alt {}
.commentlist li.comment ul.children li.byuser {}
.commentlist li.comment ul.children li.comment {}
.commentlist li.comment ul.children li.depth-1 {} /* change number for different depth */
.commentlist li.comment ul.children li.bypostauthor {}
.commentlist li.comment ul.children li.comment-author-admin {}
.commentlist li.comment ul.children .alt {}
.commentlist li.comment ul.children .odd {}
.commentlist li.comment ul.children .even {}
.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist .comment-author-admin .vcard cite.fn:after {
content: " (Author)";
font-family: Verdana, Geneva, sans-serif;
font-size: 0.65em;
font-weight: normal;
font-style: italic;
}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist .vcard { font-family:"Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; font-size:15px; color:#8ba3ad; }
.commentlist .vcard cite.fn {}
.commentlist .vcard time {}
.commentlist .vcard time a { color:#8ba3ad; }
.commentlist .vcard time a:hover {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar { top:17px }
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta { font-family:"Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; font-size:15px; color:#8ba3ad; }
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist li.comment .comment-content { font-size:13px; line-height:1em; }
.commentlist li.comment .comment-content p {}
.commentlist li.comment ul {}
.commentlist .comment-reply-link, .comment-reply-login { background:#ebe8e2; opacity:1; border-radius:5px; color:#305f88; text-shadow:1px 1px #fff; font-family:"Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; font-weight:700; font-size:14px; box-shadow: 0 -10px 10px #e3e2e0 inset, 0 10px 10px #f2f1ee inset; padding:2px 15px; clear:both; text-transform:lowercase; }
.comment-reply-login { float:right; margin:10px 0; }
.commentlist a.comment-reply-link:hover {}
.nocomments { padding:15px; text-align:center; font-family:"Questrial","Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; font-size:20px; font-weight:700; color:#8BA3AD; }
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
#respond-form {}
body.page-template-full-width-php #respond-form {}
#respond {
margin-top:40px;
margin-bottom:20px;
padding:5px;
background: url(library/images/item-bg.png) #f4f8f9;
border:1px solid #fff;
box-shadow:0 0 5px #bacbd8 inset, 0 0 3px #7da1bb;
border-radius:5px;
}
#reply-title {
border:1px dashed #a2b4c2;
border-bottom:0;
margin-bottom:0;
padding:25px;
padding-bottom:0;
font-family:"Questrial", "Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif;
font-size:24px;
color:#305f88;
text-shadow:1px 1px #fff;
}
#respond label {
display:inline-block;
min-width:5em;
font-family:"Questrial", "Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif;
font-size:18px;
color:#d3ab20;
text-shadow:1px 1px #fff;
vertical-align:top;
padding-left:25px;
}
#respond label[for=author],
#respond label[for=email] {
min-width:4.75em;
}
#respond p {
margin-bottom:1em;
}
#respond p.form-submit {
text-align:center;
margin-bottom:1.2em;
}
#respond p.form-allowed-tags {
font-size:0.8em;
display:none;
}
#respond .required {
margin-left:-14px;
padding-right:5px;
color:#f00;
}
#respond .required:first-child {
margin-left:0;
}
#respond p.must-log-in { padding:7px 25px 15px 25px; border:1px dashed #a2b4c2; border-top:0; margin-bottom:0 }
#comment-form-title {}
#cancel-comment-reply-link { float:right; }
#cancel-comment-reply-link a {}
#commentform { border:1px dashed #a2b4c2; border-top:0; padding:25px; }
.comments-logged-in-as {}
#comment-form-elements {}
#comment-form-elements li {}
#comment-form-elements label {}
#author, #email, #url, #comment { border:1px solid #a2b4c2; box-shadow:0 0 5px #e0dfda inset; border-radius:5px; background:#fff; }
#author:focus, #email:focus, #url:focus, #comment:focus {}
#author, #email, #url {}
input[type=text] {}
#allowed_tags {}
#comment { width:70% }
#submit { background:#1e527a; border-radius:5px; border:1px solid #525a5b; padding:3px 7px; font-family:"Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; color:#fff; text-shadow:-1px -1px #404749; font-size:15px; font-weight:400; box-shadow:0 -10px 10px #022f4a inset, 0 10px 10px #2d5c83 inset; }
/******************************************************************
SIDEBARS & ASIDES
******************************************************************/
#sidebar {
padding-right:2%;
padding-top:2%;
}
.sidebar-content {
max-width:400px;
margin-right:2%;
margin-left:2%;
margin-bottom:20px;
background:url(library/images/sidebar.png);
border-radius:7px;
border:1px solid #fff;
box-shadow:0 0 7px #3f4545 inset, 0 0 7px #7d7c78;
padding:15px 0;
}
.widget {
background:url(library/images/bg.jpg);
margin:30px -2% 0;
padding:5px 0;
border:1px solid #3b6f98;
box-shadow:0 0 7px #42494b inset, 0 0 3px #5483a7;
color:#F3F3F1;
}
article[id*=post-] .widget {
margin:30px 0;
background:none;
border:0;
box-shadow:none;
color:#555;
}
article[id*=post-] .widget a {
color:#d3ab20;
}
article[id*=post-] .widget li {
list-style:none;
background-image:url(library/images/bullet2.png);
}
.widget:first-child {
margin-top:0;
}
.wborder {
border-top:1px dashed #808b8c;
border-bottom:1px dashed #808b8c;
}
.widget ul {
margin:0 25px;
}
.widget li {
background:url(library/images/bullet.png) no-repeat 5px 16px;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
margin:0;
padding:10px 0;
padding-left:25px;
border-top:1px dashed #808b8c;
}
.widget li a { color:#f8f8f5; }
.widget-title {
color:#ffee00;
font-family:"Questrial", "Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif;
font-size:25px;
text-shadow:0 -1px 0 #434a4b;
margin:0;
padding:15px 0 15px 20px;
}
/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}
/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}
/* pages widget */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}
/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}
/* archives widget */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {}
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}
/* tag-cloud widget */
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud { }
.widget_tag_cloud .tagcloud { margin:0 25px 15px; font-family:"Questrial", "Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif; }
.widget_tag_cloud a { color:#fff; padding-right:7px; text-decoration:none; }
.widget_tag_cloud a:hover { text-decoration:underline }
.widget_tag_cloud a:after { content:','; }
.widget_tag_cloud a:before {}
/* calendar widget */
.widget_calendar {}
#wp-calendar {
text-align: center;
width: 95%;
margin:auto;
}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}
/* category widget */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {}
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}
/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}
/* search widget */
#searchform { margin-left:5px }
.widget_search { padding:15px }
.widget_search #s { width:60% }
.screen-reader-text {}
/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}
/******************************************************************
IMAGE STYLES
******************************************************************/
.post_content img { margin-top:.75em }
.left img, img.left, img.alignleft {
margin-right:1.5em;
margin-bottom:1em;
margin-top:.75em;
}
.right img, img.right, img.alignright {
margin-left:1.5em;
margin-bottom:1em;
margin-top:.75em;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
/* Notices */
.post .notice {
background: #eee;
display: block;
padding: 1em;
}
/* Image Attachments */
.entry-attachment {
display: block;
margin: 0 auto;
text-align: center;
}
.imgthumb img {
float:left;
margin-right:20px;
margin-top:5px;
margin-bottom:20px;
border:1px solid #dacf6c;
}
.thumb img {
width:99%;
height:auto;
margin:0;
border:1px solid #dacf6c;
}
.sthumb img {
float:left;
margin-right:15px;
margin-left:2px;
border:3px solid #fff;
box-shadow:0px 0px 1px #8ba3ad;
}
/******************************************************************
FOOTER STYLES
******************************************************************/
footer[role=contentinfo] {
background:url(library/images/header.jpg) repeat-x #01192f;
border-top:1px solid #000;
height:78px;
margin-top:25px;
box-shadow:0px -5px 10px #102d43, 0 0 10px #0d4567 inset;
font-family:"Questrial","Century Gothic", Futura, "Apple Gothic", "URW Gothic L", Verdana, sans-serif;
font-size:14px;
font-weight:normal;
}
/* footer menu */
.footer-links {}
.footer-links ul {}
.footer-links ul li {}
.footer-links ul li a {}
.footer-links ul li:last-child a {}
.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
.footer-links ul li ul.sub-menu {} /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */
.attribution {
float:none;
}
.attribution a {
color:#fff;
}
#site-generator {
text-align:center;
line-height:70px;
color:#fff;
text-align:center;
}
#site-generator a { color:#fff; }
/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
/******************************************************************
MEDIA QUERIES & DEVICE STYLES
Developed by: Andy Clarke & the 320 & Up Extension
URL: http://stuffandnonsense.co.uk/projects/320andup/
******************************************************************/
@media screen and (max-width: 824px) {
#site-title {
margin-right: 0;
}
#site-description {
margin-right: 0;
}
#access, div.menu {
position: relative;
}
div.menu ul li {
list-style-type: none;
float: none;
}
nav[role=navigation] ul.menu, div.menu ul {
background: #f5f5f5;
position: absolute;
top: 41px;
z-index: 9999;
display: none;
box-shadow: 1px 1px 1px #000;
}
nav[role=navigation] .menu #menu-icon {
display: block;
width: 80px;
}
nav[role=navigation] #searchform {
}
.menu ul li:hover ul {
left: -9999em;
}
nav[role=navigation] #s {
right:10px;
top:6px;
font-size: 1em;
background: url(library/images/icon-search.png) no-repeat 5px 4px #fff;
padding: 4px 5px 4px 26px;
border-radius: 7px;
border: 1px solid #fff;
box-shadow: 3px 3px 5px #777 inset;
min-width: 120px;
}
nav[role=navigation] .menu ul li {
border-bottom: 1px solid #eaeaea;
}
nav[role=navigation] .menu ul li a {
color: #555;
background: none;
border-radius: 0;
box-shadow: none;
text-shadow: none;
font-size: 1em;
}
nav[role=navigation] .menu ul li a:hover,
nav[role=navigation] .menu ul li.current-menu-item a,
.nav ul li.current_page_item a,
nav[role=navigation] .menu ul li.current_page_item a {
background: #f0f0f0;
color: #555;
}
nav[role=navigation] ul.sub-menu li,
nav[role=navigation] ul.children li {
display: none;
}
#main.col620 {
width: 100%;
display: block;
}
#sidebar.col300 {
float: none;
display: block;
width: 100%;
clear: both;
}
.widget {
margin: 2.2em 30px 2.2em 20px;
}
}
@media screen and (min-width: 824px) {
nav[role=navigation] ul.menu,
div.menu ul {
display:block !important;
}
}
@media screen and (max-width: 400px) and (min-width:1px) {
.item {
width:90%;
}
#main.col620 {
width:96%;
display:block;
}
#sidebar.col300 {
float:none;
display:block;
width:98%;
clear:both;
margin-left:2%;
margin-right:2%;
}
.sidebar-content {
max-width:none;
}
header[role=banner] #searchform {
display: none;
}
#respond label {
padding-left:0;
}
#respond #author,
#respond #email,
#respond #url,
#respond #comment {
width: 95%;
}
}
@media screen and (max-width: 480px) and (min-width:401px) {
.item {
width:94%;
}
#main.col620 {
width:96%;
display:block;
}
#sidebar.col300 {
float:none;
display:block;
width:98%;
clear:both;
margin-left:2%;
margin-right:2%;
}
.sidebar-content {
max-width:none;
}
header[role=banner] #searchform {
display: none;
}
#respond label {
padding-left:0;
}
#respond #author,
#respond #email,
#respond #url,
#respond #comment {
width: 95%;
}
}
@media screen and (max-width: 550px) and (min-width:481px) {
.item {
width:190px;
}
#main.col620 {
width:96%;
display:block;
}
#sidebar.col300 {
float:none;
display:block;
width:98%;
clear:both;
margin-left:2%;
margin-right:2%;
}
.sidebar-content {
max-width:none;
}
header[role=banner] #searchform {
display: none;
}
#respond label {
padding-left:0;
}
#respond #author,
#respond #email,
#respond #url,
#respond #comment {
width: 95%;
}
}
@media screen and (max-width: 600px) and (min-width:551px) {
.item {
width:220px;
}
#main.col620 {
width:96%;
display:block;
}
#sidebar.col300 {
float:none;
display:block;
width:98%;
clear:both;
margin-left:2%;
margin-right:2%;
}
.sidebar-content {
max-width:none;
}
header[role=banner] #searchform {
display: none;
}
#respond label {
padding-left:0;
}
#respond #author,
#respond #email,
#respond #url,
#respond #comment {
width: 95%;
}
}
@media screen and (max-width: 640px) and (min-width:601px) {
.item {
width:238px;
}
#main.col620 {
width:96%;
display:block;
}
#sidebar.col300 {
float:none;
display:block;
width:98%;
clear:both;
margin-left:2%;
margin-right:2%;
}
.sidebar-content {
max-width:none;
}
#respond label {
padding-left:0;
}
#respond #author,
#respond #email,
#respond #url,
#respond #comment {
width: 95%;
}
}
@media screen and (max-width: 700px) and (min-width:641px) {
.item {
width:190px;
}
#main.col620 {
width:96%;
display:block;
}
#sidebar.col300 {
float:none;
display:block;
width:98%;
clear:both;
margin-left:2%;
margin-right:2%;
}
.sidebar-content {
max-width:none;
}
#respond label {
padding-left:0;
}
#respond #author,
#respond #email,
#respond #url,
#respond #comment {
width: 95%;
}
}
@media screen and (max-width: 768px) and (min-width:701px) {
.item {
width:196px;
}
#main.col620 {
width:96%;
display:block;
}
#sidebar.col300 {
float:none;
display:block;
width:98%;
clear:both;
margin-left:2%;
margin-right:2%;
}
.sidebar-content {
max-width:none;
}
}
@media screen and (max-width: 800px) and (min-width:769px) {
.item {
width:208px;
}
#main.col620 {
width:96%;
display:block;
}
#sidebar.col300 {
float:none;
display:block;
width:98%;
clear:both;
margin-left:2%;
margin-right:2%;
}
.sidebar-content {
max-width:none;
}
}
@media screen and (max-width: 960px) and (min-width:801px) {
.item {
width:190px;
}
}
@media screen and (max-width: 1024px) and (min-width:961px) {
.item {
width:206px;
}
}
@media screen and (max-width: 1152px) and (min-width:1025px) {
.item {
width:189px;
}
}
@media screen and (max-width: 1280px) and (min-width:1153px) {
.item {
width:212px;
}
}
@media screen and (max-width: 1366px) and (min-width:1281px) {
.item {
width:189px;
}
}
@media screen and (max-width: 1440px) and (min-width:1367px) {
.item {
width:204px;
}
}
@media screen and (max-width: 1536px) and (min-width:1441px) {
.item {
width:218px;
}
}
@media screen and (max-width: 1600px) and (min-width:1537px) {
.item {
width:194px;
}
}
@media screen and (max-width: 1680px) and (min-width:1601px) {
.item {
width:204px;
}
}
@media screen and (max-width: 1920px) and (min-width:1681px) {
.item {
width:207px;
}
}
@media screen and (max-width: 2048px) and (min-width:1921px) {
.item {
width:222px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
}
/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/
@media print { }
/******************************************************************
IE SPECIFIC FIXES
******************************************************************/
/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.
To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }
To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }
To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }
Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/