if (have_posts()) {
    while (have_posts()) {
        the_post();
        ?>

					<div id="post-<?php 
        the_ID();
        ?>
" <?php 
        post_class();
        ?>
>

						<?php 
        global $cc_post_options;
        $cc_post_options = cc_get_post_meta();
        $single_class = false;
        if (isset($cc_post_options) && $cc_post_options['cc_post_template_on'] == 1) {
            switch ($cc_post_options['cc_post_template_type']) {
                case 'img-left-content-right':
                    $single_class = 'single-img-left-content-right';
                    break;
                case 'img-right-content-left':
                    $single_class = 'single-img-right-content-left';
                    break;
                case 'img-over-content':
                    $single_class = 'single-img-over-content';
                    break;
                case 'img-under-content':
                    $single_class = 'single-img-under-content';
                    break;
function cc_post_metabox()
{
    $option_post_templates = array();
    $cc_post_options = cc_get_post_meta();
    if (isset($cc_post_options['cc_post_template_on']) && $cc_post_options['cc_post_template_on'] == 1) {
        $checked_post_template = "checked";
    } else {
        $checked_post_template = "";
    }
    if (isset($cc_post_options['cc_post_template_avatar']) && $cc_post_options['cc_post_template_avatar'] == 1) {
        $checked_post_template_avatar = "checked";
    } else {
        $checked_post_template_avatar = "";
    }
    if (isset($cc_post_options['cc_post_template_date']) && $cc_post_options['cc_post_template_date'] == 1) {
        $checked_post_template_date = "checked";
    } else {
        $checked_post_template_date = "";
    }
    if (isset($cc_post_options['cc_post_template_tags']) && $cc_post_options['cc_post_template_tags'] == 1) {
        $checked_post_template_tags = "checked";
    } else {
        $checked_post_template_tags = "";
    }
    if (isset($cc_post_options['cc_post_template_comments_info']) && $cc_post_options['cc_post_template_comments_info'] == 1) {
        $checked_post_template_comments_info = "checked";
    } else {
        $checked_post_template_comments_info = "";
    }
    $option_post_templates[0] = "img-left-content-right";
    $option_post_templates[1] = "img-right-content-left";
    $option_post_templates[2] = "img-over-content";
    $option_post_templates[3] = "img-under-content";
    ?>

	<div id="cc_page_metabox" class="postbox">
		<div class="handlediv" title="<?php 
    _e('click', 'cc');
    ?>
">
			<br />
		</div>
		<h3 class="hndle"><?php 
    _e('Custom Community settings', 'cc');
    ?>
</h3>
		<div class="inside">
			<b><?php 
    _e('Use a post template for this post', 'cc');
    ?>
</b>
			<p><?php 
    _e('You can select a predefined post template', 'cc');
    ?>
:<br />
				<label for="cc_post_template"><?php 
    _e('Post template on', 'cc');
    ?>
:</label>
				<input name="cc_post_template_on" id="cc_post_template_on" type="checkbox" <?php 
    echo $checked_post_template;
    ?>
 value="1" />
				<?php 
    _e('Select a template to use', 'cc');
    ?>
:<select id="cc_post_template_type" name="cc_post_template_type">
						<?php 
    foreach ($option_post_templates as $option_template) {
        ?>
							<option <?php 
        if ($cc_post_options['cc_post_template_type'] == $option_template) {
            ?>
selected="selected"<?php 
        }
        ?>
><?php 
        echo $option_template;
        ?>
</option>
						<?php 
    }
    ?>
				</select>
			</p>
		<b><?php 
    _e('Show/hide meta info', 'cc');
    ?>
</b>
		<p>
		<label for="cc_post_templater">
			<input name="cc_post_template_avatar" id="cc_post_template_avatar" type="checkbox" <?php 
    echo $checked_post_template_avatar;
    ?>
 value="1" />&nbsp;
			<?php 
    _e('Hide avatar', 'cc');
    ?>
		</label><br />
		<label for="cc_post_templater">
			<input name="cc_post_template_date" id="cc_post_template_date" type="checkbox" <?php 
    echo $checked_post_template_date;
    ?>
 value="1" />&nbsp;
			<?php 
    _e('Hide date/category', 'cc');
    ?>
		</label><br />
		<label for="cc_post_templater">
			<input name="cc_post_template_tags" id="cc_post_template_tags" type="checkbox" <?php 
    echo $checked_post_template_tags;
    ?>
 value="1" />&nbsp;
			<?php 
    _e('Hide tags', 'cc');
    ?>
		</label><br />
		<label for="cc_post_templater">
			<input name="cc_post_template_comments_info" id="cc_post_template_comments_info" type="checkbox" <?php 
    echo $checked_post_template_comments_info;
    ?>
 value="1" />&nbsp;
			<?php 
    _e('Hide comment-info', 'cc');
    ?>
		</label>
		</p>

		</div>
	</div>
<?php 
}
Exemple #3
0
/**
* This function creates front-end styles
* @param It didn't accepts any parameters
*/
function get_css()
{
    global $cap;
    global $pagenow;
    if ($cap->menu_x == "") {
        $cap->menu_x = 'left';
    }
    $cc_post_options = cc_get_post_meta();
    $switch_css = cc_switch_css();
    extract($switch_css);
    ?>
/* > Global Elements
-------------------------------------------------------------- */

body { 
	line-height: 140%;
	font-size: 13px;
	color: #<?php 
    echo $font_color;
    ?>
; 
}
body.activity-permalink {
    min-width: 100%;
    max-width: 100%;
}
#outerrim{
    margin: 0 auto;
}
<?php 
    require_once get_template_directory() . "/_inc/css/editor-styles.php";
    require_once get_template_directory() . "/_inc/css/width-calculators.php";
    ?>
#innerrim {
    width: <?php 
    echo $site_width . $units;
    ?>
;
    float: none;
    margin: 0 auto;
}
.v_line {
    border-right: 1px solid #<?php 
    echo $container_alt_bg_color;
    ?>
;
    height: 100%;
    position: absolute;
    width: 0;
}
.v_line_left {
    margin-left: <?php 
    echo $cap->leftsidebar_width;
    ?>
;
}
.single .v_line_right {
    right: <?php 
    echo $cap->rightsidebar_width;
    ?>
;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 12px 0;
}
h1 {color:#<?php 
    echo $font_color;
    ?>
;margin-bottom: 25px;line-height: 170%}
h2 {color:#<?php 
    echo $font_color;
    ?>
; margin-top: -8px;margin-bottom: 25px;line-height: 170%}
h3 {color:#<?php 
    echo $font_color;
    ?>
;margin-bottom:15px;}
h1, h1 a, h1 a:hover, h1 a:focus {font-size: 28px}
h2, h2 a, h2 a:hover, h2 a:focus {font-size: 24px}
h3, h3 a, h3 a:hover, h3 a:focus {font-size: 21px; margin-top: 3px;}
h4, h4 a, h4 a:hover, h4 a:focus {font-size: 16px;margin-bottom: 15px}
h5, h5 a, h5 a:hover, h5 a:focus {font-size: 14px;margin-bottom: 10px}
h6, h6 a, h6 a:hover, h6 a:focus {font-size: 12px;margin-bottom: 10px}
a {font-style:normal;color: #<?php 
    echo $link_color;
    ?>
;text-decoration: none;padding: 1px 0}
a:hover, a:active {color: #<?php 
    echo $font_color;
    ?>
}
a:focus {outline: none}
.clear {clear: left}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
    text-decoration: none;background-color: transparent;
}
p, em {
    font-size: 13px;
    margin-bottom: 15px;
}
em { 
	font-style: italic; 
	font-size: inherit; 
}
p:last-child {margin-bottom: 0}
sub {
    line-height: 100%;
    font-size: 60%;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align:bottom;
}
sup {
    line-height: 100%;
    font-size: 60%;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align:top;
}
hr {
    background-color:#<?php 
    echo $font_color;
    ?>
;
    border:0 none;
    clear:both;
    height:1px;
    margin: 20px 0;
}
blockquote {
    padding: 10px 20px;
    background-color: #<?php 
    echo $container_alt_bg_color;
    ?>
;
}
blockquote, blockquote p, blockquote a, blockquote a:hover, blockquote a:focus,
blockquote h1, blockquote h2, blockquote h3,
blockquote h4, blockquote h5, blockquote h6 {
    font-family: georgia, times, serif;
    font-size: 16px;
    font-style:italic;
}
img {
	max-width: 100%;
	max-height: auto;
	height: auto;
}
img.avatar {
    border:1px solid #<?php 
    echo $container_alt_bg_color;
    ?>
;
    float:left;
}
span.cc_blockquote {
    width:30%;
    padding:2%;
    background-color: #<?php 
    echo $container_alt_bg_color;
    ?>
;
}
span.cc_blockquote_left {
    float: left;
}
span.cc_blockquote_right {
    float: right;
}
span.cc_blockquote, span.cc_blockquote p, span.cc_blockquote a {
    font-family: times, serif;
    font-family: times, serif !important;
    font-size: 19px;
    font-size: 19px !important;
    font-style: italic;
}
ol {list-style: decimal outside none;}
ul {list-style: circle outside none;}

div#item-header div#item-header-content {
    float: left;
    margin-left: 20px;
    width: 60%;
}
.left-right-sidebar div#item-header div#item-header-content { width: 53%; }

<?php 
    if (function_exists('bp_current_action') && bp_current_action() && bp_current_action() != 'forum') {
        global $post;
        $tpl = !empty($post) ? get_post_meta($post->ID, '_wp_page_template', TRUE) : FALSE;
        $tpl = empty($tpl) ? 'default' : $tpl;
        if ($cap->cc_responsive_enable) {
            $rightsidebar_width = 225;
        } else {
            $rightsidebar_width = $cap->rightsidebar_width;
        }
        if ($cap->bp_profile_sidebars == __('left', 'cc') || $cap->bp_profile_sidebars == __('none', 'cc') || ($cap->bp_profile_sidebars == __('default', 'cc') && $cap->sidebar_position == __('left', 'cc') || $cap->bp_profile_sidebars == __('default', 'cc') && $cap->sidebar_position == __('full-width', 'cc'))) {
            $rightsidebar_width = $cap->leftsidebar_width;
            ?>
         #container .v_line_right, #container #sidebar {
            display: none !important;
         }
    <?php 
        } elseif ($cap->bp_profile_sidebars == __('default', 'cc') && ($tpl == '_pro/tpl-left-sidebar.php' || $tpl == 'full-width.php')) {
            ?>
        #container .v_line_right, #container #sidebar {
            display: none !important;
         }
    <?php 
        }
        ?>
    <?php 
        if ($cap->bp_profile_sidebars == __('right', 'cc') || $cap->bp_profile_sidebars == __('none', 'cc') || ($cap->bp_profile_sidebars == __('default', 'cc') && $cap->sidebar_position == __('right', 'cc') || $cap->bp_profile_sidebars == __('default', 'cc') && $cap->sidebar_position == __('full-width', 'cc'))) {
            ?>
         #container .v_line_left, #container #leftsidebar {
            display: none !important;
         }
    <?php 
        } elseif ($cap->bp_profile_sidebars == __('default', 'cc') && ($tpl == '_pro/tpl-right-sidebar.php' || $tpl == 'full-width.php')) {
            ?>
        #container .v_line_left, #container #leftsidebar {
            display: none !important;
         }
    <?php 
        }
        //this section don't need now, because we css hide sidebars which icluded by plugins pages
        /*if(($cap->bp_profile_sidebars != __('none', 'cc') && $cap->bp_profile_sidebars != __('left and right', 'cc')) ): ?>
            <?php if(($cap->bp_profile_sidebars == __('default', 'cc') && $cap->sidebar_position != __('full-width', 'cc') && $cap->sidebar_position != __('left and right', 'cc'))): ?>
                #container #content.added-by-plugins{
                    width: calc(100% - <?php echo ($rightsidebar_width)?>px);
                    width: -webkit-calc(100% - <?php echo ($rightsidebar_width)?>px);
                    width: -moz-calc(100% - <?php echo ($rightsidebar_width)?>px);
                    width: -ms-calc(100% - <?php echo ($rightsidebar_width)?>px);
                }
            <?php elseif($cap->bp_profile_sidebars == __('default', 'cc') && ($tpl != 'default' && $tpl != '_pro/tpl-left-and-right-sidebar.php' && $tpl != 'full-width.php')): ?>
                #container #content.added-by-plugins{
                    width: calc(100% - <?php echo ($rightsidebar_width)?>px);
                    width: -webkit-calc(100% - <?php echo ($rightsidebar_width)?>px);
                    width: -moz-calc(100% - <?php echo ($rightsidebar_width)?>px);
                    width: -ms-calc(100% - <?php echo ($rightsidebar_width)?>px);
                }
            <?php endif;?>
        <?php endif; */
    }
    ?>

/* > Admin Bar
-------------------------------------------------------------- */

body#cc.activity-permalink #wp-admin-bar .padder,
body#cc #wp-admin-bar .padder {
    max-width:100%;
    min-width:100%;
}
#wp-admin-bar {
    font-size:11px;
    height:25px;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
}
#wp-admin-bar a {
    background-color: transparent;
    text-decoration: none;
}

/* > Header
-------------------------------------------------------------- */

#header {
position: relative;
    color: #<?php 
    echo $font_color;
    ?>
;
    <?php 
    if ($cap->header_img == '') {
        ?>
        background: url(<?php 
        echo get_template_directory_uri();
        ?>
/images/default-header.png);
    <?php 
    }
    ?>
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-bottom: 12px;
    padding-top: 30px;
    background-repeat: no-repeat;
    z-index: 9;
    margin-bottom: 50px;
}
div.row-fluid [class*="span"] {
	min-height: 10px;
}
#header #search-bar {
        clear: both;
	margin-top: 25px;
	float: right;
	width: 390px;
	text-align: right;
	padding: 10px;
}
#logo{
    padding: 10px;
    float: left;
}
#header div#logo h1, #header div#logo h4 {
    left: 20px;
    line-height: 150%;
    margin: 0 0 -5px;
    top: 35px;
    font-size: 28px;
}
#header #search-bar .padder {
    padding: 10px 0;
}
#header #search-bar input[type=text] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px inset #<?php 
    echo $container_alt_bg_color;
    ?>
;
    padding: 2px;
    margin-right: 4px;
}
#header #search-bar input[type=submit] {
    font-size: 13px;
    padding: 1px 4px;
    margin-left: 4px;
    margin-top: 2px;
}
label.accessibly-hidden {
    display: none;
}
#header div#logo h1 a, #header div#logo h4 a {
    color: #<?php 
    echo $font_color;
    ?>
;
    font-size: 37px;
	line-height: 130%;
}

/* > Navigation
-------------------------------------------------------------- */

ul#nav {
    background:url("") no-repeat scroll 0 0 transparent;
    bottom:2px;
    list-style:none outside none;
    margin:15px 0 0;
    max-width:100%;
    min-width:100%;
    padding:45px 0 5px 0;
    position:relative;
    left: 20px;
    right: 15px;
}

ul#nav li {
    float:left;
    margin:0;
    padding:6px 28px 0 0;
}

ul#nav li a {
    -moz-background-inline-policy:continuous;
    -moz-border-radius-topleft:3px;
    border-top-left-radius:3px;
    -webkit-border-top-left-radius:3px;
    -moz-border-radius-topright:3px;
    border-top-right-radius:3px;
    -webkit-border-top-right-radius:3px;
    background:none repeat scroll 0 0 transparent;
    color:#<?php 
    echo $font_color;
    ?>
;
    display:block;
    font-size:13px;
    font-weight:bold;
    padding:0;
}

ul#nav li.selected, ul#nav li.selected a, ul#nav li.current_page_item a {
    background:none repeat scroll 0 0;
    color: #<?php 
    echo $link_color;
    ?>
;
}

ul#nav a:focus {outline: none}

#nav-home {
    float:left;
}
<?php 
    if ($cap->menu_x == __("right", 'cc')) {
        ?>
    #nav-home {
        float: right;
    }
<?php 
    }
    ?>
#nav-community {
    float:left;
}


/* > Container
-------------------------------------------------------------- */

div#container {
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    background-color: #<?php 
    echo $container_bg_color;
    ?>
;
    background-image:none;
    border:none;
    overflow:hidden;
    position:relative;
}

body.activity-permalink div#container {
    background: #<?php 
    echo $container_bg_color;
    ?>
;
    border:none;
}

/* > Sidebar
-------------------------------------------------------------- */
#sidebar-me, #sidebar-login-form {
    margin: 0 0 20px 10px;
}

/*.right-sidebar-padder {padding: 30px 15px 30px 20px}*/

/*.left-sidebar-padder {padding:30px 15px 30px 20px}*/

div#sidebar {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    border-top-right-radius:6px;
    background:transparent;
    border-left:none;
    float:right;
    margin-left:-224px;
    margin-top: 0px;
    padding-top: 15px;
}

div.widgetarea {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent;
}

div#sidebar div#sidebar-me img.avatar, div.widgetarea div#sidebar-me img.avatar {
    float: left;
    margin: 0 10px 15px 0;
}

div#sidebar div#sidebar-me h4, div.widgetarea div#sidebar-me h4 {
    font-size: 16px;
    margin: 0 0 8px 0;
    font-weight: normal;
}


div#sidebar ul#bp-nav, div.widgetarea ul#bp-nav {
    clear: left;
    margin: 15px -16px;
}
div#sidebar ul#bp-nav li, div.widgetarea  ul#bp-nav li {
    padding: 10px 15px;
}

div#leftsidebar h3.widgettitle, div#sidebar h3.widgettitle, div.widgetarea h3.widgettitle,div.span3 h3.widgettitle  {
    -moz-border-radius:4px 4px 4px 4px;
    -webkit-border-radius:4px 4px 4px 4px;
    border-radius:4px;
    background:none repeat scroll 0 0 #<?php 
    echo $container_alt_bg_color;
    ?>
;
    clear:left;
    color:#<?php 
    echo $font_color;
    ?>
;
    font-size:12px;
    margin:0 8px 12px 0px;
    padding:5px 10px;
    width:182px;
    font-family: arial, helvetica, sans-serif;
}

div#leftsidebar h3.widgettitle a, div#sidebar h3.widgettitle a, div.widgetarea h3.widgettitle a {
    clear:left;
    color:#<?php 
    echo $font_color;
    ?>
;
    background-color: transparent;
    text-decoration: none;
    font-size:12px;
    font-family: arial, helvetica, sans-serif;
}
div#leftsidebar h3.widgettitle a:hover, div#leftsidebar h3.widgettitle a:focus,
div#sidebar h3.widgettitle a:hover, div#sidebar h3.widgettitle a:focus,
div.widgetarea h3.widgettitle a:hover, div.widgetarea h3.widgettitle a:focus {
    color:#<?php 
    echo $link_color;
    ?>
;
    background-color: transparent;
    text-decoration: none;
}
div#leftsidebar div#item-header-avatar img.avatar, div#sidebar div#item-header-avatar img.avatar {
    margin-bottom:20px;
}
div#item-header .row-fluid{
    position: relative;
}

div#sidebar h3.widgettitle p, div.widgetarea h3.widgettitle p {
    padding: 5px 10px;
    font-size: 12px;
    color:#<?php 
    echo $font_color;
    ?>
;
    clear: left;
}

div#sidebar .widget_search, div.widgetarea .widget_search {
    margin-top: 0;
}
div#sidebar .widget_search input[type=text], div.widgetarea .widget_search input[type=text]{
    width: 50%;
    padding: 2px;
}

div#sidebar ul#recentcomments li, div#sidebar .widget_recent_entries ul li, div.widgetarea  ul#recentcomments li, div.widgetarea .widget_recent_entries ul li{
    margin-bottom: 5px;
}
.children {
    list-style: none;
}
div#sidebar ul.item-list img.avatar, div.widgetarea  ul.item-list img.avatar{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
div#sidebar div.item-avatar{display: inline;}
div#sidebar div.item-avatar img, div.widgetarea  div.item-avatar img{
    width: 40px;
    height: 40px;
}

div#sidebar .avatar-block, div.widgetarea .avatar-block{overflow: hidden}

.avatar-block img.avatar {margin-right: 4px}

div#sidebar ul.item-list div.item-title, div.widgetarea ul.item-list div.item-title{
    font-size:12px;
    line-height:140%;
}

div#sidebar div.item-options, div.widgetarea div.item-options{
    background:none repeat scroll 0 0 transparent;
    font-size:11px;
    margin:-12px 0 10px -14px;
    padding:5px 15px;
    text-align:left;
}
div.widgetarea #groups-list-options.item-options,
.widgetarea .widget_archive select{
    margin-top: 10px;
}

div#sidebar div.item-meta, div#sidebar div.item-content, div.widgetarea div.item-meta, div.widgetarea div.item-content{
    font-size: 11px;
}

div#sidebar div.tags div#tag-text, div.widgetarea div.tags div#tag-text{
    font-size: 1.4em;
    line-height: 140%;
    padding-top: 10px;
}

div#sidebar ul , div.widgetarea ul {
    text-align:left;
    margin-left: 0;
}

.widget li.cat-item {
    padding: 3px 10px;
	width: 100%;
	margin-bottom: 5px;
}
.widget li.current-cat a, div.widget ul li.current_page_item a {
    color: #<?php 
    echo $font_color;
    ?>
;
}

.cc-widget, #header .span3{
    /*width:30% !important;*/
    /*float:left;*/
    text-align:left !important;
    /*margin:20px 2% 20px 0 !important;*/
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    background-color: #<?php 
    echo $container_bg_color;
    ?>
 !important;
    padding:1% !important;
    overflow: hidden;
}
#footer .cc-widget a.button, #header .cc-widget a.button{
    color: #<?php 
    echo $container_bg_color;
    ?>
;
}
#header .cc-widget{
    margin-top: 0px !important;
}
.widget li.current-cat, div.widget ul li.current_page_item{
    width: 100%;
}

div#leftsidebar {
    -moz-background-inline-policy:continuous;
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    border-top-left-radius:6px;
    background:transparent;
    border-left:0 none;
    border-right:none;
    float:left;
    /*margin-right:-225px;*/
    margin-top: 0px;
    position:relative;
    width:225px;
}
.paddersidebar{ padding: 30px 10px; }

div#sidebar div.item-options a.selected,
div#leftsidebar div.item-options a.selected, div.widgetarea {
    color:#<?php 
    echo $font_color;
    ?>
;
}
div.widget div.textwidget{
    padding: 0 10px 0 0;
}
.widget .textwidget div{
    max-width: 100%;
}
#header .widgetarea:first-child,
#footer .widgetarea:first-child{
    margin-left: 0;
}
#header .row-fluid .span4,
#footer .row-fluid .span4,
#content .row-fluid .span4{
    margin-left: 20px;
}
/* > Content
-------------------------------------------------------------- */

div#content {
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    margin: 0;
    float:left;
    position: relative;
}

div#content .padder {
    border-radius: 0px;
    border-left: none;
    border-right: none;
    min-height: 300px;
    padding: 30px 10px 10px 10px;
    overflow: hidden;
}

div#content .left-menu {
    float: left;
    width: 170px;
}

div#content .main-column {
    margin-left: 190px;
}
div#content  div.cc_slider{
    margin-left: 0px;
    background: #<?php 
    echo $container_alt_bg_color;
    ?>
;
}
.achievements #content, .single-bp_doc #content{
    width: 75%;
}
/* > Item Headers (Profiles, Groups)
-------------------------------------------------------------- */

div#item-header {
    overflow: hidden;
}

div#content div#item-header {
    margin-top:0;
    overflow:hidden;
}
.full-width div#item-header div#item-header-content {
    width: 70%;
}

div#item-header h2 {
    font-size: 28px;
    margin: -5px 0 15px 0;
    line-height: 120%;
}
div#item-header h2 a {
    font-size: 1em;
}

div#item-header img.avatar {
    float: left;
    margin: 0 15px 25px 0;
}

div#item-header h2 {margin-bottom: 5px}

div#item-header span.activity, div#item-header h2 span.highlight {
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    line-height: 170%;
    margin-bottom: 7px;
    color:#<?php 
    echo $font_color;
    ?>
;
}

div#item-header h2 span.highlight {font-size: 16px;color:#<?php 
    echo $font_color;
    ?>
}
div#item-header h2 span.highlight span {
    position: relative;
    top: -2px;
    right: -2px;
    font-weight: bold;
    font-size: 11px;
    background: #<?php 
    echo $link_color;
    ?>
;
    color: #<?php 
    echo $body_bg_color;
    ?>
;
    padding: 1px 4px;
    margin-bottom: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    display: none;
}

div#item-header div#item-meta {
    font-size: 14px;
    color: #<?php 
    echo $font_color;
    ?>
;
    padding-bottom: 25px;
    overflow: hidden;
    margin: 15px 0 5px 0;
}

div#item-header div#item-actions {
    position: absolute;
    right: 0;
    width: 20%;
    margin: 0 15px 15px 15px;
    text-align: right;
}
div#item-header div#item-actions h3 {
    font-size: 12px;
    margin: 0 0 5px 0;
}

div#item-header ul {
    overflow: hidden;
    margin-bottom: 15px;
}

div#item-header ul h5, div#item-header ul span, div#item-header ul hr {
    display: none;
}

div#item-header ul li {
    float: none;
}

div#item-header ul img.avatar, div#item-header ul.avatars img.avatar {
    width: 30px;
    height: 30px;
    margin: 2px;
}

div#item-header div.generic-button, div#item-header a.button {
    float: left;
    margin: 10px 5px 0 0;
}

div#item-header div#message.info {
    line-height: 80%;
}

div#item-header-avatar{
    width: 170px;
    height: 160px;
    float: left;
}
#member-list h5,
#member-list .activity,
#member-list .action{
    margin-left: 10px;
}
/* > Item Lists (Activity, Friend, Group lists, Widgets)
-------------------------------------------------------------- */

div.widget-title ul.item-list li{
    background:none;
    border-bottom:medium none;
    font-size:12px;
    margin-bottom:8px;
    padding:0;
}
div.widget-title ul.item-list li.selected {
    background:none;
    border:none;
    font-size:12px;
    color:#<?php 
    echo $link_color;
    ?>
;
}
div.widget-title ul.item-list li.selected a {
    color:#<?php 
    echo $font_color;
    ?>
;
}

ul.item-list {
    width: 100%;
}

ul.item-list li {
    position: relative;
    padding: 15px 0 20px 0;
    border-bottom: 1px solid #<?php 
    echo $container_alt_bg_color;
    ?>
;
    list-style: none outside none;
}
ul.single-line li {border: none}
body.activity-permalink ul.item-list li {padding-top: 0;}

ul.item-list li img.avatar {
    float: left;
    margin: 0px 10px 10px 0;
}
div.widget ul.item-list li img.avatar {
    width:25px;
    height:25px;
    margin: 3px 10px 10px 0;
}
ul.item-list li div.item-title, ul.item-list li h4 {
    float: none;
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 0 10px;
}
div.widget ul.item-list li div.item-title, div.widget  ul.item-list li h4 {
    float:left;
    width:100%;
}

ul.item-list li div.item-title span {
    font-size: 12px;
    color: #<?php 
    echo $font_color;
    ?>
;
}

ul.item-list li div.item-desc {
    margin: 0 0 0 10px;
    font-size: 0.6em;
    float: none;
    color: #<?php 
    echo $font_color;
    ?>
;
}

ul.item-list li div.action {
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: right;
    width: 50%;
}

.item-meta{
    float:left;
    width:87%;
}
#members-list .item-title{
    margin-left: 0;
}

#groups-list .item-meta{
    float: none;
    margin-left: 10px;
}


ul.item-list li div.meta {
    color:#<?php 
    echo $font_color;
    ?>
;
    font-size:1em;
    margin-top: 4px;
}

ul.item-list li h5 span.small {
    font-weight: normal;
    font-size: 11px;
}

.widget_bp_groups_widget #groups-list div.item {
	margin-left: 0;
}
div.widget.widget_bp_groups_widget ul.item-list li .item{
    width: 90%;
}

ul.item-list.displaymode-grid li,ul#groups-list.displaymode-grid li{
    display: inline-block;
    width: 150px;
    margin: 2%;
    overflow: hidden;
    vertical-align: top;
    background: none repeat scroll 0 0 #EDEDED;
    border-radius: 11px 11px 11px 11px;
    padding: 15px 15px 5px 15px;
}
ul.item-list li .hoverblock{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #EDEDED;
    overflow: hidden;
    width: 180px;
    height: 170px;
    font-size: 0.9em;
}
ul.item-list li .hoverblock p{
    font-size: 1.5em;
}
ul.item-list li .hoverblock .hoverblockcontainer{
    padding: 15px;
}
ul.item-list.displaymode-grid li:hover .hoverblock{
    display: block;
}
ul.item-list.displaymode-grid li .item-avatar{display: block;}

ul.item-list.displaymode-grid li div.item-title,
ul.item-list.displaymode-grid li h4{
    width: 100%;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space: nowrap;
    text-align: center;
}
ul.item-list.displaymode-grid li img.avatar{
    float: none;
    text-align: center;
    height: 150px;
    display: block;
    width: 150px
}
ul.item-list.displaymode-grid li div.item-desc{
    width: 100%;
    margin: 0;
}
ul.item-list.displaymode-grid li div.action{width: auto;position: static;}
ul.item-list.displaymode-grid li div.action a{
    font-size: 11px
}
ul.item-list.displaymode-grid li .item-meta,ul.item-list.displaymode-grid li .item-meta span.activity{width: auto;float: none}

#whats-new-content #whats-new-options{
    height: 0;
    overflow: hidden;
}


/* > Item Tabs
-------------------------------------------------------------- */

div.item-list-tabs {
    background:none repeat scroll 0 0 transparent;
    border-bottom:4px solid #<?php 
    echo $container_alt_bg_color;
    ?>
;
    clear:left;
    margin: 0;
    overflow:hidden;
    padding-top:15px;
}
div.item-list-tabs ul {
    width: 100%;
}
div.item-list-tabs ul li {
    float: left;
    margin: 0px 5px;
    list-style-type: none;
}
div.item-list-tabs ul li.selected {
    background:none;
}
/*div.item-list-tabs#subnav ul li {
    margin-top: 0;
}*/
div.item-list-tabs ul li:first-child {
    margin-left: 20px;
}
div.item-list-tabs ul li.last, #members-displaymode-select {
    float: right;
    text-align: right;
/*
    margin: 7px 20px 0 0;*/
}
#groups-order-select, #groups-displaymode-select{
    float: right;
    text-align: right;
}
.item-list-tabs.row-fluid{
    width: auto;
}
div.item-list-tabs ul li.last select {
    max-width: 175px;
}
div.item-list-tabs ul li a,
div.item-list-tabs ul li span {
    display: block;
    padding: 4px 8px;
}
div.item-list-tabs ul li a {
        text-decoration: none;
        background-color: transparent;
}
div.item-list-tabs ul li a:hover,
div.item-list-tabs ul li a:focus {
        color: #<?php 
    echo $font_color;
    ?>
;
}
div.item-list-tabs ul li span {
        color: #<?php 
    echo $font_color;
    ?>
;
}
div.item-list-tabs ul li a span {
        background: none repeat scroll 0 0 #<?php 
    echo $container_alt_bg_color;
    ?>
;
        border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        color: inherit;
        display: inline;
        font-size: 11px;
        padding: 2px 4px;
}
div.item-list-tabs ul li.selected a span {
        background: none repeat scroll 0 0 #<?php 
    echo $container_bg_color;
    ?>
;
}
div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a {
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    background-color:#<?php 
    echo $container_alt_bg_color;
    ?>
;
    color:#<?php 
    echo $font_color;
    ?>
 !important;
    font-weight: normal;
    margin-top:0;
}
.item-list-tabs .span3{
    text-align: right;
}
ul li.loading a, ul div.loading a {
    background-image: url(<?php 
    echo get_template_directory_uri();
    ?>
/images/ajax-loader.gif ) !important;
    background-position: 95% 50% !important;
    background-repeat: no-repeat !important;
    padding-right: 30px !important;
    z-index: 1000;
}

form#send_message_form input#send:focus,
div.ac-reply-content input.loading,
div#whats-new-submit input#aw-whats-new-submit.loading{
    background-image: url(<?php 
    echo get_template_directory_uri();
    ?>
/images/ajax-loader.gif );
    background-position: 5% 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
}

div#item-nav ul li.loading a {
    background-position: 88% 50%;
}
#item-nav a{
    color:#<?php 
    echo $link_color;
    ?>
;
}
#subnav a{
    color:#<?php 
    echo $font_color;
    ?>
;
}
#item-nav a:hover{
    color:#<?php 
    echo $font_color;
    ?>
;
}
#subnav a:hover{
    color:#<?php 
    echo $link_color;
    ?>
;
}
#groups-dir-list{
    clear: both;
}

div.item-list-tabs#object-nav {
    margin-top: 0;
}

div#subnav.item-list-tabs  {
    background:none repeat scroll 0 0 #<?php 
    echo $container_alt_bg_color;
    ?>
;
    border-bottom: medium none;
    margin: 0 0 20px 0;
    min-height: 26px;
    padding: 5px 20px 0 10px;
    overflow: hidden;

}
div#subnav.item-list-tabs ul li.selected a, div#subnav.item-list-tabs ul li.current a  {
    background-color:#<?php 
    echo $container_bg_color;
    ?>
;
}
div.item-list-tabs ul li.feed a {
    background: url(<?php 
    echo get_template_directory_uri();
    ?>
/_inc/images/rss.png ) center left no-repeat;
    padding-left: 20px;
}
/*div#subnav.item-list-tabs ul li.displaymode{margin-top: -4px;float: right;margin-right: 10px;}*/
/*div#subnav.item-list-tabs ul li.displaymode.last{margin-right: 20px}*/


/*--A lot of sub menu items in BuddyPress menu--*/
.item-list-tabs .next,
.item-list-tabs .prev{
    display:none;
    padding:2px 6px 4px 6px;
    float:left;
    border:0;
    font:normal 18px Helvetica;
    color: #<?php 
    echo $link_color;
    ?>
;
    background: transparent;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.item-list-tabs .next{
    float:right;
    margin:0 0 0 4px;
}
.item-list-tabs .prev{
    margin:0 4px 0 0;
}
.item-list-tabs .next:hover,
.item-list-tabs .prev:hover{
    color: #<?php 
    echo $font_color;
    ?>
;
    background: #<?php 
    echo $container_alt_bg_color;
    ?>
;
    cursor: pointer;
}
.item-list-tabs div.bp-nav-wrap {
    overflow:hidden;
    text-align:left;
    margin:0;
    padding:0;
    width: 90%;
}
.item-list-tabs div ul{
    width:3000px;
    overflow:hidden;
    margin:0;
    padding:0;
    margin-left:0;
}

/* > Item Body
-------------------------------------------------------------- */

.item-body {
    margin: 20px 0;
}

.activity{
    width:100%;
}

span.activity, div#message p {
    background:none;
    border:none;
    color:#<?php 
    echo $font_color;
    ?>
;
    display:inline-block;
    font-size:1em;
    font-weight:normal;
    margin-top:6px;
    padding:3px 0 3px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 120%;
    width:80%;
}
div.widget span.activity {
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background:none repeat scroll 0 0 transparent;
    border-bottom:1px solid #<?php 
    echo $container_alt_bg_color;
    ?>
;
    border-right:medium none;
    color:#<?php 
    echo $font_color;
    ?>
;
    display:inline-block;
    float:left;
    font-size:11px;
    font-weight:normal;
    margin-bottom:0px;
    margin-left:0px;
    margin-top:0;
    width:100%;
    padding:3px 0;
}

#footer div.widget span.activity, #header div.widget span.activity {
    margin-left:0;
}


/* > Directories (Members, Groups, Blogs, Forums)
-------------------------------------------------------------- */

div.dir-search input[type=text] {
    padding: 4px 3px 1px 3px;
    line-height: 100%;
    font-size: 12px;
}

.readmore{
    float:right;
}
.read-more-link br{
    display: none;
}

body.forum #subnav{
    padding-top: 10px !important;
    margin-left: -10px;
}
body.forum #subnav ul li{
    margin-top: -6px !important;
}
div.profile{
   margin: 20px;
}
#container table.forum{
    margin: 0;
}
/* > Group specific styles
-------------------------------------------------------------- */
#item-actions li{
    float: right !important;
    list-style: none outside none;
}
#groups-directory-form h3, #members-directory-form h3{
    float: left;
    width: 68%;
    margin-left: 10px;
}
#groups-directory-form h3 .button,#members-directory-form h3 .button {
    float: none;
}
#group-dir-search.dir-search{
    width: 30%;
    float: left;
}

/* > Pagination
-------------------------------------------------------------- */

div.pagination {
    background: transparent;
    border-bottom:medium none;
    color:#<?php 
    echo $font_color;
    ?>
;
    font-size: 11px;
    height: 16px;
    margin: 0;
    padding: 10px 20px;
    text-align: right;
}

div.pagination#user-pag, .friends div.pagination,
.mygroups div.pagination, .myblogs div.pagination, noscript div.pagination {
    background: none;
    border: none;
    padding: 8px 15px;
}

div.pagination .pag-count {
    float: left;
    margin-left: 20px;
}

div.pagination .pagination-links {
    float: right;
}
div.pagination .pagination-links span,
div.pagination .pagination-links a {
    font-size: 12px;
    padding: 0 5px;
}
div.pagination .pagination-links a:hover {
    font-weight: bold;
}

div#pag-bottom {
    background:none repeat scroll 0 0 transparent;
    margin-top:0;
}
#pag-top {
	margin-bottom: 20px;
}

/* > Error / Success Messages
-------------------------------------------------------------- */

div#message {
    padding: 15px 0;
    background: #<?php 
    echo $container_alt_bg_color;
    ?>
;
    border: #ececec;
}
div#message.updated {clear: both}

div#message p {
    padding: 10px 15px;
    font-size: 12px;
    display:block;
}
div#message.error p {
    background: #e41717 !important;
    color: #<?php 
    echo $body_bg_color;
    ?>
 !important;
    border-color: #a71a1a;
    clear: left;
}
div#message.updated p {
    background:none;
    border:none;
    color:#<?php 
    echo $font_color;
    ?>
;
}

form.standard-form#signup_form div div.error {
    color: #<?php 
    echo $body_bg_color;
    ?>
;
    background: #e41717;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px;
    width: 90%;
    margin: 0 0 10px 0;
}
<?php 
    if (isset($_GET['activated']) || 'themes.php' == $pagenow || is_admin()) {
        ?>
#message2, #message0 {
    display: none;
}
<?php 
    }
    ?>
/* > Buttons
-------------------------------------------------------------- */

a.comment-edit-link, a.comment-reply-link, a.button, input[type="submit"], input[type="button"], ul.button-nav li a, div.generic-button a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: none repeat scroll 0 0 #<?php 
    echo $font_color;
    ?>
;
    border-bottom: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-top: none;
    border-left: none;
    color: #<?php 
    echo $container_bg_color;
    ?>
;
    font-family: arial, sans-serif;
    font-size: 12px;
    cursor: pointer;
    font-weight: normal;
    padding: 3px 5px;
    text-decoration: none;
    text-shadow: none;
    vertical-align: top;
    margin-top: 2px;
}

a.comment-edit-link:hover, a.comment-edit-link:focus, a.comment-reply-link:hover, a.comment-reply-link:focus, a.button:focus, a.button:hover, input[type="submit"]:hover, input[type="button"]:hover,
ul.button-nav li a:hover, div.generic-button a:hover, ul.button-nav li a:focus, div.generic-button a:focus {
    background:none repeat scroll 0 0 #<?php 
    echo $link_color;
    ?>
;
    border-color:#aaaaaa;
    border-style:none solid solid none;
    border-width:medium 1px 1px medium;
    color:#<?php 
    echo $container_bg_color;
    ?>
;
    cursor:pointer;
    font-size:12px;
    font-weight:normal;
    padding:3px 5px;
    text-decoration:none;
    vertical-align: top;
    outline: none;
}

/* Buttons that are disabled */
div.pending a, a.disabled, a.requested {
    border-bottom:1px solid #888888;
    border-right:1px solid #888888;
    border-top:none;
    border-left:none;
    color:#<?php 
    echo $container_bg_color;
    ?>
;
    background:none repeat scroll 0 0 #888888;
    cursor:default;
}

div.pending a:hover, a.disabled:hover, a.requested:hover {
    border-bottom:1px solid #888888;
    border-right:1px solid #888888;
    border-top:none;
    border-left:none;
    color:#<?php 
    echo $container_bg_color;
    ?>
;
    background:none repeat scroll 0 0 #888888;
    cursor:default;
}

div.accept, div.reject {
    float: left;
    margin-left: 10px;
}

ul.button-nav li {
    float: left;
    margin: 0 10px 10px 0;
}
ul.button-nav li.current a {
    font-weight: bold;
    color:#<?php 
    echo $container_bg_color;
    ?>
;
}

div#item-buttons div.generic-button {
        margin: 0 12px 12px 0;
}

ul.acfb-holder li{
    float: none;
}
input#send-to-input{
    width: 75%;
}


/* > AJAX Loaders
-------------------------------------------------------------- */

.ajax-loader {
    background: url(<?php 
    echo get_template_directory_uri();
    ?>
/images/ajax-loader.gif ) center left no-repeat !important;
    padding: 8px;
    display: none;
    z-index: 1000;
}

a.loading {
    background-image: url(<?php 
    echo get_template_directory_uri();
    ?>
/images/ajax-loader.gif ) !important;
    background-position: 95% 50% !important;
    background-repeat: no-repeat !important;
    padding-right: 25px !important;
    z-index: 1000;
}

/* > Input Forms
-------------------------------------------------------------- */

form.standard-form, form#searchform{
    margin-left: 10px;
}
form.standard-form textarea, form.standard-form input[type=text],
form.standard-form select, form.standard-form input[type=password],
.dir-search input[type=text] {
    border: 1px inset #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px;
    font: inherit;
    font-size: 14px;
    color: #888;
}
form.standard-form select {
    padding: 3px;
}

form.standard-form input[type=password] {
    margin-bottom: 5px;
}

form.standard-form label, form.standard-form span.label {
    display: block;
    font-weight: bold;
    margin: 15px 0 5px 0;
}
form.standard-form div.checkbox label,
form.standard-form div.radio label {
    font-weight: normal;
    margin: 5px 0 0 0;
    font-size: 14px;
    color: #888;
}

form.standard-form#sidebar-login-form label {
    margin-top: 5px;
}

form.standard-form input[type=text] {
    width: 75%;
}
form.standard-form#sidebar-login-form input[type=text],
form.standard-form#sidebar-login-form input[type=password] {
    padding: 4px;
    width: 95%;
}

form.standard-form #basic-details-section input[type=password],
form.standard-form #blog-details-section input#signup_blog_url {
    width: 35%;
}

form.standard-form#signup_form input[type=text],
form.standard-form#signup_form textarea {
    width: 90%;
}
form.standard-form#signup_form div.submit {float: right}
div#signup-avatar img {margin: 0 15px 10px 0}

form.standard-form textarea {
    width: 75%;
    height: 120px;
}
form.standard-form textarea#message_content {
    height: 200px;
}

form.standard-form#send-reply textarea {
    width: 90%;
}

form.standard-form p.description {
    font-size: 11px;
    color: #888;
    margin: 5px 0;
}

form.standard-form div.submit {
    padding: 15px 0;
    clear: both;
}
form.standard-form div.submit input {
    margin-right: 15px;
}

form.standard-form div.radio ul {
    margin: 10px 0 15px 38px;
    list-style: disc;
}
form.standard-form div.radio ul li {
    margin-bottom: 5px;
}

form.standard-form a.clear-value {
    display: block;
    margin-top: 5px;
    outline: none;
}

form.standard-form #basic-details-section, form.standard-form #blog-details-section,
form.standard-form #profile-details-section {
    float: left;
    width: 48%;
}
form.standard-form #profile-details-section {float: right}
form.standard-form #blog-details-section {
    clear: left;
}

form.standard-form input:focus, form.standard-form textarea:focus, form.standard-form select:focus {
    background: #fafafa;
    color: #666666;
}

form#send-invite-form {
    margin-top: 20px;
}
div#invite-list {
    height: 400px;
    overflow: scroll;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    background: #<?php 
    echo $container_bg_color;
    ?>
;
    width: 160px;
    border: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    margin: 10px 0;
}
form#signup_form div.register-section select{
    width:245px !important;
}

p.edit-post-link{
    margin-left: 55px;
    margin-top: 10px;
}
/* > Data Tables
-------------------------------------------------------------- */

table {
    width: 100%;
    margin: 0 0 15px 0;
}
table thead tr {
    background: #<?php 
    echo $body_bg_color;
    ?>
;
}
table#message-threads {
    width: auto;
}

table.profile-fields {margin-bottom: 20px}

div#sidebar table , div.widgetarea table {
    margin: 0 0;
    width: 100%;
}

table tr td, table tr th {
    text-align:left;
    padding: 5px 7px 3px 7px;
    vertical-align: middle;
    border-bottom: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
}
table tr td.label {
    border-right: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    font-weight: bold;
    width: 25%;
}

table tr td.thread-info p {margin: 0}

table tr td.thread-info p.thread-excerpt {
    color: #<?php 
    echo $font_color;
    ?>
;
    font-size: 11px;
    margin-top: 3px;
}

div#sidebar table td, table.forum td , div.widgetarea table td, table.forum td {text-align: center}

table tr.alt, table tr th {
    background: #<?php 
    echo $body_bg_color;
    ?>
;
}

table.notification-settings {
    margin-bottom: 20px;
    text-align: left;
}
table.notification-settings th.icon, table.notification-settings td:first-child {display: none}
table.notification-settings th.title {width: 80%}
table.notification-settings .yes, table.notification-settings .no {width: 40px;text-align: center}

table.forum {
    margin: -1px -20px 20px -20px;
    width: auto;
}
table.forum tr:first-child {
    background: #<?php 
    echo $container_bg_color;
    ?>
;
}

table.forum tr.sticky td {
    background: #bbbbbb;
    border-top: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    border-bottom: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
}

table.forum tr.closed td.td-title {
    padding-left: 35px;
    background-image: url(<?php 
    echo get_template_directory_uri();
    ?>
/_inc/images/closed.png);
    background-position: 15px 50%;
    background-repeat: no-repeat;
}

table.forum td p.topic-text {
    color: #<?php 
    echo $font_color;
    ?>
;
    font-size: 11px;
}

table.forum tr > td:first-child, table.forum tr > th:first-child {
    padding-left: 15px;
}

table.forum tr > td:last-child, table.forum tr > th:last-child {
    padding-right: 15px;
}

table.forum tr th#th-title, table.forum tr th#th-poster,
table.forum tr th#th-group, table.forum td.td-poster,
table.forum td.td-group, table.forum td.td-title {text-align: left}

table.forum td.td-freshness {
    font-size: 11px;
    color: #888888;
    text-align: center;
}

table.forum tr th#th-freshness{
    text-align: center;
}

table.forum td img.avatar {
    margin-right: 5px;
}

table.forum td.td-poster, table.forum td.td-group  {
    min-width: 130px;
}

table.forum th#th-title {
    width: 40%;
}

table.forum th#th-postcount {
    width: 1%;
}
table#message-threads tr .thread-options{
    padding: 0;
}
/* > Activity Stream Posting
-------------------------------------------------------------- */

form#whats-new-form {
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 10px;
}

.home-page form#whats-new-form {
    border-bottom: none;
    padding-bottom: 0;
}

form#whats-new-form span.marker {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	background: none repeat scroll 0 0 #<?php 
    echo $container_alt_bg_color;
    ?>
;
	height: 15px;
	margin: 18px 0 0 14px;
	position: absolute;
	width: 15px;
}

form#whats-new-form h5 {
margin: 0 5px 0 20px;
font-style: italic;
font-size: 17px;
color: #<?php 
    echo $font_color;
    ?>
;
background: #<?php 
    echo $container_alt_bg_color;
    ?>
;
float: left;
padding: 15px 28px;
line-height: 22px;
font-weight: normal;
border-radius: 6px;
}

form#whats-new-form #whats-new-avatar {
    float: left;
    width: 52px;
}

form#whats-new-form #whats-new-content {
   float: left;
   width: 100%;
   margin: 10px 10px 0 0;
}

form#whats-new-form #whats-new-textarea {
    padding: 8px;
    border: 1px inset #777777;
    background: #ffffff;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
form#whats-new-form textarea {
    width: 100%;
    height: 60px;
    font-size: 14px;
    font-family: inherit;
    color: #555;
    border: none;
    margin: 0;
    padding: 0;
    resize: none;
}

form#whats-new-form #whats-new-options select {
    max-width: 200px;
}

form#whats-new-form #whats-new-submit {
    float: right;
    margin: 0;
}

/* > Activity Stream Listing
-------------------------------------------------------------- */

ul.activity-list li {
    padding: 8px 0 0 0;
    overflow: hidden;
    border-top: 1px solid #<?php 
    echo $container_alt_bg_color;
    ?>
;
}
ul.activity-list > li:first-child {
    padding-top: 5px;
}

ul.activity-list li.has-comments {
    padding-bottom: 15px;
}

.activity-list li.mini {
    position: relative;
    font-size: 11px;
    min-height: 35px;
    padding: 10px 0;
}
.activity-list li.mini div.activity-meta {
    margin: 5px 0 10px 0;
}

.activity-list li.mini div.activity-meta a {
    padding: 3px 8px;
}

.activity-list li.mini .activity-avatar img.avatar,
.activity-list li.mini .activity-avatar img.FB_profile_pic {
    margin-left: 0;
}
.activity-list li.activity_comment .activity-avatar img.avatar, .activity-list li.activity_comment .activity-avatar img.FB_profile_pic {
    height:30px;
    margin-left:0;
    width:30px;
}

body.activity-permalink .activity-list li .activity-avatar img.avatar,
body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {
    width: 100px;
    height: 100px;
    margin-left: 0;
}

.activity-list li.mini .activity-content {
	overflow: auto;
	margin-right: 0;
	padding: 0 0 0 8px;
	width: auto;
	margin-left: 0px;
}
.activity-list li.mini .activity-content p {
    margin: 0;
    float: left;
}

body.activity-permalink .activity-list li.mini .activity-meta {
    position:absolute;
    right:5px;
    top:45px;
}

.activity-list li.mini .activity-comments {
    clear: left;
    font-size: 12px;
    margin-top: 8px;
}

.activity-list li .activity-inreplyto {
    background:none;
    color:#<?php 
    echo $font_color;
    ?>
;
    font-size:11px;
    margin-bottom:15px;
    margin-left:20px;
    padding-left:0;
}
.activity-list li .activity-inreplyto > p {
    margin: 0;
    display: inline;
}

.activity-list li .activity-inreplyto blockquote,
.activity-list li .activity-inreplyto div.activity-inner {
    background: none;
    border: none;
    display: inline;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

ul.item-list.activity-list li .activity-avatar img {
width: 50px;
height: 50px;
margin: 0;
}

.activity-list .activity-content {
    -moz-border-radius:6px 6px 6px 6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background:none;
	margin: 10px 0 10px 72px;
    min-height:15px;
    padding-bottom:10px;
}

body.activity-permalink .activity-list li .activity-content {
    background:none;
    border:medium none;
    margin-left:110px;
    margin-right:0;
    margin-top:17px;
    min-height:58px;
}
body.activity-permalink .activity-list li .activity-header > p {
    background: none;
    margin-left: -35px;
    padding: 0 0 0 38px;
    height: auto;
    margin-bottom: 0;
}

.activity-list .activity-content .activity-header,
.activity-list .activity-content .comment-header {
    color: #<?php 
    echo $font_color;
    ?>
;
	line-height: 140%;
	padding: 5px 2px 5px 2px;
	min-height: 20px;
	overflow: auto;
}

.activity-list li.mini .activity-content .activity-header,
.activity-list li.mini .activity-content .comment-header {
	padding-top: 2px;
}

.activity-list .activity-content .activity-header img.avatar {
    float: none !important;
    margin: 0 5px -8px 0 !important;
}
span.highlight {
    border:none;
    color:#<?php 
    echo $link_color;
    ?>
;
    margin-right:3px;
}

span.highlight:hover {
    background:none !important;
    border:none;
    color:#<?php 
    echo $font_color;
    ?>
;
    color:#<?php 
    echo $font_color;
    ?>
 !important;
}

.activity-list .activity-content a:first-child:focus {outline: none}

.activity-list .activity-content span.time-since {
    color: #<?php 
    echo $font_color;
    ?>
;
}

.activity-list .activity-content span.activity-header-meta a {
    background: none;
    padding: 0;
    font-size: 11px;
    margin: 0;
    border: none;
    color: #<?php 
    echo $font_color;
    ?>
;
}
.activity-list .activity-content span.activity-header-meta a:hover {
    color: inherit;
}

body.activity-permalink .activity-content .activity-inner,
body.activity-permalink .activity-content blockquote {
    margin-top: 5px;
}

/* Backwards compatibility. */
.activity-inner > .activity-inner {margin: 0 !important}
.activity-inner > blockquote {margin: 0 !important}

.activity-list .activity-content img.thumbnail {
    float: left;
    margin: 0 10px 5px 0;
    border: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
}

.activity-list li.load-more {
    -moz-border-radius:4px 4px 4px 4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    background:none repeat scroll 0 0 transparent !important;
    border-bottom:medium none;
    border-right:medium none;
    font-size:1.2em;
    margin:15px 0 !important;
    padding:10px 15px !important;
    text-align:left;
}
.activity-list li.load-more a {
    color: #<?php 
    echo $link_color;
    ?>
;
}

/* - additional to activity- */

.activity-list .activity-content .activity-inner,
.activity-list .activity-content blockquote {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: none repeat scroll 0 0 #<?php 
    echo $details_hover_bg_color;
    ?>
;
    border: 1px solid #<?php 
    echo $container_alt_bg_color;
    ?>
;
    color: #<?php 
    echo $font_color;
    ?>
;
    margin: 3px 0 15px 0;
    overflow: hidden;
    padding: 10px 20px;
}

.activity-list .activity-avatar {
	margin: 10px;
	overflow: auto;
	float: left;
}

.activity-list .activity-content .comment-header {
    color:#<?php 
    echo $font_color;
    ?>
;
    line-height:170%;
    margin: 0;
    min-height:16px;
    padding-top:4px;
}
.activity-header a:hover {
    color:#<?php 
    echo $font_color;
    ?>
;
}

.activity-list div.activity-meta a {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    background:none repeat scroll 0 0 #<?php 
    echo $font_color;
    ?>
;
    border-bottom:1px solid #<?php 
    echo $font_color;
    ?>
;
    border-right:1px solid #<?php 
    echo $font_color;
    ?>
;
    color:#<?php 
    echo $container_bg_color;
    ?>
;
    margin-right:3px;
    padding:4px 8px;
    font-size:11px;
    text-decoration: none;
    font-family: arial, sans-serif;
}
.activity-list div.activity-meta a:hover,
.activity-list div.activity-meta a:focus {
    background:none repeat scroll 0 0 #<?php 
    echo $link_color;
    ?>
;
    color:#<?php 
    echo $container_bg_color;
    ?>
;
}
.activity-filter-selector {
    text-align: right;
}



/* > Activity Stream Comments
-------------------------------------------------------------- */

div.activity-meta {
    clear: left;
    margin: 0;
}

div.activity-comments {
    margin:0 0 0 70px;
    overflow:hidden;
    position:relative;
    width:auto;
}

body.activity-permalink div.activity-comments {
    width: auto;
    margin-left: 100px;
    background: none;
}

div.activity-comments > ul {
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background:none;
    padding: 0 10px 0;
}

div.activity-comments ul, div.activity-comments ul li {
    border: none;
    list-style: none;
}

div.activity-comments ul {
    border-radius: 0 0 0 0;
    clear: left;
    margin-left: 2%;
}


div.activity-comments ul li {
    background: none repeat scroll 0 0 #<?php 
    echo $details_hover_bg_color;
    ?>
;
    border: 1px solid #<?php 
    echo $container_alt_bg_color;
    ?>
;
    -moz-border-radius:6px 6px 6px 6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    margin-bottom: 10px;
    padding: 10px;
    margin-left: 1%;
}

body.activity-permalink div.activity-comments ul li {
    border-width: 1px;
    padding: 10px;
}

div.activity-comments ul li p:last-child {
    margin-bottom: 0;
}

div.activity-comments ul li:last-child {
    margin-bottom: 0;
}

div.activity-comments ul li > ul {
    margin-left: 54px;
    margin-top: 5px;
}
body.activity-permalink div.activity-comments ul li > ul {
    margin-top: 15px;
}


div.acomment-avatar img {
    border:1px solid #<?php 
    echo $body_bg_color;
    ?>
 !important;
    float:left;
    margin-right:10px;
}

div.activity-comments div.acomment-content {
    font-size: 11px;
    background:none repeat scroll 0 0 transparent;
    color:#<?php 
    echo $font_color;
    ?>
;
    margin:10px 10px 10px 0;
    overflow:hidden;
    padding:4px 0;
}
div.acomment-options {
    margin-left: 63px;
}

div.acomment-content .time-since {display: none}
div.acomment-content .activity-delete-link {display: none}
div.acomment-content .comment-header {display: none}

body.activity-permalink div.activity-comments div.acomment-content {
    font-size: 14px;
}

div.activity-comments div.acomment-meta {
    font-size: 13px;
    color: #<?php 
    echo $font_color;
    ?>
;
}

div.activity-comments form.ac-form {
    display: none;
    margin: 10px 0 10px 33px;
    background:none repeat scroll 0 0 #ededed;
    border:medium none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 8px;
    width: 80%;
}
div.activity-comments li form.ac-form {
    margin-right: 15px;
}

div.activity-comments form.root {
    margin-left: 0;
}

div.activity-comments div#message {
    margin-top: 15px;
    margin-bottom: 0;
}

div.activity-comments form.loading {
    background-image: url(<?php 
    echo get_template_directory_uri();
    ?>
/images/ajax-loader.gif);
    background-position: 2% 95%;
    background-repeat: no-repeat;
}

div.activity-comments form .ac-textarea {
    padding: 8px;
    border: 1px inset #cccccc;
    background: #ffffff !important;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
div.activity-comments form textarea {
    width: 100%;
    font-family: inherit;
    font-size: 11px;
    color: #<?php 
    echo $font_color;
    ?>
;
    height: 60px;
    border: none;
    padding: 0;
}
div.activity-comments form input {
    margin-top: 5px;
}

div.activity-comments form div.ac-reply-avatar {
    float: left;
}
div.ac-reply-avatar img {
    border: 1px solid #<?php 
    echo $body_bg_color;
    ?>
 !important;
}

div.activity-comments form div.ac-reply-content {
    margin-left: 44px;
    padding-left: 15px;
    color: #<?php 
    echo $font_color;
    ?>
;
    font-size: 11px;
}

div.activity-comments div.acomment-avatar img {
    border-width:1px !important;
    float:left;
    margin-right:10px;
}

ul.button-nav, .button-nav li{
    list-style: none;
}
/* > Private Message Threads
-------------------------------------------------------------- */

table#message-threads tr.unread td {
    background: #<?php 
    echo $container_bg_color;
    ?>
;
    border-top: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    border-bottom: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    font-weight: bold;
}
table#message-threads tr.unread td span.activity {
    background: #<?php 
    echo $body_bg_color;
    ?>
;
}

li span.unread-count, tr.unread span.unread-count {
    background: #<?php 
    echo $container_bg_color;
    ?>
;
    padding: 2px 8px;
    color: #<?php 
    echo $font_color;
    ?>
;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
div.item-list-tabs ul li a span.unread-count {
    padding: 1px 6px;
    color: #<?php 
    echo $font_color;
    ?>
;
}

div.messages-options-nav {
    font-size: 11px;
    background: #<?php 
    echo $container_bg_color;
    ?>
;
    text-align: right;
    margin: 0 -20px;
    padding: 5px 15px;
}

div#message-thread div.message-box {
    margin: 0 -20px;
    padding: 15px;
}
div#message-thread div.alt {
    background: #<?php 
    echo $container_bg_color;
    ?>
;
}

div#message-thread p#message-recipients {
    margin: 10px 0 20px 0;
}

div#message-thread img.avatar {
    float: left;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

div#message-thread strong {
    margin: 0;
    font-size: 16px;
    margin-left: 15px;
}

div#message-thread strong span.activity {
    margin: 4px 0 0 10px;
}

div#message-thread div.message-metadata {
    overflow: hidden;
}

div#message-thread div.message-content {
    margin-left: 45px;
}

div#message-thread div.message-options {
    text-align: right;
}

/* > Group Forum Topics
-------------------------------------------------------------- */

ul#topic-post-list {
    margin: 15px -20px;
    width: auto;
}
ul#topic-post-list li {
    padding: 15px;
    position: relative;
}

ul#topic-post-list li.alt {
/*background: #ededed;*/
}

ul#topic-post-list li div.poster-meta {
    margin-bottom: 10px;
    color: #<?php 
    echo $font_color;
    ?>
;
}
body.forum .pagination{
    padding-left: 0;
}
body.forum div.pagination .pag-count{
    margin-left: 0;
}

ul#topic-post-list li div.post-content {
    margin-left: 54px;
}

div.admin-links {
    position: absolute;
    top: 15px;
    right: 25px;
    color: #<?php 
    echo $font_color;
    ?>
;
    font-size: 11px;
}
div#topic-meta div.admin-links {
    bottom: 0;
    margin-top: -35px;
    right: 0;
    margin-right: 10px;
}

div#topic-meta {
    position: relative;
    padding: 5px 0;
}
div#topic-meta h3 {
    font-size: 20px;
    padding-bottom: 20px;
}


div#new-topic-post {
    margin: 0;
    padding: 1px 0 0 0;
}

div.poster-name a {
    color:#<?php 
    echo $font_color;
    ?>
;
}

div.object-name a {
    color:#<?php 
    echo $font_color;
    ?>
;
}


/* > Extra BuddyPress Styles
-------------------------------------------------------------- */

ul#friend-list li {
    height: 53px;
}

ul#friend-list li div.item-meta {
    width: 70%;
}




/* > WordPress Blog Styles
-------------------------------------------------------------- */

div.post, #blog-search div.page {
    margin:2px 0 0px 0;
    overflow: hidden;
}
div.post h2.pagetitle, div.post h2.posttitle {
    margin: 0px 0 20px 0;
    line-height: 120%;
}
.navigation, .paged-navigation, .comment-navigation {
    overflow: hidden;
    font-style:normal;
    font-weight:normal;
    font-size: 13px;
    padding: 5px 0;
    margin: 5px 0 25px 0;
}

div.post ul, div.post ol, div.post dl {margin: 0 0 15px 20px}
div.post ul, div.page ul {list-style: circle outside none;margin: 0 0 15px 20px}
div.post ol, div.page ol {list-style: decimal outside none;margin: 0 0 15px 20px}
div.post ol ol {list-style: upper-alpha outside none}
div.post dl {margin-left: 0}
div.post dt {
    border-bottom:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    font-size:14px;
    font-weight:bold;
    overflow:hidden;
}
div.post dd {
    -moz-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    background:none repeat scroll 0 0 #<?php 
    echo $container_bg_color;
    ?>
;
    font-size:11px;
    line-height:12px;
    margin:0 0 15px;
    padding:4px;
}

div.post pre, div.post code p {
    padding: 15px;
    background: #<?php 
    echo $container_bg_color;
    ?>
;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

div.post code {font-family: "Monaco", courier, sans-serif}
div.post blockquote {
    quotes: none;
    font-style:italic;
    padding:0 3em;
    font-family: georgia, times, serif;
    font-size: 16px;
    line-height: 150%;
}

div.post table {
    border-collapse:collapse;
    border-spacing:0;
    border: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
}
div.post table th {border-top: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;text-align: left}
div.post table td {border-top: 1px solid #<?php 
    echo $body_bg_color;
    ?>
}

div.post div.post-content {
	margin-left: 20px;
	width: 86%;
	float: left;
	padding: 0px 5px 10px 15px;
}
<?php 
    if (is_single() && !empty($cc_post_options) && $cc_post_options['cc_post_template_avatar'] == '1') {
        ?>
    div.post div.post-content{
        width: 97%;
    }
<?php 
    }
    ?>
.left-right-sidebar div.post div.post-content, .left-right-sidebar div.page div.post-content {
	width: 79%;
}
.search-result div.post div.post-content{
    width: 100%;
}
#activate-page.page, #register-page.page{
    margin-left: 20px;
}
#activate-page.page #activation-form, #register-page #signup_form{
    margin-left: 0;
}
div.post p.date,
div.page p.date,
div.post p.postmetadata, div.comment-meta {
    color: #<?php 
    echo $font_color;
    ?>
;
    font-size: 12px;
    padding: 3px 0;
    margin: 10px 0;
    border-bottom: none;
    border-top: 1px solid #<?php 
    echo $container_alt_bg_color;
    ?>
;
}
div.post p.date a, div.post p.postmetadata a, div.comment-meta a, div.comment-options a {
    font-size: 12px;
}

div.post p.date a:hover, div.post p.postmetadata a:hover, div.comment-meta a:hover, div.comment-options a:hover {
    color: #<?php 
    echo $font_color;
    ?>
;
    font-size: 12px;
}

div.post p.date em {
    font-style: normal;
}

div.post p.postmetadata {
    margin-top: 15px;
    clear: left;
    overflow: hidden;
}
div.postmetadata span{
    display: inline-block;
}
.activity-comments .hidden{
    display:none;
    visibility: inherit;
}
div.post .tags {float: left}
div.post .comments {float: right}

div.post img {margin: 15px 0;border: none;border: none !important}
div.post img.wp-smiley {padding: 0 !important;margin: 0 !important;border: none;float: none !important;clear: none !important}

div.post img.centered, img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

div.post img.alignleft {
    padding: 0 12px 12px 0;
    margin: 0 7px 2px 0;
    display: inline;
}

div.post .aligncenter, div.post div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.post .wp-caption {
    border: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
}

div.post .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

div.post img.size-full {
       height: auto;
       max-width: 100%;
}

div.author-box, div.comment-avatar-box {
    width:50px;
    float:left;
}

div.author-box {
    font-size: 10px;
    font-style: normal;
    line-height: 120%;
    text-align: center;
}
div.author-box p,
div.author-box a,
div.comment-avatar-box p,
div.comment-avatar-box a {
    font-size: 10px;
    font-style: normal;
    line-height: 120%;
    margin: 5px 0 0;
    text-align: center;
    width: 50px;
}

div.post div.author-box img {
    float: none;
    border: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    margin: 0;
    background:none repeat scroll 0 0 transparent;
    float: none;
    padding:0;
    width:50px;
}



/* > WordPress & BuddyPress Comment Styles
-------------------------------------------------------------- */

div#comments nav {
    height: auto;
    overflow: auto;
    padding-bottom: 15px;
}

div.nav-previous {
    width: 50%;
    float: left;
    text-align: left;
}
div.nav-next {
    float: left;
    width: 50%;
    text-align: right;
}

div.comment-avatar-box img {
    float: none;
    border: 1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    margin: 16px 0 0 4px;
    background:none repeat scroll 0 0 transparent;
    float: none;
    padding:0;
}

div.comment-content {
    margin-left: 75px;
    min-height: 110px;
}

#trackbacks {
    margin-top: 30px;
}

#comments h3, #trackbacks h3, #respond h3 {
    font-size: 20px;
    margin: 5px 0 15px 0;
    font-weight: normal;
    color: #<?php 
    echo $font_color;
    ?>
;
}

#comments span.title, #trackbacks span.title {
    color: #<?php 
    echo $font_color;
    ?>
;
}
#comments label{
    margin-right: 10px;
}
#comments .comment-form-comment label{
    display: block
}
div.post ol.commentlist,
div.page ol.commentlist {
    list-style: none outside none;
    margin-left: 0;
}

div.post ol.commentlist ul,
div.page ol.commentlist ul {
    list-style: disc inside none;
    margin-left: 0px;
    padding-bottom: 12px;
}

ol.commentlist li {
    margin: 0 0 20px 0;
    border-top: 1px solid #<?php 
    echo $container_alt_bg_color;
    ?>
;
}

.commentlist ul li {
    padding: 0 12px;
    background: #<?php 
    echo $details_hover_bg_color;
    ?>
;
}
.commentlist ul ul li {
    padding: 0 12px;
    background: #<?php 
    echo $container_bg_color;
    ?>
;
}
.commentlist ul ul ul li {
    padding: 0;
}

div.comment-meta {
    border-top: none;
    padding-top: 0;
}

div.comment-meta h5 {
    font-weight: normal;
}

div.comment-meta em {
    float: right;
}

div.post .commentlist div.comment-content ol {
    list-style: decimal outside none;
    margin-bottom: 0;
    padding-bottom: 6px;
}

div.post .commentlist div.comment-content ul {
    list-style: circle outside none;
    margin-bottom: 0;
    padding-bottom: 6px;
}

div.post .commentlist div.comment-content li {
    border: none;
    margin-bottom: 0;
}

p.form-allowed-tags {
    display: none;
}

#comments textarea {
    width: 90%;
}

/* > Additional WP comment styles
-------------------------------------------------- */


div.comment-author img.avatar {
        margin: 4px 12px 12px -45px;
}
div.comment-body div.commentmetadata {
        margin-top:0;
}
div.comment-body div.comment-author {
        padding-top:6px;
}
div.reply {
    height: 32px;
}
div.comment-body {
    margin-bottom: 12px;
    margin-left: 45px;
}
div.post div.commentmetadata a.comment-edit-link {
    float:right;
    line-height: 120%;
    padding: 3px 5px;
}

ul.children li.comment {
    margin-left: 26px;
}

div.post .commentlist div.comment-body ol {
    list-style: decimal outside none;
    margin-bottom: 0;
    padding-bottom: 6px;
}

div.post .commentlist div.comment-body ul {
    list-style: circle outside none;
    margin-bottom: 0;
    padding-bottom: 6px;
}

.commentlist div.comment-body li {
border:none;
margin: 0;
}

#blog-page .title-center{
    text-align: center !important;
}


/* > Footer
-------------------------------------------------------------- */

#footer{
    text-align:left;
    text-shadow:none;
    margin-top:8px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 8px;
    padding: 0px;
}
#footer div.credits, #footer a.credits, #footer a.credits:hover, #footer a.credits:focus {
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    color: #<?php 
    echo $font_alt_color;
    ?>
}
#footer span.credits {
    text-align: center;
}

#footer div.span3 h3.widgettitle, #header div.span3 h3.widgettitle,
#footer div.span3 h3.widgettitle a, #header div.span3 h3.widgettitle {
    width:100%;
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
    border-radius:0 !important;
    margin-left: -15px !important;
    padding-left:15px !important;
}
div#content div.widgetarea h3.widgettitle,
div#content div.widgetarea h3.widgettitle a {
    background: none !important;
}


/* > Widgets
-------------------------------------------------------------- */

.widget {
    margin-bottom: 20px;
}

div.widget ul li, div.span3 ul li {
    background:none repeat scroll 0 0 transparent;
    border-bottom:medium none;
    min-height:20px;
    margin-bottom:5px;
    list-style: none outside none;
    padding: 5px 10px 0;
}
div.widget ul#groups-list li{
    min-height:50px;
    width:100%;
    margin-bottom:0 !important;
}
ul#groups-list li{
    padding: 10px 0;
}
div.widget ul#members-list li {
    min-height:64px;
    margin-bottom:0 !important;
}
div.widget ul li.vcard a {
    float: left;
}
li.vcard, div.widget ul.item-list li {
    padding:0px !important;
    clear: both;
}
div.widget ul.item-list li .item-avatar{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
div.widget ul.item-list li .item{
    width: 100%;
    margin-right: -35px;
}
div.widget_bp_core_whos_online_widget .item-avatar{
    margin: 5px;
}
div.widget ul.item-list li .item-avatar,
div.widget ul.item-list li .item {
    float: left;
}
div.widget ul#blog-post-list li{
    border-bottom:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
}

div.widget ul#blog-post-list li,
div.widget ul#blog-post-list li p,
div.widget ul#blog-post-list li a,
div.widget ul#blog-post-list li div {
    height:auto;
    background:none;
}

div.widget ul#blog-post-list li a{
    font-weight:normal;
}
div.widget_pages ul li {
    min-height:20px;
    height:auto;
    line-height:150%;
    padding-top:4px;
}
div.widget_tag_cloud div {
    padding:8px 10px 8px 10px;
}
div.widget ul.children,
div.widget ul.children ul {
    margin-left: 12px;
    margin-top: 4px;
}
div.widget ul li a {
}
div.widget ul li a:hover {
}
div.widget ul li.recentcomments a {
    font-weight:normal;
}
div.widget ul li.recentcomments a:hover {
    font-weight:normal;
}
select#cat {
    width:100%;
}
div.widget ul.item-list li div.item-title {
    margin-top: 3px;
}
div.widget ul li a.rsswidget {
    line-height:17px;
}
div.textwidget {
    padding: 0 10px 10px 0;
}
#header .row-fluid .span4,
#content .row-fluid .span4,
#footer .row-fluid .span4{
    margin-left: 10px;
    width: 30%;
    float: left;
}
#header .row-fluid h3.widgettitle,
#content .row-fluid h3.widgettitle,
#footer .row-fluid .span4 h3.widgettitle{
    width: 95%;
}
#community-nav ul li {
    margin-left: 10px;
    margin-top: 10px;
}
/* =Calendar Widget
-------------------------------------------------------------- */
div.widget table thead tr {
    background:none repeat scroll 0 0 #<?php 
    echo $container_bg_color;
    ?>
;
}
div.widget table tr td, div.widget table tr th {
    padding: 3px 5px;
    vertical-align: middle;
    border:none;
}
div#sidebar div#calendar_wrap, div.widgetarea div#calendar_wrap{
    margin-left:5px;
}

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

div#header div.menu-top {
    font-size: 13px;
    margin-left: 0;
    width: 100%;
}

div.menu-top.menu ul {
    list-style: none;
    margin: 0;
    float: right;
}

div.menu-top li {
    float: left;
    position: relative;
    list-style:none outside none;
    margin:4px 4px 0 0;
}

div.menu-top a {
    color: #<?php 
    echo $link_color;
    ?>
;
    display: block;
    line-height: 30px;
    padding: 0 15px 2px 15px;
    text-decoration: none;
    background-color: transparent;
}

div.menu-top ul ul {
    display:none;
    float:left;
    left:0;
    position:absolute;
    top:27px;
    width:180px;
    z-index:1000000;
}

div.menu-top ul li ul li {
    min-width: 180px;
    z-index:1000000;
    margin-top:0px !important;
}

div.menu-top ul ul ul {
    left: 100%;
    top: 0;
}

div.menu-top ul ul a {
    background: #<?php 
    echo $body_bg_color;
    ?>
;
    color: #<?php 
    echo $link_color;
    ?>
;
    line-height: 1em;
    padding: 10px 15px;
    width: 160px;
    height: auto;
}

div.menu-top li:hover > a,
div.menu-top ul ul:hover > a {
    color: #<?php 
    echo $font_color;
    ?>
;
}

div.menu-top ul.children li:hover > a,
div.menu-top ul.sub-menu li:hover > a {
    background: #<?php 
    echo $details_hover_bg_color;
    ?>
 !important;
    color: #<?php 
    echo $font_color;
    ?>
;
    border-radius:0px;
}

div.menu-top ul li:hover > ul {
    display: block;
}
#nav-community .children{
    display:none;
}
#nav-community:hover .children{
    display: block;
    width: 180px;
    position: absolute;
    z-index: 1000 !important;
    background:  #<?php 
    echo $body_bg_color;
    ?>
;
}
#nav-home.current-menu-item{
    background:  #<?php 
    echo $body_bg_color;
    ?>
;
}
div.menu-top ul li.current_page_item > a,
div.menu-top ul li.current-menu-ancestor > a,
div.menu-top ul li.current-menu-item > a,
div.menu-top li.selected > a,
div.menu-top ul li.current-menu-parent > a,
div.menu-top ul li.current_page_item > a:hover,
div.menu-top ul li.current-menu-item > a:hover {
    background:none repeat scroll 0 0 #<?php 
    echo $body_bg_color;
    ?>
;
    color:#<?php 
    echo $font_color;
    ?>
;
}
* html div.menu-top ul li.current_page_item a,
* html div.menu-top ul li.current-menu-ancestor a,
* html div.menu-top ul li.current-menu-item a,
* html div.menu-top ul li.current-menu-parent a,
* html div.menu-top ul li a:hover {
    color: #<?php 
    echo $font_color;
    ?>
;
}




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

#access {
    background:#<?php 
    echo $details_bg_color;
    ?>
;
    display:block;
    float:left;
    padding-top:6px;
    width:100%;
    position: absolute;
    bottom: 0;
    margin: 0 0 -40px 0;
}
#access ul li {
	margin-right: 4px;
}
#access .menu-header,
div.menu {
    font-size: 13px;
    margin-left: 12px;
}

#access .menu-header ul,
div.menu ul {
    list-style: none;
    margin: 0;
}
div.menu ul {
    float:left;
}
#access .menu-header li,
div.menu li {
    list-style:none outside none;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    float: left;
    position: relative;
}
div.menu .span2{
    width: auto;
    margin-left: 0;
}
#access a {
    color: #<?php 
    echo $font_color;
    ?>
;
    display: block;
    line-height: 30px;
    padding: 0 15px 2px 15px;
    -moz-border-radius:6px 6px 0 0;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    text-decoration: none;
    background-color: transparent;
}
#access ul ul {
    -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);
    display:none;
    float:left;
    left:0;
    position:absolute;
    top:27px;
    width:180px;
    z-index:1000000;
}
#access ul li ul li, li ul.children li {
    min-width: 180px;
    z-index:1000000;
    margin-top:0px !important;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul ul a {
    -moz-border-radius:0px !important;
    -webkit-border-radius:0px !important;
    border-radius:0px !important;
    background: #<?php 
    echo $body_bg_color;
    ?>
;
    color: #<?php 
    echo $font_color;
    ?>
;
    line-height: 1em;
    padding: 10px 15px;
    width: 160px;
    height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
    background: #<?php 
    echo $body_bg_color;
    ?>
;
    color: #<?php 
    echo $font_color;
    ?>
;
}
#access ul.children li:hover > a,
#access ul.sub-menu li:hover > a {
    background: #<?php 
    echo $details_hover_bg_color;
    ?>
 !important;
    color: #<?php 
    echo $font_color;
    ?>
;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
}

#access ul li:hover > ul {
    display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access li.selected > a,
#access ul li.current-menu-parent > a,
#access ul li.current_page_item > a:hover,
#access ul li.current-menu-item > a:hover {
    background:none repeat scroll 0 0 #<?php 
    echo $body_bg_color;
    ?>
;
    color:#<?php 
    echo $font_color;
    ?>
;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
    color: #<?php 
    echo $font_color;
    ?>
;
}

/* =Slider
-------------------------------------------------------------- */
div#cc_slider-top {
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
	background:#<?php 
    echo $container_bg_color;
    ?>
;
    background-repeat:repeat-y;
    border:medium none;
    width: 100%;
    height: 249px;
	overflow: hidden;
	margin-bottom: 12px;
}
div.cc_slider {
    margin-bottom: 0;
    overflow: hidden;
    margin-left: 0;
    margin-top: -1px;
    border-radius: 6px;
}
div.cc_slider.cc_slider_shortcode {
    margin-bottom: 12px;
}
.slidershadow {
	height: 34px;
	margin-top: -12px;
}

div.cc_slider .featured{
    width:100%;
    padding-right:248px;
    position:relative;
    height:250px;
    float: left;
    margin-bottom: 20px;
}
div.cc_slider div.featured{
    margin-bottom: 0px;
}
div.cc_slider .featured .ui-tabs-panel a{
    display: block;
    width: 100%;
}
div.cc_slider .featured .ui-tabs-panel a .no-image{
    width: 100%;
}
div.cc_slider .featured .ui-tabs-panel a img{
    <?php 
    if ($cap->slideshow_style == "default") {
        ?>
    	border-radius: 6px 0 0 6px;
    <?php 
    } else {
        ?>
    	border-radius: 6px;
    <?php 
    }
    ?>
}
<?php 
    if ($cap->stretch_big_image == '' || $cap->stretch_big_image == __('default', 'cc') || $cap->stretch_big_image == __('on', 'cc')) {
        ?>
 div.cc_slider .featured .ui-tabs-panel a .wp-post-image{
    width: 100%;
    height: 100%;
 }
<?php 
    }
    ?>
div.cc_slider ul.ui-tabs-nav {
    list-style: none outside none;
    margin: 0;
    padding: 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
}
div.cc_slider ul.ui-tabs-nav li{
    padding: 0px 2px 0px 13px;
    font-size:12px;
    color:#<?php 
    echo $font_color;
    ?>
;
    height: 62px;
    background:none transparent;
    border: none;
    float:none;
    margin: 0;
}
div.cc_slider ul.ui-tabs-nav li img {
    float:left;margin:2px 5px 2px 0;
    background:#<?php 
    echo $container_bg_color;
    ?>
;
    padding:2px;
    border:1px solid #<?php 
    echo $container_alt_bg_color;
    ?>
;
}
div.cc_slider ul.ui-tabs-nav li span{
    font-size:13px;
    line-height:19px;
}
div.cc_slider li.ui-tabs-nav-item a{
    display:block;
    height:100%;
    color:#<?php 
    echo $font_color;
    ?>
 !important;
    background:#<?php 
    echo $container_bg_color;
    ?>
;
    font-weight: normal;
    line-height:20px;
    padding: 0 2px;
    width:100%;
    overflow: hidden;
}
div.cc_slider a, div.cc_slider a:hover, div.cc_slider a:focus {
    text-decoration: none;
    background-color: transparent;
}
div.cc_slider li.ui-tabs-nav-item a:hover{
    background:#<?php 
    echo $details_hover_bg_color;
    ?>
;
}
div.cc_slider ul.ui-tabs-nav li.ui-tabs-active{
    background:url(<?php 
    echo get_template_directory_uri();
    ?>
/images/<?php 
    cc_color_scheme();
    ?>
/selected-item.png) top left no-repeat transparent;
}
div.cc_slider ul.ui-tabs-nav li.ui-tabs-active a{
    background:#<?php 
    echo $container_alt_bg_color;
    ?>
;
}
div.cc_slider .featured .ui-tabs-panel{
    height: 250px;
    overflow:hidden;
    position:relative;
    padding:0;
    border: medium none;
    border-radius: 0 0 0 0;
}
div#cc_slider-top div.cc_slider .featured .ui-tabs-panel{
    margin-left: 0;
}
div.cc_slider .featured .ui-tabs-panel{
    margin-left: 0;
}
div.cc_slider .featured .ui-tabs-panel .info{
    position:absolute;
    top:157px;
    left:0;
    height:92px;
    background: url(<?php 
    echo get_template_directory_uri();
    ?>
/images/slideshow/transparent-bg.png);
    margin-left: 0;
    width:100%;
    border-radius: 0 0 6px 6px;
}
/*with side nav*/
div.cc_slider .featured .ui-tabs-panel.span8 .info{
    top:157px;
}
/*without side nav*/
div.cc_slider .featured .ui-tabs-panel.span12 .info{
    top:170px;
}
.not-responsive div.cc_slider .featured .ui-tabs-panel.span8 .info{
    top:159px;
}
.cover.boxcaption{
    text-align: justify;
}
div.cc_slider .featured .info h2 > a{
    font-size:18px;
    color: #ffffff;
    color: #ffffff !important;
    overflow:hidden;
    font-family: arial, sans-serif;
}
div.cc_slider .featured .info h2 {
    padding:2px 2px 2px 5px;
    margin:0;
    line-height:100%;
    overflow:hidden;
}
div.cc_slider .featured .info p{
    margin:0 5px;
    font-size:13px;
    line-height:15px;
    color:#ffffff;
    font-family: arial, sans-serif;
}
div.cc_slider .featured .info a{
    color:#<?php 
    echo $body_bg_color;
    ?>
;color:#<?php 
    echo $body_bg_color;
    ?>
 !important;
    padding-left:0;
    display: inline;
}
div.cc_slider .featured .ui-tabs-hide{
    display:none;
}
div.cc_slider .ui-tabs {
    padding: 0;
    position: relative;
}
div.cc_slider .ui-corner-all {
    border: medium none;
    border-radius: 0 0 0 0;
}
div.cc_slider .ui-widget-header {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-weight: normal;
}
<?php 
    if ($cap->slideshow_style == 'full width' || $cap->slideshow_style == __('full width', 'cc') || $cap->slideshow_style == 'full-width-image') {
        ?>
div#cc_slider-top div.cc_slider .featured .ui-tabs-panel{
    width: 100%;
}
<?php 
    }
    ?>
div.post img {
    margin: 0 0 1px 0;
}


/* =list posts templates
-------------------------------------------------------------- */

.listposts {
    width:100%;
}

.list-posts-all {
    width:100%;
    margin-bottom:25px;
    clear: both;
}


/* =list posts img mouse over effect
-------------------------------------------------------------- */
.boxgrid {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 222px;
    height: 160px;
    float: left;
    background: #161613;
    border: solid 1px #777;
    overflow: hidden;
    position: relative;
    float:left;
    margin: 20px 5px 0 0;
}

#content .boxgrid img {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

.boxgrid p,
.boxgrid p a {
    color: #ffffff;
    font: 11px Arial, sans-serif;
}
.boxgrid p { padding: 0 8px; }

div.boxgrid h3 > a {color:#ffffff;font:12px Arial, sans-serif;letter-spacing:0;font-weight: bold;padding-left:0px}
.boxgrid h3 {margin: 5px 5px 5px 0px}

.boxcaption {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius:  0 0 6px 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    float: left;
    position: absolute;
    background: #000;
    height: 80px;
    width: 100%;
    opacity: .8;
/* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
    top: 0;
    left: 0;
}
.caption .boxcaption {
    top: 0;
    left: 0;
}
.cover{
    margin-top:170px;
}

.boxgrid {
    border:1px solid #<?php 
    echo $body_bg_color;
    ?>
 !important;
}


/* =list posts - posts-img-left-content-right
-------------------------------------------------------------- */

div.posts-img-left-content-right {
    padding:20px 0 0 0;
}

div.posts-img-left-content-right img.wp-post-image {
    border:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    float:left;
    margin-bottom:0;
    margin-right:25px;
    margin-top:2px;
}

div.posts-img-left-content-right h3 a {
    font-size:20px;
}

div.posts-img-left-content-right a{
}


/* =list posts - posts-img-right-content-left
-------------------------------------------------------------- */

div.posts-img-right-content-left {
    padding:20px 0 0 0;
    float:right;
}

div.posts-img-right-content-left img.wp-post-image {
    float:right;
    border:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    margin-bottom:0;
    margin-top:2px;
    margin-left:25px;
}

div.posts-img-right-content-left h3 a {
    font-size:20px;
}

div.posts-img-right-content-left a{
}


/* =list posts - posts-img-over-content
-------------------------------------------------------------- */

div.posts-img-over-content {
    float:left;
    padding:20px 0 0;
    width:33%;
    min-height: 350px;
}

div.posts-img-over-content img.wp-post-image {
    border:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    margin-bottom:12px;
    margin-right:25px;
    margin-top:2px;
}

div.posts-img-over-content h3 a {
    font-size:20px;
}

div.posts-img-over-content h3 {
    width:222px;
    max-width:222px;
    padding-top:8px;
    border-top:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    line-height: 150%;
}


div.posts-img-over-content p{
    padding-right:20px;
    text-align: justify;
}


/* =list posts - posts-img-under-content
-------------------------------------------------------------- */

div.posts-img-under-content {
    float:left;
    padding:20px 0 0;
    width:242px;
    min-height: 350px;
}

div.posts-img-under-content img.wp-post-image {
    border:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    margin-bottom:0;
    margin-right:25px;
    margin-top:5px;
}

div.posts-img-under-content h3 a {
    font-size:20px;
}

div.posts-img-under-content h3 {
    width:222px;
    max-width:222px;
    padding-top:8px;
    border-top:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    line-height: 150%;
}

div.posts-img-under-content p {
    padding-right:0;
    width:222px;
}

/* Single Post Templatres
*
*/


/* =single single-img-left-content-right
-------------------------------------------------------------- */

div.single-img-left-content-right {
    padding:5px 0 0 0;
}

div.single-img-left-content-right img.wp-post-image {
    border:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    float:left;
    margin-bottom:20px;
    margin-right:25px;
    margin-top:5px;
}

div.single-img-left-content-right h3 a {
    font-size:20px;
}

div.single-img-left-content-right a{
}


/* =single single-img-right-content-left
-------------------------------------------------------------- */

div.single-img-right-content-left {
    padding:20px 0 0 0;
    float:right;
}

div.single-img-right-content-left img.wp-post-image {
    float:right;
    border:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    margin-bottom:20px;
    margin-top:5px;
    margin-left:25px;
}

div.single-img-right-content-left h3 a {
    font-size:20px;
}

div.single-img-right-content-left a{
}


/* =single single-img-over-content
-------------------------------------------------------------- */

div.single-img-over-content {
    padding:20px 0 0 0;
}

div.single-img-over-content img.wp-post-image {
    border:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    margin-bottom:20px;
    margin-right:25px;
    margin-top:5px;
}

div.single-img-over-content h3 a {
    font-size:20px;
}

div.single-img-over-content a{
}


/* =single single-img-under-content
-------------------------------------------------------------- */

div.single-img-under-content {
    padding:20px 0 0 0;
}

div.single-img-under-content img.wp-post-image {
    border:1px solid #<?php 
    echo $body_bg_color;
    ?>
;
    margin-bottom:20px;
    margin-right:25px;
    margin-top:5px;
}

div.single-img-under-content h3 a {
    font-size:20px;
}

div.single-img-under-content a{
}


/* =column shortcodes
-------------------------------------------------------------- */

.full_width_col {
    width:99.6%;
    margin:0 0.4% 20px 0;
    clear: both;
}

.half_col_left {
    float:left;
    margin:0 1.4% 20px 0;
    padding:0;
    width:48%;
}

.half_col_right {
    float:right;
    margin:0 0.4% 20px 1.4%;
    padding:0;
    width:48%;
}
.third_col {
    float:left;
    margin:0 3.3% 20px 0;
    padding:0;
    width:31%;
}
.third_col_right {
    float:right;
    margin:0 0.4% 20px 0;
    padding:0;
    width:31%;
}


/*= Accordion (accordion)
-------------------------------------------------------------- */

.accordion {
    width: 100%;
    border-bottom: solid 1px #c4c4c4;
    clear:both;
    margin-top:20px;
}
.accordion h3 {
    background:url(<?php 
    echo get_template_directory_uri();
    ?>
/images/arrow-square.gif) no-repeat scroll 4px 50% #FFFFFF;
    border-color:#C4C4C4;
    border-style:solid solid none;
    border-width:1px 1px medium;
    cursor:pointer;
    margin:0;
    padding:7px 24px;
}
.accordion h3:hover {
    background-color: #<?php 
    echo $body_bg_color;
    ?>
;
}
.accordion h3.active {
    background:url('<?php 
    echo get_template_directory_uri();
    ?>
/images/arrow-square-on.gif') no-repeat scroll #<?php 
    echo $body_bg_color;
    ?>
;
    background-position:4px 50%;
}
.accordion p {
    margin-bottom: 0;
}
.accordion div {
    background: #ffffff;
    margin: 0px !important;
    padding: 20px;
    border-left: solid 1px #c4c4c4;
    border-right: solid 1px #c4c4c4;
}
.accordion div div {
    background: #ffffff;
    margin: 15px 0 0 !important;
    padding: 0;
    border-left: none;
    border-right: none;
}
.accordion h4{
    line-height:170%;
    background-color:#ffffff;
    color:#888888;
    border:1px solid #c4c4c4;
    font-size:21px;
    padding:2px 5px;
}
.accordion div p{
    margin-bottom: 10px;
}
.accordion br{
    line-height: 0px;
}
.accordion br:last-of-type{
    display: none;
}

div.announcement {
    float:right;
    height:60px;
    padding:10px;
    position:absolute;
    right:354px;
    text-align:center;
    top:120px;
    width:230px;
    font-size:30px;
    line-height:170%;
}

div.announcement a {
    font-size:30px;
    line-height:170%;
}

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

#content .gallery {
    margin: 0 auto 18px;
}
#content .gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}
#content .gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
#content .gallery img {
    border: none;
    margin-top:20px;
}
#content .gallery .gallery-caption {
    color: #<?php 
    echo $font_color;
    ?>
;
    font-size: 12px;
    margin: 0 0 20px;
}
#content .gallery dl {
    margin: 0;
}
#content .gallery br+br {
    display: none;
}

/* =single attachment images should be centered */

#content .attachment img {
    display: block;
    margin: 0 auto;
}

/* =Search View
-------------------------------------------------------------- */

body.search div.post div.post-content, body.search div.comment-content {
    margin-left: 0;
}

div.search-result {
    margin-bottom: 30px;
}

body.search div#message p {
    padding: 10px 0;
}

body.search ul.item-list li div.item-title {
    margin-bottom:5px;
}

h2.content-title {
    border-bottom: 1px solid #<?php 
    echo $container_bg_color;
    ?>
;
}
div.search-result {
    background: none repeat scroll 0 0 #<?php 
    echo $container_alt_bg_color;
    ?>
;
    margin-bottom: 22px;
    padding: 20px;
}

textarea {resize: vertical}



/* =THEME OPTIONS
-------------------------------------------------------------- */



<?php 
    if ($cap->v_line_color != '') {
        ?>
/** ***
colour of the vertical lines  **/
.v_line {
    border-color: #<?php 
        echo $cap->v_line_color;
        ?>
;
}
<?php 
    }
    ?>

<?php 
    if ($cap->bg_body_color || $cap->bg_body_img) {
        ?>
/** ***
body background colour, image and repeat  **/

body { 
    <?php 
        if ($cap->bg_body_color != '') {
            ?>
        background-color: <?php 
            if ($cap->bg_body_color != 'transparent') {
                ?>
#<?php 
            }
            echo $cap->bg_body_color;
            ?>
;
    <?php 
        }
        ?>
    <?php 
        if ($cap->bg_body_img != '') {
            $url = strpos($cap->bg_body_img, 'http') !== FALSE ? $cap->bg_body_img : site_url('/' . $cap->bg_body_img);
            ?>
        background-image:url(<?php 
            echo stripslashes($url);
            ?>
);
    <?php 
        }
        ?>
    <?php 
        switch ($cap->bg_body_img_repeat) {
            case __('no repeat', 'cc'):
                echo 'background-repeat: no-repeat;';
                break;
            case 'x':
                echo 'background-repeat: repeat-x;';
                break;
            case 'y':
                echo 'background-repeat: repeat-y;';
                break;
            case 'x+y':
                echo 'background-repeat: repeat;';
                break;
        }
        ?>
}
<?php 
    }
    ?>


<?php 
    if ($cap->bg_body_color != "" && $cap->bg_body_color != __("transparent", 'cc')) {
        ?>
    /** ***
    Adapting to body background colour  **/

    div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a,
    div.pagination, div#subnav.item-list-tabs,
    div#leftsidebar h3.widgettitle, div#sidebar h3.widgettitle, div.widgetarea h3.widgettitle,
    div#leftsidebar h3.widgettitle a, div#sidebar h3.widgettitle a, div.widgetarea h3.widgettitle a,
    div#footer .cc-widget h3.widgettitle, #header .cc-widget h3.widgettitle, div#footer .cc-widget h3.widgettitle a, #header .cc-widget h3.widgettitle a   {
        background-color: #<?php 
        echo $cap->bg_body_color;
        ?>
;
    }

    .boxgrid {
        border-color: #<?php 
        echo $cap->bg_body_color;
        ?>
;
    }
<?php 
    }
    ?>

<?php 
    if ($cap->bg_container_nolines == __('hide', 'cc')) {
        ?>
    /** ***
    hide the vertical lines in the container  **/
    .v_line {display: none}
<?php 
    }
    ?>

<?php 
    if ($cap->bg_container_color != '' || $cap->bg_container_img != '' || $cap->container_corner_radius != '') {
        ?>
/** ***
container background colour, image, repeat, corner radius and line correction  **/

div#container, body.activity-permalink div#container {
    <?php 
        if ($cap->bg_container_color) {
            ?>
        background-color: <?php 
            if ($cap->bg_container_color != 'transparent' && $cap->bg_container_color != __('transparent', 'cc')) {
                ?>
#<?php 
            }
            echo $cap->bg_container_color;
            ?>
;
    <?php 
        }
        ?>

    <?php 
        if ($cap->bg_container_img) {
            ?>
        background-image:url(<?php 
            echo stripslashes($cap->bg_container_img);
            ?>
);
        <?php 
            switch ($cap->bg_container_img_repeat) {
                case __('no repeat', 'cc'):
                    ?>
background-repeat: no-repeat;<?php 
                    break;
                case 'x':
                    ?>
background-repeat: repeat-x;<?php 
                    break;
                case 'y':
                    ?>
background-repeat: repeat-y;<?php 
                    break;
                case 'x+y':
                    ?>
background-repeat: repeat;<?php 
                    break;
            }
            ?>
    <?php 
        }
        ?>

    <?php 
        if ($cap->container_corner_radius == __('not rounded', 'cc')) {
            ?>
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
		-ms-border-radius: 0px;
		border-radius: 0px;
        }
        div#leftsidebar, div#sidebar, 
        div.cc_slider, div#cc_slider-top, div.cc_slider .featured .ui-tabs-panel .info, 
        #header, #footer, div.cc_slider .featured .ui-tabs-panel a img {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
		-ms-border-radius: 0px;
        border-radius: 0px;
    <?php 
        }
        ?>

}
<?php 
    }
    ?>

<?php 
    if ($cap->bg_container_color != '' || $cap->bg_container_img != '' || $cap->container_corner_radius != '') {
        ?>
/** ***
adapting footer widgets to container background colour, image, repeat and corner radius - if it is NOT specified extra for the footer! **/

    <?php 
        if ($cap->bg_container_color && !$cap->bg_footer_color) {
            ?>
        div#footer .cc-widget, div#header .cc-widget , #footer .cc-widget-right, #header .cc-widget-right {
            background-color: <?php 
            if ($cap->bg_container_color != __('transparent', 'cc') && $cap->bg_container_color != 'transparent') {
                ?>
#<?php 
                echo $cap->bg_container_color;
            } else {
                ?>
transparent<?php 
            }
            ?>
;
        }
    <?php 
        }
        ?>

    <?php 
        if ($cap->bg_container_img && !$cap->bg_footer_img) {
            ?>
        div#footer .cc-widget, div#header .cc-widget , #footer .cc-widget-right, #header .cc-widget-right {
        background-image:url(<?php 
            echo stripslashes($cap->bg_container_img);
            ?>
);
                <?php 
            switch ($cap->bg_container_img_repeat) {
                case __('no repeat', 'cc'):
                    echo 'background-repeat: no-repeat;';
                    break;
                case 'x':
                    echo 'background-repeat: repeat-x;';
                    break;
                case 'y':
                    echo 'background-repeat: repeat-y;';
                    break;
                case 'x+y':
                    echo 'background-repeat: repeat;';
                    break;
            }
            ?>
        }
    <?php 
        }
        ?>

    <?php 
        if ($cap->container_corner_radius == __('not rounded', 'cc')) {
            ?>
        #footer, div#footer .cc-widget, div#header .cc-widget , #footer .cc-widget-right, #header .cc-widget-right {
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px;
        }
        div#cc_slider-top{
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
        border-radius:0px;
        }
    <?php 
        }
        ?>

<?php 
    }
    ?>

<?php 
    if ($cap->bg_footer_color != '' || $cap->bg_footer_img != '' || $cap->footer_height != '') {
        ?>
/** ***
footer WIDGETS and header WIDGETS - height, bg_color, image and repeat  **/

#footer .cc-widget, #header .cc-widget{
    <?php 
        if ($cap->bg_footer_color) {
            ?>
        background-color: <?php 
            if ($cap->bg_footer_color != __('transparent', 'cc') && $cap->bg_footer_color != 'transparent') {
                ?>
#<?php 
                echo $cap->bg_footer_color;
            } else {
                echo 'transparent';
            }
            ?>
 !important;
    <?php 
        }
        ?>
    <?php 
        if ($cap->bg_footer_img) {
            ?>
        background-image:url(<?php 
            echo stripslashes($cap->bg_footer_img);
            ?>
);
        <?php 
            switch ($cap->bg_footer_img_repeat) {
                case __('no repeat', 'cc'):
                    echo 'background-repeat: no-repeat;';
                    break;
                case 'x':
                    echo 'background-repeat: repeat-x;';
                    break;
                case 'y':
                    echo 'background-repeat: repeat-y;';
                    break;
                case 'x+y':
                    echo 'background-repeat: repeat;';
                    break;
            }
            ?>
    <?php 
        }
        ?>
    <?php 
        if ($cap->footer_height) {
            ?>
        height:<?php 
            echo $cap->footer_height;
            ?>
px;
    <?php 
        }
        ?>
    }
<?php 
    }
    ?>

<?php 
    if ($cap->bg_footerall_color != '' || $cap->bg_footerall_img != '' || $cap->footerall_height != '') {
        ?>
/** ***
footer - height, color, image and repeat  **/

#footer {
    <?php 
        if ($cap->bg_footerall_color) {
            ?>
        background-color: <?php 
            if ($cap->bg_footerall_color != __('transparent', 'cc') && $cap->bg_footerall_color != 'transparent') {
                ?>
#<?php 
                echo $cap->bg_footerall_color;
            } else {
                echo 'transparent';
            }
            ?>
;
    <?php 
        }
        ?>
    <?php 
        if ($cap->bg_footerall_img) {
            ?>
        background-image:url(<?php 
            echo stripslashes($cap->bg_footerall_img);
            ?>
);
        <?php 
            switch ($cap->bg_footerall_img_repeat) {
                case __('no repeat', 'cc'):
                    ?>
background-repeat: no-repeat;<?php 
                    break;
                case 'x':
                    ?>
background-repeat: repeat-x;<?php 
                    break;
                case 'y':
                    ?>
background-repeat: repeat-y;<?php 
                    break;
                case 'x+y':
                    ?>
background-repeat: repeat;<?php 
                    break;
            }
            ?>
    <?php 
        }
        ?>
    <?php 
        if ($cap->footerall_height) {
            ?>
        height:<?php 
            echo $cap->footerall_height;
            ?>
px;
    <?php 
        }
        ?>
    }
<?php 
    }
    ?>

<?php 
    if ($cap->bg_footer_color != '' || $cap->bg_container_color) {
        ?>
/** ***
Adapting buttons font color in the footer widgets. Either to footer background color or to container background colour  **/

#footer .cc-widget a.button, #header .cc-widget a.button {
<?php 
        if ($cap->bg_footer_color != '' && $cap->bg_footer_color != 'transparent' && $cap->bg_footer_color != __('transparent', 'cc')) {
            ?>
        color: #<?php 
            echo $cap->bg_footer_color;
            ?>
 !important;
    <?php 
        } elseif ($cap->bg_container_color && $cap->bg_container_color != 'transparent' && $cap->bg_container_color != __('transparent', 'cc')) {
            ?>
        color: #<?php 
            echo $cap->bg_container_color;
            ?>
 !important;
    <?php 
        }
        ?>
}
<?php 
    }
    ?>

<?php 
    if ($cap->bg_container_color && $cap->bg_container_color != 'transparent' && $cap->bg_container_color != __('transparent', 'cc')) {
        ?>
/** ***
slideshow and other stuff that wants some BACKGROUND tweaking to container background colour  **/

#slider-top,
div#subnav.item-list-tabs ul li.selected a, div#subnav.item-list-tabs ul li.current a {
    background-color: #<?php 
        echo $cap->bg_container_color;
        ?>
;
}

/** ***
buttons and widgets that want some FONT COLOR tweaking to the container background colour  **/

a.comment-edit-link, a.comment-reply-link, a.button, input[type="submit"], input[type="button"], ul.button-nav li a, div.generic-button a,
.activity-list div.activity-meta a.acomment-reply,
.activity-list div.activity-meta a  {
    color: #<?php 
        echo $cap->bg_container_color;
        ?>
 !important;
}
<?php 
    }
    ?>









<?php 
    if ($cap->default_homepage_hide_avatar == "hide" || $cap->default_homepage_hide_avatar == __("hide", 'cc') || $cap->avatars_only_in_comments == __('yes', 'cc')) {
        ?>
/** ***standard wordpress home page: hide avatar**/

body.home div.post div.post-content, div.comment-content,
body.home.bubble div.post div.post-content, body.bubble div.comment-content {
    margin-left: 0;
    width: 95%;
}

body.home div.post div.author-box,
body.home.bubble div.post div.author-box {
    display: none !important;
}

<?php 
    }
    ?>

<?php 
    if ($cap->posts_lists_hide_avatar == "hide" || $cap->posts_lists_hide_avatar == __("hide", 'cc') || $cap->avatars_only_in_comments == __('yes', 'cc')) {
        ?>
/** ***
standard wordpress archive pages: hide avatar**/

body.archive div.post div.post-content, div.comment-content,
body.archive.bubble div.post div.post-content, body.bubble div.comment-content {
    margin-left: 0;
    width: 95%;
}

body.archive div.post div.author-box,
body.archive.bubble div.post div.author-box {
    display: none !important;
}
<?php 
    }
    if ($cap->avatars_only_in_comments == __('yes', 'cc')) {
        ?>
    .single .author-box{
        display: none !important;
    }
<?php 
    }
    if ($cap->default_homepage_style == "bubbles" || $cap->default_homepage_style == __("bubbles", 'cc') || $cap->posts_lists_style == "bubbles" || $cap->posts_lists_style == __("bubbles", 'cc')) {
        ?>
/** ***
standard wordpress home page: bubble style**/

body.bubble div.post h2.posttitle,
#blog-search div.page h2.posttitle,
#blog-search div.post h2.posttitle {
    line-height: 120%;
    margin: 0 0 12px;
}

<?php 
        if ($cap->default_homepage_hide_avatar == "hide" || $cap->default_homepage_hide_avatar == __("hide", 'cc') || $cap->posts_lists_hide_avatar == "hide" || $cap->posts_lists_hide_avatar == __("hide", 'cc') || $cap->avatars_only_in_comments == __('yes', 'cc')) {
            ?>
    div.post span.marker {display: none}
<?php 
        } else {
            ?>
    div.post span.marker {
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        background: none repeat scroll 0 0 #<?php 
            echo $container_alt_bg_color;
            ?>
;
        height: 20px;
        margin: 17px 0 0 -25px;
        position: absolute;
        width: 20px;
    }
<?php 
        }
        ?>

body.bubble div.post div.post-content, #blog-search div.post-content{
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    background: none repeat scroll 0 0 #<?php 
        echo $container_alt_bg_color;
        ?>
;
    margin-left: 20px;
    margin-right: -5px;
    padding: 15px 10px 5px 15px;
    margin-bottom:10px;
    float: left;
    position: relative;
}
body.bubble div.post p.date,
#blog-search div.page p.date,
#blog-search div.post p.date{
    border-top: 1px solid #<?php 
        echo $container_bg_color;
        ?>
;
    border-bottom: 1px solid #<?php 
        echo $container_bg_color;
        ?>
;
}
body.bubble div.post p.postmetadata, #blog-search div.post  p.postmetadata{
    border-top: 1px solid #<?php 
        echo $container_bg_color;
        ?>
;
}
body.bubble div.post div.author-box, #blog-search div.post div.author-box{
    margin-top: 20px;
    display: block;
}
<?php 
    }
    ?>

<?php 
    if ($cap->default_homepage_hide_date == "hide" || $cap->default_homepage_hide_date == __("hide", 'cc')) {
        ?>
/** ***
standard wordpress home page: hide date, category and author**/

body.home div.post p.date {
    display: none;
}
<?php 
    }
    ?>

<?php 
    if ($cap->posts_lists_hide_date == "hide" || $cap->posts_lists_hide_date == __("hide", 'cc')) {
        ?>
/** ***
standard wordpress archive pages: hide date, category and author**/

body.archive div.post p.date {
    display: none;
}
<?php 
    }
    ?>

<?php 
    if ($cap->header_height) {
        ?>
/** ***
header height / navigation position **/
#header{
    height: <?php 
        echo $cap->header_height;
        ?>
px;
}
#access {
    <!--margin-top:<?php 
        echo $cap->header_height;
        ?>
px;-->
}
<?php 
    }
    ?>

<?php 
    if ($cap->header_img != '') {
        ?>
/** ***
header image, repeat  **/

#header {
background-image:url(<?php 
        echo stripslashes($cap->header_img);
        ?>
);
        <?php 
        switch ($cap->header_img_repeat) {
            case 'no repeat':
            case __('no repeat', 'cc'):
                ?>
background-repeat: no-repeat;<?php 
                break;
            case 'x':
                ?>
background-repeat: repeat-x;<?php 
                break;
            case 'y':
                ?>
background-repeat: repeat-y;<?php 
                break;
            case 'x+y':
                ?>
background-repeat: repeat;<?php 
                break;
            default:
                ?>
background-repeat: no-repeat;<?php 
                break;
        }
        ?>
    <?php 
        if ($cap->header_img_x == 'center' || $cap->header_img_x == __('center', 'cc')) {
            ?>
        background-position: center <?php 
            if ($cap->header_img_y) {
                echo $cap->header_img_y;
            } else {
                echo '0';
            }
            ?>
px;
    <?php 
        } elseif ($cap->header_img_x == 'right' || $cap->header_img_x == __('right', 'cc')) {
            ?>
        background-position: right <?php 
            if ($cap->header_img_y) {
                echo $cap->header_img_y;
            } else {
                echo '0';
            }
            ?>
px;
    <?php 
        }
        ?>
    <?php 
        if ((!$cap->header_img_x || $cap->header_img_x == 'left' || $cap->header_img_x == __('left', 'cc')) && $cap->header_img_y) {
            ?>
        background-position: left <?php 
            echo $cap->header_img_y;
            ?>
px;
    <?php 
        }
        ?>
}
<?php 
    } elseif (get_header_image() != '' && $cap->add_custom_image_header == true) {
        ?>
    #header {
    background-image:url(<?php 
        echo header_image();
        ?>
);
        <?php 
        switch ($cap->header_img_repeat) {
            case 'no repeat':
            case __('no repeat', 'cc'):
                ?>
background-repeat: no-repeat;<?php 
                break;
            case 'x':
                ?>
background-repeat: repeat-x;<?php 
                break;
            case 'y':
                ?>
background-repeat: repeat-y;<?php 
                break;
            case 'x+y':
                ?>
background-repeat: repeat;<?php 
                break;
            default:
                ?>
background-repeat: no-repeat;<?php 
                break;
        }
        ?>
    <?php 
        if ($cap->header_img_x == 'center' || $cap->header_img_x == __('center', 'cc')) {
            ?>
        background-position: center <?php 
            if ($cap->header_img_y) {
                echo $cap->header_img_y;
            } else {
                echo '0';
            }
            ?>
px;
    <?php 
        } elseif ($cap->header_img_x == 'right' || $cap->header_img_x == __('right', 'cc')) {
            ?>
        background-position: right <?php 
            if ($cap->header_img_y) {
                echo $cap->header_img_y;
            } else {
                echo '0';
            }
            ?>
px;
    <?php 
        }
        ?>
    <?php 
        if ((!$cap->header_img_x || $cap->header_img_x == 'left' || $cap->header_img_x == __('left', 'cc')) && $cap->header_img_y) {
            ?>
        background-position: left <?php 
            echo $cap->header_img_y;
            ?>
px;
    <?php 
        }
        ?>
}


<?php 
        if (!is_admin()) {
            ?>
    .appearance_page_custom-header #headimg {
        background: #<?php 
            echo get_background_color();
            ?>
;
        border: none;
        text-align: center;
    }
    #headimg h1,
    #desc {
        font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    }
    #headimg h1 {
        margin: 0;
    }
    #headimg h1 a {
        font-size: 36px;
        letter-spacing: -0.03em;
        line-height: 42px;
        text-decoration: none;
    }
    #desc {
        font-size: 18px;
        line-height: 31px;
        padding: 0 0 9px 0;
    }
    <?php 
            // If the user has set a custom color for the text use that
            if (get_header_textcolor() != HEADER_TEXTCOLOR) {
                ?>
        #site-title a,
        #site-description {
            color: #<?php 
                echo get_header_textcolor();
                ?>
;
        }
    <?php 
            }
            ?>
    #headimg img {
        max-width: 990px;
        width: 100%;
    }
<?php 
        } else {
            if (HEADER_TEXTCOLOR != get_header_textcolor()) {
                // If we get this far, we have custom styles. Let's do this.
                // Has the text been hidden?
                if ($cap->header_text == "__('off','cc')") {
                    ?>
            #blog-description, #header div#logo h1 a, #header div#logo h4 a {
                position: absolute;
                left: -9000px;
            }
        <?php 
                    // If the user has set a custom color for the text use that
                } else {
                    ?>
            #blog-description, #header div#logo h1 a, #header div#logo h4 a {
                color: #<?php 
                    if ('blank' == get_header_textcolor()) {
                        echo get_header_textcolor();
                    } else {
                        echo $font_color;
                    }
                    ?>
 !important;
            }
            <?php 
                }
                ?>
    <?php 
            }
        }
        ?>

<?php 
    }
    ?>

<?php 
    if ($cap->header_text == 'off' || $cap->header_text == __('off', 'cc')) {
        ?>
    #header div#logo h1, #header #desc, #header div#logo h4, div#blog-description {
        display: none;
    }
<?php 
    }
    ?>

<?php 
    if ($cap->header_text_color) {
        ?>
    #header div#logo h1 a, #header div#logo h4 a, #desc, div#blog-description {
        color:#<?php 
        echo $cap->header_text_color;
        ?>
;
    }
<?php 
    }
    ?>

<?php 
    if ($cap->searchbar_x != "" || $cap->searchbar_y != "") {
        ?>
    /** ***
    header search bar position  **/

    <?php 
        if ($cap->searchbar_y) {
            ?>
        #header #search-bar {
            top:<?php 
            echo $cap->searchbar_y;
            ?>
px !important;
        }
    <?php 
        }
        ?>

    <?php 
        if ($cap->searchbar_x == 'left' || $cap->searchbar_x == __('left', 'cc')) {
            ?>
        #header #search-bar {
            left:0;
        }
        #header #search-bar {
            text-align: left;
        }
    <?php 
        }
    }
    ?>

<?php 
    if ($cap->bg_menu_style != "tab style" && $cap->bg_menu_style != __("tab style", 'cc')) {
        ?>
/** ***
menu style  **/

<?php 
        if ($cap->bg_menu_style == 'closed style' || $cap->bg_menu_style == __('closed style', 'cc')) {
            ?>
    #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a,
    #access ul li.current-menu-item > a, #access li.selected > a, #access ul li.current-menu-parent > a,
    #access ul li.current_page_item > a:hover, #access ul li.current-menu-item > a:hover,
    #access ul li.current_page_item, #access ul li.current-menu-item, #access li.selected,
    #access li:hover > a {
        -moz-border-radius: 6px;-webkit-border-radius:6px;border-radius:6px;
    }
    #access ul li {
        margin-bottom: 4px;
    }
    #access ul ul li {
        margin-bottom: 0px;
    }
    #access ul ul a {
        margin-bottom: 0px;
    }
<?php 
        }
        if ($cap->bg_menu_style == 'simple' || $cap->bg_menu_style == __('simple', 'cc')) {
            ?>
    div#access {
        background-color: transparent;
    }
    #access .menu-header, div.menu {
    margin-left: 0;
    padding-left: 0;
    }
    #access a {
    padding: 0 12px 2px 12px;
    }
    div#access div.menu ul li a:hover, div#access div.menu ul li a:focus,
    #access ul ul :hover > a, #access ul.children li:hover > a, #access ul.sub-menu li:hover > a,
    #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a,
    #access ul li.current_page_item > a:hover, #access ul li.current-menu-item > a:hover,
    #access ul li.current-menu-item > a, #access li.selected > a, #access ul li.current-menu-parent > a {
        color: #<?php 
            echo $link_color;
            ?>
;
    }
<?php 
        }
        ?>

<?php 
        if ($cap->bg_menu_style == 'bordered' || $cap->bg_menu_style == __('bordered', 'cc')) {
            ?>
    div#access {
        background-color: transparent;
        border-top: 1px solid #<?php 
            echo $container_bg_color;
            ?>
;
        border-bottom: 1px solid #<?php 
            echo $container_bg_color;
            ?>
;
    }
    div#access div.menu ul li a:hover, div#access div.menu ul li a:focus,
    #access ul ul :hover > a, #access ul.children li:hover > a, #access ul.sub-menu li:hover > a,
    #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a,
    #access ul li.current_page_item > a:hover, #access ul li.current-menu-item > a:hover,
    #access ul li.current-menu-item > a, #access li.selected > a, #access ul li.current-menu-parent > a {
        color: #<?php 
            echo $link_color;
            ?>
;
    }
<?php 
        }
        ?>


<?php 
    }
    ?>

<?php 
    if ($cap->menu_x == 'right' || $cap->menu_x == __('right', 'cc')) {
        ?>
/** ***
menu x-position  **/

div.menu ul {
    float: right;
}
<?php 
    }
    ?>

<?php 
    if ($cap->menue_link_color) {
        ?>
/** ***
menu font colour  **/

#access a, #access ul ul a, #access ul.children li.selected > a,
#access ul li:hover > a, #access ul ul :hover > a,
#access ul.children li:hover > a, #access ul.sub-menu li:hover > a,
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a, #access li.selected > a, #access ul li.current-menu-parent > a  {
    color: #<?php 
        echo $cap->menue_link_color;
        ?>
;
}
<?php 
    }
    ?>

<?php 
    if ($cap->menue_link_color_current) {
        ?>
/** ***
menu font colour current and mouse over **/

div#access div.menu ul li a:hover,
div#access div.menu ul li a:focus,
#access ul ul *:hover > a,
#access ul.children li:hover > a,
#access ul.sub-menu li:hover > a,
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current_page_item > a:hover,
#access ul li.current-menu-item > a:hover,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a,
#access li.selected > a {
    color: #<?php 
        echo $cap->menue_link_color_current;
        ?>
;
}


/** ***
IE browser hack for menu font colour current and mouse over  **/

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
    color: #<?php 
        echo $cap->menue_link_color_current;
        ?>
;
}
<?php 
    }
    ?>

<?php 
    if ($cap->bg_menue_link_color != "" || $cap->menu_underline != "" || $cap->bg_menu_img != "") {
        ?>
/** ***
menu background colour, border-bottom, image and repeat  **/

#access {
<?php 
        if ($cap->bg_menue_link_color) {
            ?>
    background-color: <?php 
            if ($cap->bg_menue_link_color != 'transparent' && $cap->bg_menue_link_color != __('transparent', 'cc')) {
                echo '#', $cap->bg_menue_link_color;
            } else {
                echo 'transparent';
            }
            ?>
;
<?php 
        }
        if ($cap->menu_underline) {
            ?>
    border-bottom: 1px solid #<?php 
            echo $cap->menu_underline;
            ?>
;
<?php 
        }
        if ($cap->bg_menu_img) {
            ?>
    background-image:url(<?php 
            echo stripslashes($cap->bg_menu_img);
            ?>
);
<?php 
        }
        ?>

<?php 
        switch ($cap->bg_menu_img_repeat) {
            case 'no repeat':
            case __('no repeat', 'cc'):
                ?>
background-repeat: no-repeat;<?php 
                break;
            case 'x':
                ?>
background-repeat: repeat-x;<?php 
                break;
            case 'y':
                ?>
background-repeat: repeat-y;<?php 
                break;
            case 'x+y':
                ?>
background-repeat: repeat;<?php 
                break;
        }
        ?>
}
<?php 
    }
    ?>

<?php 
    if ($cap->menu_corner_radius != "") {
        ?>
/** ***
menu corner radius  **/

#access {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
<?php 
        if ($cap->menu_corner_radius == 'just the bottom ones' || $cap->menu_corner_radius == __('just the bottom ones', 'cc')) {
            ?>
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
<?php 
        }
        if ($cap->menu_corner_radius == 'not rounded' || $cap->menu_corner_radius == __('not rounded', 'cc')) {
            ?>
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
<?php 
        }
        ?>
}
<?php 
        if ($cap->menu_corner_radius == 'not rounded' || $cap->menu_corner_radius == __('not rounded', 'cc')) {
            ?>
    #access .menu-header li, div.menu li, #access a{
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
    }
<?php 
        }
    }
    ?>


<?php 
    if ($cap->bg_menue_link_color_current) {
        ?>
/** ***
menu background colour, image and repeat of current  **/

#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a, #access li.selected > a, #access ul li.current-menu-parent > a,
#access ul li.current_page_item, #access ul li.current-menu-item, #access li.selected {
    background-color: <?php 
        if ($cap->bg_menue_link_color_current != 'transparent' && $cap->bg_menue_link_color_current != __('transparent', 'cc')) {
            echo '#', $cap->bg_menue_link_color_current;
        } else {
            echo 'transparent';
        }
        ?>
;
    <?php 
        if ($cap->bg_menu_img_current) {
            ?>
    background-image:url(<?php 
            echo stripslashes($cap->bg_menu_img_current);
            ?>
);
    <?php 
        }
        ?>
    <?php 
        if ($cap->bg_menu_img_current) {
            switch ($cap->bg_menu_img_current_repeat) {
                case 'no repeat':
                case __('no repeat', 'cc'):
                    ?>
background-repeat: no-repeat;<?php 
                    break;
                case 'x':
                    ?>
background-repeat: repeat-x;<?php 
                    break;
                case 'y':
                    ?>
background-repeat: repeat-y;<?php 
                    break;
                case 'x+y':
                    ?>
background-repeat: repeat;<?php 
                    break;
            }
        }
        ?>
}
<?php 
    }
    ?>

<?php 
    if ($cap->bg_menue_link_color_hover) {
        ?>
/** ***
menu background colour hover and drop down list  **/

#access ul li.current_page_item a:hover,
#access ul li.current-menu-item a:hover,
#access li:hover > a, #access ul ul:hover > a,
#access ul ul li, #access ul ul a {
    background-color: <?php 
        if ($cap->bg_menue_link_color_hover != 'transparent' && $cap->bg_menue_link_color_hover != __('transparent', 'cc')) {
            echo '#', $cap->bg_menue_link_color_hover;
        } else {
            echo 'transparent';
        }
        ?>
 !important;
}
<?php 
    }
    ?>

<?php 
    if ($cap->bg_menue_link_color_dd_hover) {
        ?>
/** ***
menu background colour drop down menu item hover  **/

#access ul.children li:hover > a,
#access ul.sub-menu li:hover > a {
    background: #<?php 
        echo $cap->bg_menue_link_color_dd_hover;
        ?>
 !important;
}
<?php 
    }
    ?>

<?php 
    if ($cap->leftsidebar_width != "") {
        ?>
    /** ***
    left sidebar width  **/

    div#leftsidebar {
        width: <?php 
        echo $cap->leftsidebar_width;
        ?>
px;
        /*margin-right: -<?php 
        echo $cap->leftsidebar_width;
        ?>
px;*/
    }

    div.v_line_left {
        left: <?php 
        echo $cap->leftsidebar_width;
        ?>
px;
    }

    <?php 
        // change the width of the widget titles, which is always 41px less because of its padding..
        $old = $cap->leftsidebar_width;
        $wdth = $old - 41;
        ?>

    div#leftsidebar h3.widgettitle {
        width: <?php 
        echo $wdth;
        ?>
px;
    }

<?php 
    }
    ?>

<?php 
    if ($cap->bg_leftsidebar_color != "" || $cap->bg_leftsidebar_img != "") {
        ?>
/** ***
left sidebar background colour  **/

div#leftsidebar {
    <?php 
        if ($cap->bg_leftsidebar_color != "") {
            ?>
background-color: #<?php 
            echo $cap->bg_leftsidebar_color;
        }
        ?>
;
    <?php 
        if ($cap->bg_leftsidebar_img != "") {
            ?>
    background-image:url(<?php 
            echo stripslashes($cap->bg_leftsidebar_img);
            ?>
);
        <?php 
            switch ($cap->bg_leftsidebar_img_repeat) {
                case 'no repeat':
                case __('no repeat', 'cc'):
                    ?>
background-repeat: no-repeat;<?php 
                    break;
                case 'x':
                    ?>
background-repeat: repeat-x;<?php 
                    break;
                case 'y':
                    ?>
background-repeat: repeat-y;<?php 
                    break;
                case 'x+y':
                    ?>
background-repeat: repeat;<?php 
                    break;
            }
            ?>
    <?php 
        }
        ?>

}
<?php 
    }
    ?>

<?php 
    if ($cap->rightsidebar_width != "") {
        ?>
    /** ***
    right sidebar width  **/

    <?php 
        if ($cap->cc_responsive_enable) {
            $cap->rightsidebar_width = 225;
            $cap->leftsidebar_width = 225;
        }
        ?>

    div#sidebar {
        width: <?php 
        echo $cap->rightsidebar_width;
        ?>
px;
        margin-left: -<?php 
        echo $cap->rightsidebar_width;
        ?>
px;
    }

    div.v_line_right {
        right: <?php 
        echo $cap->rightsidebar_width;
        ?>
px;
    }
    <?php 
        // change the width of the widget titles, which is always 41px less because of its padding..
        $old = $cap->rightsidebar_width;
        $wdth = $old - 41;
        ?>

    div#sidebar h3.widgettitle, #leftsidebar .widgettitle{
        width: <?php 
        echo $wdth;
        ?>
px;

    }

<?php 
    }
    ?>
    #settings-form .settings-input, #profile-edit-form .field_name input{
        width: 200px;
    }
<?php 
    if ($cap->bg_rightsidebar_color != "" || $cap->bg_rightsidebar_img != "") {
        ?>
/** ***
right sidebar background colour  **/

div#sidebar {
    <?php 
        if ($cap->bg_rightsidebar_color != "") {
            ?>
background-color: #<?php 
            echo $cap->bg_rightsidebar_color;
        }
        ?>
;
    <?php 
        if ($cap->bg_rightsidebar_img != "") {
            ?>
    background-image:url(<?php 
            echo stripslashes($cap->bg_rightsidebar_img);
            ?>
);
        <?php 
            switch ($cap->bg_rightsidebar_img_repeat) {
                case 'no repeat':
                case __('no repeat', 'cc'):
                    ?>
background-repeat: no-repeat;<?php 
                    break;
                case 'x':
                    ?>
background-repeat: repeat-x;<?php 
                    break;
                case 'y':
                    ?>
background-repeat: repeat-y;<?php 
                    break;
                case 'x+y':
                    ?>
background-repeat: repeat;<?php 
                    break;
            }
            ?>
    <?php 
        }
        ?>

}
<?php 
    }
    ?>

<?php 
    if ($cap->bg_widgettitle_style != "" || $cap->bg_widgettitle_color != "" || $cap->bg_widgettitle_img != "") {
        ?>
/** ***
sidebars: widget title style, background colour and image  **/

div#leftsidebar h3.widgettitle, div#sidebar h3.widgettitle, div.widgetarea h3.widgettitle, div.span3 h3.widgettitle  {
<?php 
        switch ($cap->bg_widgettitle_style) {
            case 'angled':
            case __('angled', 'cc'):
                ?>
-moz-border-radius:0 0 0 0; -webkit-border-radius:0; border-radius:0; margin: 0 0 10px -10px; padding: 5px 31px 5px 10px;<?php 
                break;
            case 'transparent':
            case __('transparent', 'cc'):
                ?>
background: transparent;<?php 
                break;
        }
        if ($cap->bg_widgettitle_color) {
            ?>
    background-color: #<?php 
            echo $cap->bg_widgettitle_color;
            ?>
;
<?php 
        }
        if ($cap->bg_widgettitle_img) {
            ?>
    background-image:url(<?php 
            echo stripslashes($cap->bg_widgettitle_img);
            ?>
);
<?php 
        }
        switch ($cap->bg_widgettitle_img_repeat) {
            case 'no repeat':
            case __('no repeat', 'cc'):
                ?>
background-repeat: no-repeat;<?php 
                break;
            case 'x':
                ?>
background-repeat: repeat-x;<?php 
                break;
            case 'y':
                ?>
background-repeat: repeat-y;<?php 
                break;
            case 'x+y':
                ?>
background-repeat: repeat;<?php 
                break;
        }
        ?>
}
/* just for the left sidebar */
div#leftsidebar h3.widgettitle, div#leftsidebar h3.widgettitle a {
<?php 
        switch ($cap->bg_widgettitle_style) {
            case 'angled':
            case __('angled', 'cc'):
                ?>
-moz-border-radius:0 0 0 0;-webkit-border-radius:0;border-radius:0;margin:0 0 12px -10px;padding:5px 22px 5px 19px;<?php 
                break;
            case 'transparent':
            case __('transparent', 'cc'):
                ?>
background: transparent;<?php 
                break;
        }
        ?>
}
<?php 
    }
    ?>

<?php 
    if ($cap->widgettitle_font_size || $cap->widgettitle_font_color || $cap->widgettitle_font_style) {
        ?>
/** ***
sidebars: widget title font style, size and color **/

    div#leftsidebar h3.widgettitle, div#sidebar h3.widgettitle, div.widgetarea h3.widgettitle,
    div#leftsidebar h3.widgettitle a, div#sidebar h3.widgettitle a, div.widgetarea h3.widgettitle a {
    font-family: <?php 
        echo $cap->widgettitle_font_style;
        ?>
;
    <?php 
        if ($cap->widgettitle_font_size != "") {
            ?>
font-size: <?php 
            echo $cap->widgettitle_font_size;
        }
        ?>
px;
    <?php 
        if ($cap->widgettitle_font_color != "") {
            ?>
color: #<?php 
            echo $cap->widgettitle_font_color;
        }
        ?>
;
}
<?php 
    }
    ?>

<?php 
    if ($cap->capitalize_widgets_li == 'yes' || $cap->capitalize_widgets_li == __('yes', 'cc')) {
        ?>
/** ***
widgets: capitalize fonts in lists**/

div.widget-title ul.item-list li a, div.widget ul li a {text-transform: uppercase}

<?php 
    }
    ?>

<?php 
    if ($cap->capitalize_widgettitles == 'yes' || $cap->capitalize_widgettitles == __('yes', 'cc')) {
        ?>
/** ***
widgets: capitalize widgettitles**/

h3.widgettitle, h3.widgettitle a {text-transform: uppercase}

<?php 
    }
    ?>

<?php 
    global $cc_post_options;
    if ($cc_post_options['cc_post_template_avatar'] == '1') {
        ?>
/** ***
Show/Hide Avatar  **/

div.post div.post-content {
    margin-left: 8px;
}
<?php 
    }
    ?>

<?php 
    if ($cap->bg_content_nav_color) {
        ?>
/** ***
BuddyPress sub navigation background colour  **/

div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a,
div.pagination, div#subnav.item-list-tabs {
    background-color: #<?php 
        echo $cap->bg_content_nav_color;
        ?>
;
}
div.item-list-tabs {
    border-bottom: 4px solid #<?php 
        echo $cap->bg_content_nav_color;
        ?>
;
}

<?php 
    }
    ?>

#innerrim .slidershadow img{
    width: 100%;
}
.widget.gererator{
    margin-bottom: 0;
    padding: 12px;
    border: 1px solid #dddddd;
}
.widget.gererator .widget_content{
    font-size: 16px;
    line-height:170%;
}
.widget .footer-left-widget{
    margin-left: 34% !important;
}
#innerrim .default-homepage-last-posts{
    margin-top:-21px;
}
#innerrim .group-header-left{
    margin-left:30% !important;
}
#innerrim .facebook_like{
    border:none;
    overflow:hidden;
    width:auto;
    height:60px;
    max-width: 100%;
}
#innerrim #cc_slider_prev, #innerrim #featured_prev{
    background: #ededed;
}
#innerrim .center{
    margin-top:50px;
    margin-left: 20px;
}
.boxgrid .cover h3{
    padding-left:8px;
}
.activity-content iframe,
.activity-content object,
.activity-content embed {
    width: 100%;
}
#activity-filter-select{
    width: auto;
}
.wp-pagenavi{
    float: right;
}
.row-fluid #cc_sliderslidertop .span8{
    width: 76%;
}
.row-fluid #cc_sliderslidertop .info.span8{
    width: 100%;
}

.row-fluid .span8, .span8 {
    width: 75%;
}


/*
.row-fluid.left-right-template .span8,.row-fluid.archive-width .span8{
    width: 53%;
}
.row-fluid.full-search-width .span8{
    width: 98%;
}
.row-fluid.left-right-sidebar .span8,
.row-fluid .span8.left-right-template{
    width: 50%;
}
.row-fluid .span8.full-with {
    width: 100%;
}
.row-fluid.left-right-sidebar .span11{
    width: 90%;
}
.row-fluid.full-width .span8 {
    width: 100%;
}

*/
[class^="rspace"], [class^="rspace"] img{
    width: 100% ;
}
body #content #groups-displaymode-select.span4, body #content #groups-order-select.span5{
    width: 27%;
    float: right;
}
.container-fluid{
    width: 100%;
}
html {
    margin-top: 0px !important;
}
.field-visibility-settings .radio{
	list-style: none;
}
.field-visibility-settings .radio label{
	margin: 5px 0 5px 0;
}
.field-visibility-settings .radio input{
	float: left;
}
#send_reply_button.loading{
    background-image: url(<?php 
    echo get_template_directory_uri();
    ?>
/images/ajax-loader.gif ) !important;
    background-position: 5% 50% !important;
    background-repeat: no-repeat !important;
    padding-left: 20px !important;
}

div#content.span8.full-with { width: 100%; }


#item-header span.activity, #item-header h2{
    display: table-row-group;
}
div#item-actions {
    left: 75%;
    top: 10px;
}
#content.span8 #single_product_page_container{
    width : 100%;
}

/** ***
overwrite css area adding  **/
<?php 
    do_action('cc_pro_add_styles');
}