body {
    margin: 0;
    padding: 0;
    background-color: white; /** #e8ebf1; **/
    font-family: Corbel, 'Helvetica Neue', Arial, sans-serif;
    color: #2C2D32;
    min-width: 996px;
    overflow-x: hidden;
}
a, .like_href {
    text-decoration: none;
    color: #0193d0;
    cursor: pointer;
    -moz-transition: color 0.15s linear;
    -webkit-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    transition: color 0.15s linear;
}
a:hover, .like_href:hover {
    text-decoration: underline;
    color: #0279ab;
    _color: auto;
}
.like_href {
    font-weight: bold;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
.code_text {
    font: 1.2em 'Courier New', Courier, monospace;
    letter-spacing: -0.08em;
}
.div100 {
    position: relative;
}
.z10 {
    z-index: 10;
}
.z30 {
    z-index: 30;
}
.inline_block {
    display: inline-block;
    vertical-align: top;
    zoom: 1; /* to trigger hasLayout in IE6-7 */
    *display: inline; /* for IE6-7 */
    /*_height: 97px; /* for IE6 */
}
.no_javascript {
    width: 22em;
    position: absolute;
    left: 50%;
    margin-left: -11em;
    color: red;
    background-color: white;
    border: 1px solid red;
    padding: 4px;
    font-size: 1.2em;
}

.tweepi_sprite {
    background: transparent url('images/tweepi_sprite.png') no-repeat;
}

.center_div {
    margin: 0 auto;
    width: 996px;
    position: relative;
}
.center_div_auto {
    margin: 0 auto;
    position: relative;
    min-width: 996px;
    max-width: 1400px;
    width: auto;
}
.middle_wrapper {
    z-index: 20;
}
.head-wrapper {
    background: white url('images/head-repeat.png') repeat-x;
    position: relative;
    height: 329px;
    z-index:10;
}
.head {
    background-image: url('images/head-bg.jpg');
    height: 180px;
}
.noisy-blue {
    background-image: url('images/noise-b.png');
    width: 100%;
    height: 100%;
    _background-image: none;
}
.noisy-gray {
    background-image: url('images/noise-g2.png');
    width: 100%;
    height: 100%;
    _background-image: none;
}
.head_graylayer {
    height: 39px;
    position: absolute;
    top: 0;
    left: 0;
}
.head_bluelayer {
    height: 140px;
    position: absolute;
    top: 39px;
    left: 0;
}
.head-thinner {
    height: 180px;
    overflow: hidden;
}
.auto_width {
    width: auto;
    max-width: 1400px;
}

/**************************************************************************/
/***** HEADER: WHITE STIP *************************************************/
/**************************************************************************/
.whitestrip {
    background-color: #dae8f9;
    border-bottom:1px solid white;
    border-top:1px solid white;

    opacity:0.8;
    filter: alpha(opacity=80);

    position:absolute;
    left:0px;
    top:205px;

    height:105px;
    width:100%;
}
.whitestrip-thinner {
    background-color: #a9d9f0;
    border: none;
    top:165px;
    height:15px;
    opacity:0.5;
    filter: alpha(opacity=50);
}
.whitestrip .bigtext {
    color: #414141;
    font-size: 2.4em;
    padding: 13px 0 0 28px;
    text-shadow: 0 0 1px rgba(65,65,65,0.2);
}
.bigtext strong {
    color: #1e1e1e;
    text-shadow: 0 0 1px rgba(30,30,30 0.3);
}

/**************************************************************************/
/***** HEADER: LOGO AND SLOGAN ********************************************/
/**************************************************************************/
.logo {
    position: absolute;
    left: 22px;
    top: 5px;
}
.slogan {
    text-align: right;
    color: white;
    text-shadow:0 0 1px rgba(255, 255, 255, 0.7);
    font-size: 1.15em;
    padding: 0 10px 0 0;
    line-height: 1.2em;
}


/**************************************************************************/
/***** HEADER: MAIN MENU **************************************************/
/**************************************************************************/
.mainmenu-wrapper {
    z-index: 100;
}
.mainmenu {
    position: absolute;
    right: 24px;
    top: 9px;
    color: white;
    font-size: 1.3em;
}
.mainmenu a {
    color: white;
/*    text-shadow: 0 0 1px rgba(255,255,255,0.55);*/
    text-decoration: none;
    font-weight: bold;
}

.mainmenu .selected a, .mainmenu li:hover a {
    color: #ffdc48;
}
.mainmenu li {
    background-position: -1px -941px;
    display: inline;
    padding: 0 10px 12px 28px; 
    _background: none;
    position: relative;
}
.mainmenu li.nobullet {
    background: none;
}

/**************************************************************************/
/***** HEADER: SUBMENU ****************************************************/
/**************************************************************************/
.mainmenu .submenu {
    opacity: 0.92;
    display: none;
    width: 215px;
    background-color: #595856;

    position: absolute;
    left: 26px;
    top: 30px;
    
    font-size: 0.8em;
    z-index: 100;
}
.submenu.showsub {
    display: block;
}
.submenu li {
    display: list-item;
    position: relative;
    background: none;
    padding: 0;
    margin: 0;
}
.submenu a {
    display: block;
    width: auto;
    padding: 7px 10px;
    
    color: white;
/*    text-shadow: 0px 0px 1px rgba(255,255,255,1);*/

    border-top: #595856 solid 1px;
    border-bottom: #595856 solid 1px;

    -moz-transition: color 0s linear;
    -webkit-transition: color 0s linear;
    -o-transition: color 0s linear;
    transition: color 0s linear;
}
.mainmenu li:hover .submenu a {
    color: white;
}
.submenu .selected a, .submenu li a:hover {
    color: white;
    background-color: #494844;

    border-top: #3D3B37 solid 1px;
    border-bottom: #8E8A83 solid 1px;
}

/**************************************************************************/
/***** JUMBO FOOTER: GENERAL **********************************************/
/**************************************************************************/

.dashes_sprite {
    background: transparent url('images/dashes_sprite.gif');
}
.dashes_h {
    background-position: 0 -7px;
    background-repeat: repeat-x;
    height: 1px;
    width: 100%;
}
.dashes_v {
    background-position: -6px 0px;
    background-repeat: repeat-y;
    width: 3px;
}
.dashes_top {
    position: absolute;
    top: 10px;
    left: 0;
}
.dashes_bottom {
    position: absolute;
    bottom: 10px;
    _bottom: -9px;
    left: 0;
}

.jumbo_footer {
    background-repeat: repeat-x;
    background-position: -30px 0px;
    height: 389px;
    width: 100%;
    position: relative;
    overflow: hidden;
    color: white;
}
.footer_seperator {
    height: 215px;
    margin: 50px 0 0 0;
}

.footer_content {
    padding: 25px 0 0 0;
}
.footer_column {
    width: 266px;
    height: 200px;
    padding: 15px 28px 0 28px;
}
.footer_column a {
    color: white;
}
.footer_column a:hover {
    text-decoration: none;
}
.footer_column h3 {
    color: #fad82f;
    text-shadow: 0 0 1px rgba(250,216,47,0.45);
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 25px;
}
.footer_column p, .footer_column li {
    font-size: 1.1em;
    margin-bottom: 10px;
    padding: 4px 0px;
}
.footer_column ul {
    margin-left: -10px;
}
.footer_column li {
    padding: 4px 10px;
    cursor: pointer;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}
.footer_column li.hover {
    background-color: #9a9a9c;
}
.footer_column .dateago {
    font-size: 0.9em;
    font-style: italic;
}
.button_container {
    padding-top: 17px;
    text-align: center;
}
.got_ideas {
    margin-top: 15px;
    position: relative;
}
a.got_ideas_img {
    background-position: -1px -641px;
    display: block;
    width: 235px;
    height: 135px;
    cursor: pointer;
}
a.got_ideas_img:hover {
    background-position: -1px -792px;
}


/**************************************************************************/
/***** HEADER: LOGIN BAR **************************************************/
/**************************************************************************/
.login-bar {
    font-size: 1.1em;
    color: #2C2D32;
    opacity: 0.9;
    /*filter: alpha(opacity=85);*/
    background-color: #e2f1fa;
    position: absolute;
    top: 119px;
    right: 34px;
    height: 20px;
    padding: 6px 12px 2px 12px;
    border: white solid 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
}
.login-bar a {
    font-weight: bold;
}

.large_right_image {
    position: absolute;
    top: -170px;
    right: 0px;
    z-index: 20;
}


/**************************************************************************/
/***** ABSOLUTE BOTTOM FOOTER *********************************************/
/**************************************************************************/
.abs_footer {
    padding: 30px 0px 0px 0px;
    text-align: center;
}
.big_stats {
    font-size: 2.4em;
    color: #1eb9eb;
    text-shadow: 0 0 1px rgba(27,185,221,0.7);
    line-height: 1.3em;
}
.big_stats .bigger {
    font-size: 1.2em;
    font-weight: bold;
}
.v_separator {
    background-color: white;
    background-position: -270px -575px;
    width: 16px;
    height:350px;
}
.footer_line {
    background-position: 207px -543px;
    height: 48px;
    width: 500px;
    padding-top: 34px;
}
.footer_line a {
    color: #2C2D32;
}

/**************************************************************************/
/***** HOME PAGE CONTENT **************************************************/
/**************************************************************************/
.home_content {
    width: 400px;
    min-height: 350px;
    _height: 350px;
    padding: 0 0 0 28px;
}
.home_content .bigtext {
    font-size: 1.5em;
}
.bigtext_ul {
    padding: 15px 0 35px 0;
}
.bigtext_ul li {
    padding: 5px 0 5px 43px;
    font-size: 2.2em;
    line-height: 1.55em;
/*    letter-spacing: -0.04em;*/
    text-shadow:0 0 1px rgba(71, 74, 77, 0.4);
}
.bigtext_ul li a {
    color: #2C2D32;
}
.bigtext_ul li a:hover {
    color: #0182B7;
}

.home_below_image {
    position: absolute;
    top: 178px;
    left: 480px;
    width: 481px;
    z-index: 20;
}
.home_below_image .leftside {
    text-align: left;
}
.home_below_image .rightside {
    text-align: right;
}
.button_note {
    font-weight: bold;
    color: gray;
    padding: 8px 0 0 24px;
}
.home_below_image .narrow {
    width: 320px;
}

/**************************************************************************/
/***** FULL WIDTH CONTENT *************************************************/
/**************************************************************************/

.content {
    padding: 40px 32px 40px 28px;
}

h1, h2, h3, h4 {
    font-weight: bold;
}
.middle_wrapper h1, .middle_wrapper h2.likeh1 {
    color: #008dc8;
    text-shadow:0 0 1px rgba(0, 141, 200, 0.35);
    font-size: 2.0em;
    margin-bottom: 0.25em;
    margin-top: 0;
}
.middle_wrapper h2 {
    font-size: 1.3em;
    margin-top: 1.4em;
    margin-bottom: 0.8em;
}
.middle_wrapper h3, .middle_wrapper h4 {
    font-size: 1.2em;
    margin-top: 1.3em;
    margin-bottom: 0.8em;
}
.middle_wrapper h4 {
    font-style: italic;
}
.middle_wrapper p {
    font-size: 1.15em;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    line-height: 1.6em;
}

.shadow_input {
    padding: 8px;
    background: #fff;
    width: 220px;
    font-size: 14px;
    color: #19191a;
    border: 1px #c4c4c4 solid;

    /* -- CSS3 Shadow - create a shadow around each input element -- */
    -webkit-box-shadow: 0px 0px 4px #aaa;
    -moz-box-shadow: 0px 0px 4px #aaa;
    box-shadow: 0px 0px 4px #aaa;

    /* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */
    -moz-transition: background 0.2s linear;
    -webkit-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
.shadow_input:hover, .middle_wrapper .bigselect:hover {
    background: #eaebeb;
}
.twocols {
    width: 936px;
}
.twocols td {
    padding: 0;
    vertical-align: top;
/*    overflow: hidden;*/
}
.twocols td.main {
    width: 625px;
}
.twocols td.separator {
    width: 61px;
    padding: 0;
    text-align: center;
}
.twocols td.sidebar {
    width: 250px;
}

.v_separator {
    background-color: white;
    background-position: -269px -588px;
    width: 8px;
    height:350px;
}

.middle_wrapper .right_div {
    padding-top: 20px;
}
.input_with_button_tbl {
    text-align: left;
    width: 100%;
    margin: 15px 0px;
}
.input_with_button_tbl td {
    vertical-align: middle;
    width: auto;
}
.input_with_button_tbl .biginput.thinner {
    margin: 0;
    width: 335px;
}
.input_with_button_tbl .right {
    text-align: right;
}
.middle_wrapper .biginput, .middle_wrapper .bigtextarea {
    font-size:1.7em;
    height:28px;
    margin:10px  0 20px;
    padding:11px 8px 7px 8px;
    width:409px;
}
.middle_wrapper .bigselect_tbl {
    padding: 0px;
    margin: 10px 0 20px;
}
.middle_wrapper .bigselect_tbl td {
    padding: 11px 5px 9px 5px;
}
.middle_wrapper .bigselect {
    font-size: 1.5em;
    width: 412px;
    height: auto;
    margin: 0;
    border: 0 none white;
    color: #555;
}

.middle_wrapper .bigtextarea {
    font-size:1.1em;
    height:180px;
}
.middle_wrapper .lightgray {
    color: #889295;
}
.middle_wrapper .error_msg {
    margin: 10px 0;
    background: #FEF1EC url('images/tango-face-sad-md.png')  no-repeat 15px 15px;
    color: #CD0A0A;
    padding: 15px 15px 15px 65px;
    _padding-bottom: 30px;
    display: none;
    min-height: 32px;
    font-weight: bold;

    border: 2px solid #CD0A0A;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.left_top_div {
    width: 445px;
}
.left_top_div_wider {
    width: 550px;
}
.left_top_div_auto {
    width: 55%;
}

/**************************************************************************/
/***** ADVERTS ************************************************************/
/**************************************************************************/

.adverts {
    position: absolute;
    top: -78px;
    right: 0px;
    z-index: 20;

    width: 496px;
}

/** BSA override **/
html body .center_div div .adverts div a {
    background: transparent url('images/advert-back-125x125.png') no-repeat 0px 0px;
    border: none;
    width: 125px;
    height: 125px;
    padding: 7px 20px 14px 19px;
    margin: 0 -3px;
    color: #A0A0A0;
}
html body .center_div div .adverts div a.adhere:hover {
    background: transparent url('images/advert-back-125x125.png') no-repeat 0px 0px;
    border: none;
    width: 125px;
    height: 125px;
    padding: 7px 20px 14px 19px;
    margin: 0 -3px;
}

/**************************************************************************/
/***** BUTTONS ************************************************************/
/**************************************************************************/

a.btn {
    /* display: block;*/
    background: transparent url('images/btn_sprite.jpg') repeat-x 0 0;
    text-decoration: none;

    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;

    -moz-box-shadow: 0 1px 5px #999;
    -webkit-box-shadow: 0 1px 5px #999;
    box-shadow: 0 1px 5px #999;

    border: 1px solid gray;
    position: relative;
    cursor: pointer;
    text-align: center;

    /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -moz-transition: -moz-box-shadow 0.2s linear; /* for firefox 4 */
    -webkit-transition: -webkit-box-shadow 0.2s linear;
    transition: box-shadow 0.2s linear;
}
a.btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 8px #939393;
    -moz-box-shadow: 0px 1px 8px #939393;
    box-shadow: 0px 1px 8px #939393;
}
a.btn:active {
    top: 1px;
}

a.btn.btn_disabled, a.btn.btn_disabled:hover, a.btn.btn_disabled:active {
    background-position: 0 -145px;
    color: #BDBDBD;
    text-shadow: none;
    border-color: #d1d1d2;
    -moz-box-shadow: 0 1px 5px #999;
    -webkit-box-shadow: 0 1px 5px #999;
    box-shadow: 0 1px 5px #999;
    top: 0;
}

/**************************************************************************/
/***** BUTTONS: SIZES *****************************************************/
/**************************************************************************/

a.btn_big {
    height: 50px;
    font: bold 2.0em "Tahoma", sans-serif;
    letter-spacing: -0.03em;
    padding: 19px 21px 0px 21px;
}
a.btn_big_two_lines {
    line-height: 100%;
    font-size: 1.7em;
    padding-top: 13px;
    height: 56px;
    *padding-top: 10px;
    *height: 60px;
}
a.btn_medium {
    height: 42px;
    font: bold 1.7em "Tahoma", sans-serif;
    letter-spacing: 0em;
    padding: 14px 19px 0px 19px;
}
a.btn_small {
    height: 34px;
    font: 1.4em "Tahoma", sans-serif;
    letter-spacing: 0em;
    padding: 12px 12px 0px 12px;
}
a.btn_small.largertext {
    height: 39px;
    padding-top: 7px;
    font-size: 1.9em;
}
a.btn .loading {
    padding-bottom:3px;
}

/**************************************************************************/
/***** BUTTONS: COLORS ****************************************************/
/**************************************************************************/
a.btn_orange {
    color: white;
    /*    text-shadow: 0 -1px 3px #897635;*/
    text-shadow:0 0 1px rgba(255,255,255,0.4), 0 0 0.3em rgba(137, 118, 53, 0.9);
    /*    text-shadow:0 0 1px rgba(211, 170, 41, 0.3);*/
    border-color: #e8b726;
}
a.btn_orange:hover {
    background-position: 0 -72px;
}

a.btn_gray {
    background-position: 0 -145px;
    color: #838383;
    /*    text-shadow: 0 -1px 1px #ebebef;*/
    text-shadow: 0 0 1px rgba(155, 155, 155, 0.8);
    border-color: #d1d1d2;
}
a.btn_gray:hover {
    background-position: 0 -217px;
}

a.btn_blue {
    background-position: 0 -292px;
    color: #468dba;
    text-shadow: 0 -1px 1px #cad4db;
    text-shadow: 0 0 1px rgba(70, 141, 186, 0.5);
    border-color: #fcf8ff;
}
a.btn_blue:hover {
    background-position: 0 -362px;
}
a.btn_bold {
    font-weight: bold;
}


/**************************************************************************/
/***** CSS ONLY TOOLTIPS **************************************************/
/**************************************************************************/
.tooltip {
    vertical-align:middle;
    border-bottom:1px dotted gray;
    cursor:help;
    line-height:1.3em;
    z-index:40;
}
.tooltip:hover {
    position: relative;
}
.tooltip.gray {
    color: gray;
}
.tooltip.smaller {
    font-size: 0.7em;
}
.tooltip .tip {
    margin-left: -999em;
    position: absolute;
    z-index: 250;
}
.tooltip .tip p {
    font: normal 12.5px "Tahoma", sans-serif;
    color: #474a4d;
    padding: 6px 0px;
}
.tooltip:hover .tip {
    border: 1px solid #FAD42E;
    background: #f9f6a8;

    opacity: 0.95;
    filter: alpha(opacity=95);

    position: absolute;
    left: 1em;
    top: 1em;
    width: 325px;
    margin-left: 0;
    padding: 10px 15px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow:0 0 4px #bcbcbc;
    -webkit-box-shadow:0 0 4px #bcbcbc;
    box-shadow:0 0 4px #bcbcbc;

    text-shadow: none;
}

/**************************************************************************/
/***** SAFELIST PAGE: PAGINATION ******************************************/
/**************************************************************************/

.pagination_desc {
    font-style:italic;
    margin-left:15px;
    float:right;
    padding-top: 15px;
}
.pagination_desc strong {
    color:#176F94;
}
.pagination {
    /* color:#176F94;
    font-weight:bold; */
    font-size:0.95em;
    margin-right:10px;
    padding-top: 15px;
}
.pagination .pagenum a, .pagination .pagenum {
    margin:0px 1px;
}
.pagination a, .pagination .disabled {
    margin:0px 10px;
}

/**************** WORDPRESS ***********************/

.entry-meta, .entry-utility {
    font-size: 1.0em;
    color: gray;
    padding: 8px 0 12px 0;
}
.entry-meta {
    padding-bottom: 20px;
}
.sidebar .widget-container {
    padding: 0 0 20px 0;
}
.sidebar h3 {
    margin-top: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0;
}
.sidebar li {
    margin: 0 0 0.5em 0;
    line-height: 1.2em;
    font-size: 1.05em;
}
.post {
    padding-bottom: 15px;
    font-size: 1.0em;
}
.entry-content {
    font-size: 1.1em;
    margin-bottom: 12px;
}
.entry-content object {
	margin-bottom: 18px;
}
.entry-content img {
margin:0 0 1.5em;
}
.entry-content ul, .entry-content ol {
    font-size: 1.15em;
}
.alignleft, img.alignleft {
display:inline;
float:left;
margin-right:1.5em;
}
.alignright, img.alignright {
display:inline;
float:right;
margin-left:1.5em;
}
.aligncenter, img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption {
    display: inline-block;
    text-align:center;
    background-color:#E9E8EA;
    border:7px solid #E9E8EA;
    border-left-width:2px;
    border-right-width:2px;
    margin: 10px 0 20px 0;
}
.wp-caption.alignleft, .alignleft {
    margin:4px 15px 15px 0;
    float: left;
}
.wp-caption.alignright, .alignright {
    margin:4px 0 15px 15px;
    float: right;
}
.entry-content .wp-caption img {
    margin:0;
    padding:0;
}
.entry-content .wp-caption .wp-caption-text {
    margin:7px 0 0 0;
    font-size: 0.9em;
    padding-bottom: 0px;
}
.middle_wrapper .notice_msg {
    margin: 20px 0 15px 0;
    padding: 15px;
    background-color: #F4F5ED;

    border: 2px solid orange;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.notice_msg h3 {
    margin-top: 0;
}


#disqus_thread {
    width: 625px !important;
}
#dsq-content h3 {
    font-size:1.5em;
    padding: 0 0 15px 0;
}
#disqus_thread #dsq-content #dsq-global-toolbar {
    float:right;
    margin:0;
}
#dsq-content #dsq-comments-title {
    padding-top: 15px;
}
.dsq-commenter-bio {
    white-space: normal;
}

#nav-below {
    font-size: 1.1em;
}

.hor_separator {
    background: white url('images/hor_separator.jpg') no-repeat top center;
    height: 8px;
    padding-bottom: 20px;
}

.tweetmeme-share-badge {
    float: right;
    padding: 6px 0px 10px 10px;
}

/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 604px;
	width: 100%;
}

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
	max-width: 1040px;
	padding-left: 60px;
	padding-right: 376px;
}

.comments-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
	margin-left: 0;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
}

.comment-list .children {
	margin-left: 20px;
}

.comment-list > li:after,
.comment-list .children > li:before {
	background: url(images/dotted-line.png) repeat left top;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
}

.comment-list > li:last-child:after {
	display: none;
}

.comment-body {
	padding: 10px 0;
	position: relative;
}

.comment-author {
	float: left;
	max-width: 74px;
	padding-right: 15px;
}

.comment-author .avatar {
	display: block;
	margin-bottom: 10px;
}

.comment-author .fn {
	word-wrap: break-word;
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
	color: #bc360a;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.says {
	display: none;
}

.no-avatars .comment-author {
	margin: 0 0 5px;
	max-width: 100%;
	position: relative;
}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
	width: 100%;
}

.bypostauthor > .comment-body .fn:before {
	content: "\f408";
	vertical-align: text-top;
}

.comment-list .edit-link {
	margin-left: 20px;
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	float: right;
	width: 79%;
	width: -webkit-calc(100% - 124px);
	width:         calc(100% - 124px);
	word-wrap: break-word;
}

.comment-meta,
.comment-meta a {
	color: #a2a2a2;
	font-size: 13px;
}

.comment-meta a:hover {
	color: #ea9629;
}

.comment-metadata {
	margin-bottom: 20px;
}

.ping-meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 2;
}

.comment-awaiting-moderation {
	color: #a2a2a2;
}

.comment-awaiting-moderation:before {
	content: "\f414";
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.comment-reply-link:before,
.comment-reply-login:before {
	content: "\f412";
	margin-right: 3px;
}

/* Comment form */
.comment-respond {
	background-color: #f7f5e7;
	padding: 2px 17px;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}

.comment-reply-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-reply-title small a {
	color: #131310;
	display: inline-block;
	float: right;
	height: 16px;
	overflow: hidden;
	width: 16px;
}

.comment-reply-title small a:hover {
	color: #ed331c;
	text-decoration: none;
}

.comment-reply-title small a:before {
	content: "\f406";
	vertical-align: top;
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
	padding: 0;
}

.comment-form .comment-notes {
	margin-bottom: 15px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	padding: 5px 0;
	width: 120px;
}

.comment-form .required {
	color: #ed331c;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	max-width: 270px;
	width: 60%;
}

.comment-form textarea {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	color: #686758;
	font-size: 12px;
}

.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
	padding-top: 24px;
}

.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	max-width: 604px;
	padding: 20px 0 30px;
	width: 100%;
}

.no-comments {
	background-color: #f7f5e7;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}

.sidebar .no-comments {
	padding-left: 60px;
	padding-right: 376px;
}


.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 16px/1 Genericons;
  vertical-align: text-bottom;
}

.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
  clear: both;
}

.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
  content: "";
  display: table;
}

.comment-content img {
  max-width: 100%;
}
.comment-content img[height] {
  height: auto;
}

.comment-content a {
  color: #bc360a;
}
.comment-content a:hover {
  color: #ea9629;
}