/*
Theme Name: GOLD OPIRG Kingston
Theme URI: http://likethewind.ca/
Description: Gold, yellow, and brown.
Version: 2
Author: Fathima Cader
*/



/*	------- XHTML MAP ---------- 
		body
		#page
			#header
				ul#admin.nav
				h1
				ul.nav
			#main.clear
				#blog
					.latest post
					.post
					.post
				#side
					#intro
					#upcoming
						h2
						ul
					#recent
						h2
						ul
			#extra
				#calendar.extrabox
				#about.extrabox
				#linklog.extrabox
				#pics.extrabox
				#maillist.extrabox
			ul.nav nav2
			#footer
		----------------------------	*/

/*	------- COLORS ------------- 
		B69F34	-		yellowish brown
		444			-		grey (text)
		8CB63F	-		green
		520			-		dark brownish red
		C9B248	-		header brown
		DCD379 	- 	light beige
		----------------------------	*/


* {
	margin: 0;
	padding: 0;
	}

.clear {
	height: 100%;
	}
	.clear:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		font-size: 0;
		}

body .hidetext {
	font-size: 0;
	text-indent: -300px;
	}

body {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #444;
	background: #B48700 url(img/png/bg.png);
	}



/*	---------------------------- 
		General Texting 
	----------------------------	*/

p {
	margin-bottom: 0.5em;
	}	
ul {
	list-style: none;
	}

a {
	text-decoration: none;
	color: #520;
	}
	.entry p a {
		border-bottom: 1px solid #520;
		}
a:hover {
	color: #B48700;
	}
	.entry p a:hover, li a:hover {
		border-color: #B48700;
		}

blockquote {
	margin: 15px 30px 15px 10px;
	padding: 5px 0 5px 15px;
	border-left: 5px solid #520;
	}
	.pullquote {
		float: right;
		margin: 1em 0 1em 1em;
		width: 33%;
		padding: 0.5em 10px;
		border: none;
		color: #520;
		border: 4px solid #520;
		border-width: 4px 0;
		font-size: 1.5em;
		line-height: 1.4em;
		}
em {
	font-family: Georgia, "Times New Roman", Times, serif;
	}


/*	---------------------------- 
				Headings
		----------------------------	*/

h1 {

	height: 100px;

	}

#main h2 {
	font: normal 2em/1em Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	color: #222;
	}
#blog h2 a {
	font-size: 1.2em;
	}
#extra h2 {
	font: bold 1.2em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #520;
	color: #FFF;
	padding: 0.3em 0.5em 0.3em 5px;
	margin-bottom: 0.4em;
	}
#side h2 {
	font-size: 2.2em;
	border-bottom	: 1px solid #D8C87C;
	}
h3 {
	margin: 2em 0 0.2em;
	}


/*	---------------------------- 
		Navigation Links
	----------------------------	*/
.nav {
	text-align: center;
	font-weight: bold;
	padding: 1em 0 8px;
	background: url(img/png/nav.png) repeat-x bottom left;
	}
	.nav li {
		display: inline;
		margin-right: 0.5em;
		}
		.nav a {
			padding: 0.3em 0.7em;
			color: #FFF;
			}
			.nav a:hover {
				background: #FFF;
				color: #520;
				}
#admin {
	text-align: right;
	font-size: 0.9em;
	text-transform: lowercase;
	background: #520;
	border-bottom: 1px solid #FFF;
	padding: 0.5em 0;
	}
.nav2 {
	padding: 0.5em 0 10px;
	border-top: 1px solid #FFF;
	background: #520 url(img/png/nav2.png) repeat-x bottom left;
	}



/*	---------------------------- 
				general opening divs
		----------------------------	*/				
#page {
	width: 720px;
	margin: 0 auto;
	background: #ECE7A8;
	padding: 0 10px;
	}
#main {
	width: 700px;
	margin: 0 auto;
	padding: 30px 0;
	}
#header {
	background: #C9B248 url(img/h1.jpg) no-repeat bottom left;
	}

/*	---------------------------- 
		#search
	----------------------------	*/
#search {
	width: 700px;
        margin-bottom: 20px;
	}

.title   {
	font: normal 2em/1em Georgia, "Times New Roman", Times, serif;
	font-size: 2.8em;
	color: #520;
        margin-bottom: 8px;
	}

.searchagain   {
        margin-top: 20px;
	}

.searchstats   {
        margin-top: 11px;
	}

.subtitle   {
	font: normal 2em/1em Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #520;
        margin-top: 8px;
	}

#search h4 {
	font: normal 2em/1em Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
        line-spacing: 120%;
	color: #520;
        padding-top: 6px;
	}	


/*	---------------------------- 
				#blog contains 3 blog posts
		----------------------------	*/
#blog {
	float: right;
	width: 455px;
	}
	.post {
		width: 455px;
		padding: 9px 0 0;
		margin-bottom: 1.2em;
		}
		#blog h2 {
			margin: 0 0 0.3em;
			}	
			#main .latest h2 {
				padding-right: 35px;
				font-size: 2.2em;
				letter-spacing: -2px;
				background: url(img/png/latest.png) no-repeat bottom right;
				}
	.entry {
		padding: 10px;
		border-top: 1px solid #D8C87C;
		}
		.entry .cont {
			font-weight: bold;
			border: none;
			}
	.end {
		clear: both;
		border-top: 1px dashed #D8C87C;
		margin-bottom: 3em;
		}
		.end p {
			border-bottom: 2px solid #D8C87C;
			margin: 0;
			padding: 3px 5px;
			}
			.edit {
				font-weight: bold;
				}
			.cats{
				float: right;
				width: 70%;
				text-align: right;
				padding-bottom: 5px;
				}
			.date {
				font-weight: bold;
				margin-bottom: 5px;
				}
	.navlinks {
		text-align: center;
		}
		.navlinks a {
			padding: 0.5em 0.3em;
			margin: 0 1em;
			}



/*	---------------------------- 
				#side contains:
					#intro provides page-specific introductory text
					#upcoming is a list of upcoming events
					#recent is a list of recent posts
		----------------------------	*/
#side {
	width: 210px;
	float: left;
	}

#intro p {
	width: 210px;
	text-align: center;
	}
	#intro ul ul li {
		padding-left: 1em;
		}

#upcoming, #recent {
	margin: 2em 0;
	}
	#upcoming h2 {
		background: url(img/png/fresh.png) no-repeat center right;
		}
	#side ul {
		line-height: 1.3em;
		}
		#side li{
			width: 100%;
		}
		#side li a {
			padding: 0.4em 0.2em 0.4em 5px;
			display: block;
			}
	#upcoming span, #recent span {
		padding-left: 1em;
		line-height: 2em;
		float: right;
		text-align: right;
		display: block;
		}
		#upcoming li a span {
			font-weight: bold;
			}



/*	---------------------------- 
				below #main (fatfooter)
		----------------------------	*/
#extra {
	padding: 35px 0 1em;
	background: #C9B248 url(img/png/extra.png) repeat-x top left;
	color: #25220A;
	}
	#extrainner {
		width: 700px;
		margin: 0 auto;
		}
		#extra a {
			color: #FFF;
			}
			#extra a:hover {
				color: #520;
				}
.extrabox {
	width: 210px;
	float: left;
	margin: 0 10px 2em;
	}
	.extrabox ul {
		line-height: 1.3em;
		}
		.extrabox li {
			border-bottom: 1px solid #D8C87C;
			}
			.extrabox li a, #linklog li, #linklog .full a {
				padding: 0.4em 0.2em 0.4em 5px;
				display: block;
				}
				.extrabox a:hover {
					border: none;
					}				
			.other {
				font-size: 0.9em;
				font-weight: bold;
				text-align: center;
				}
#linklog li {
	border-color: #EEE9BB;
	}
	#linklog a {
		display: inline;
		padding: 0;
		}
	#linklog .full {
		padding: 0;
		}
#about {
	float: right;
	width: 460px;
	margin: 0 0 2em;
	}
	#about p {
		padding: 0 10px;
		}
#pics a {
	display: block;
	border: 3px solid #FFF;
	float: left;
	margin: 4px;
	}
	#pics img {
		border: none;
		margin: 0;
		padding: 0;
		display: block;
		float: none;	
		}
		#pics a:hover {
			border-color: #520;
			}
#maillist {
	}
	label {
		display: block;
		}
	#calendar table {
		border-collapse: collapse;
		margin: 0 auto;
		text-align: center;
		width: 100%;
		}
caption {
	background: #520;
	color: #FFF;
	font: bold 1.2em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 0.3em 0.5em 0.3em 5px;
	margin-bottom: 0.4em;
	text-align: left;
	width: 100%;
	}
	#calendar td {
		width: 2.2em;
		vertical-align: middle;
		line-height: 2em;
		}
			#calendar table a {
				display: block;
				font-weight: bold;
				width: 100%;
				height: 100%;
				}
		tr #next a, tr #prev a {
			width: 65px;
			height: 18px;
			padding-top: 3px;
			display: block;
			line-height: 1em;
			} 
		tr #next {
			float: right;
			} 



/*	---------------------------- 
				bottom of the page (skinny footer)
		----------------------------	*/
#footer {
	clear: both;
	text-align: center;
	padding: 2em 0;
	}
	#footer p {
		margin: 0;
		}
	#footer ul {	
		text-transform: lowercase;
		list-style: none;
		border-bottom: none;
		padding: 0.3em 0;
		font-size: 0.9em;
		}
		#footer li {
			display: inline;
			margin: 0 0.3em;
			}
			#footer li a {
				padding: 0.3em 0.3em 0.3em 0.4em;
				}
			#footer a:hover {
				background: #520;
				color: #FFF;
				}