/*
Theme Name: Community theme
Theme URI: http://www.cssluxury.com/community-wp
Description: Community based template
Version: 2.0
Author: disgogo
Author URI: http://themeforest.net/user/disgogo
Tags: grey, red, fixed width, two columns, widgets
*/
@import url('reset.css');

/* General styles of the background and general style of formatting the default text */

body
{
    background:#f7f7f7;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#6c6c6c;
}

/* Style for links */

a
{
    color:#6c6c6c;
}

/* Style for the h1, used for titles of most of the sections */

h1
{
    padding:0;
    margin:0;
}

/* Style for links at mouse over action */

a:hover
{
    color:#c90000;
    text-decoration:underline;
}
/* The wrapper of the content */
.wrapper
{
	width:963px;
	margin:0 auto;
        text-align:left;
}

/* The actual content aligned at the center of the screen on the horizontal */

.content
{
	width:963px;
	margin:0 auto;
	float:left;
	text-align:left;
}
/* The feebback label from the left of the screen */
.feedback
{
    background:url(images/feedback.png) no-repeat left center;
    width:44px;
    height:112px;
    text-align:center;
    line-height:112px;
    cursor:pointer;
	position:fixed;
	margin-top:300px;
	left:0px;
        float:left;
        z-index:-9999;
}
.feedback img
{

    margin:15px;
    float:left;
}

/* Header Section*/

.header
{
    float:left;
    width:960px;
    margin:15px 0;
}
.header ul.above-links
{
    float:right;
}
.header ul.above-links li
{
    float:left;
    border-right:1px solid #d3d3d3;
    font-size:11px;
    padding:0 5px;
}
.header ul.above-links li.last
{

    border-right:none;
}
.header ul.above-links li a
{
    float:left;
}
.header ul.above-links li a:hover, .header ul.above-links li a.selected
{
    color:#c90000;
}
.header-up
{
    float:left;
    display:block;
    width:963px;
    background:url(images/header-menu.png) no-repeat left top;
    height:51px;
    line-height:51px;
    margin:15px 0 10px 0;
}
.header-up a.logo
{
    float:left;
    margin:10px;
}

/* Style for the search form from the header section */

.header-up form#searchform
{
    float:right;
    padding:10px;
}

/* Style for the text input from the search form */

.header-up form#searchform input
{
    background:url(images/search-text.png) no-repeat;
    width:141px;
    height:16px;
    float:left;
    padding:8px;
}

/* Style for the search button from the search form */

.header-up form#searchform input#searchsubmit
{
    background:url(images/search-btn.png) no-repeat left top;
    width:54px;
    height:32px;
    text-align:center;
    color:#ffffff;
    float:left;
    padding:0;
    cursor:pointer;
}

.header-up form#searchform label
{
    display:none;
}
/* Header Section containing category links */

.header-menu
{
    float:left;
    width:963px;
}
.header-menu ul
{
    float:left;
    text-align:center;
    background:url(images/header-menu-bottom.png) no-repeat left center;
    width:963px;
    height:64px;
    display:block;
    padding:0 0 0 20px;

}
.header-menu ul li
{
    float:left;
    display:block;
    padding:2px 0 0 0;
    width:103px;
    z-index:10;
    position:relative;
}
.header-menu ul #menu-bg
{
    background:url(images/header-link.png) no-repeat left;
    position:absolute;
    z-index:5;
    display:block;
    width:103px;
    height:62px;

}
*html .header-menu ul #menu-bg
{
    margin-top:-109px !important;
    margin-left:-160px !important;
}

.header-menu ul li a
{
    font-weight:bold;
    float:left;
    display:block;
    width:99%;
    text-align:center;
    line-height:55px;
    font-size:12px;
    height:62px;
    padding:0 0 0 3px;
	color:#fdfdfd;
}
.header-menu ul li a:hover
{
    text-decoration:none;
    color:#fdfdfd;
}
.header-menu ul li a.hover
{
    color:#ffffff;
    text-decoration:none;
}
.header-menu ul a.dummy
{
    color:#ffffff;
    text-decoration:none;
    position:relative;
    top:-2px;
    float:left;
}

.header-menu ul li a.nojs:hover, .header-menu ul li a.selected
{
    color:#ffffff;
    background:url(images/header-link.png) no-repeat left;
    text-decoration:none;
    float:left;

}
.header-menu ul li.first
{
    float:left;
}

/* Content section */

.center-content
{
    float:left;
    width:963px;
    display:block;
}

/* Left section, meaning the articles, posts, and all the content generated by the links from the header and the ones from the right column */

.left-wrapper
{
    float:left;
    width:657px;
    overflow:hidden;
}

/* Right section, containing boxes with links towards the articles, posts, and all the content shown in the left section */

.right-wrapper
{
    float:right;
    width:274px;
}

/* The generic box from the left column in which is generated the content */

.post-holder
{
    float:left;
    display:block;
    width:657px;
}

/* The generic style for the title of each left box */

.post-title
{
    float:left;
    width:657px;
    height:49px;
    line-height:49px;
    background:url(images/post-title.png) no-repeat left top;
    display:block;
}
.inline
{
    float:left;
    width:auto;
    display:inline;
}

/* Style for the title of each box represented by the HTML tag H1 */

.post-title h1.post-title-heading
{
    float:left;
    width:80%;
    margin:15px 0 15px 20px;
    display:block;
    line-height:20px;
    font-size:20px;
    color:#c90000;
}
.post-title h1.post-title-heading a
{
    color:#c90000;
}
.post-title h1.post-title-heading a:hover
{
    color:#6c6c6c;
    text-decoration:none;
}
*html .post-title h1.post-title-heading
{
    float:left;
    width:80%;
    margin:15px 0 0px 10px;
    display:block;
}

/* The comment bubble from the right of each title from the left boxes. It is used to show the comments of each article */

.post-title a.post-comments
{
    float:right;
    text-align:center;
    background:url(images/comment-bubble.png) no-repeat left top;
    height:49px;
    width:68px;
    color:#ffffff;
    font-weight:bold;
    display:block;
}
.post-title a.post-comments:hover
{
    text-decoration:none;
}
.post-title a.post-comments span
{
    padding-left:25px;
	background:url(images/comment-bubble-icn.png) no-repeat 10px center;
	height:49px;
	display:block;
}

/* The actual content of each left box */

.post-content
{
    float:left;
    display:block;
    width:657px;
    background:url(images/post-holder.png) repeat-y top left;

}

/* We add a 20px space between the borders of the content box and the actual content */

.inner-space
{
    padding:20px;
    display:block;
     /* Hack for IE */
}
.inner-space p
{
	margin:0em 0em 0.5em 0em;
}
.inner-space .wrap h2
{
    margin:0;
    line-height:normal;
}
.inner-space .wrap input
{
    border:1px solid #dfdfdf;
    margin:0 5px 0 0;
width:150px;
float:left;
padding:3px;
line-height:1em;
}
.inner-space .wrap fieldset legend
{
    display:block !important;
float:none !important;
font-size:1.2em !important;
line-height:1.5em !important;
font-weight:bold;
color:#6f6f6f;
}
.inner-space .wrap fieldset.options p a, .inner-space .wrap p a, .inner-space .wrap ul li a
{
    color:#c90000;
    font-weight:bold;
}
.inner-space-article
{
    padding:20px;
    display:block;
}
.post-content p
{

    clear:none;
    line-height:20px;
}
.post-content img
{
    margin-right:20px;
	margin-bottom:20px;
    background-color:#ffffff;
    border:1px solid #e1cece;

}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
.post-content img.right
{
    margin:0 0 0 20px;
}
a.more-link
{
    color:#ad0000;
}
.left
{
    float:left;
}
.line-separator
{
    border-top:1px solid #cdcdcd;
    margin:15px 0 0 0;
    clear:both;
    display:block;
    width:100%;
    float:left;
}

/* The generic style of the bottom part of the left boxes, containing data such as the author of the post, the date that it was created a.s.o */

.post-footer
{
    float:left;
    display:block;
    width:657px;
    height:50px;
    background:url(images/post-footer.png) no-repeat left top;
}

.author-links
{

    text-align:center
}

.author-links a
{
    margin:0 10px;
}

/* Generic style for the boxes from the footer, but here we inherit the class for 2 boxes in the left content in the pages article.html and
    commented-article.html */

.footer-holder ul.related-posts
{
    padding:10px 20px 0;
    margin:0;
}
.footer-holder ul.related-posts li
{

}
img.center
{
    margin:18px 18px 0;
}
.footer-holder ul.related-posts li a
{
    height:auto;
    line-height:1.2em;
    margin:0;
    padding:3px 0;
}
.footer-holder ul.related-posts li a img
{
    display:block;
    float:left;
}
.footer-holder ul.related-posts li a span
{
    display:block;
    float:right;
    margin:10px 0 10px 0;
    width:81%;
    font-weight:bold;
}
.left-wrapper .adrotate_widget_2 ul li, .footer-wrapper .adrotate_widget_2 ul li
{
    margin-bottom:0;
}
.left-wrapper .adrotate_widget_2 ul li a, .footer-wrapper .adrotate_widget_2 ul li a
{
    padding:0;
}
.left-wrapper .adrotate_widget_2 ul li a img,.footer-wrapper .adrotate_widget_2 ul li a img
{
    margin:0;
}
*html .left-wrapper .adrotate_widget_2 .footer-text, .footer-wrapper .adrotate_widget_2 .footer-text
{
    padding-bottom:0px;

}
*html .left-wrapper .adrotate_widget_2 .footer-holder-footer,.footer-wrapper .adrotate_widget_2 .footer-holder-footer
{
    z-index:999999;
    margin-top:-20px;
    position:relative;
}
.footer-wrapper .adrotate_widget_1 .footer-text
{
    padding:12px 0px 0px 0px;
    width:304px;
}
.footer-wrapper .widget_calendar .footer-text
{
    padding:18px 0 0 0;
    width:304px;
}
.footer-wrapper .adrotate_widget_1 .footer-text ul li
{
    margin:0;
    padding:0;
}
.left-wrapper .adrotate_widget_2 ul li, .left-wrapper .adrotate_widget_1 ul
{

}
.left-wrapper .adrotate_widget_1 ul, .right-wrapper .adrotate_widget_1 ul, .footer-wrapper .adrotate_widget_1 ul
{
	padding:0 0 0 11px;
}
.left-wrapper .adrotate_widget_1 ul li img, .right-wrapper .adrotate_widget_1 ul li img, .footer-wrapper .adrotate_widget_1 ul li img
{
	padding:8px 0 0 9px;
}
.right-wrapper .adrotate_widget_1 ul li img
{
    padding:8px 0 0 0;
}
p.posted-by, .sociable_tagline
{
    float:left;
    padding:15px 20px;
    margin:0;
}
.sociable_tagline
{
    padding:15px;
}
.leave-comment
{

}
.leave-comment a
{
    color:#2a2a2a;
    text-decoration:underline;
}
.leave-comment a:hover
{
     color:#c90000;
}
p.posted-by a
{
    color:#2a2a2a;
    text-decoration:underline;
}
p.posted-by a:hover
{
    color:#c90000;
}
.post-footer span, .author-links span
{
    color:#ad0000;
}
p.date
{
    float:right;
    padding:15px 20px;
    margin:0;

}
ul.share
{
    float:right;
    margin:10px 15px 0 0;
}
ul.share li
{
    float:left;
    margin:0 0 0 3px;
}
ul.share li a
{
    float:left;
}
.post-footer p
{
    margin:0;
    padding:15px;
}

/* We repeat this class on each box containing text so that it allows us to have a 15px space bottom and top, between each and any one of the
    boxes*/

.separator
{
    margin-top:15px;
    margin-bottom:15px;

}
.separator-noclear
{
    margin-top:15px;
    margin-bottom:15px;
}
.tweet
{
    background:url(images/tweet.png) no-repeat left top;
    width:657px;
    height:75px;
    float:left;
}

.tweet img
{
    float:left;
    display:block;
    margin:10px;
}
.tweet p
{
    float:left;
    padding:13px 10px 13px 20px;
    width:558px;
}
.tweet p a
{
    text-decoration:underline;
    color:#ad0000;
}
.tweet a.retweet:hover
{
    text-decoration:none;
}
.tweet a.retweet
{
    color:#ffffff;
    background:url(images/twitter-arrow.png) no-repeat left;
    width:69px;
    height:75px;
    float:right;
    cursor:pointer;
    font-weight:bold;
}
.tweet a.retweet span
{
    padding:15px 10px;
    display:block;
    float:left;
	background:url(images/twitter-arrow-icn.png) no-repeat 35px bottom;
}

/* The holder of the generic boxes from the right-wrapper */
.widget_most_comments .footer-text
{
    padding:12px 20px 0 20px;
}
.right-holder
{
    width:274px;
    float:left;
    overflow:hidden;
}

/* Style for the title holder of each right box */

.right-holder-title
{
    float:left;
    display:block;
    width:274px;
    height:48px;
    background:url(images/right-holder-title.png) no-repeat bottom;
}
.right-holder-title span
{
    float:left;
    line-height:48px;
}

.right-holder-content li.no-border { border:0px; margin-bottom:0px !important;}

/* Style for the footer wrapper of each box from the right except the one containing the Advertisment, for which we have a different class */

.right-holder-footer
{
    float:left;
    display:block;
    width:274px;
    height:15px;
    background:url(images/right-holder-footer.png) no-repeat bottom left;
}

/* Style for the actual title of each box */

.right-wrapper .right-holder-title h1
{
    color:#6f6f6f;
    margin:15px 0 15px 20px;
    float:left;
    font-size:20px;
    line-height:20px;
    width:auto;
    height:auto;

}
*html .right-wrapper .right-holder-title h1
{
    margin:15px 0 15px 10px;

}

/* The arrow pointed bottom from the right column which opens or closes the containing of the specific box using JavaScript */

.right-arrow
{
    float:right;
    background:url(images/widget-collapse-btn.png) no-repeat center center;
    width:28px;
    height:27px;
    display:block;
    margin:10px 10px 0px 0;

}

.right-arrow span
{
    float:right;
    background:url(images/widget-collapse-arrow.png) no-repeat center center;
    width:28px;
    height:27px;
    display:block;
}

/* The holder of the content of each box from the right column */

.right-holder-content
{
    float:left;
    display:block;
    padding:20px 20px 0px 20px;
    background:url(images/right-holder.png) repeat-y;
    width:234px;
    idth:274px\9;
}
.right-holder-content li
{
    float:left;
    display:block;
    clear:both;
    width:100%;
	border-bottom:1px solid #d2d2d2;
	margin-bottom:8px;
}
.right-holder-content li a
{
    color:#6d6d6d;
    padding:0px 0px 8px 0px;
    float:left;
    display:block;
}

.right-holder-content li a:hover
{
    color:#c90000;
    text-decoration:underline;
}
.right-holder-content li a.email-updates
{
    background:url(images/no-recolor/email-updates.png) no-repeat left 0px;
}
.right-holder-content li a.rss-feed
{
    background:url(images/no-recolor/rss-feed.png) no-repeat left 0px;
}
.right-holder-content li a.follow-twitter
{
    background:url(images/no-recolor/follow-twitter.png) no-repeat left 0px;
}
.com_widget_subscribe .right-holder-content ul li
{
	border:none;
}
.com_widget_subscribe .right-holder-content ul li a
{
	padding-left:30px;
}
.left-wrapper .widget_archive ul li, .right-wrapper .widget_archive ul li
{
	line-height:20px;
	height:20px;
	padding:8px 0;
}
.left-wrapper .widget_archive  ul li a, .right-wrapper .widget_archive  ul li a
{
	padding:0;
	height:auto;
	line-height:20px;
	width:auto;
}

/* Separate style for the right box which contains the Advertise */

.advertise
{
    float:left;
    display:block;
    width:274px;
    height:49px;
    background:#f7f7f7 url(images/advertise-footer.png) no-repeat bottom left;
    text-align:center;
}
.advertise a
{
    text-decoration:underline;
    color:#292929;
    line-height:49px;
}
.advertise a:hover
{
    color:#c90000;
}
.advertise-content
{
    width:auto;
    padding:8px 8px 0px 9px;
}
.advertise-content li
{
    margin:0 0 8px 0;
    width:auto;
    clear:none;
}
.advertise-content li a
{

    height:auto;
    padding:0;
    margin:0;
}

/* Separate style for the right box containig the most popular posts and most recent post because the display is diferent from all the others */

.most-popular
{
}
.right-holder .most-popular li, .footer-holder .most-popular li
{
    margin:0px 0px 10px 0px;
    float:left;
    display:block;
}
.right-holder .most-popular li.last
{
    border-bottom:none;
}
.right-holder .most-popular li.last a
{

}
.right-holder .most-popular li a, .footer-holder .most-popular li a
{
    height:35px;
    margin:0px;
    padding:0px 0px 10px 0px;
    float:left;
}
.right-holder .most-popular li a img, .footer-holder .most-popular li a img
{
    float:left;
    display:block;
    margin:0px 3px 3px 0;
    vertical-align:middle;
    background-color:#ffffff;
    border:1px solid #e1cece;
    padding:2px;
}
.right-holder .most-popular li a.title, .footer-holder .most-popular li a.title
{
    display:block;
    margin:0px 0px 0px 10px;
	font-weight:bold;
	width:180px;
}

/* Styling for the list that appear in the left content */

.post-content ul
{
    padding:0px 20px;
    list-style:disc;
    width:100%;
}
.post-content ol
{
    padding:0px 20px;
    width:100%;
	list-style:decimal;
}
.post-content ul li, .post-content ol li
{
    margin:10px 15px;
    clear:both;
	line-height:20px;

}
.post-content ul.numbered-list
{
    list-style-type:decimal;
    float:left;
}
.post-content ul.numbered-list-zero
{
    list-style-type:decimal;

}
.post-content ul.numbered-list-zero li
{

}
.article-posted-by
{
    float:left;
    display:block;
    width:657px;
    background:url(images/article-posted-by.jpg) no-repeat left top;
    height:47px;
}

/* Comments Section */

div.comments-area
{
    float:left;
    display:block;
    width:100%;
    background:#f0f0f0 url(images/footer-separator.jpg) repeat-x top;
}
div.comments-area .inner-space
{
    width:95%;
}

/* Title of the Comments Section */

div.comments-area h1.right-title
{
    float:left;
    width:50%;
    margin:0;
}
div.comments-area h1.post-title-heading
{
    margin:0;
}
/* Holder of the Comment Sections form and messages */

div.comments-holder
{
    background:url(images/comment-picture-holder.png) no-repeat top left;
    float:left;
    display:block;
    width:617px;
    min-height:119px;
}
.comment-holder-text
{
    float:right;
    width:513px;
}
.comment-holder-text p
{
    float:left;
}

.comment-holder-title
{
    background:url(images/comment-holder-title.png) no-repeat top;
    width:513px;
    height:45px;
    float:right;
    display:block;
}
.comment-holder-footer
{
    background:url(images/comment-holder-footer.png) no-repeat top;
    width:513px;
    height:13px;
    float:right;
    display:block;
}
a.reply, a.comment-reply-link
{
    float:right;
    background:url(images/reply.png) no-repeat top;
    color:#ffffff;
    width:69px;
    height:34px;
    text-align:center;
    line-height:34px;
    text-transform:uppercase;
}
a.comment-edit-link
{
    float:left;
    margin-left:10px;
    color:#696969;
    font-weight:bold;
    text-decoration:underline;
    margin-top:10px;
}
a.reply:hover, a.comment-reply-link:hover
{
    color:#ffffff;
    text-decoration:none;
}
.author-comment img.avatar-48
{
    border:2px solid #c90000;
    padding:5px;
    margin:23px 0 23px 23px !important;
    background:#f0f0f0;
}
.post-content .sociable ul
{
    float:right;
    width:auto;
}
.sociable ul
{
    float:right;
    width:auto;
    margin:10px 15px 0 0;
}
.sociable ul li
{
    float:left;
    margin:0 0 0 3px;
}
.post-content .sociable ul li
{
    clear:none;
    float:left;
}
a.reply-reply
{
    float:left;
    background:url(images/reply.png) no-repeat top;
    color:#ffffff;
    width:69px;
    height:34px;
    text-align:center;
    line-height:34px;
    text-transform:uppercase;
}
a.reply-reply:hover
{
    text-decoration:none;
    color:#ffffff;
}
div.comment-content a
{
    font-weight:bold;
    color:#c90000;

}
div.comment-content
{
    float:left;
    display:block;
    float:right;
    background:url(images/comment-holder.png) repeat-y left center;
    width:513px;
}
div.comment-content .inner-space
{
    width:92%;
}
a.comment-name
{
    color:#c90000;
    text-decoration:underline;
    display:block;
    float:left;
    padding:10px 0 0px 20px;
    font-weight:bold;
}
span.date
{
    float:left;
    display:block;
    padding-left:20px;
    clear:left;
    font-size:10px;
    color:#6c6c6c;
}
div.comments-holder img.comment-picture
{
    float:left;
    width:auto;
    margin:20px;
}
.level1 img.avatar-48
{
    margin:30px 0 30px 30px;
    float:left;
}
.reply-details
{
    background:url(images/reply-name-holder.png) no-repeat left;
    float:right;
    width:auto;
    height:33px;
    display:block;
    overflow:hidden;

}
.reply-details a.reply-name
{

    float:left;
    color:#c90000;
    font-weight:bold;
    width:auto;
    height:33px;
    background:#e4e4e4;
    margin-left:10px;
    padding-top:3px;
}
.reply-details a.reply-picture
{
    background:url(images/reply-picture-holder.png) no-repeat top left;
    float:left;
    padding:5px 10px 5px 10px;
}
.reply-details a.reply-picture img
{
    float:left;
}

.tweet p a.twitter-link img
{
    margin:0 10px 0 0;
}

/* Reply to comments Section */

.reply-holder
{
    float:right;
    width:483px;
}

/* Style for the reply message */

.reply-holder-text
{
    width:483px;
    float:right;
    background:url(images/reply-holder.png) repeat-y;
	display:block;
}

/* Style for the reply title */

.reply-holder-title
{
     width:483px;
     height:13px;
    float:right;
    background:url(images/reply-holder-title.png) no-repeat bottom;
}

/* Style for the reply footer */

.reply-holder-footer
{
    width:483px;
     height:45px;
    float:left;
    background:url(images/reply-holder-footer.png) no-repeat top;
    padding:11px 0 0 0;
}

/* 20px space between the holder's border and the actual content */

.reply-content
{
    padding:0 20px 0px 20px;
}

a.reply-name:hover
{
    text-decoration:none;
}
.reply-details span.date
{
    padding-left:0px;
    float:none;
    width:auto;
    position:relative;
    margin-top:-3px;
}

form.comment-form p.subscribe-to-comments
{
    position:relative;
    top:-27px;
    margin-left:120px;
   
    float:left;
    text-align:left;
    display:block;
    clear:none !important;
}
form.comment-form p.subscribe-to-comments label
{
    line-height:normal;
    margin:0;
    width:250px !important;
    float:left;

}
form.comment-form p.subscribe-to-comments input
{

    line-height:normal;
    margin:0 5px 0 0;
    float:left;
    width:30px !important;
    background:none;
    height:auto;
    padding:0;
}
/* The last ierarchy of reply, replay to an existing reply Section */

.reply-to-reply-holder
{
    width:454px;
    float:right;
}

/* Style for the message contatined by the reply-to-reply holder */

.reply-to-reply-holder-text
{
    width:454px;
    float:left;
    background:url(images/reply-to-reply-holder.png) repeat-y left top;
    display:block;

}

/* Style for the title contained by the reply-to-reply section */

.reply-to-reply-holder-title
{
     width:454px;
     height:13px;
    float:left;
    background:url(images/reply-to-reply-title.png) no-repeat bottom;
}

/* Style for the bottom part by the reply-to-reply section */

.reply-to-reply-holder-footer
{
    width:454px;
     height:45px;
    float:left;
    background:url(images/reply-to-reply-footer.png) no-repeat top;
    padding:11px 0 0 0;
}

/* 20px space between the holder's border and the actual content of the reply-to-reply section */

.reply-to-reply-content
{
    padding:0 20px 0px 20px;
}
.level2 a.comment-reply-link, .level2 a.comment-edit-link
{
    float:left;
}
.level3 a.comment-edit-link
{
    float:left;
    margin-left:-271px;
position:relative;
}



/* Styling for the forms used for the contact section, comments section and reply to comments section */

/* Style for the comment form */

form.comment-form
{
    float:left;
    display:block;
    background:#f0f0f0 url(images/footer-separator.jpg) repeat-x top;
    width:657px;
}

/* Style for the contact form */

form.contact-form
{
    float:left;
    display:block;
    width:623px;
}
.left-wrapper form.cform
{
    float:left;
    display:block;
    width:623px;
    margin:0;
}
.left-wrapper form.cform fieldset
{
    background:none;
    border-color:none;
    border-style:solid;
    border-width:0px;
    margin-top:0px;
    padding:0;
}
.left-wrapper form.cform fieldset label
{
text-align:left;
vertical-align:top;
float:left;
line-height:42px;
margin:0;
width:90px;
}
.left-wrapper form.cform fieldset input
{
    background:url(images/input.png) no-repeat center top;
    float:left;
    height:22px;
    margin:0;
    padding:10px;
    width:430px;
    border:none;
    background-color:none;
    color:#6c6c6c;
}
.left-wrapper form.cform p.cf-sb
{
    margin:0;
    padding:0 !important;
    text-align:left;
    background:url(images/input.png) no-repeat scroll center top;
    float:right;
    height:42px;
    width:450px;
    margin-right:80px;
    *margin-right:40px; /* Hack for IE */
    *margin-top:10px;
}
.left-wrapper form.cform p.cf-sb input.backbutton, .left-wrapper form.cform p.cf-sb input.resetbutton, .left-wrapper form.cform p.cf-sb input.sendbutton
{
    background:url(images/submit-btn.png) no-repeat scroll left top;
color:#ffffff;
cursor:pointer;
font-size:18px;
font-weight:bold;
height:42px;
padding:0;
text-align:center;
width:97px;
margin:0px;
border:none !important;
}
.left-wrapper form.cform fieldset textarea
{
    background:url(images/textarea.png) no-repeat center top;
    float:left;
    height:188px;
    width:430px;
    *width:460px;
    border:none;
    padding:10px;
    overflow-x:hidden;
    overflow-y:scroll;
    color:#6c6c6c;
    z-index:-99999;
    *position:relative;
    *padding-right:0px;
     margin-left:-1px;
}
.left-wrapper form.cform fieldset ol.cf-ol li
{
    margin:0;
    padding:0;
    line-height:normal;
    float:left;
    width:100%
}
.left-wrapper form.cform fieldset span.reqtxt, .left-wrapper form.cform fieldset span.emailreqtxt
{
    font-style:italic;
    clear:right;
    float:right;
    line-height:42px;
    margin:0;
    font-size:12px;
}
.left-wrapper form.cform fieldset legend
{
    display:none;
}

/* Style for the titles of both contact form and comment form */

form.comment-form h1, form.contact-form h1
{
    margin:0px 0 15px 0px;
}

/* Style of the labels contained by the forms */

form.comment-form label, form.contact-form label
{
    float:left;
    width:100px;
    line-height:42px;
    margin:0.5em 0;
    .clear:left; /* Hack for IE */

}

/* Style of the inputs contained by the forms */

form.comment-form input, form.contact-form input
{
    float:left;
     background:url(images/input.png) no-repeat top;
     width:430px;
     height:22px;
     padding:10px;
     margin:0.5em 0;
     color:#6c6c6c;

}

/* Style of the italic text from the forms */

form.comment-form em, form.contact-form em
{
    float:right;
    clear:right;
    line-height:42px;
}

/* Style of the textareas from the forms */

form.comment-form div.textarea, form.contact-form div.textarea
{
    float:left;
     background:url(images/textarea.png) no-repeat top;
     width:450px;
     height:208px;
     border:none;
     margin:0.5em 0;
     color:#6c6c6c;
}
textarea
{
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    border:none;
    background:transparent;
    z-index:-99999;
    margin:0.5em;
    color:#6c6c6c;
}

/* Style for the submit buttons */

form.comment-form input.submit-btn, form.contact-form input.submit-btn
{
    background:url(images/submit-btn.png) no-repeat top left;
     width:98px;
     height:42px;
     color:#ffffff;
     font-weight:bold;
     font-size:18px;
     text-align:center;
     padding:0;
     cursor:pointer;
     margin:0;
}

div.notify
{
     background:url(images/input.png) no-repeat top;
     width:450px;
     height:42px;
     float:left;
}
form.comment-form div.notify span, form.contact-form div.notify span
{
    float:left;
    display:block;
    line-height:42px;
    margin:0 0 0 10px;
}
form.comment-form div.notify span input, form.contact-form div.notify span input
{
    width:auto;
    background:none;
    margin:0 10px 0 0;
}

/* Style for the error messages that appear if a form is not completed correctly */

p.error-message
{
    text-align:center;
    background:url(images/error-message.jpg) no-repeat left top;
    display:block;
    color:#ffffff;
    width:100%;
   line-height:42px;

}

/* Pagination Section */

.pagination
{
    float:left;
    display:block;
    text-align:center;
    width:657px;
    overflow:hidden;
}
.pagination ul
{
   margin:0 auto;
    width:400px;
}
.pagination ul li
{
    float:left;
    margin:0 5px;
}

/* The numbers of the pages */

.pagination ul li a
{
    background:url(images/number-holder.png) no-repeat;
    width:31px;
    height:32px;
    text-align:center;
    line-height:32px;
    display:block;
    float:left;
}
.pagination ul li a:hover,.pagination ul li a.active
{
    background:url(images/number-holder-hover.png) no-repeat;
    color:#ffffff;
    text-decoration:none;
}

/* Buttons Previous and Next */

.pagination ul li a.previous-next
{
    background:url(images/previous-next-holder.png) no-repeat;
    width:68px;
    height:32px;
}
.pagination ul li a.previous-next:hover
{
    color:#c90000 !important;
    text-decoration:underline;
    background:url(images/previous-next-holder.png) no-repeat !important;
}
.left-wrapper .wp-pagenavi a.page
{
    background:transparent url(images/number-holder.png) no-repeat;
display:block;
float:left;
height:32px;
line-height:32px;
text-align:center;
width:31px;
border:none;
font-weight:normal;
margin:0;
padding:0;
background-color:transparent;
color:#6c6c6c;
}
.left-wrapper .wp-pagenavi a.page:hover
{
    background:transparent url(images/number-holder-hover.png) no-repeat;
color:#ffffff;
text-decoration:none;
display:block;
float:left;
height:32px;
line-height:32px;
text-align:center;
width:31px;
background-color:transparent;
border:none;
font-weight:normal;

}
.left-wrapper .wp-pagenavi span.current
{
background:transparent url(images/number-holder-hover.png) no-repeat;
color:#ffffff;
text-decoration:none;
display:block;
float:left;
height:32px;
line-height:32px;
text-align:center;
width:31px;
background-color:transparent;
border:none;
font-weight:normal;
margin:0;
padding:0;
}
.com_widget_categories ul li
{

}
.com_widget_categories ul li a
{

}
.left-wrapper .wp-pagenavi span.pages {
display:none;

}
.left-wrapper .wp-pagenavi a.first, .left-wrapper .wp-pagenavi a.last
{
background:transparent url(images/previous-next-holder.png) no-repeat center center !important;
height:32px;
width:68px !important;
float:left;
border:none;
background-color:transparent;
margin:0;
padding:0;
color:#6c6c6c;
}
.left-wrapper .wp-pagenavi a.first:hover, .left-wrapper .wp-pagenavi a.last:hover
{
    background:transparent url(images/previous-next-holder.png) no-repeat center center !important;
    color:#c90000 !important;
}
.left-wrapper .wp-pagenavi span.extend
{
    background-color:transparent;
border:none;
color:#6c6c6c;
margin:0 5px;
padding:0;
float:left;
line-height:20px;
}
.wp-pagenavi
{
   display:block;
float:left;
overflow:hidden;
text-align:center;
width:657px;
height:32px;
margin:15px 0;
}
.left-wrapper .wp-pagenavi a:hover
{
    background:transparent url(images/number-holder-hover.png) no-repeat !important;
    color:#ffffff !important;
    text-decoration:none;
    display:block;
    float:left;
    height:32px;
    line-height:32px;
    text-align:center;
    width:31px;
    background-color:transparent;
    border:none;
    font-weight:normal;
    margin:0;
    padding:0;
}
.left-wrapper .wp-pagenavi a:visited
{
    border:none;
    background-color:transparent;
    margin:0;
    padding:0;
    color:#6c6c6c;
}
.left-wrapper .wp-pagenavi a
{
    height:32px;
    overflow:hidden;
}
.left-wrapper .wp-pagenavi a, .left-wrapper .wp-pagenavi a:link
{
    background:transparent url(images/number-holder.png) no-repeat;
display:block;
float:left;
height:32px;
line-height:32px;
text-align:center;
width:31px;
border:none;
font-weight:normal;
margin:0;
padding:0;
background-color:transparent;
color:#6c6c6c;
margin:0 5px;
}
/* Footer Section */

.footer-wrapper
{
    float:left;
    background:#f0f0f0 url(images/footer-separator.jpg) repeat-x top;
    display:block;
    width:100%;
    margin:15px auto 0 auto;
}

/* Copyright Section */

div.copyright
{
    float:left;
    display:block;
    width:100%;
    margin:30px auto 0 auto;
    background:url(images/footer-copyright-separator.jpg) repeat-x top;
    padding:30px 0 30px 0;
}
div.copyright p
{
    width:963px;
    margin:0 auto;
}
div.copyright span
{
    float:left;
    display:block;
}
div.copyright a
{
    float:right;
    background:url(images/footer-up-arrow.png) no-repeat right;
    display:block;
    padding:0 30px 0 0;
    line-height:24px;
}

/* The holder of the content which places the boxes from the footer at the center of the screen */

.footer-content
{
    width:963px;
    margin:30px auto 0 auto;
    text-align:left;
}

/* The holder of each of the three boxes contained by the footer wrapper */

.footer-holder
{
    float:left;
    width:301px;
    margin: 5px 10px;
}

/* Styling of the content from each box from the footer */

.footer-text
{
    float:left;
    background:url(images/footer-holder.png) repeat-y top left;
    width:264px;
    display:block;
    padding:20px 20px 0 20px;
}
.footer-text ul li a img
{
    display:block;
float:left;
margin:3px 0 3px 0;
vertical-align:middle;
}
.footer-text ul li a span{
display:block;
float:right;
margin:8px 0;
width:81%;
}

/* Styling of the title holder of each box from the footer */

.footer-holder div.footer-holder-title
{
    background:url(images/footer-holder-title.png) no-repeat top left;
    float:left;
    display:block;
    width:304px;
    height:55px;
}

/* Styling of the actual title of each box from the footer */

.footer-holder div.footer-holder-title h1
{
    margin:20px 20px 0 20px;
    height:auto;
    line-height:20px;
    font-size:20px;
}

/* Styling of the bottom part of each box from the footer */

.footer-holder-footer
{
    background:url(images/footer-holder-footer.png) no-repeat top left;
    float:left;
    display:block;
    width:304px;
    height:23px;
}
.footer-holder #calendar_wrap
{

    display:block;
    padding:2px 20px;
}

.footer-holder ul li
{
    float:left;
    display:block;
    border-bottom:1px solid #d2d2d2;
    width:100%;
	margin-bottom:8px;
}
.footer-holder ul li ul li
{
    float:left;
    display:block;
    width:100%;
	border:0px;
	font-size:11px;
}

.footer-holder ul li.last, .footer-holder ul li.no-border
{
    border-bottom:none;
}
.footer-holder ul li a
{
    float:left;
    display:block;
    padding:0 0 10px;
}
.comments-navigation
{
    float:left;
    padding-bottom:20px;
}
.clear { clear:both;}
.clear-left
{
    clear:left;
}
.clear-right
{
    clear:right;
}
.right-holder-content .right
{
    float:right;
}
.right
{
    float:right;
}
.middle
{
    margin:0 25px 0 0px;


}
.footer-holder ul.most-commented li a.commented
{
    float:right;
    background:url(images/comment-bubble-footer.jpg) no-repeat left 7px;
    width:33px;
    text-align:center;

}
.footer-holder ul.most-commented
{

}
.footer-holder ul.most-commented li
{
    margin-bottom:3px;
}
.footer-holder ul.most-commented li a
{
    padding:8px 0;
    width:220px;

}
.widget_flickr div.right-holder-content
{
	width:246px;
}
.widget_flickr div.right-holder-content a, .widget_flickr div.footer-text a
{
	float:left;
	display:block;
	min-height:100px;
	text-align:center;
}
.widget_flickr div.right-holder-content a img, .widget_flickr div.footer-text a img
{
	padding:5px;
	border:1px solid #e1cece;
	margin-right:11px;
	margin-bottom:11px;
}
.post-image
{
    float:left;
    background-color:#ffffff;
    border:1px solid #e1cece;
    padding:5px;
}
.widget_meta div.right-holder-content ul li
{
    border-bottom:1px solid #d2d2d2;
    display:block;
    float:left;
    width:100%;
}
.widget_meta div.right-holder-content ul li a
{
    padding:8px 0;
    margin:0;
}
.post-content h1
{
    line-height:1.6em !important;
    font-size:1.6em !important;

}
.post-content h2
{
    font-size:1.5em !important;
    float:none !important;
    line-height:1.5em !important;
    display:block !important;
}
.post-content  h3
{
    font-size:1.4em !important;
    float:none !important;
    display:block !important;
    clear:none !important;
    line-height:1.4em !important;
}
.post-content  h4
{
    font-size:1.3em !important;
    line-height:1.3em !important;
}
.post-content  h5
{
    font-size:1.2em !important;
    line-height:1.2em !important;
}
.post-content  h6
{
    font-size:1.1em !important;
    line-height:1.1em !important;
}
.post-content dd
{
    padding-left:20px;
	margin:10px 15px;
    clear:both;
	line-height:20px;
}

.post-content dt
{
	font-weight:bold;
}

.post-content sup, .post-content sub
{
    font-size:11px;
}
.post-content table
{
    width:100%;
}
.post-content table tr
{

}
.post-content table tr.even
{
    background:#f2f2f2;
}
.post-content table tr.table-heading
{
    background:#f2f2f2;
}

.post-content table .table-heading th, .post-content table td
{
	padding:10px;
}

 div.adrotate_widget_2 .right-holder-content
{
    margin:0px;
    padding:7px 10px 0px;
    width:274px;
}
.right-wrapper .adrotate_widget_1 .right-holder-content
{
    margin:0px;
    padding:12px 0 0px 0px;
    width:274px;
}
.right-wrapper .adrotate_widget_1 .right-holder-content ul
{
    width:100%;
}
.right-wrapper .adrotate_widget_1 .right-holder-content ul li
{
    width:100%;
}
.right-wrapper .adrotate_widget_1 .right-holder-content ul li a
{
    margin:0px 5px 5px 0px;
	padding:0px;
}
.right-wrapper .adrotate_widget_1 .right-holder-content ul li img
{

    float:left;
}
.bqstart {
color:#cccccc;
display:block;
float:left;
font-size:800%;
height:45px;
margin-right:10px;
margin-top:-20px;
padding-top:0;
}
.bqend {
color:#cccccc;
float:right;
font-size:800%;
height:25px;
margin-top:-20px;
}
.post-content blockquote p
{
    float:left;
    width:auto;
}



/* Calendar style */

table#wp-calendar
{
	width:234px;
	text-align:center;
}
table#wp-calendar caption
{
	margin-bottom:10px;
	font-weight:bold;
}
table#wp-calendar td
{
	color:#cfcfcf;
}
table#wp-calendar tr td#today
{
	color:#c90000;
	font-weight:bold;
}
.right-wrapper .widget_categories select.postform
{
	margin:15px 0 8px 0;
}
.widget_categories select.postform
{
	width:264px;
	color:#6d6d6d;
	border:1px solid #d2d2d2;
	margin:15px 20px 8px 20px;
}
.right-wrapper .widget_tag_cloud .right-holder-content div

{
	padding:8px 0 0 0;
}
.right-wrapper .widget_tag_cloud .right-holder-content div a, .widget_tag_cloud .footer-text div a
{
	line-height:normal;
}
.widget_tag_cloud .footer-text div
{
}

.widget_search form#searchform
{
	margin-top:15px;
	margin-bottom:8px;
}
.widget_search form#searchform input
{
	color:#6d6d6d;
	border:1px solid #d2d2d2;
}






/* sIFR styles */

p {
	margin:0 0 24px;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 20px 0;
	padding: 0;
}



#container {

}

#main {
	margin: .5em 20px 0 20px;
	border-top: 1px solid #000000;
	text-align: left;
	padding: 20px 0 20px 0;
}

#left {
	float: left;
	width: 140px;
	margin: 0 20px 14px 0;
	background-color: #dcdcdc;
	border: 3px double #ffffff;
	font-size: 10px;
	line-height: 1.4em;
}

.gutter {
	margin: 10px;
}

#right {
	float: right;
	width: 120px;
	margin: 0 0 14px 20px;
}

#center {

}

#pullquote {
	float: right;
	margin: 0 0 .4em 1em;
	width: 145px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 20px;
	line-height: 1.3em;
}
a.logo h1
{
    margin:0 !important;
    visibility:visible !important;
	padding-top:5px;
}
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
        font-size:20px;
        padding:0;
        line-height:20px;


}

.sIFR-hasFlash h2 {

}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 18px;
        line-height:18px;
        float:left;
        display:block;
        display:block;
        clear:both;
}
h3 a
{

}

.sIFR-hasFlash h4 {

}
.sIFR-hasFlash h4 a
{
    font-size:14px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

div#featured-posts {
    width: 617px;
    overflow:hidden;
    position:relative;
    margin-bottom:-65px;
	*margin-bottom:-85px;
}
div#featured-posts img
{
    margin-right:0px;
}
div#featured-posts ul.indexwork {
    margin: 0px;
    padding: 0px;
    float:left;
    width:auto;
}
div#featured-posts ul.indexwork li {
    float: left;
    padding: 4px;
    list-style: none;
    clear:none;
    line-height:normal;
    margin:0;
}
div#featured-posts ul.indexwork li a
{
background:transparent url(images/number-holder.png) no-repeat scroll 0 0;
border:medium none;
color:#6c6c6c;
display:block;
float:left;
font-weight:normal;
height:32px;
line-height:32px;
margin:0;
padding:0;
text-align:center;
width:31px;
}
div#featured-posts ul.indexwork li a:hover, div#featured-posts ul.indexwork li a.active
{
    background:transparent url(images/number-holder-hover.png) no-repeat scroll 0 0;
    text-decoration:none;
    color:#ffffff;
}
div#featured-posts a.prevwork, div#featured-posts a.nextwork
{
   background:transparent url(images/previous-next-holder.png) no-repeat scroll 0 0;
border:medium none;
color:#6c6c6c;
display:block;
float:left;
font-weight:normal;
height:32px;
line-height:32px;
margin:0;
padding:0;
text-align:center;
width:68px;
margin:4px;
}
div#featured-posts a.prevwork { float:left;}
div#featured-posts a.nextwork { float:left;}

div#featured-posts ul.layers {
    width: 617px;
    height: 300px;
    position:relative;
    overflow:hidden;
    margin-bottom:25px;
	padding:0;
 }

div#featured-posts ul.layers li {
    width: 657px;
    height: 300px;
    float:left;
    position:absolute;
    overflow:hidden;
	margin:0;
	padding:0;
}

div#featured-posts p.featured-post-bg
{
	position:relative;
	top:-150px;
	height:150px;
	background-color:#3e3e3e;
	opacity:0.95;
	filter: alpha(opacity = 95);

}

div#featured-posts p.featured-post-content
{
	position:relative;
	top:-300px;
	height:130px;
	width: 597px;
	padding:10px;
}
*html div#featured-posts p.featured-post-content
{
	width:596px;
}
div#featured-posts span.featured-post-title a
{
	 font-size:18px;
	font-weight:bold;
	 color:#ffffff !important;
	 clear:both;
	 display:block;
	 margin-bottom:5px;
}
div#featured-posts span.featured-post-excerpt
{
	 color:#ffffff !important;
}
.low-index
{
	position:relative;
	z-index:-1;
}