/*  newsStyle.css - for pages with newspapers style columns
	chris craig, 10315 markup language assignment
	October, 2014 */

/* body element css */	
body {
	background-color:#ede1ca; 
}

/* text properties nb font types etc in font.css or iefont.css*/
.content > h2,h3 {
		text-align:left;
}

/* images */
.content > figure img {
	border:5px solid #fff;
}



/* styling & position for header, ears and nav menu */
.header {
	text-align:center;
	height:100px;
	font-size: 160%;
	line-height:150%;
	border-top: 15px groove #a4dcc3;
	border-bottom: 15px groove #a4dcc3;
	margin:0;
}

.left-ear {

	float:left;
	width:24.5%;
	min-width:250px;
	height:100px;
	border: 1px solid #c35d4f;
	line-height:50%;
	padding-top:0;
	padding-bottom:10px;
	z-index:20;
	background-color:#ede1ca; 
    -webkit-transform: rotate(-7deg); 
		-ms-transform: rotate(-7deg); 
			transform: rotate(-7deg);
}

.right-ear {

	float:right;
	width:24.5%;
	min-width:250px;
	height:100px;
	border: 1px solid #c35d4f;
	line-height:50%;
	padding-top:0;
	padding-bottom:10px;
	z-index:20;
	background-color:#ede1ca; 
    -webkit-transform: rotate(7deg); 
		-ms-transform: rotate(7deg); 
			transform: rotate(7deg);

}



.title-center-left {
	position:relative;
	left:10px;
	width:23.5%;
	min-width:240px;
	text-align:right;
	float:left;
	padding-right:0px;
	margin-left:auto;
	margin-right:auto;
}

.title-center-right {
	position:relative;
	left:50px;
	width:21%;
	min-width:200px;
	text-align:left;
	float:left;
	padding-left:0px;
	margin-left:auto;
	margin-right:auto;
}


.wrapper {
	position:relative;
	width:1022px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #c0c0c0;
}

.sportWrap {
	margin-bottom: 100px;
	border:1px solid red;
}

/* styling & positioning for content columns & pics */
.content {
	position:relative;
	float:left;
	width:17.5%;
	min-width:294px;
	height: 650px;
	padding:10px;
	overflow:hidden;
	text-align:justify;
	background-color:#ede1ca; 
	transition: height 2s;
	border-left: 1px solid #c35d4f;	
	border-bottom: 1px solid #c35d4f;	
}


/* dropdown css */

.readMore {
	position:absolute;
	bottom:0px;
	right:10px;
	background-color:#ede1ca; 
	border-radius:5px;
	padding:5px;
	line-height:10%;
	cursor:pointer;
	border:1px solid #58a480;
	box-shadow:3px 3px 5px #005000;
}

.back {
	display:none;
	position:absolute;
	bottom:0px;
	right:10px;
	background-color:#ede1ca; 
	border-radius:5px;
	padding:5px;
	line-height:70%;
	cursor:pointer;
	border:1px solid #58a480;
	box-shadow:3px 3px 5px #009000;
}

.content:focus {
	height:5250px;
	border: 1px solid red;	
	padding-bottom:50px;
	transition: all 2s;
}

.content:focus>.readMore {
	display:none;
}

.content:focus>.back {
	display:block;
}

.continued {
	color:#005000;
	display:none;
}

.advert-1 {
	font-size:16pt;
	font-weight:bold;
	font-variant: small-caps;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	border:3px ridge  #a4dcc3;
}

.advert-2 {
	font-size:16pt;
	font-weight:bold;
	font-variant: small-caps;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	border:3px ridge  #1b5aa7;
	background-color:#8adbee;
}

.advert-3 {
	font-size:16pt;
	font-weight:bold;
	font-variant: small-caps;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	border:3px dashed  #005000;
	background-color:#a4dcc3;
}

/* css for financial page lower div  */

#fin {
	position:relative;
	width:650px;
	margin-left:auto;
	margin-right:auto;

}

.finaag {
	position:relative;
	width:650px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	text-align:center;
}

.finaag td, .finaag th {
	padding:10px;
	font-family: 'Cinzel Decorative', cursive;  
	color:#005000;
}

.ih {
	padding:0px;
}

#toplink {
	position:absolute;
	top:10px;
	right:10px;
	width:300px;
	float:right;
}


@media  (max-width: 1300px) {
.continued {
		display:inline;
        background-color: lightblue;
    }
}