/*
Theme Name: JournalCrunch
Theme URI: http://www.s5themes.com/theme/journalcrunch/
Description: JournalCrunch - Check JournalCrunch Documentation in case you need directions or get support from Forum.
Author: Site5.com
Author URI: http://gk.site5.com/t/545
Version: 2.0.6
License: GPL
License URI: http://www.gnu.org/copyleft/gpl.html
*/
/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }
body,html {
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
background:url(images/bk_body.jpg);
line-height:135%;
}
ul {
list-style:none;
}
a {
text-decoration:none;
color:#1FA2E1;
}
a:hover {
text-decoration:underline;
}
a:focus {
outline:none;
}
p {
margin:1.5em 0;
}
h1 {
font-size:30px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}
h1 a{
color:#1F88A7;
}
h1 a:hover {
text-decoration:none;
color:#333;
}
h2{
font-size:20px;
}
h3{
font-size:16px;
}
h1,h2,h3 {line-height: 100%; }
/* LAYOUT STRUCTURE
--------------------------------------------------*/
#mainWrapper {
background:url(images/bk_main_wrapper.png) 0 0 repeat-x;
}
#wrapper {
margin:0 auto;
width:960px;
}
header {
height:200px;
position:relative;
}
#content {
padding-bottom:20px;
overflow:hidden;
margin-top:25px;
text-shadow:#eee 1px 1px;
}
#content section {
float:left;
width:654px;
margin-right:30px;
padding-top:10px;
}
#content aside {
float:left;
width:265px;
}
footer {
background:#111;
padding:15px 0 30px;
margin-top:20px;
text-shadow:1px 1px #000;
border-top:3px solid #000;
}
#footerInner {
width:960px;
margin:0 auto;
padding:20px 0 35px;
overflow:hidden;
color:#666;
}
/* HEADER ELEMENTS
-----------------------------------*/
/* -- logo --*/
#logo {
position:absolute;
top:80px;
left:0;
}
#logo a {
font-family: Georgia;
color: #333;
display: block;
font-size: 36px;
font-weight: bold;
letter-spacing: -1px;
padding-top: 30px;
}
#logo a:hover {
text-decoration: none;
}
#logo span {
clear: both;
color: #666666;
display: block;
font-size: 11px;
margin-top: 10px;
text-transform: uppercase;
}
#logo a img{
border:none;
margin-top: -20px;
}
nav {
left:-13px;
position:absolute;
text-shadow:1px 1px #000;
top:0;
}
nav ul li{
float:left;
}
nav ul li a, #topMenu ul li div {
color:#3FAEA5;
display:block;
font-size:12px;
height:32px;
padding:18px 15px 0;
text-transform:uppercase;
}
nav ul li div {
color:#ccc;
text-transform:none;
}
nav ul li a span {
color:#999;
font-size:10px;
line-height:120%;
}
nav ul li a:hover, nav ul li a.selected {
background:url(images/bk_topmenu_hover.jpg) 0 0 repeat-x;
color:#FFF;
text-decoration:none;
text-shadow:1px 1px #666;
}
/* top social links */
#topSocial {
position:absolute;
right:0;
top:100px;
}
#topSocial ul li {
float:left;
padding:0 5px;
width:50px;
}
#topSocial ul li a {
background:url(images/bk_topsocial.png) 0 0 no-repeat;
display:block;
height:49px;
text-indent:-9999px;
width:49px;
}
#topSocial ul li a.twitter {
background:url(images/ico_social_twitter.png) 0 0 no-repeat;
}
#topSocial ul li a.facebook {
background:url(images/ico_social_facebook.png) 0 0 no-repeat;
}
#topSocial ul li a.rss {
background:url(images/ico_social_rss.png) 0 0 no-repeat;
}
#topSocial ul li a.twitter:hover, #topSocial ul li a.facebook:hover, #topSocial ul li a.rss:hover {
background-position:0 -49px;
}
/* Top Search */
#topSearch {
position:absolute;
right:0;
top:13px;
}
/* CONTENT ELEMENTS
-----------------------------------*/
pre {
background: #E3E8EA;
border:1px solid #FDFDFD;
clear:both;
display:block;
font-size: 1.3 em;
margin-bottom:25px;
padding:10px;
}
#content p font {
text-shadow: 0px 0px;
}
#content section ul li, #content section ol li {
padding:5px 0 5px 20px;
background:url(images/bullet_list.png) 0 8px no-repeat;
}
#content section ul {
margin:0 0 15px 15px;
}
#content section ol li {
background:none;
padding-left:0;
}
#content section ol {
margin:0 0 15px 35px;
}
#featuredPosts {
background:url(images/bk_dotted_big.png) 0 100% repeat-x;
margin-bottom:30px;
overflow:hidden;
}
#featuredPosts .item {
background:url(images/featured_bubble.png) 365px 0 no-repeat;
float:left;
margin-right:15px;
padding:0 30px 30px 0;
position:relative;
width:450px;
}
#featuredPosts .lastItem {
margin-right:0;
padding-right:0;
}
#featuredPosts .item h1 {
font-weight:normal;
height:70px;
line-height:130%;
margin-bottom:25px;
padding-right:90px;
padding-top:5px;
font-size: 25px;
}
#featuredPosts .item h1 a {
color:#333;
}
#featuredPosts .item h1 a:hover {
text-decoration:none;
color:#399B8C;
}
#featuredPosts .item .readMore {
background:url(images/bk_readmore.png) 0 -46px no-repeat;
display:block;
height:46px;
left:370px;
position:absolute;
text-indent:-9999px;
top:365px;
width:46px;
}
#featuredPosts .item .readMore:hover {
background-position:0 0;
}
#featuredPosts .item img {
border:10px solid #F7F9F9;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
margin-right:15px;
}
#featuredPosts .item p {
margin-bottom:0.3em;
}
/* SLIDER
---------------------------------------*/
#slider {
background:url(images/loading.gif) no-repeat 50% 40%;
height:370px;
position:relative;
}
#slider img {
display:none;
left:0px;
position:absolute;
top:0px;
z-index:1;
}
/* SINGLE PAGE
--------------------------------*/
#content article {
background:url(images/bk_dotted_big.png) 0 100% repeat-x;
margin-bottom:20px;
padding-bottom:20px;
}
#content article header {
height: auto;
}
#content article .meta {
background:url(images/bk_dotted_big.png) 0 100% repeat-x;
color:#666;
font-size:11px;
margin:-15px 0 15px;
padding-bottom:18px;
text-transform:uppercase;
}
#content article .meta img {
background:none;
padding:0;
}
#content article h1 {
padding-bottom:10px;
}
#content article img {
background:#EEF2F2;
border:none;
padding:10px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
#content section h1, #content section h2 {
margin-bottom:30px;
}
.postTags {
background:url(images/ico_tag.png) 0 50% no-repeat;
font-size:13px;
margin:25px 0 0;
padding-left:24px;
}
/* POST BOXES */
#content article.postBox {
background:url(images/box_botttom_shadow.png) 50% 100% no-repeat;
float:left;
margin:0 42px 30px 0;
padding-bottom:5px;
position:relative;
text-shadow:none;
width:290px;
}
#content article.postBox img {
padding: 0;
}
#content article.lastBox {
margin-right:0;
}
#content .postBoxInner, #content .postBoxInnerHover {
background:#F7F9F9;
border:8px solid #F7F9F9;
border-radius: 8px;
font-size:12px;
height:260px;
padding:10px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
#content .postBoxInner div.excerpt {
height:80px;
}
#content .postBoxInnerHover {
background:#FFF;
border:8px solid #EEF2F2;
}
#content .postBoxInner img {
border:none;
}
#content .postBoxInner p {
margin:0 0 1.5em;
}
#content .postBoxInner div.meta{
bottom:25px;
color:#888;
font-size:11px;
left:18px;
margin:0;
position:absolute;
text-transform:uppercase;
}
#content .postBoxInner div.meta img {
vertical-align:middle;
}
#content .postBox .postBoxInner h2 {
font-size:20px;
font-weight:normal;
margin-bottom:0;
padding:15px 0 10px;
}
#content section .postBox .postBoxInner h2 {
margin-bottom:0;
}
#content .postBoxInner h2 a {
color:#353535;
}
#content .postBoxInner h2 a:hover {
color:#1FA2E1;
text-decoration:none;
}
#content .postBox .readMore {
background:url(images/bk_readmore.png) 0 0 no-repeat;
bottom:-5px;
display:block;
height:46px;
position:absolute;
right:20px;
text-indent:-9999px;
width:46px;
}
#content .postBox .readMore:hover {
background:url(images/bk_readmore.png) 0 -46px no-repeat;
}
/* COL RIGHT
--------------------------------*/
.rightBox {
background:url(images/box_botttom_shadow_right.png) 50% 100% no-repeat;
margin-bottom:12px;
padding-bottom:4px;
}
.rightBoxInner {
background:#F7F9F9;
border:8px solid #EEF2F2;
border-radius:8px;
padding-bottom:20px;
padding:10px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
.rightBoxInner h2 {
border-bottom:1px solid #ddd;
font-size:15px;
padding:10px 0;
text-transform:uppercase;
}
.rightBoxInner ul {
margin:0;
}
.rightBoxInner ul li{
border-bottom:1px solid #ddd;
padding:6px 0;
}
.rightBoxInner ul li, .rightBoxInner p, .rightBoxInner div {
text-shadow:none;
}
h2.twitter {
background:url(images/ico_bird.png) 90% 40% no-repeat;
}
.rightBoxInner p {
margin:0.7em 0;
}
.rightBoxInner div {
margin-top:10px;
}
/* PAGINATION */
.emm-paginate {overflow:hidden;text-align:center;background:url(images/bk_pagination.png) 0 50% repeat-x; margin:15px auto 0; font-size:18px; float:left; padding-right:2px; width: 100%; }
.emm-paginate a, .emm-paginate .emm-current {background:url(images/bk_pagination_item.png);color:#26B8A3; margin:0 5px;display:block; width:21px; height:24px; text-align:center; text-decoration:none; float:left;padding-top:12px; font-weight:bold;}
.emm-paginate .emm-title {color:#555; float:left; font-size:12px; padding-top:10px;}
.emm-paginate .emm-gap {color:#999; margin-left:10px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color:#000;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}
.emm-paginate .tooltip {position: relative; border: 0; left: 0; }
/* Twitter ToolTip */
.tooltip{
background:#F7F9F9;
border:5px solid #EEF2F2;
padding:5px 10px;
top:0;
left:-9999px;
position:absolute;
width:250px;
z-index:999;
border-radius: 8px
-moz-border-radius:8px;
-webkit-border-radius:8px;
font-family:'Georgia','Times New Roman', serif;
font-style:italic;
font-size:12px;
border-radius:6px;
}
.tooltip #twitter_update_list {
margin:0!important;
}
#archive-title {
border-bottom:1px dotted #BEC8CB;
display:block;
margin:0 0 15px;
padding-bottom:8px;
}
.more-link{
background:url(images/but_form.png) 0 100% repeat-x;
color:#FFF;
display:block;
font-size:12px;
height:32px;
margin-top:10px;
padding-top:10px;
text-align:center;
text-shadow:1px 1px #23829F;
text-transform:uppercase;
width:161px;
}
/* Calendar Widget */
table#wp-calendar {
margin-top:3px;
width:100%;
}
table#wp-calendar caption {
background:#D8E0E0;
border-bottom:1px solid #B9C6C6;
color:#4D6262;
padding:3px 0;
}
table#wp-calendar th {
background:#EEF2F2;
border-bottom:1px solid #D8E0E0;
color:#1FA2E1;
padding:2px 0;
}
table#wp-calendar td {
border-bottom:1px solid #EEF2F2;
padding:2px 0;
text-align:center;
}
table#wp-calendar td#next, table#wp-calendar td#prev {
border-bottom:2px solid #EEF2F2;
font-weight:bold;
padding-bottom:5px;
text-align:left;
}
table#wp-calendar td.next {
text-align:right;
}
/* FOOTER ELEMENTS
--------------------------------*/
/* Footer Widgets */
#footerInner .boxFooter {
float:left;
margin-bottom:40px;
overflow:hidden;
padding-right:30px;
width:210px;
}
#footerInner h2 {
border-bottom:1px solid #292929;
color:#ccc;
font-size:20px;
font-weight:normal;
margin-bottom:10px;
padding:7px 0 12px;
text-shadow:none;
}
#footerInner ul {
margin:0;
}
#footerInner .boxFooter ul li {
border-bottom:1px dotted #292929;
padding:7px 0;
}
#footerInner .boxFooter ul li a {
color:#555;
font-size:13px;
font-style:normal;
text-decoration:none;
}
#footerInner .boxFooter ul li a:hover {
color:#ccc;
}
#footerInner .boxFooter #twitter_update_list li a{
color:#999;
}
#footerInner .boxFooter #twitter_update_list li a:hover {
text-decoration:underline;
}
/* Copyright */
#footerInner #copyright {
clear:both;
color:#666;
position:relative;
}
#copyright #owners {
width: 500px;
}
#site5bottom {
position:absolute;
right:0;
top:0;
}
/* COMMENTS
-----------------------------------*/
h2.h2comments {
background:url(images/ico_comments.png) 0 50% no-repeat;
display:block;
margin:20px 0 0 0;
padding:10px 0 10px 40px;
}
h2.h2comments a.addComment {
display:block;
float:right;
font-size:12px;
font-weight:bold;
margin-right:10px;
margin-top:-3px;
padding-top:8px;
text-transform:uppercase;
}
h2.h2comments a.addComment:hover {
text-decoration:none;
}
h2#commentsForm {
margin:15px 0;
padding-top:15px;
}
#content section ul.commentlist {
background:url(images/bk_dotted_big.png) 0 0 repeat-x;
display:block;
list-style-position:outside;
list-style:none;
margin:10px 0 20px;
overflow:hidden;
padding:0;
}
#content section ul.commentlist ul {
list-style-position:outside;
list-style-type:none;
margin:0;
}
#content section ul.commentlist li {
background:none;
background:url(images/bk_dotted_big.png) 0 100% repeat-x;
margin-top:25px;
padding:0 0 20px 40px;
position:relative;
}
#content section ul.commentlist li p{
font-size:13px;
margin:5px 0;
padding:5px 0;
}
#content section ul.commentlist li .comment-meta, #content section ul.commentlist li .text {
margin-left:20px;
}
#content section ul.commentlist li .comment-meta span {
color:#999;
font-size:11px;
}
#content section ul.commentlist li .avatar {
background:#fff;
border:5px solid #eee;
left:0;
padding:1px;
position:absolute;
top:0;
}
#content section ul.commentlist .reply {
font-size:12px;
position:absolute;
right:10px;
top:10px;
}
#content section ul.commentlist .reply a {
display:block;
font-weight:bold;
text-transform:uppercase;
}
#content section ul.commentlist .reply a:hover {
text-decoration:none;
}
#content section ul.commentlist li .children li {
background:url(images/bk_dotted_big.png) 0 0 repeat-x;
border-bottom:none;
margin-top:15px;
padding-bottom:0;
padding-top:20px;
}
#content section ul.commentlist li .children li .avatar {
top:20px;
}
#content section ul.commentlist li .children li .reply {
top:20px;
}
/* COMMENTS F0RM */
#commentform p {
margin:0;
padding:0;
}
#commentform label {
display:block;
padding:5px 0;
}
#commentform input, #commentform textarea {
border:1px solid #fff;
border-top:1px solid #B8C4C5;
border-left:1px solid #B8C4C5;
padding:8px;
margin-bottom:10px;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
width:350px;
}
#commentform input:focus, #commentform textarea:focus {
border:1px solid #45C0B6;
}
#commentform textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
width:630px;
}
#commentform input#submit{
border:none;
width:161px;
height:42px;
margin-top:10px;
cursor:pointer;
background:url(images/but_form.png) 0 0 no-repeat;
color:#FFF;
font-size:12px;
padding-bottom:14px;
text-shadow:1px 1px #23829F;
}
.alignleft {
float:left;
margin:5px 15px 5px 0;
}
.alignright {
float:right;
margin:5px 0 5px 15px;
}
/* FORMS
--------------------------------*/
/* Top Search */
#topSearch input[type="text"] {
background:#fff url(images/ico_search.png) 98% 50% no-repeat;
border:1px solid #fff;
border-radius: 6px;
font-style:italic;
margin-right:10px;
padding:4px 10px 4px;
position:relative;
width:160px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
#topSearch input[type="submit"] {
background:url(images/but_search.png) 0 0 no-repeat;
border:none;
cursor:pointer;
height:44px;
position:absolute;
right:0;
width:43px;
z-index:100;
}
/* Contact Form */
#contact-map {
float: left;
width: 638px;
border: 8px solid #EEF2F2;
border-radius: 8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
height: 350px;
margin: 0 0 15px 0;
}
#contact-map iframe {
border: 0;
}
#contact-form {
width: 60%;
float: left;
margin: 0 10% 0 0;
}
#contactForm {
width: 100%;
float: left;
}
#contactForm label {
display:block;
padding:5px 0;
}
#contactForm input, #contactForm textarea {
border:1px solid #fff;
border-top:1px solid #B8C4C5;
border-left:1px solid #B8C4C5;
padding:8px;
margin-bottom:10px;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
width:100%;
}
#contactForm textarea {
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
#contactForm button{
border:none;
width:161px;
height:42px;
line-height: 42px;
margin-top:10px;
cursor:pointer;
background:url(images/but_form.png) 0 100% repeat-x;
color:#FFF;
font-size:12px;
padding-bottom:14px;
text-shadow:1px 1px #23829F;
}
.errormsg, .successmsg{
background:#D93628;
color:#F5CBC7;
padding:8px;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
text-shadow:none;
margin: 2px 0 5px 0;
width: 100%;
}
.successmsg {
background:#45C0B6;
color:#E1F4F2;
}
#contact-data {
float: left;
width: 30%;
margin: 28px 0 0 0;
}
#contact-data p {
display:block;
overflow:hidden;
margin:0 0 15px 0;
}
#contact-data .contact-data-field {
float: left;
width: 30%;
margin-right: 5%;
font-weight: bold;
}
#contact-data .contact-data-info {
float: left;
width: 65%;
}
.thanks {
background: #F2F3F6;
background: url('images/ok.png') no-repeat left;
padding-left:20px;
clear: both;
display: block;
}
.error {
color: #333;
background: #FCE2D4 url('images/error.png') no-repeat 5px 50%;
margin-top: 5px;
clear: both;
padding:7px;
display: block;
padding-left:30px;
border-radius:6px;
font-size:11px;
border: 1px solid #fbc2c4;
width:370px;
}