/* 
	client: Arsenal FC
	css: style guide (also to be used for the CMS style list)
*/

/* basic text formatting */
#article .bold {
	font-weight:bold;
}

#article .underline {
	text-decoration:underline;
}

#article .italic {
	font-style:italic;
}

#article .uppercase {
	text-transform:uppercase;
}

/* special title */
#article h4.full-width {
	background-image:url(../images/table/full-width-header.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:1.1em;
	font-weight:bold;
	color:#aa0000;
	padding:0px 0 0px 10px;
	margin:0 0 10px 0;
	width:492px;
	height:19px;
	line-height:19px;
	clear:left;
	display:block;
	background-color:#f2f2f2;
}

#article h4.half-width {
	background-image:url(../images/table/half-width-header.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:1.1em;
	font-weight:bold;
	color:#aa0000;
	padding:0px 0 0px 10px;
	margin:0 0 10px 0;
	width:231px;
	height:19px;
	line-height:19px;
	clear:both;
	display:block;
	text-align:center;
	background-color:#f2f2f2;
}

/* colours */
#article .red {
	color:#aa0000;
}

#article .light-red {
	color:#db0007;
}

#article .gold {
	color:#9c824a;
}

#article .line {
	width:512px;
	background-color:#cccccc;
	margin:1px 0 2px -5px;
	float:left;
	height:1px;
	overflow:hidden;
	border:0;
	color:#cccccc;
	
}

/* titles */
.main-title {
	color:#aa0000;
	font-size:2.2em;
	margin:0 0 16px -1px;
	position:relative;
	padding:0;
	display:block;
	z-index:10;
}

.sub-title {
	color:#aa0000;
	font-size:1.2em;
	text-transform:uppercase;
	margin:0 0 11px 0;
	padding:0;
}

.tertiary-title {
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding:0;
}

/* imagery */

/* one image no wrap */

#article img.one-image{
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	padding:1px;
	margin:3px 10px 10px 0;
	float:left;
	display:inline;
}

#article .one-image-no-wrap-text {
	float:none;
	display:block;
	margin-left:65px;
	font-size:100%;
}

#article .one-image-no-wrap-text p {
	line-height:140%;
}

/* one image wrap */

#article .one-image-wrap {
	width:502px;
	height:auto;
	clear:both;
}

#article .one-image-wrap p {
	float:none;
}

/* two image */
#article .two-image {
	width:105px;
	float:left;
}

#article .two-image img.left {
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	border-right:0;
	padding:1px 0 1px 1px;
	margin:3px 0 0 0;
	float:left;
}

#article .two-image img.right {
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	border-left:0;
	padding:1px;
	margin:3px 10px 0 0;
	float:left;
}

#article .two-image-no-wrap-text {
	float:none;
	display:block;
	padding-left:105px;
	font-size:1.1em;
}

#article .two-image-no-wrap-text p {
	font-size:1em;
}

/* two image with competition */
#article .two-image-w-competition {
	width:151px;
	float:left;
}

#article .two-image-w-competition img.left {
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	border-right:0;
	padding:1px 0 1px 1px;
	margin:3px 0 0 0;
	float:left;
}

#article .two-image-w-competition img.right {
	width:90px;
	height:45px;
	border:1px solid #cccccc;
	border-left:0;
	padding:1px 1px 1px 2px;
	background-image:url(../images/structure/article/seperator.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:3px 10px 0 0;
	float:left;
	font-size:1.1em;
}

#article .two-image-w-competition-no-wrap-text {
	float:none;
	display:block;
	padding-left:151px;
	font-size:1.1em;
}

#article .two-image-w-competition-no-wrap-text p {
	font-size:1em;
}

#article .two-image .wrap {
	float:none;
}

#article .two-image .no-wrap {
	display:block;
	float:left;
	width:395px;
}

#article .two-image .competition-no-wrap {
	display:block;
	float:left;
	width:350px;
}

/* two image - bordered */
#article .two-image-bordered {
	width:502px;
	height:auto;
	clear:both;
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
	margin-bottom:5px;
}

#article .two-image-bordered img.left {
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	border-right:0;
	padding:1px 0 1px 1px;
	margin:3px 0 0 0;
	float:left;
}

#article .two-image-bordered img.right {
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	border-left:0;
	padding:1px;
	margin:3px 10px 0 0;
	float:left;
}

#article .two-image-bordered img.competition-right {
	width:90px;
	height:45px;
	border:1px solid #cccccc;
	border-left:0;
	padding:1px 1px 1px 2px;
	background-image:url(../images/structure/article/seperator.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:3px 10px 0 0;
	float:left;
	font-size:1.1em;
}

#article .two-image-bordered .wrap {
	float:none;
}

#article .two-image-bordered .no-wrap {
	display:block;
	float:left;
	width:395px;
}

#article .two-image-bordered .competition-no-wrap {
	display:block;
	float:left;
	width:350px;
}

/** arrows **/
#article li.bullet-arrow-red {
	background-image:url(../images/nav/bullets/redbullet.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 15px;
	margin:0 0 6px 0;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-arrow-silver {
	background-image:url(../images/nav/bullets/silverbullet.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 15px;
	margin:0 0 6px 0;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-arrow-gold {
	background-image:url(../images/nav/bullets/goldbullet.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 15px;
	margin:0 0 6px 0;
	list-style:none;
	font-size:1.1em;
}

/** squares // low line-height **/
#article li.bullet-square-black-low-margin {
	background-image:url(../images/nav/bullets/square-black.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 -3px 0;
	position:relative;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-red-low-margin {
	background-image:url(../images/nav/bullets/square-red.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 -3px 0;
	position:relative;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-silver-low-margin {
	background-image:url(../images/nav/bullets/square-silver.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 -3px 0;
	position:relative;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-gold-low-margin {
	background-image:url(../images/nav/bullets/square-gold.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 -3px 0;
	position:relative;
	list-style:none;
	font-size:1.1em;
}

/** squares // high line-height **/
#article li.bullet-square-black-high-margin {
	background-image:url(../images/nav/bullets/square-black.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 10px 0;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-red-high-margin {
	background-image:url(../images/nav/bullets/square-red.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 10px 0;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-silver-high-margin {
	background-image:url(../images/nav/bullets/square-silver.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 10px 0;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-gold-high-margin {
	background-image:url(../images/nav/bullets/square-gold.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 10px 0;
	list-style:none;
	font-size:1.1em;
}

/* legend imagery */
#article .legend-image {
	width:232px;
	height:auto;
	border:1px solid #ccc;
	background-image:url(../images/imagegallery/gallery/p-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0 0 30px 0;
}

#article .legend-image img {
	width:230px;
	height:230px;
	margin:0;
	padding:1px 1px 0 1px;
	display:block;
}

#article .legend-image p {
	font-size:1.1em;
	color:#000000;
	margin:0;
	display:block;
	width:220px;
	padding:2px 10px 1px 0;
	border:1px solid #ffffff;
	text-align:right;
}

/* image gallery stuff */


.mceContentBody table.table-full-width,
#article table.table-full-width {
	width:502px;
	height:auto;
	border-collapse:collapse;
	margin:0 0 20px 0;
}

.mceContentBody table.table-full-width caption,
#article table.table-full-width caption {
	background-image:url(../images/table/full-width-header.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#aa0000;
	height:19px;
	line-height:19px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	padding:1px 0 0px 10px;
	border-bottom:0;
	font-size:1.1em;
	margin:4px 0 0 0;
}

.mceContentBody table.table-full-width th,
#article table.table-full-width th {
	padding:2px 0 1px 10px;
	border-bottom:1px solid #cccccc;
	font-size:1em;
}

.mceContentBody table.table-full-width td,
#article table.table-full-width td {
	padding:2px 0 1px 10px;
	border-bottom:1px solid #cccccc;
	font-size:1.1em;
}

.mceContentBody table.table-full-width td p,
#article table.table-full-width td p {
	padding:0;
	margin:0;
	font-size:1em;
}

.mceContentBody table.table-full-width td a,
#article table.table-full-width td a {
	padding:0;
	margin:0;
	font-size:1em;
}

/* 2 col bespoke table with classes */
#article .table-twocol-imagelinks-box {
	padding:1px 0 0 0;
	background-image:url(../images/table/imagelinks-top.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:502px;
	display:block;
	float:left;
	clear:left;
	background-color:#fff;
}

#article .table-twocol-imagelinks-shadow {
background:#fff;
	background-image:url(../images/table/imagelinks-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:502px;
	padding:0 0 7px 0;
	margin:0 0 20px 0;
	float:left;
	clear:left;
	
}

#article table.table-twocol-imagelinks {
	width:502px;
	height:auto;
	border-collapse:collapse;
	margin:0 0 0 0;
	float:left;
	clear:left;
}

#article table.table-twocol-imagelinks caption {
	display:none;
}

#article table.table-twocol-imagelinks td {
	padding:0;
	border:0;
	font-size:1.1em;
	border-bottom:1px solid #fff;
	margin-top:-1px;
	background-color:#fff;
}

#article table.table-twocol-imagelinks td.image-col {
	width:52px;
}

#article table.table-twocol-imagelinks td.text-col {
	width:168px;
	padding:0 11px 0 10px;
	background-image:url(../images/table/imagelinks-border-right.gif);
	background-repeat:repeat-y;
	background-position:right;
	background-color:#f2f2f2;
	font-weight:bold;
}

#article table.table-twocol-imagelinks td.spacer {
	width:20px;
	background-color:#fff;
}

#article table.table-twocol-imagelinks td img {
	background-image:url(../images/misc/imagelinks-li-bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	border-right:1px solid #fff;
	padding:0 0 0 6px;
	float:left;
	display:block;
	margin:0 0 0 0;
	position:relative;
}

#article table.table-twocol-imagelinks td p {
	margin:0 0 5px 0;
	font-size:1em;
}

#article table.table-twocol-imagelinks td a {
	padding:0;
	margin:0;
	font-size:1em;
	font-weight:bold;
}