/*  
Theme Name: Wings Athletic Club
Theme URI: http://www.wings.org.sg
Description: Wings Athletic Club
Version: 1.0
Author: Uncle Sha
Author URI: http://www.blogger-template.info
Tags: black, grey, silver, wings
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Main Layout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a:link { color: #0000EE; }
.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

body,td,th {
font-family:Arial;
font-size:12px;
color:#333333;
}

body {
background:#fff;
margin-left:0px;ba
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
/* background-image:url(images/wings-01.jpg); */
}

a:link {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:underline;}
a:active {color:#000000; text-decoration:underline;}
a:hover {color:#cc0000; text-decoration:underline;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.blog-img {
  display: block;
  max-width:230px;
  max-height:200px;
  width: auto;
  height: auto;
}

blockquote {
font-family:Georgia;
padding:5px 5px 5px 25px;
margin:0px 30px 0px 30px;
background-image:url(images/blockquote.gif);
background-position:top left;
background-repeat:no-repeat;
text-indent:1px;
}

.space li {padding:0px 0px 20px 0px; margin:0px;}

hr {height:1px; border:0px; color:#CECFCE; background-color:#CECFCE;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
   float: left;
   margin: 0 10px 5px 0;
}

.alignright {
   float: right;
   margin: 0 0 5px 10px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#box1a {
margin:0 auto;
width:100%;
background-image:url(images/stadiumheader.jpg);
}

.box1b {
text-align:center;
height:175px;ba
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#navigation1 {
margin:0 auto;
width:991px;
}

.navigation2 {
background-image:url(images/wings-03.jpg);
background-repeat:no-repeat;
}

.navigation3 ul {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none;}
.navigation3 li {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-left:1px solid #ffefb0; border-right:1px solid #c5a21a; float:left; display:block; font-size:12px; font-weight:bold; text-transform:uppercase;}
.navigation3 li a {color:#000000; text-decoration:none; padding:5px 17px 4px 17px; margin:0px; display:block;}  
.navigation3 li a:visited {color:#000000; text-decoration:none;} 
.navigation3 li a:hover {color:#000000; text-decoration:none; background-color:#ffffff;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Index
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#box2a {
margin:0 auto;
width:991px;
}

.box2b {
height:700px;
background-image:url(images/wings-04.jpg);
background-repeat:no-repeat;
}

/* - News - */

	.box2c {
	margin:55px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	}
	
	.box2c iframe {
	overflow-x: hidden;
	} 
	
	.box2d {
	}
	
	.box2d ul {padding:0px 0px 0px 10px; margin:0px;} 
	.box2d li {padding:7px 5px 12px 21px; margin:0px; list-style-type:none; background:url(images/li.gif) no-repeat left top;}
	.box2d li a {text-decoration:underline; color:#000000;}
	.box2d li a:visited {text-decoration:underline; color:#000000;}
	.box2d li a:hover {text-decoration:none; color:#cc0000;}
		
	.box2d h1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#000000;
	}
	
	.box2d h3 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	color:#ffffff;
	font-style:italic;
	}

/* - About - */

	.box2e {
	font-size:11px;
	margin:50px 35px 0px 30px;
	padding:0px 0px 0px 0px;
	}

/* - Office Bearers - */

	.box2f {
	font-size:11px;
	margin:70px 35px 0px 30px;
	padding:0px 0px 0px 0px;
	}
	
	.box2f small {
	font-size:10px;
	font-style:italic;
	}	
	
	.box2f ul {padding:0px 0px 0px 0px; margin:0px;} 
	.box2f li {padding:0px 0px 0px 10px; margin:0px; list-style-type:none;}

/* - Spotlight - */

	.box2spotlight {
	margin:90px 0px 0px 50px;
	padding:0px 0px 0px 0px;
	}	
		
/* - Contact and Social - */

	.box2g {
	margin:20px 0px 0px 50px;
	padding:0px 0px 0px 0px;
	}	
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Columns
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#box3a {
margin:0 auto;
width:991px;
}	

/* - Widget - */

	.widget1 {
	margin:5px 0px 0px 21px;
	padding:0px 0px 0px 0px;
	background-image:url(images/widget1.gif);
	background-repeat:repeat-y;
	}	
	
	.widget2 {
	background-image:url(images/widget2.jpg);
	background-repeat:no-repeat;
	}
	
	.widget3 {
	background-image:url(images/widget3.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	}
	
	.widget4 {
	margin:0px 0px 0px 0px;
	padding:38px 25px 33px 25px;
	}
	
	.widget4 h3 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
	color:#666666;
	font-size:18px;
	}
	
	.box4a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
	.box4a iframe {
	overflow-x: hidden;
	} 	

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Single
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#box5a {
margin:0 auto;
width:980px;
}	

.single1 {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(images/single1.gif);
background-repeat:repeat-y;
}	
	
.single2 {
background-image:url(images/single2.jpg);
background-repeat:no-repeat;
}
	
.single3 {
background-image:url(images/single3.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
	
.single4 {
margin:0px 0px 0px 0px;
padding:38px 25px 33px 25px;
}
	
.single4 h3 {
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
color:#666666;
font-size:18px;
}

.single4 strong {
color:#000000;
}

.single4 em {
color:#999999;
}
		
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer1 {
margin:0 auto;
background-image:url(images/footer1.gif);
background-repeat:repeat-x;
}

#footer2 {
margin:0 auto;
width:991px;
}

.footer3 {
background-image:url(images/footer2.gif);
background-repeat:no-repeat;
}

.footer4 {
color:#ffffff;
font-size:10px;
padding:50px 0px 0px 56px;
margin:0px 0px 0px 0px;
}	

.footer4 a {text-decoration:none; color:#999999;}
.footer4 a:visited {text-decoration:none; color:#999999;}
.footer4 a:hover {text-decoration:underline; color:#ffffff;}

.footer5 {
padding:0px 0px 0px 0px;
margin:44px 59px 0px 0px;
}	

.footer6 {
color:#ffffff;
font-size:12px;
font-weight:bold;
padding:4px 10px 0px 0px;
margin:0px 0px 0px 0px;
}

.footer7 {
background-image:url(images/footer3.gif);
background-repeat:no-repeat;
}

.footer8 {
background-image:url(images/footer4.gif);
background-repeat:no-repeat;
}

.footer9 {
font-size:12px;
font-weight:bold;
padding:4px 0px 4px 0px;
margin:0px 0px 0px 0px;
background-image:url(images/footer5.gif);
background-repeat:repeat-x;
}

.footer9 a {text-decoration:none; color:#999999;}
.footer9 a:visited {text-decoration:none; color:#999999;}
.footer9 a:hover {text-decoration:underline; color:#ffffff;}		

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Latest
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#latest1 {
margin:0 auto;
width:991px;
}

.latest2 {
text-align:center;
}

/* - one - */

	.latest2 h1 {
	font-size:30px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

/* - two - */
	
	.latest2 h2 {
	font-size:22px;
	color:#cc0000;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}	
	
/* - three - */

	.latest2 h3 {
	font-size:14px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
	
/* - four - */
	
	.latest2 h4 {
	font-size:12px;
	font-style:italic;
	color:#ffffff;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}	
	
/* - five - */
	
	.latest2 h5 {
	font-size:12px;
	color:#009900;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}	
	
/* - five - */
	
	.latest2 h6 {
	font-size:12px;
	color:#ffdb3e;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}			
	
@media only screen and (max-width: 600px) {
    body {
        background-color: lightblue;
    }
}