/* content area styles, shared with editor */
/* BLUPO */

/* div.content_area { overflow:hidden; } */
.content_area { 
	font-size: 100%; 
	color: #333; 
	text-align: left; 
	font-family: 'Roboto', sans-serif !important; 
	-webkit-font-smoothing: subpixel-antialiased; 
	text-rendering: optimizeLegibility; 
	width: 650px; 
	padding: 25px;
	border: 1px dotted #cdcdcd;
    margin: 12px 50px;
}
.content_area h1 { letter-spacing:-0.04em; }
.content_area .column h3 a { font-size:18px; color:#777; text-decoration:none; letter-spacing:-0.05em; }
.content_area table.center { margin:0 auto; }

/*.content_area p, .content_area li, .content_area div { line-height: 1.5em; }*/
.content_area p { line-height:1.5em; }

.content_area p.byline, .content_area p.byline a { font-size:12px; font-weight:bold; color:#999; margin:0; }

.content_area li { margin:8px 3em; list-style:disc outside!important; line-height:1.5em; }
.content_area li.legacy { margin:0; list-style:none; padding-left:1.5em; background:url(http://i.somethingawful.com/bluesquare.gif) no-repeat left; clear:both; } /* style old improperly-used [bp] tags */

/* images and captions */
/*.content_area img { border:1px black solid; }*/
.content_area .left { float:left; margin-right:8px; }
.content_area .right { float:right; margin-left:8px; }
.content_area .center { display:block; margin:0 auto; text-align:center; }
.content_area div.imgcap img { margin-bottom:4px; padding:0; margin:0; }  /* wtc? adding a border to this class makes the img element disappear in IE */
/*.content_area div.imgcap { border:1px #ccc solid; background:#e6e6e6; text-align:center; padding:0; margin:0; padding:1px; margin-right:8px; position:relative; } */
.content_area div.imgcap { line-height:normal; border:1px #ccc solid; background:#e6e6e6; text-align:center; padding:1px; }
.content_area div.imgcap div { font-size:10px; padding:0; margin:0; }

.content_area img.outline { border:1px black solid }

/* review scoring tables */
.content_area table.scores_game, .content_area table.scores_hentai, .content_area table.scores_rompit, .content_area table.scores_movie
{ margin-left:auto; margin-right:auto; background:#ccc; border-collapse:collapse; width:60%; }
.content_area table.scores_game th, .content_area table.scores_hentai th, .content_area table.scores_rompit th, .content_area table.scores_movie th
{ border:1px #999 solid; padding:4px; font-size:12px; text-align:left; }
.content_area table.scores_game td, .content_area table.scores_hentai td, .content_area table.scores_rompit td, .content_area table.scores_movie td
{ border:1px #999 solid; padding:4px; background:#eee; }
.content_area table.scores_game .total td, .content_area table.scores_game .total th,
.content_area table.scores_hentai .total td, .content_area table.scores_hentai .total th,
.content_area table.scores_rompit .total td, .content_area table.scores_rompit .total th,
.content_area table.scores_movie .total td, .content_area table.scores_movie .total th
{ font-weight:bold; font-size:14px; }

/* clif yablonski items */
.content_area dl.yablonski { float:left; margin:0; padding:0; margin-bottom:3em; clear:both; }
.content_area dl.yablonski dt { float:left; margin-right:16px; clear:left; }
.content_area dl.yablonski dt img { border:1px black solid; }
.content_area dl.yablonski dd { font-size:18px; display:inline; margin:0; }

.content_area .color_white { color:#ffffff; }
.content_area .color_red { color:#f00; }
.content_area .color_blue { color:#00f; }
.content_area .color_green { color:#0f0; }
.content_area .color_yellow { color:#ff0; }
.content_area .color_orange { color:#ffa500; }
.content_area .color_purple { color:#800080; }

.content_area .font_tiny { font-size: 55%; line-height: 1.5em; }
.content_area .font_small { font-size: 85%; line-height: 1.3em; }
.content_area .font_normal { font-size: 100%; }
.content_area .font_big { font-size: 145%; line-height: 1.3em; }
.content_area .font_huge { font-size: 210%; line-height: 1.3em; }

.content_area .font_smaller { font-size: 70%; }
.content_area .font_huger { font-size:32px; line-height:32px; }
.content_area .font_giant { font-size:40px; line-height:40px; }
.content_area .font_bigger { font-size:24px; }

/* editor styles for dropdown */
/* .content_area .accentbox { padding:8px; background:#f0f0f0; border:1px #ccc solid; margin:16px 0; clear:both; line-height:18px; } */

.content_area .accentbox {
    background: #eff3f7;
    border: 1px solid #b4c1cd;
    border-radius: 10px;
    -webkit-box-shadow: -2px -3px 4px #d2dbe3 inset;
    box-shadow: -2px -3px 4px #d2dbe3 inset;
    padding: 10px;
}
.content_area .accentbox p { margin:0; margin-bottom:1em; }
.content_area .font_fixed { font-family:courier new; }

body.content_area { background: url(http://i.somethingawful.com/images/cms-back-left-background.png) repeat-y !important; background-position: left !important; }

