/*----------------------------------------------------
	
	SCREEN.CSS

----------------------------------------------------*/

@import url("reset.css");
@import url("colorbox.css");


/*--- 00. Common Elements ---------------------------------------------------------------------------*/

body						{background:url(../img/_bkg.png) repeat-x #FAFAFA; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}

a							{color:#952739;}
a:hover						{color:#333333; text-decoration:none;}


/*--- 01. Headings ---------------------------------------------------------------------------*/

h1							{color:#333333; font-size:3.6em; font-weight:bold; margin:9px 0;}
h2							{color:#333333; font-size:2.4em; font-weight:bold; margin:20px 0 10px 0;}
h3							{color:#333333; font-size:2em; font-weight:bold; margin:20px 0 10px 0;}

h1 a						{color:#333333; text-decoration:none;}
h1 a:hover					{color:#952739;}


/*--- 02. Global Layout ---------------------------------------------------------------------------*/

#main_container				{margin:0px auto; padding:0 10px; position:relative; width:960px;}
#content_container			{padding:224px 0 0 0;}
#content					{float:left; padding:20px; width:590px;}


/*--- 03. Header ---------------------------------------------------------------------------*/

#header						{height:224px; left:0; position:absolute; top:0; width:960px;}
#logo						{display:block; margin:30px auto; width:327px;}

#nav						{float:right; position:relative; right:50%;}
#nav li						{float:left; left:50%; margin:3px 6px 0 0; padding:0 0 10px 0; position:relative;}
#nav a						{background:#952739; color:#FFFFFF; display:block; font-size:1.1em; font-weight:bold; padding:5px 7px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#nav a:hover				{background:#FFFFFF; color:#333333;}
#nav ul						{background:#FFFFFF; border:3px solid #EEEEEE; display:none; padding:5px; position:absolute; top:35px; width:200px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#nav ul li					{float:none; left:auto; margin:0; padding:0;}
#nav ul a					{background:0; border-top:1px solid #EEEEEE; color:#952739; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
#nav ul a:hover				{background:#EEEEEE; color:#333333;}
#nav ul li:first-child a	{border:0;}

#link-rss					{background:url(../img/_rss.png) 2px 0 no-repeat; color:#999999; float:left; font-size:1.2em; font-weight:bold; margin:16px 0 0 10px; padding:7px 0 12px 59px; text-decoration:none;}
#link-rss:hover				{color:#333333;}

#header form				{background:#FFFFFF; float:right; height:36px; margin:14px 0 0 0; overflow:hidden; padding:0!important; width:280px;}
#header input[type='text']	{border:0; color:#999999; float:left; font-weight:bold; margin:5px 7px 4px 3px; width:210px;}
#header input[type='submit']	{background:url(../img/_spyglass.png) center no-repeat #333333; border:0; cursor:pointer; float:right; height:36px; padding:0 0 0 40px; text-indent:-9999px; width:40px; -moz-border-radius:0 5px 5px 0; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; border-radius:0 5px 5px 0;}
#header input[type='submit']:hover	{background-color:#952739;}


/*--- 04. Content ---------------------------------------------------------------------------*/

.section,
#header form				{background:#FFFFFF; margin-bottom:10px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.20); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.20); box-shadow:0 0 5px rgba(0,0,0,0.20);}
.side-section h2			{background:#333333; color:#FFFFFF; margin:0 0 10px 0; padding:10px 9px 6px 9px;}

#content p					{font-size:1.2em; line-height:1.6em; padding:7px 0;}


/*--- 05. Index ---------------------------------------------------------------------------*/

#lead-story					{float:left; width:610px;}
#lead-story img				{float:left; margin:0 10px 0 0;}
#lead-story p				{font-size:1.2em; line-height:1.3em; margin-bottom:17px;}
.read-more					{background:url(../img/_arrow_double.gif) 0 4px no-repeat; color:#952739; font-size:1.4em; font-weight:bold; padding:0 0 0 11px; text-decoration:none;}
.read-more:hover			{color:#333333;}

#latest-stories				{float:left; overflow:hidden; width:610px;}
#latest-stories	h2			{background:#333333; color:#FFFFFF; margin:0 0 10px 0; padding:10px 9px 6px 9px;}

#latest-stories				{padding-bottom:0;}
#latest-stories ul			{margin:0 -10px;}
#latest-stories	li			{margin:0 10px 10px 10px;}

#lead-video,
#lead-ads					{float:right; with:300px;}

#most-shocking 				{clear:both; margin:10px 0;}
#most-shocking h6			{background:url(../img/_heading_mostshocking.png) no-repeat; display:inline; float:left; height:193px; margin:44px 9px 0 2px; text-indent:-9999px; width:115px;}
#most-shocking li			{float:left; margin:0 0 10px 10px; width:248px;}
#most-shocking a			{color:#FFFFFF; display:block; font-size:1.8em; font-weight:bold; height:248px; position:relative; text-decoration:none;}
#most-shocking span			{background:#333333; background:rgba(0,0,0,0.7); bottom:0; color:#FFFFFF; left:0; padding:10px; position:absolute; width:228px;}
#most-shocking a:hover span	{background:#952739; background:rgba(149,39,57,0.7);}

#categories					{float:left; margin:0; width:720px;}
#categories h6 a			{background:url(../img/_arrow_double.gif) right 7px no-repeat; border-bottom:1px solid #E5E5E5; color:#333333; display:block; font-size:1.8em; font-weight:bold; padding:0 0 10px 0; text-decoration:none;}
#categories h6 a:hover		{color:#952739;}
#categories li				{display:inline; float:left; height:200px; margin:10px; width:200px;}
#categories li ul			{padding:4px 0 0 8px;}
#categories li li			{background:url(../img/_bullet.png) 0 7px no-repeat; display:block; float:none; height:auto; margin:0; padding:2px 5px 2px 10px; width:auto;}
#categories li li a			{color:#666666; font-size:1.1em; font-weight:bold; text-decoration:none;}
#categories li li a:hover	{color:#952739;}

#shocking-topics,
#latest-discussion			{float:right; margin:10px 0 0 0; width:220px;}
#shocking-topics p			{font-weight:bold; line-height:1.8em; text-align:center;}
#shocking-topics a			{text-decoration:none;}

#latest-discussion li		{border-top:1px solid #E5E5E5; font-size:1.1em; padding:8px 0;}
#latest-discussion li:first-child	{border:0;}
#latest-discussion strong	{color:#333333;}
#latest-discussion a		{text-decoration:none;}


/*--- 06. Sidebar ---------------------------------------------------------------------------*/

#side-column				{float:right; width:320px;}

#recent-stories				{clear:both; margin:10px 0 0 0;}
#recent-stories li			{border-top:1px solid #E5E5E5; font-size:1.1em; padding:8px 0;}
#recent-stories li:first-child	{border:0;}
#recent-stories strong		{color:#333333;}
#recent-stories a			{text-decoration:none;}	{}


/*--- 07. Posts ---------------------------------------------------------------------------*/

.post-imgs					{margin:20px -10px; overflow:hidden;}
.post-imgs li				{background:url(../img/_noimage.jpg) no-repeat; float:left; margin:0 0 10px 10px; width:190px;}
.post-imgs a				{color:#FFFFFF; display:block; font-size:1.2em; font-weight:bold; height:123px; position:relative; text-decoration:none;}
.post-imgs span				{background:#333333; background:rgba(0,0,0,0.7); bottom:0; color:#FFFFFF; left:0; padding:10px; position:absolute; width:170px;}
.post-imgs a:hover span		{background:#952739; background:rgba(149,39,57,0.7);}

#paging li a				{font-size:2em; text-decoration:none;}
#previous					{float:left;}
#next 						{float:right;}

.post h1					{font-size:8em; margin:20px 0;}

.post-meta-author,
.post-meta-date				{background:url(../img/_icon_date.png) 0 1px no-repeat; color:#999999; float:left; font-size:1.1em!important; padding:0 0 0 20px!important; text-transform:uppercase;}
.post-meta-author			{background:url(../img/_icon_author.png) 0 1px no-repeat; margin:0 30px 0 0;}
.post-meta-author a			{color:#999999; text-decoration:none;}
.post-meta-author a:hover	{color:#333333;}

.entry						{clear:both; padding:20px 0 0 0;}
.entry p:first-child		{font-weight:bold;}
.entry img					{float:left; margin:10px 20px 10px 0;}

.entry ul,
.entry ol					{font-size:1.2em; margin:10px 30px;}
.entry ul					{list-style:square;}
.entry ol					{list-style:decimal;}
.entry li					{margin:5px 0;}

#tags						{height:100%; margin:10px 0 0 0; overflow:hidden;}
#tags a						{background:rgba(0,0,0,0.5); color:#FFFFFF; display:block; float:left; font-size:0.9em; font-weight:bold; margin:0 5px 0 0; padding:2px 7px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#tags a:hover				{background:#952739;}


/*--- 08. Comments ---------------------------------------------------------------------------*/

#comments					{margin:30px 0 0 0;}
#comments h3				{text-transform:uppercase;}
#comments ol				{}
#comments li				{height:100%; overflow:hidden;}

.comment-meta				{background:url(../img/_icon_comment.png) 8px 13px no-repeat; border-top:2px solid #666666; float:left; font-size:1.1em; padding:12px 10px 30px 30px; width:100px;}
.comment-meta cite			{color:#333333; font-weight:bold;}
.comment-meta-date			{color:#999999; display:block; margin:4px 0; text-transform:uppercase;}

.comment-content			{border-top:2px solid #999999; float:left; padding:1px 10px; width:430px;}

#commentform				{border-top:2px solid #CCCCCC; padding:10px 0 0 0;}


/*--- 50. Footer Elements ---------------------------------------------------------------------------*/

#footer-container			{background:url(../img/_footer_bkg.png) repeat-x; margin:75px 0 25px 0;}
#footer						{clear:both; color:#999999; font-size:1.1em; margin:0px auto; overflow:hidden; text-transform:uppercase; width:940px;}
#footer h6					{color:#FFFFFF; float:left; font-size:3.45em; margin:22px 0;}
#footer a					{color:#999999; text-decoration:none;}
#footer a:hover				{color:#FFFFFF;}
#footer-nav					{float:left; margin:29px 15px;}
#footer-nav li				{border-left:1px solid #666666; float:left; padding:0 5px;}
#footer-nav li:first-child	{border:0;}
#link-rss-sm				{background:url(../img/_rss_sm.png) no-repeat; float:right; margin:28px 0; padding:1px 0 1px 22px;}
#copyright					{clear:both;}


/*--- 51. Form Elements ---------------------------------------------------------------------------*/

form p						{height:100%; overflow:hidden;}
label						{color:#333333; display:block; font-weight:bold;}
input[type='text'],
textarea					{color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; width:250px;}
textarea					{height:150px; width:500px;}

form .required				{background:url(../img/icon_required.gif) no-repeat; display:block; float:left; height:13px; margin:6px 0 0 6px; text-indent:-9999px; width:53px;}

#p_security					{clear:both; display:none; height:0px; visibility:hidden;}
#p_security label			{float:none; padding:0 0 4px 0; text-align:left; width:auto;}
#p_security .input_box		{display:block; float:none;}

.wpcf7-form img				{float:none; margin:0;}
#commentform input[type='text'],
#commentform textarea,
.wpcf7-form input[type='text'],
.wpcf7-form textarea		{float:left;}
.wpcf7-not-valid-tip-no-ajax	{background:url(../img/icon_warning.png) no-repeat; display:block; float:left; height:17px; margin:4px 0 0 6px; text-indent:-9999px; width:17px;}

#commentform input[type="submit"],
.wpcf7-form input[type="submit"]	{background:url(../img/_btn_send.png) no-repeat; border:0; cursor:pointer; height:35px; padding:0 0 0 120px; text-indent:-9999px; width:120px;}
#commentform input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:hover	{background-position:-120px 0;}


/*--- 52. Response Elements ---------------------------------------------------------------------------*/

.wpcf7-response-output		{background:url(../img/response_bkg.jpg) repeat-x #FFFFFF; border:1px solid #CCCCCC; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:11px!important; font-weight:bold; line-height:1.3em; margin:0 0 20px 0; padding:1px; position:relative; zoom:1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.wpcf7-display-none			{display:none;}
.wpcf7-response-output a	{color:#333333;}
.wpcf7-response-output a:hover		{text-decoration:none;}
.wpcf7-response-output div	{padding:6px 46px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.wpcf7-validation-errors div{background:url(../img/response_error.jpg) left center no-repeat; color:#B7220A;}
.wpcf7-mail-sent-ok	div		{background:url(../img/response_success.jpg) left center no-repeat; color:#0F8915;}

#msg_response				{background:url(/img/response_bkg.jpg) #FFFFFF repeat-x; border:1px solid #CCCCCC; clear:both; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px!important; font-weight:bold; line-height:1.3em; margin:20px 0; padding:1px; position:relative; zoom:1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#msg_response a				{color:#333333;}
#msg_response a:hover		{text-decoration:none;}
#msg_response span			{background:url(/img/response_close.gif) no-repeat; height:11px; position:absolute; right:10px; top:8px; width:10px;}

#msg_response div			{padding:6px 46px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.msg_error					{background:url(/img/response_error.jpg) left center no-repeat; color:#B7220A;}
.msg_success				{background:url(/img/response_success.jpg) left center no-repeat; color:#0F8915;}


/*--- 53. Skip Link ---------------------------------------------------------------------------*/

#skip_link					{float:left; margin:0 0 0 -9999px; text-decoration:none;}
#skip_link:focus			{background:#333333; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#FFFFFF; font-size:11px; margin:0; padding:3px 7px 3px 5px; position:relative; z-index:1000;}

/*--- 101. Clearfix Elements ---------------------------------------------------------------------------*/

.clearfix:after 			{clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden;}
.clearfix 					{display:inline-block;}
html[xmlns] .clearfix 		{display:block;}
* html .clearfix 			{height:1%;}