/**
 * global.css
 * http://www.boxingcapital.com
 * @author Martin Bean
 **/

html {
	background: #050d16 url(../images/background-tile.gif) repeat-x 0 0;
}
body {
	color: #f2f2f2;
	font: normal 10px/150% Verdana, 'Geneva', sans-serif;
	/*background: url(../images/masthead.jpg) no-repeat 50% 0%;*/
}


/* default link styles */
a img { border: none; }

a:link, a:visited {
	color: #153259;
	text-decoration: underline;
}
a:hover, a:active {
	color: #f21d2f;
}


/* page layout styles */
#container {
	background: #050d16 url(../images/container.gif) repeat-x 50% 0%;
	width: 96em;
	margin: 0 auto;
}
#masthead {
	display: block;
	width: 94em;
	height: 23.9em;
	width: 94em;
	margin: 0 auto;
	overflow: hidden;
}
#masthead img {
	display: block;
	width: 100%;
	height: 100%;
}


/* navigation */
#navigation { background: url(../images/navigation.gif) no-repeat 0 0; display: block; padding: 1.3em 2em; overflow: auto; }
#navigation li { display: inline; float: left; }
#navigation li a { color: #8a99ac; font-size: 1.4em; text-decoration: none; text-transform: uppercase; margin: 0 2em 0 0; }
#navigation li a:hover { color: #f2f2f2; }
#navigation li a .new { color: #f25764; font-size: 0.785em; }
#navigation li.selected a { color: #f2f2f2; }


/* content */
#content { clear: left; float: left; padding: 0 1em; }


/* skyscraper */
#skyscraper { float: right; margin: 0 1em 0 0; overflow: hidden; }
#skyscraper a { background: #444a50; display: block; border: solid 0.3em #444a50; }
#skyscraper a img { display: block; width: 120px; height: 600px; }
#skyscraper a:hover { background: #444a50; border: solid 0.3em #4a596c; }
/* TODO: jQuery: fade from default border-color to :hover border-color */


/* footer */
#footer { clear: both; padding: 2em 1em; }
#footer p { color: #444a50; font-size: 1.1em; line-height: 1.545em; }
#footer p a { color: #8a99ac; text-decoration: none; }
#footer p a:hover { color: #f2f2f2; text-decoration: none; }


/* form styles */
input.text, textarea {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	display: block;
	margin: 0 0 1em;
	padding: 0.36em;
	border: solid 1px #000;
	border-color: #050d16 #0a192c #102543;
}
input.submit {
	color: #f2f2f2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #2d476a url(../images/submit-bg.gif) repeat-x 0 0;
	float: left;
	margin: 0;
	padding: 0.45em 0.72em;
	border: solid 1px #0a192c;
}
input.submit:hover {
	color: #fff;
	cursor: pointer;
}


/* home page styles */
#latest_features { float: left; width: 52em; height: 32em; }
#latest_features .slide { background: #000; display: block; float: right; width: 30em; height: 32em; overflow: hidden; }
#latest_features .slide img { display: block; margin: 0 auto; }
#latest_features ul { background: #f2f2f2 url(../images/latest_features_ul.gif) repeat-y 0 0; display: block; float: left; width: 22em; }
#latest_features ul li { display: block; }
#latest_features ul li a { text-decoration: none; display: block; width: 100%; height: 7.8em; border-top: solid 1px #fff; border-bottom: solid 1px #d1d1d1; }
#latest_features ul li.first a { background: url(../images/latest_features_top.gif) no-repeat 0 0; height: 7.9em; border-top: none; }
#latest_features ul li.last a { background: url(../images/latest_features_bottom.gif) no-repeat 0 100%; height: 7.9em; border-bottom: none; }
#latest_features ul li .category { color: #f25764; font-size: 1.1em; display: block; padding: 0.909em 0.909em 0.45em; }
#latest_features ul li .title { color: #153259; font-size: 1.3em; font-weight: bold; line-height: 1.308em; text-decoration: none; display: block; padding: 0 0.769em 0.769em; }
#latest_features ul li img { display: none; }
#latest_features ul li a:hover { background: #142f54 url(../images/latest_features_hover.gif) repeat-y 0 0; }
#latest_features ul li a:hover .title { color: #f2f2f2; }
#latest_features .slide.ui-tabs-hide { display: none; }
/*
#latest_features ul li:hover .category { color: #f2f2f2; }
*/
#latest_features ul li:hover .title a { color: #f2f2f2; }

#newsletter_signup { background: #153259 url(../images/newsletter-bottom.gif) no-repeat 0% 100%; float: left; width: 22em; height: 32em; margin: 0 0 0 2em; }
#newsletter_signup h2 { color: #fff; background: url(../images/newsletter-top.gif) no-repeat 0% 0%; font-size: 1.3em; display: block; padding: 1em 1em 0; }
#newsletter_signup p { padding-bottom: 1em; }
#newsletter_signup form { font-size: 1.1em; line-height: 1.54em; display: block; padding: 0.72em 1.18em 1.18em; }
#newsletter_signup form label { font-weight: bold; display: block; padding: 0 0 0.27em; vertical-align: top; }
#newsletter_signup form input.text { width: 90%; }

#article_main { float: left; width: 48em; }
#article_main h1 { line-height: 1.25; }
#article_main .date { color: #797979; font-size: 1.1em; padding: 0 0 1em; }
#article_main .social_actions { margin: 1em 0 1.5em; padding: 1em; border: solid 1px #c0c0c0; }
#article_main .social_actions .hint { color: #464646; float: left; }
#article_main .social_actions .help { float: right; }
#article_main .social_actions ul { clear: both; }
#article_main .social_actions ul li { font-size: 1.2em; display: inline; padding: 0 1em; }
#article_main .article_actions li { font-size: 1.1em; display: inline; float: left; width: 45%; }

#article_sidebar { float: left; width: 22.5em; margin: 0 0 0 2em; }
#article_sidebar h3 { font-size: 1.1em; font-weight: normal; text-transform: uppercase; background: #060e18 url(../images/sidebar-head.gif) repeat-x 0 0; display: block; padding: 0.5em 1em; }
#article_sidebar h3 a { color: #8a99ac; text-decoration: none; }
#article_sidebar h3 a:hover { color: #f2f2f2; text-decoration: none; }
#article_sidebar ul { background: url(../images/sidebar-bottom.gif) no-repeat bottom; display: block; margin: 0 0 1em; padding: 1.18em 1.45em 0.81em; border-top: solid 1px #153259; }
#article_sidebar ul li { font-size: 1.1em; line-height: 1.3; }
#article_sidebar ul li a { text-decoration: none; background: #fff; display: block; padding-bottom: 6px; }
#article_sidebar .more_articles { margin: 0.5em 0 0; }
#article_sidebar .more_articles.first { margin-top: 0; }


.clearfix {
	overflow: auto;
}
.full_width {
	float: left;
	width: 73em;
	min-height: 57.6em;
}


.content { color: #153259; background: #fff; padding: 1.5em; }
.content h1 { font-family: sans-serif; font-size: 1.8em; margin: 0 0 0.5em; padding: 0 0 0.5em; border-bottom: solid 1px #c0c0c0; }
.content h2 { font-size: 1.3em; font-weight: bold; padding: 0.5em 0; }
.content p { color: #191919; font-size: 1.2em; line-height: 1.5; padding: 0 0 1em; }
.content ul, .content ol { color: #191919; font-size: 1.2em; margin: 0 0 1em 2em; }
.content ul li { line-height: 1.5; list-style: disc; }
.content ol li { line-height: 1.5; list-style: decimal; }
.content .page_image { float: right; max-width: 240px; margin: 5px 0 5px 10px; padding: 1px; border: solid 2px #d1d1d1; }


/* article list styles */
.content ul.article_list,
.content ul.article_list li,
.content ul.article_list li h2,
.content ul.article_list li p {
	font-size: 1em;
	margin: 0;
	padding: 0;
	list-style: none;
}
.content ul.article_list li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: solid 1px #d1d1d1;
}
.content ul.article_list li h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
}
.content ul.article_list li h2 a {
	text-decoration: none;
}
.content ul.article_list li h2 a span.category_name {
	color: #f25764;
}
.content ul.article_list li p.published, .content p.published {
	color: #797979;
	font-size: 1.1em;
	padding-bottom: 1em;
}
.content ul.article_list li a.article_thumb {
	display: block;
	float: right;
	width: auto;
	margin: 0 0 1em 2em;
	padding: 1px;
	border: solid 2px #d1d1d1;
}
.content ul.article_list li:hover a.article_thumb {
	border-color: #999;
}
.content ul.article_list li a.article_thumb img {
	display: block;
}
.content ul.article_list li p {
	font-size: 1.2em;
	padding-bottom: 0.5em;
}
.content ul.article_list li p.continue {
	font-size: 1.1em;
	clear: both;
}


/* pagination styles */
.content p.pagination {
	color: #464646;
	font-size: 1.1em;
	padding-bottom: 0;
}
.content p.pagination a {
	text-decoration: none;
	padding: 3px 5px;
	border: solid 1px #d1d1d1;
}
.content p.pagination a:hover {
	color: #f21d2f;
}
.content p.pagination a.current, .content p.pagination a.current:hover {
	color: #153259;
	border-color: #153259;
}

/* newsletter signup page styles */
.newsletter { background: #fff; }
.newsletter body { padding: 20px; }
.newsletter #container { color: #000; background: #c0c0c0; width: 57.5em; }
.newsletter #container h1 { display: block; width: 57.5em; height: 6em; }
.newsletter #container form { display: block; padding: 20px; }
.newsletter #container form fieldset { background: #fff; display: block; padding: 1em; border: solid 0.4em #fff; overflow: auto; }
.newsletter #container form fieldset h2 { color: #153259; font-size: 1.1em; font-weight: bold; padding: 0 0 0.25em; }
.newsletter #container form fieldset p { font-size: 1.1em; display: block; padding: 0 0 1em; clear: left; }
.newsletter #container form fieldset img { display: block; float: right; width: 18em; height: 25em; margin: 0 0 0 1em; }
.newsletter #container form fieldset label { font-size: 1.1em; text-align: right; display: block; float: left; width: 9.2em; padding: 0.36em 0.72em 0 0; clear: left; vertical-align: top; }
.newsletter #container form fieldset input { float: left; margin: 0 0 1em; }
.newsletter #container form fieldset input.text { width: 12.5em; border: solid 1px #808080; border-color: #727272 #b4b4b4 #dadada; }
.newsletter #container form fieldset input.newsletter-submit { font-family: Verdana, sans-serif; font-size: 1.1em; margin: 0 0 1em; clear: left; }
.newsletter #container form fieldset .required { color: #f21d2f; }


#privacy-policy ol li {
	list-style: lower-alpha;
}

.error, p.error {
	color: #f21d2f;
}


/* comments form */
.content #comments { margin-top: 1em; border-top: solid 1px #c0c0c0; }
.content #comments fieldset { font-size: 1.2em; padding-top: 1.2em; border-top: solid 2px #efefef; }
.content #comments fieldset h3 { font-size: 1.083em; padding-bottom: 0.39em; }
.content #comments fieldset p, .content #comments fieldset ul { font-size: 1em; }
.content #comments fieldset label { display: block; padding-bottom: 3px; }
.content #comments input, .content #comments textarea { font-size: 11px; }
.content #comments input.text, .content #comments textarea { border: solid 1px #000; border-color: #545454 #808080 #c0c0c0; }
.content #comments_count { padding-bottom: 0; }
/* comments list */
.content ol.comments, .content ol.comments li { font-size: 1em; margin: 0; padding: 0; list-style: none; }
.content ol.comments { display: block; margin-top: 1em; border-bottom: dashed 1px #c0c0c0; }
.content ol.comments li { display: block; padding: 1em 0; border-top: dashed 1px #c0c0c0; }
.content ol.comments li p { font-size: 1.2em; padding: 0.09em 0; }
.content ol.comments li p.added { color: #153259; font-size: 1.1em; }
.content ol.comments li p.author { padding-top: 0.27em; }


/**
 * Additional home page styles (added 22/02/2010)
 * @author Martin Bean <martin@mcbwebdesign.co.uk>
 */
#latest_forum_posts {
    width: 450px;
    float: left;
    margin-top: 15px;
    margin-right: 10px;
}
#latest_forum_posts .heading {
    background: #001c3d url(../images/forum-title-right.gif) no-repeat 100% 0%;
}
#latest_forum_posts .heading h2 {
    font-size: 14px;
    font-weight: normal;
    background: url(../images/forum-title-left.gif) no-repeat 0% 0%;
    padding: 8px 10px;
}
#latest_forum_posts .inner {
    color: #191919;
    background-color: #fff;
    padding: 10px;
}
#latest_forum_posts .inner p {
    font-size: 12px;
}
#latest_forum_posts .bottom {
    background: #001c3d url(../images/forum-bottom-right.gif) no-repeat 100% 0%;
    height: 5px;
}
#latest_forum_posts .bottom div {
    background: url(../images/forum-bottom-left.gif) no-repeat 0% 0%;
    width: 5px;
    height: 5px;
    float: left;
}
.rectangle.advert {
    float: left;
    width: 300px;
    height: 250px;
    margin-top: 15px;
}
.rectangle_advert,
.rectangle.advert img {
    display: block;
    width: 300px;
    height: 250px;
}