/*
Theme Name: Born Ruffians
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: John Smith (edited and based off of Ptah Dubar's WP Framework Theme)
Author URI: http://www.thejohnsmith.ca
Tags: one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats
Copyright 2008 Ptah Dunbar All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.
If you have any questions, comments, or concerns,
visit for more information!
*/
/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );
/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );
/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-r.css' );
/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );
/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}
#bigwrapper {width: 100%; min-width: 800px; margin: 0 auto; margin-left: -1px; border: 0;}
#wrapper {
padding: 0;
min-width: 990px;
text-align: center;
margin: 0 auto;
width: 100%;
}
#menuwrapper {
/* width: 800px;*/
margin: 0 auto;
padding: 0;
}
#blogwrapper {
/* width: 500px;*/
margin: 0 auto;
margin-bottom: -85px;
padding: 0;
border: 0;
clear: both;
display: block;
}
/*
body {
background-color: #ffffff;
text-align: center;
}
*/
#rightside ul#accordion li h3.toggler {
cursor:pointer;
background: #ffffff;
border-bottom: 1px solid #000000;
margin-bottom: 15px;
margin-left: -15px;
padding: 20px 25px 0 0;
}
#rightside {border: 0 solid #3f3f3f;}
#leftside ul#accordion li h3.toggler {
cursor:pointer;
background: #ffffff;
border-bottom: 1px solid #000000;
margin-bottom: 15px;
margin-left: -15px;
padding: 20px 0 0 25px;
}
#rightside div.collapse-container {
padding: 15px;
text-align: left;
margin-left: -15px;
}
#leftside div.collapse-container {
padding: 15px;
}
#leftside {
width: 49.9%;
margin: 0 auto;
padding-left: 1px;
padding-right: 0px;
text-align: left;
float: left;
}
#rightside {
width: 49.9%;
margin: 0 auto;
padding-right: 1px;
padding-left: 0px;
text-align: right;
float: right;
}
/*
.toggler {
cursor:pointer;
padding: 20px 0 0 25px;
background: #ffffff;
border-bottom: 1px solid #000000;
margin-bottom: 15px;
}
.togglerright {
cursor:pointer;
padding: 20px 25px 0 0;
background: #ffffff;
border-bottom: 1px solid #000000;
margin-bottom: 15px;
}
*/
.element {
text-align: left;
padding: 28px;
margin-top: 35px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
color: #222;
}
/*.element p {
border: 1px solid #33ccff;
margin: ;
padding: 4px;
}*/
.float-right {
/*padding:10px 20px;*/
float:right;
}
a.top:link {
text-decoration: none;
color: #000000;
font-size: 12px;
font-family: Bodoni, 'Times New Roman' serif;
}
a.top:visited {
text-decoration: none;
color: #000000;
font-size: 12px;
}
a.top:hover {
text-decoration: underline;
color: #000000; /*#33ccff; //ff2266;*/
}
span.text {
text-decoration: none;
color: #000000;
font-size: 12px;
font-family: Bodoni, 'Times New Roman' serif;
}
h4 {
color: #000000;
font-size: 12px;
font-family: Bodoni, 'Times New Roman' serif;
text-align: center;
}
span.details {
font-size: 12px;
font-family: Bodoni, 'Times New Roman' serif;
color: #333333;
font-weight: bold;
}
/*BORN RUFFIANS NAME HEADER*/
#header {
margin: 0 auto;
padding-top: 30px;
border-bottom: 1px solid #000000;
text-transform: uppercase;
font-size: 80px;
font-family: Bodoni, 'Times New Roman' serif;
color: #000000;
font-weight: normal;
font-style: italic;
line-height: 60px;
}
#blogheader {
margin: 0 auto;
padding-top: 30px;
border-bottom: 1px solid #000000;
text-transform: uppercase;
font-size: 80px;
font-family: Bodoni, 'Times New Roman' serif;
color: #000000;
font-weight: normal;
font-style: italic;
line-height: 60px;
}
.born { float: left; margin: 0 auto; margin-left: 25px; }
.ruffians { float: right; margin-right: 25px; }
/*.blankline { width: 100%; border-bottom: 1px solid #000000; margin: 0 auto; width: 100%;}*/
/*END HEADER*/
span.tagline {
font-size: 13px;
font-family: Bodoni, 'Times New Roman' serif;
color: #000000;
text-align: center;
}
img {
border: 0;
}
div.photos img {border: 1px solid #000000;}
/*DISCOGRAPHY STYLES*/
.album {display: block; clear: both; width: 100%; margin: 0 auto;}
img.albumcover {width: 100px; height: 100px; margin: 0 10px 10px 0; float: left; border: 1px solid #000000; padding: 0;}
.albumtitle {background-color: #33ccff; text-transform: uppercase; font-size: 120%; font-weight: bold; display: block;}
.tracklisting {float: left;}
.album ol li {}
p.list {float: left; display: inline; margin-left: 30px;}
/*Post To Twitter Style*/
/*
a.tt {border: 1px solid #000; padding: 4px; color: #000000; text-decoration: none;}
a.tt:visited {border: 1px solid #000; padding: 4px; color: #000000; text-decoration: none;}
a.tt:hover {border: 1px solid #33ccff;}
tt_img_css_class {display: none;}
img.nothumb {display: none;}
*/
.twitter-div {font-family:Bodoni, "Times New Roman", serif !important;
}
.jtw_tweet_border {border: 1px solid #000;}
.twtr-hd {display: none;}
#authtag {text-align: center; clear: both; width: 130px; margin-left: -150px; float: left;}
.auth-img {border: 1px solid #444; padding: 5px; margin: 0 15px 15px 15px; background-color: #ffffff; }
/*Backup Code - Oct-19-2010: auth-img {border: 1px solid #000; padding: 5px; margin: -65px 10px 0 -105px; background-color: #ffffff; float: left;}*/
/*.entry-meta { height: 90px; }*/
.author {font-size: 14px; text-transform: uppercase;}
.published {font-size: 12px; text-transform: uppercase;}
.published .published-time {text-decoration: none;}
hr {height: 1px; border: none; color: #000; background-color: #000;}
/*.meta-sep {border: 1px solid #fff; clear: both; }*/
/*Recent Comments in sidebar */
ul#recentcomments {list-style: none; margin: 0; } /*list-style-image: url('/images/comment-bubble-list.jpg'); margin-left: 40px; */
ul#recentcomments li {padding-bottom: 8px; padding-top: 15px; margin-left: 12px;}
#archives-3 ul {margin: 25px;}
a.avatar-link img {float: left; margin: 0 15px 0 -15px;}
.commentbubble {padding-top: 10px; margin: 75px 0 0 -103px; width: 65px; height: 70px; text-align: center; float: left; background-image: url('/images/comment-bubble-left.jpg'); background-repeat: no-repeat; }
.comment-count a:link, .comment-count a:visited {font-size: 35px; font-weight: 700; color: #ffffff; }
.feedback {text-transform: uppercase;}
.muchfact {font-size: 90%;}
a.muchfact {}
.entry-content p {text-align: left;}
h3.widget-title {border-bottom: 1px solid #000; margin-bottom: 10px;}
ul#accordion li {list-style: none;}
/*
.collapse .collapse-container p ul.content-column {float: right; display: inline;}
.collapse .collapse-container p ul.content-column-right {float: right; }
*/
.list-left {float: left; margin-right: 15px; display: inline; height: 600px;}
.list-right {float: right;}
#collapse-container {}
p.albums {height: 230px; }