/*
THEME NAME: Thematic
THEME URI: http://themeshaper.com/thematic-for-wordpress/
DESCRIPTION: A <a href="http://themeshaper.com/">ThemeShaper</a> theme framework based on work in <a href="http://code.google.com/p/blueprintcss/"> The Blueprint CSS Framework</a>, and by <a href="http://www.pearsonified.com/">Chris Pearson</a>, <a href="http://andy.wordpress.com/">Andy Skelton</a>, <a href="http://www.plaintxt.org/">Scott Allan Wallick</a> and many, many others. Please visit the <a href="http://themeshaper.com/forums/">ThemeShaper Forums</a> if you have any questions about Thematic.
VERSION: 0.6.1
AUTHOR: Ian Stewart
AUTHOR URI: http://themeshaper.com/
TAGS:three column,two column,one column,fixed width,seo,microformats,hcard,hatom,widgets,framework,easy customization,valid CSS,typography,grid-based
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/


/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Style the meta panel for logged-in users */
@import url('library/styles/sitemeta.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

/* Un-comment the line below to set a grid with 18px line-height */
/*body { background:url(images/960_grid_12_col.gif) repeat-y top center; }*/


/* =Global Elements
-------------------------------------------------------------- */

body {
    font-family:Georgia, serif;
}
#wrapper {
    border-top:9px solid black;
}
a:link, a:visited {
    color:#2772B3;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

blockquote {
    font-style:italic;
    font-size:13px;
}


blockquote em, blockquote cite, blockquote i {
    font-style:normal;
}


input, textarea {
    font-family:Georgia, serif;
}
.caps {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.important {
    font-weight:bold;
}

.removepd {
padding:0 !important;
}

.removemgn {
margin:3px !important;
}

/* =Author
-------------------------------------------------------------- */

ul.blog-auth-list {
margin:0 !important;
padding:0 !important;
width:200px;
}

.blog-auth-list li {
list-style-type:none;
display:inline;
}

.blog-auth {
margin:0 0 5px 0;
padding:0;
width:50px;
height:50px;
border:1px solid #5C9BD1;
}

.by-malik {
background:transparent url(http://www.whyihatethejoneses.com/images/bio_oxtail.jpg) no-repeat scroll 0 0;
float:left
}

.joneses-logo-bw {
background:transparent url(http://www.whyihatethejoneses.com/images/joneses_bw.jpg) no-repeat scroll 0 0;
height:50px;
width:110px;
margin-left:60px;
}

/* =Icons
-------------------------------------------------------------- */
.icon-wrap-30 p {
padding:5px 0 0;
margin-left:35px;
width:500px;
}

.icon-wrap-40 p {
padding:5px 0 0;
margin-left:40px;
width:500px;
}

.icon-wrap-30,.icon-wrap-40 {
margin:0;
}

.icon-40x40 {
float:left;
height:40px;
width:40px;
margin:0;
}

.icon-30x30 {
float:left;
height:30px;
width:30px;
margin:0;
}

#icon-list
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.back-toc 
{
padding-left: 25px;
background-image: url(http://www.whyihatethejoneses.com/images/icons/arrow_toc.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#icon-list li
{
padding-left: 15px;
background-image: url(http://www.whyihatethejoneses.com/images/icons/arrow_right.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
}

.wrap-islam {
background: #F0FEF1;
border:1px solid green;
}

.wrap-quran {
background: #FAF4E8;
border:1px solid #664C1B;
}

.icon-action {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_action.png) no-repeat scroll 0 0;
}

.icon-money {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_money.png) no-repeat scroll 0 0;
}

.icon-comment {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_comment.png) no-repeat scroll 0 0;
}

.icon-info {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_info.png) no-repeat scroll 0 0;
}

.icon-book {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_book.png) no-repeat scroll 0 0;
}

.icon-pod {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_podcast.png) no-repeat scroll 0 0;
}

.icon-print {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_print.png) no-repeat scroll 0 0;
}

.icon-video {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_video.png) no-repeat scroll 0 0;
}

.icon-islam {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_islam.png) no-repeat scroll 0 0;
}

.icon-quran {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_quran.png) no-repeat scroll 0 0;
}


.icon-video-youtube {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_video_youtube.png) no-repeat scroll 0 0;
}

.icon-video-google {
background:transparent url(http://www.whyihatethejoneses.com/images/icons/icon_video_goog.png) no-repeat scroll 0 0;
}

ul.addtoany_list {
 float:right !important;
}


/* =Header
-------------------------------------------------------------- */

.clearfix:after {content:".";display: block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */

#header {
    background:#181E24;
}
#blog-header-wrapper {
    border-bottom:1px solid #242A30;
    width:100%;
}
#blog-title {
    font-size:36px;
    line-height:54px;
    font-weight:bold;
    letter-spacing:-1px;
    padding:0;
    width:500px;
    float:left;
}

#blog-promo {
    width:380px;
    float:left;
    margin-left:10px;
}

#blog-rss-image {
   margin: 5px 0;
   right:9px;
   position:absolute;
   z-index:7
}

#blog-twitter-image {
   margin: 5px 0;
   right:45px;
   position:absolute;
   z-index:6
}

#blog-facebook-image {
   margin: 5px 0;
   right:80px;
   position:absolute;
   z-index:5
}
#blog-title a {
    color:#fff;
    text-decoration:none;
}
#blog-description {
    font-style:italic;
    padding:8px 0 23px 0;
    color:#fff;
}

/* =Menu
-------------------------------------------------------------- */

#access {
    font-size:11px;
    background:#B5D1EA;
    border-top:1px solid #CADEF0;
    margin-top:-1px;
}
.skip-link {
    display:none;
}
#menu {
    padding:7px 0 8px 0;
    overflow:hidden; /* clears the inner float  */
}
#menu ul {
    margin:0;
    list-style:none;
    clear:both;
}
#menu ul ul {
    display:none;
}
#menu li {
    display:inline;
}
#menu a {
    display:block;
    float:left;
    margin:0 10px 0 0;
    padding:1px 6px;
    background:#87B5DD;
    color:#fff;
    border-top:1px solid #6DA5D6;
    text-decoration:none;
}
#menu a:hover {
    background:#5C9BD1;
    color:#fff;
    border-color:#3B86C7;
}
#menu .current_page_item a {
    background:#5C9BD1;
    color:#fff;
    border-color:#3B86C7;
}
#menu a:focus {
    background:#4887BD;
    color:#fff;
    border-color:#2772B3;
}

/* =Content
-------------------------------------------------------------- */

#main {
    padding:15px 0;
}
#content {
}    
.hentry {
    margin:9px 0 0 0;
    padding:44px 1px 36px 1px;
    border-top:1px solid #e0e0e0;
}
.p1 {
    margin:0;
    padding:0 0 36px 0;
    border:none;
}
.page-title {
    font-size:14px;
    font-weight:bold;
    padding:18px 0;
}
.page-title span {
    font-size:12px;
    font-weight:normal;
    font-style:italic;
}
.entry-title {
    font-size:24px;
    line-height:26px;
    padding:8px 0 2px 0;
    font-weight:bold;
    color:#000;
}
.entry-title a {
    text-decoration:none;
    color:#000;
}
.entry-meta {
    font-size:11px;
    color:#787878;
}
.entry-meta a {
    color:#787878;
    font-style:italic;
}
.entry-meta a:hover {
}
.entry-meta .author {
}
.entry-meta .meta-sep {
}
.entry-meta abbr {
}
.entry-content {
    margin:18px 0 0 0;
    overflow:hidden;
}
.entry-content h1, .entry-content h2 {
    font-size:18px;
    font-weight:bold;
    margin:0 0 18px 0;
    padding:18px 0 0 0;
}
.entry-content h3 {
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    margin:0 0 18px 0;
    padding:18px 0 0 0;
}
.entry-content h4 {
    font-weight:bold;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.entry-content h5 {
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.entry-content h6 {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.entry-content ul {
    list-style:square;
    margin:0 0 18px 1.5em;
}
.entry-content dl {
    margin:0 1.5em;
}
.entry-content dt {
    font-weight:bold;
}
.entry-content dd {
    margin:0 0 18px 0;
}
.entry-content abbr, .entry-content acronym, .entry-content .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}
.content-column, .entry-content .linkcat {
	list-style:none;
	float:left;
}
.more-link {
    font-weight:bold;
    font-style:italic;
    display:block;

}
.page-link {
    margin:0 0 18px 0;
}
.page .edit-link {
    float:left;
    clear:both;
}
.entry-utility {
    font-size:15px;
    color:#666666;
    margin-top:10px;

}
.entry-utility a {
    font-style:italic;
    color:#666666;
}
.entry-utility a:hover {
}
.comments-link a {
    font-weight:bold;
    color:#2772B3;
}

/* =Comments
-------------------------------------------------------------- */

#comments {
    background:#B5D1EA;
    color:#fff;
    margin:54px 0 0 0;
    padding:18px 0;

    overflow:hidden;
}
#comments h3 {
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    margin:0 0 18px 0;
    padding:0 20px 0 20px;
}
#comments .comments:first-child h3 {
    padding-top:18px;
}
#comments ol {
    margin:0 0 36px 0;
    list-style:none;
}
#comments li {
    background:#87B5DD;
    border-top:1px solid #6DA5D6;
    margin:0 20px 18px 20px;
    padding:17px 20px 0 20px;
    position:relative;
}
#comments a {
}
#comments li.byuser {
    background:#5C9BD1;
    border-color:#3B86C7;
}
#comments li.byuser p a {
}
#comments li.bypostauthor {
}
#comments li.bypostauthor p a {
}
#comments .avatar {
    width:48px;
    height:48px;
    position:absolute;
    top:19px;
    left:20px;
}
#comments .fn {
    font-weight:bold;
    font-size:14px;
    padding:18px 0 0 58px;
    display:block;
}
#comments .fn a {
    color:#fff;
}
#comments-list .comment-meta {
    font-size:10px;
    margin:0 0 18px 0;
    padding:0 0 0 58px
}
#comments-list .comment-meta a {

    font-style:italic;

    color:#fff;
}
#comments li p {
    margin:0;
    padding:0 0 18px 0;
}
#trackbacks-list .comment-author {
    margin:0 0 18px 0;
    font-size:11px;
}
#trackbacks-list .comment-author a {
    font-size:14px;
    font-weight:bold;
    color:#fff;
}
#respond {
    background:#87B5DD;
    border-top:1px solid #6DA5D6;
    padding:17px 20px 0 20px;
    width:460px;
    margin:0 auto;
}
#respond h3 {
    padding-top:18px;
}
#respond form {
    padding:0 0 36px 0;
}
#respond #form-section-author {
    width:230px;
    float:left;
}
#respond #form-section-author input {
    width:220px;
}
#respond #form-section-email {
    width:220px;
    float:right;
}
#respond #form-section-email input {
    width:100%;
}
#respond #form-section-url {
}
#respond #form-section-url input {
    width:100%;
}
#respond .form-label {
    font-size:10px;
}
#respond .form-input input {
    margin:0 0 14px 0;
}
#respond textarea {
    width:100%;
    margin:0 0 16px 0;
}
#respond .form-submit {
    float:right;
}
p.subscribe-to-comments {
    width:260px;
    float:left;
}
p.subscribe-to-comments label {
}
p.comment_license {
    clear:both;
    margin:0;
}
p.solo-subscribe-to-comments {
    clear:both;
    margin:0;
}
p.solo-subscribe-to-comments:first-line {
    font-style:italic;
}
/*input#solo-subscribe-email {
    width:220px;
    margin:9px 0;
}*/
#respond .required {
    font-weight:bold;
}

/* =Author Info
-------------------------------------------------------------- */

#author-info {
    margin:18px 0 36px 0;
}
#author-info p:first-line {
    font-weight:bold;
}
#author-info .avatar {
    float:left;
    width:72px;
    height:72px;
    margin:0 10px 0 0;
    padding:5px;
    background:#B5D1EA;
    position:relative;
    top:4px;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
    margin:0px 0 36px 0;
    overflow:hidden;
}
.nav-previous {
	float: left;
	width:50%;
}
.nav-next {
	float: right;
	width:50%;
	text-align:right;
}
#nav-above,#nav-below {
	width: 100%;
}
#nav-above {
    margin:18px 0 36px 0;
}
.home #nav-above, .single #nav-above {
    display:none;
}
.paged #nav-above {
    display:block;
}

/* =Images
-------------------------------------------------------------- */

/*  Remember the baseline   */

.entry-content img { margin: 0 0 5px 0; max-width:100%; }

img.alignleft,img.align-left {
	float: left;
	margin-right:20px;
}
img.alignright,img.align-right {
	display: block;
	float: right;
	margin-left:20px;
}
img.center, img.centered {
	margin: 0 auto;


	display: block;

	float: none;
	clear: both;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

/* =Asides (widgetized areas)
-------------------------------------------------------------- */

.aside ul {
    margin:0;
    list-style:none;
}
.aside {
}
.aside h3 {
    font-size:14px;
    font-weight:bold;
}
.aside ul ul {
    list-style:square;
}
/* Begin Calendar styles */
.aside table {
    border-top:1px solid #e0e0e0;
    margin:0 0 8px 0;
}
.aside th {
    border-left:1px solid #e0e0e0;
}
.aside tr {
    border-bottom:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    line-height:35px;
}
.aside td {
    border-left:1px solid #e0e0e0;
    padding:0 10px
}
.aside caption { /* Make the caption match h3 styles */
    font-size:14px;
    font-weight:bold;
    text-align:left;
    margin:0 0 9px 0;
}
.aside tfoot tr {
    border:none;
    line-height:36px;
}
.aside tfoot td {
    border:none;
    padding:0;
}
.aside #next {
    text-align:right;
}
/* End Calendar styles */
/* Begin Search styles */
.aside form {
    margin:4px 0 10px 0;
}
/* End Search styles */
/* Begin RSS widget styles */
/* I think I'm going to have to reset some stuff in functions.php for the RSS widget. It stinks for styling. */
/* End RSS widget styles */
#content .widgetcontainer {
    border-top:1px solid #e0e0e0;
    padding:35px 1px 18px 1px;
    margin:18px 0 36px 0;
}
#index-top .widgetcontainer,
#single-top .widgetcontainer,
#page-top .widgetcontainer {
    border-top:none;
    border-bottom:1px solid #e0e0e0;
    padding:0 1px 53px 1px;
    margin:0 0 36px 0;
}
#content .aside:first-child .widgetcontainer:first-child {

    padding-top:18px;

}
.page #content .aside:first-child .widgetcontainer:first-child {
    padding-top:0;
}
#content .aside h3 {
    font-size:24px;
    line-height:26px;
    padding:8px 0 20px 0;
    font-weight:bold;
}
#single-bottom .widgetcontainer {
    border-top:none;
}
.main-aside {
}
.main-aside h3 {
    padding:17px 0 1px 0;
}
.main-aside ul ul {
    margin:0 0 18px 13px;
}
.main-aside ul ul ul {
    margin:0;
}
.sub-aside h3 {
}
#footer .widgetcontainer {
    padding:0 1px;
    margin:0 0 18px 0;
}
#footer .widgetcontainer ul {
    margin:0 0 0 13px;
}
#footer .widgetcontainer ul ul {
}

/* =Footer
-------------------------------------------------------------- */

#footer {
    background:#181E24;
    color:#fff;
    padding:34px 0 90px 0;
    border-top:2px solid #000;
}
#footer a {
    color:#fff;
}
#subsidiary .aside {
    margin-bottom:18px;
}
#siteinfo {
    padding:18px 0;
}

/* =PageNavi
-------------------------------------------------------------- */

/* Use !important to override PageNavi CSS */

.wp-pagenavi {
    margin:0 0 0 0;
    line-height:36px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    color:#2772B3 !important;
    background:#transparent !important;
    border:1px solid #e0e0e0 !important;
}
.wp-pagenavi a:hover {
    color:#000 !important;	
}
.wp-pagenavi span.pages {
    margin-left:0 !important;
    padding-left:0 !important;
}
.wp-pagenavi span.current {
    border:1px solid #e0e0e0 !important;
}
.wp-pagenavi span.extend {
    margin:0 !important;
}

/* Comment re-write */
#comments .fn a, #comments-list .comment-meta a, #comments .fn {
  color:#000;
} 

#comments-list .comment-meta {
  color: #2772B3;
}

#comments li p {
 color:#000;
}

#comments h3 {
 color: #2772B3;
}

#content p.smtxt {font-size:98%}

#bothhands.aligncenter{margin-left:none;margin-right:none;margin:auto} 
#bothhands {margin-bottom:10px} 
.flashembed{margin-bottom:10px} 
ol.alphabet.min-list, ul.numbers.min-list, .alphabet.min-list li {margin:5px}
ol.alphabet {list-style-type:lower-latin;margin:20px;padding-left:30px} 
ol.numbers {margin:0 0 10px 20px;padding-left:30px} 
ol.numbers_plain {list-style-type:number;margin:10px;padding-left:20px} 
ol.alphabet p,ol.numbers p {margin:0 0 10px;} 
.alphabet li, .numbers li {margin-bottom:20px} #diamond {background:#003366;padding:10px;color:#fff;margin-bottom:20px} 
#diamond h1{color:#ffd700} 
#diamond span {color:#ffd700;text-align:center} 
.sarah{background:#F0F2C9;border:1px solid #FCBE77;padding:10px} 
#content p, li {font-size:115%;line-height:1.7em}
.border-image {border: 1px solid #000}
a.purplelink {color:#683A5E;font-weight:bold;text-decoration:underline; !important}
a.purplelink:hover, .purpletext {color:#5C246E;font-weight:bold;}
body.pageid-1490 #primary, body.pageid-1490 #secondary {display:none}
body.pageid-1490 #content {width:100%}
body.pageid-1490 #container {width:750px}