/*   

Theme Name: Colonia


Theme URI: http://www.rufcal.org

Description: One More Time with Feeling

Author: Cliff Mak

Version: 1.0
.
Design by Young Cleezy. Feel free to copy for your own use, but please use attribution. Thank you.
.
*/


/* Font Families */

#weekly, #content h2, #modulelabel, #module ul, #footer li {
	font-family: Helvetica, Arial, 'Trebuchet MS', 'Tw Cen MT', san-serif;
	}
	
#navbar, #content p, #content h3, #content h4, #module h4, #footer, #footer .listhead  {
	font-family: Georgia, Times, serif;
	}	


/* Structure */
	
body {
	background-color: #333333;
	border: 0;
	margin: 0;
	padding: 0;
	/* e2e4d7 */
	}
	
#mainwrap {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background-color: #f0f0e1;
	/* f0f0e1 */
	}

#splash {
	width: 800px;
	height: 500px;
	position: absolute;
	top: 0px;
	border: 0;
	margin:  0 auto;
	padding: 0;
	zbackground-image: url(splash/header4.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#header {
	position: absolute;
	top: 350px;
	width: 800px;
	height: 150px;
	background-image: url(img/bg-blue-75.png);
	clear: both;
	margin: 0;
	padding: 0;
	}
	
#header:hover {
	background-image: none;
	}

#header .logo {
	border: 0;
	margin:  0;
	padding: 0;
	float: left;
	clear: left;
	}
	
#weekly {
	float: right;
	clear: right;
	color: #ffffff;
	margin: 0 40px 0 0;
	padding: 60px 0 0 30px;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 140%;
	}
	
#weekly a:link, #weekly a:visited {
	color: #ffffff;
	text-decoration: none;
	}
	
#weekly a:hover, #weekly a:active {
	color: #c29679;
	text-decoration: none;
	}
			
		
#subtitle {
	position: absolute;
	top: 500px;
	width: 800px;
	height: 10px;
	margin: 0;
	background-color: #4b2717;
	}

#navbar {
	position: absolute;
	top: 510px;
	width: 800px;
	height: 30px;
	border: 0;
	margin:  0 auto;
	padding: 0;
	background-color: #685954; /* 506423 */
	color: white;
	}

#navbar ul {
	margin: 3px 0 0 12px;
	padding: 0;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0.6em;
	letter-spacing: 1px;
	text-transform: uppercase;
	}	
	
#navbar a {
		background: #685954;
		color: #f0f0e1;
		font-weight: 100;
		text-decoration: none;
		margin: 0;
		padding: 9px 9px 10px;
		border: 0;
		}
		
#navbar a:hover, #navbar a:active {
		background: #506423;
		color: #f0f0e1;
		text-decoration: none;
		}
			
.current_page_item a, .current_page_item a:hover {
		background-color: #74711f !important;
		color: #f0f0e1 !important;
		}		
	
#content {
	position: absolute;
	top: 540px;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background-color: #f0f0e1;
	}
	
#content a:link, #content a:visited {
	color: #61277f;
	text-decoration: none;
	}
	
#content a:hover, #content a:active {
	color: #3771c2;
	text-decoration: underline;
	}	
	
#leftbar {
	width: 400px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#rightbar {
	width: 399px;
	float: right;
	margin: 0;
	padding: 0;
	border-left: 1px #999999 dotted;
	background-image: url(img/column-grad.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.halfwrap {
	width: 360 px;
	margin: 5px 22px 5px 17px;
	padding: 0;
	border: 0;
	}
	
.fullwrap {
	width: 765 px;
	margin: 5px 17px 5px 17px;
	padding: 0;
	border: 0;
	}	
	
#content p {
	color: #333333;
	font-size: 1em;
	font-weight: 400;
	line-height: 140%;
	}

#content h2 {
	color: #4b2717;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 100%;
	margin: 0.75em 0 0 0;
	padding: 0;
	}

#content h3 {
	color: #00237b;
	font-size: 1.375em;
	font-weight: 500;
	line-height: 100%;
	margin: 1em 0 0;
	padding: 0;
	}
	
#content h4 {
	color: #333333;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 120%;
	margin: 0.5em 0 0.25em;
	padding: 0;
	}

#content strong {
	font-weight: 500;
	color: #000000;
	}						

/* Image Style & Alignment */

img.border {
	border: 1px solid #ccc;
	padding: 4px;
	margin: 0;
	}

img.border:hover {
	background: #e7d4c7;
	}

img.center {
	display: block; 
	margin: auto;   
	}

img.alignright {
	float: right;
	padding: 4px;
	margin: 0 0 2px 12px;
	display: inline;
	clear: right;
	}

img.alignleft {
	float: left;
	padding: 4px;
	margin: 0 12px 2px 0;
	display: inline;
	clear: left;
	}


/* Module Design */

#modulelabel {
	width: 340px;
	margin: 20px auto 0px;
	padding: 10px 10px 0 10px;
	color: #f0f0e1;
	font-size: 0.75em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

#module {
	border: 10px solid;
	padding: 10px 15px 5px;
	margin: 0 auto 40px;
	width: 310px;
	background-color: white;
	}

#modulelabel.light { background-color: #c29679; }
#module.light { border-color: #c29679; }	

#modulelabel.dark { background-color: #4b2717; }
#module.dark { border-color: #4b2717; }

#modulelabel.blue { background-color: #00237b; }
#module.blue { border-color: #00237b; }
	
#module h4 {
	line-height: 100%;
	padding: 0;
	margin: 0.25em 0 0.5em;
	color: #4b2717;
	}
	
#module h4 a:link, #module h4 a:visited {
	color: #4b2717;
	text-decoration: none;
	}
	
#module h4 a:hover, #module h4 a:active {
	color: #00237b;
	text-decoration: underline;
	}			
	
#module p {
	padding: 0;
	margin: 0 0 0.5em;
	}
	
#module ul {
	margin: 0 0 0.5em 2em;
	padding: 0; 
	font-size: 1em;
	color: #4b2717;
	}

#module li {
	margin: 0 0 0.25em;
	list-style: square outside;
	}	

#module .slide {
	margin: 5px 3px 0 0;
	padding: 0;
	border: 5px #f0f0e1 solid;
	}
	
#module .slide:hover {
	border: 5px #e7d4c7 solid;
	}	
	
iframe {
	border: 10px solid #00237b;
	padding: 0;
	margin: 0 auto 5px;
	width: 340px;
	background-color: white;
	}


#footer {
	width: 766px;
	height: 5.5em;
	clear: both;
	margin: 10px auto 0;
	padding: 12px 17px;
	border-top: 5px solid #4b2717;	
	background-color: #685954; 
	color: #f0f0e1;
	}

.copyright {
	height: 1.5em !important;
	margin: 0 auto 0 !important;
	border: 0 !important;
	background-color: #433f3b !important; 
	color: #f0f0e1;
	}
	
#footer ul {
	margin: 0 0 0.15em 0;
	padding: 0;
	}
	
#footer li {
	display: inline;
	list-style-type: none;
	margin: 0 0.75em 0 0;
	padding: 0;
	border: 0;
	font-size: 0.65em;
	letter-spacing: 1px;
	}

#footer .listhead {
	color: #f0f0e1;
	text-transform: uppercase;
	}

#footer a:link, #footer a:visited  {
	color: #c29679;
	text-decoration: none;
	}
	
#footer a:hover, #footer active {
	color: #00237b !important;
	text-decoration: none;
	}	

#footer.copyright a:link, .copyright a:visited {
	color: #f0f0e1 !important;
	}

#footer.copyright a:hover {
	color: #eb184d !important;
	}

#footer .current_page_item a {
	background-color: transparent !important;
	color: #c29679 !important;
	}
	
#footer .current_page_item a:hover {
	background-color: transparent !important;
	color: #00237b !important;
	text-decoration: none;
	}