/*
Theme Name: Joanna
Theme URI: http://www.acctrotaract.org/
Description: Custom theme for Rotaract ACCT.
Version: 1.0
Author: Joanna Kwong
Author URI: http://wwww.joannakwong.com/

This theme was built for Rotaract ACCT.

*/

/* GLOBAL 
------------------------------------------- */
body {
	font-size: .75em; 
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #414141; 
	background-color:#fff; 
	line-height:18px;
	}

strong {
	cursor: default; 
	color: #333; 
	background: none; 
	font-weight: bold;
	}

blockquote {
	font-size: .8em; 
	padding: 10px 10px 10px 20px; 
	font-style: normal; 
	color: #414141;
	}

/* APPEARANCE
------------------------------------------- */
#header {
	height: 146px; 
	background: url('http://www.acctrotaract.org/wp-content/themes/joannav1/images/bg1.jpg') repeat-x top left;
	}

#logo {
	width: 514px; 
	height: 122px; 
	margin-left: 20px; 
	padding: 5px; 
	background: url('http://www.acctrotaract.org/wp-content/themes/joannav1/images/acctlogo.png') no-repeat bottom center;
	}

#logo a {
	width: 311px; 
	height: 85px; 
	display: block; 
	position: relative; 
	margin: -10px 0 0 0; 
	overflow: hidden; 
	text-indent: -1000px;
	}

#main-feature {
	height: 354px; 
	background: url('http://www.acctrotaract.org/wp-content/themes/joannav1/images/bg2.jpg') repeat-x top left;
	}

#content {
	margin: 50px 0 0 60px;
	}

#page {
	margin: 0 0 0 60px;
	}

#sidebar {
	margin: 0 0 0 70px;
	position: absolute;
	padding: 10px 30px 10px 0;
	background-color: #fda222;
	color: #fff;
	}

#subpage {
	margin-top: 0;
	background-color: #fff;
	padding: 30px;
	text-align:justify;
	}

#submenu {
	margin: 30px 180px 0 0;
	float: right;
	background-color: #e57804;
	color: #fff;
	padding: 30px;
	}

/* NAVIGATION
------------------------------------------- */
#nav {
	margin: 85px 0 0 0;
	float: right;
	}

#nav ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
	}

#nav li {
	display: inline; 
	width:90px; 
	float:left; 
	margin:0 7px 0 7px; 
	}

#nav ul li a {
	color:#fff; 
	display: block; 
	font-family: Arial, Helvetica, serif; 
	text-transform:uppercase; 
	text-align:center; 
	text-decoration:none; 
	font-weight: bold; 
	font-size:1.1em; 
	letter-spacing:.3em; 
	line-height: normal;
	}

#nav ul li a:hover {
	color:#fff; 
	border-bottom:3px solid #333; 
	padding-bottom: 7px;
	display: block;
	}

#current a {
	border-bottom:3px solid #e57804;
	padding-bottom: 7px;
	}

#idea-nav {
	margin: 25px 0 0 100px;
	position: absolute;
	}

#idea-nav li.acctnews a:link {display: block; width: 311px; height: 99px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/news.png) no-repeat; text-decoration: none;}
#idea-nav li.acctnews a:visited {display: block; width: 311px; height: 99px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/news.png) no-repeat; text-decoration: none;}
#idea-nav li.acctnews a:hover {display: block; width: 311px; height: 99px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/news.png) no-repeat; background-position: 0 -98px; text-decoration: none;}
#idea-nav li.acctnews a:active {display: block; width: 311px; height: 99px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/news.png) no-repeat; background-position: 0 -98px; text-decoration: none;}

#idea-nav li.eventnews a:link {display: block; width: 311px; height: 99px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/eventnews.png) no-repeat; text-decoration: none;}
#idea-nav li.eventnews a:visited {display: block; width: 311px; height: 99px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/eventnews.png) no-repeat; text-decoration: none;}
#idea-nav li.eventnews a:hover {display: block; width: 311px; height: 99px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/eventnews.png) no-repeat; background-position: 0 -98px; text-decoration: none;}
#idea-nav li.eventnews a:active {display: block; width: 311px; height: 99px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/eventnews.png) no-repeat; background-position: 0 -98px; text-decoration: none;}

#idea-nav li.resources a:link {display: block; width: 311px; height: 98px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/resources.png) no-repeat; text-decoration: none;}
#idea-nav li.resources a:visited {display: block; width: 311px; height: 99px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/resources.png) no-repeat; text-decoration: none;}
#idea-nav li.resources a:hover {display: block; width: 311px; height: 99px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/resources.png) no-repeat; background-position: 0 -98px; text-decoration: none;}
#idea-nav li.resources a:active {display: block; width: 311px; height: 99px; background: url(http://www.acctrotaract.org/wp-content/themes/joannav1/images/resources.png) no-repeat; background-position: 0 -98px; text-decoration: none;}

/* HEADLINES
------------------------------------------- */
h1 A /*news headline */ {
	color: #d01010; 
	text-transform: uppercase;
	font-family: "Bell Gothic Std Light", Helvetica,Arial, sans-serif;
	font-size: .85em;
	letter-spacing: -1px;
	line-height: 30px;
	}

h1 a:hover /*news headline */ {
	color: #e57804; 
	font-size: .85em;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: -1px;
	}

h2 /* sidebar headline */ {
	color: #e57804; 
	font-family: "Bell Gothic Std Light", Helvetica,Arial, sans-serif;
	font-size: 1.5em;  
	text-transform: uppercase; 
	line-height: 35px;
	letter-spacing: -1px;
	}

#sidebar h2, #sidebar h2 A:link /* sidebar headline */ {color: #d01010; background: none; }

h3 /* smaller headline */ {
	color: #d01010; 
	font-family: "Bell Gothic Std Light", Helvetica,Arial, sans-serif;
	font-size: 1.8em;  
	text-transform: uppercase; 
	line-height: 35px;
	letter-spacing: -1px;
	}

h4 /* works headline */ {
	color: #ff0060; 
	font-size: 2em; 
	font-weight: bold; 
	text-transform: Capitalize; 
	letter-spacing: -0.03em;
	}

.date {
	color: #e57804; 
	text-transform: uppercase;
	font-family: "Bell Gothic Std Light", Helvetica,Arial, sans-serif;
	font-size: .85em;
	letter-spacing: -1px;
	line-height: 20px;
	padding-right: 10px;
	}

.postmetadata {
	color: #333; 
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .85em;
	letter-spacing: 1px;
	line-height: 8px;
	}

/* SIDEBAR
----------------------------------------------- */
#sidebar A {
	color:#fff;
	background-color:#e57804;
	padding: 2px 4px;
	text-decoration:none;
	font-weight:bold;
	}

#sidebar A:hover {
	color:#fff;
	background-color:#d01010;
	border-bottom: 2px #e57804 solid;
	padding: 2px 4px;
	font-weight:bold;
	cursor: pointer;
	}

/* NEWS AREA
----------------------------------------------- */
.entry {
	text-align: justify;
	}

.entry A {
	color:#fff;
	background-color:#e57804;
	border-bottom: 2px #d01010 solid;
	padding: 2px 4px;
	text-decoration:none;
	font-weight:bold;
	}

.entry A:hover {
	color:#fff;
	background-color:#d01010;
	border-bottom: 2px #e57804 solid;
	padding: 2px 4px;
	font-weight:bold;
	cursor: pointer;
	}

.entry li {
	padding: 10px 10px 10px 10px;
	margin-left: 30px;
	}

.post {
	padding: 0 0 30px 0;
	}

.postmetadata A { color: #909090; }
.postmetadata A:hover { color: #84b60b; }

/* FOOTER
----------------------------------------------- */
#footer {
	background:#c60c0c url('http://www.acctrotaract.org/wp-content/themes/joannav1/images/footerbg.jpg') repeat-x top left;
	padding: 30px;
	color: #fff;
	}

#footer ul {
	padding-bottom: 25px;
	}

#footer li {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
	}

#footer A {
	color:#fff;
	background-color:#e57804;
	border-bottom: 2px #d01010 solid;
	padding: 2px 4px;
	text-decoration:none;
	font-weight:bold;
	}

#footer A:hover {
	color:#fff;
	background:none;
	border-bottom: 2px #e57804 solid;
	padding: 2px 4px;

	font-weight:bold;
	cursor: pointer;
	}

/* IMAGES
----------------------------------------------- */
img.centered{display: block;margin-left: auto;margin-right: auto;max-width:950px}
img.alignright{padding: 4px;margin: 3px 0 2px 10px;display: inline;max-width:950px}
img.alignleft{padding: 4px;margin: 3px 10px 2px 0;display: inline;max-width:950px}
img.alignnone{padding:0 4px 4px 0; margin: 3px 10px 2px 0;display: block;max-width:950px}
.alignleft{float: left;}
.alignright{float: right;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {padding-top:0;margin:0}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;;text-align:center;padding: .5em 0;margin: 0;background:#000;max-width:950px}
.home .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;;text-align:center;padding: .5em 0;margin: 0;background:#000;max-width:590px}
.thumbnail, .attachment-thumbnail {max-width:150px;margin:0 1.5em 1.5em 0;float:left}
.attachment-medium {max-width:950px;overflow:hidden;display: inline}
.attachment-large {max-width:950px;overflow:hidden;display: inline}

/* Widgetized Sidebar
----------------------------------------------- */
#widget {
	margin-top: 50px; 
	} /* tabular data */ {
	color: #ff0060;
	text-transform: uppercase;
	font-size: .9em;
	}

.column-2 /* tabular data */ {
	width: 85%;
	}

/* Widgetized Sidebar
----------------------------------------------- */
#widget {
	margin-top: 50px; 
	op: 50px; 
	} /* tabular data */ {
	color: #ff0060;
	text-transform: uppercase;
	font-size: .9em;
	}

.column-2 /* tabular data */ {
	width: 85%;
	}

/* Widgetized Sidebar
----------------------------------------------- */
#widget {
	margin-top: 50px; 
	}

/* Slideshow
----------------------------------------------- */
#slider {
	width: 670px; /* important to be same as image width */
	height: 300px; /* important to be same as image height */
	position: relative; /* important */
	margin:  25px 0 0 20px;
	}

#sliderContent {
	width: 670px; /* important to be same as image width or wider */
	}

.sliderImage {
	float: left;
	position: relative;
	display: none;
	}

.sliderImage span {
	position: absolute;
	font: 1em Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 644px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
	}

.sliderImage span strong {
	font-size: 1.4em;
	}

.top {
	top: 0;
	left: 0;
	}

.bottom {
	bottom: 0;
	left: 0;
	}