/*  

Theme Name: SWAP Wordpress Theme

Theme URI: http://swap.aicasfclubs.com/wp_swap.jpg

Description: SWAP TEMPLATE and site implemented for MM2213 Intermediate Web Design Class, and for SWAP Club at the Art Institute of CA San Francisco.

Authors: Justin Mahon, Sebastian Jaramillo, Jeremy Le Van, Patrick Gibson, Franky Aguilar.


*/


@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}

html {
	background-color: #b6cacb;
        overflow:-moz-scrollbars-vertical;
}

body {
	background-color: #eefdff;
}

#container {
	
}

.fixed_width {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

/*---Clear Fix---*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/*----------------*/

/*-----------------HEADER-----------------*/

/*----------------------------------------*/

#header_wrap {
	height: 343px;
	background-image: url(imgs/header_bg.jpg);
	background-repeat: repeat-x;
}

#headercont {
	margin-right: auto;
	margin-left: auto;
	height: 343px;
	background: url(imgs/header_main.jpg) no-repeat;
	position: relative;
}

/*------SWAP LOGO------*/

#headercont h1 {
	position: absolute;
	top: 58px;
	left: 202px;
}

#headercont h1 a {
	display: block;
	width: 120px;
	height: 165px;
}

#headercont h1 a span {
	display: none;
}

#headercont h2 {
	display: none;
}

/*------NAVIGATION------*/

#headernav {
	float: right;
	margin-right: 25px;
}

#headernav ul li {
	float: left;
	list-style-type: none;
}

#headernav li a {
	width: 110px;
	height: 0px;
	padding-top: 42px;
	overflow: hidden;
	display: block;
	margin: 0px 1px 0px 0px;
}

#headernav #nav_home a {
	background: url(imgs/nav_home.jpg) 0px -42px;
}

#headernav #nav_home a:hover, #headernav #nav_home a.current {
	background: url(imgs/nav_home.jpg) 0px 0px;
}

#headernav #nav_members a {
	background: url(imgs/nav_members.jpg) 0px -42px;
}

#headernav #nav_members a:hover, #headernav #nav_members a.current {
	background: url(imgs/nav_members.jpg) 0px 0px;
}

#headernav #nav_links a {
	background: url(imgs/nav_links.jpg) 0px -42px;
}

#headernav #nav_links a:hover, #headernav #nav_links a.current {
	background: url(imgs/nav_links.jpg) 0px 0px;
}

#headernav #nav_contact a {
	background: url(imgs/nav_contact.jpg) 0px -42px;
}

#headernav #nav_contact a:hover, #headernav #nav_contact a.current {
	background: url(imgs/nav_contact.jpg) 0px 0px;
}

/*-----------------CONTENT-----------------*/

/*-----------------------------------------*/

/*-------LEFT COLUMN-------*/

#left_column {
	width: 482px;
	float: left;
}

h2 {
	color: #002830;
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: lighter;
	letter-spacing: -1px;
	margin-left: 10px;
	text-transform: lowercase;
}

/*NEWS*/

#news h3 {
	background: url(imgs/news_h3_icon.png) no-repeat 0 0;
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#news h3 a:link {
	color: #E88B00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#news h3 a:visited {
	color: #E88B00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#news h3 a:hover {
	color: #E88B00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#news h3 a:active {
	color: #E88B00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#news p {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding: 0px 0px 0px 25px;
}

#news p a:link {
	color: #4c9aa5;
}

#news p a:visited {
	color: #4c9aa5;
}

#news p a:hover {
	color: #4c9aa5;
}

#news p a:active {
	color: #4c9aa5;
}

#news .postmetadata span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#news .postmetadata a:link {
	color: #4c9aa5;
}

#news .postmetadata a:visited {
	color: #4c9aa5;
}

#news .postmetadata a:hover {
	color: #4c9aa5;
}

#news .postmetadata a:active {
	color: #4c9aa5;
}

#news .post_comment a:link {
	font-size: 12px;
	padding: 0px 10px 0px 20px;
	background: url(imgs/comments_icon.png) no-repeat 0 0;
}

#news .post_comment a:visited {
	font-size: 12px;
	padding: 0px 10px 0px 20px;
	background: url(imgs/comments_icon.png) no-repeat 0 0;
}

#news .post_comment a:hover {
	font-size: 12px;
	padding: 0px 10px 0px 20px;
	background: url(imgs/comments_icon_hover.png) no-repeat 0 0;
}

#news .post_comment a:active {
	font-size: 12px;
	padding: 0px 10px 0px 20px;
	background: url(imgs/comments_icon.png) no-repeat 0 0;
}

.commentmetadata {
	font-size: 18px;
	color: #E88B00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.commentmetadata a:link {
	color: #E88B00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.commentmetadata a:visited {
	color: #E88B00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.commentmetadata a:hover {
	color: #E88B00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.commentmetadata a:active {
	color: #E88B00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.edit_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 20px;
}

.edit_link a:link {
	color: #4c9aa5;
}

.edit_link a:visited {
	color: #4c9aa5;
}

.edit_link a:hover {
	color: #4c9aa5;
}

.edit_link a:active {
	color: #4c9aa5;
}

#news #news_top {
	background-image: url(imgs/cont_boxleft_top.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 482px;
	float: left;
}

#news #news_middle {
	background-image: url(imgs/cont_boxleft_mid.png);
	background-repeat: repeat-y;
	width: 432px;
	float: left;
	padding: 0px 25px 20px 25px;
}

#news #news_bottom {
	background-image: url(imgs/cont_boxleft_bottom.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 482px;
	float: left;
	margin: 0px 0px 20px 0px;
	
}

#news .navigation a {
	float: right;
	margin: 10px 15px 0px 0px;
	font: 14px Arial, Helvetica, sans-serif;
}

#news .navigation a:link {
	color: #E88B00;
	text-decoration: none;
}

#news .navigation a:visited {
	color: #E88B00;
	text-decoration: none;
}

#news .navigation a:hover {
	color: #E88B00;
	text-decoration: underline;
}

#news .navigation a:active {
	color: #E88B00;
	text-decoration: none;
}


/*FEEDBACK*/

#feedback p {
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
}

#feedback_top {
	background-image: url(imgs/cont_boxleft_top.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 482px;
	float: left;
}

#feedback_middle {
	background-image: url(imgs/cont_boxleft_mid.png);
	background-repeat: repeat-y;
	width: 432px;
	float: left;
	padding: 0px 25px 20px 25px;
}

#feedback_bottom {
	background-image: url(imgs/cont_boxleft_bottom.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 482px;
	float: left;
}

#feedback a:link {
	color: #4c9aa5;
}

#feedback a:visited {
	color: #4c9aa5;
}

#feedback a:hover {
	color: #4c9aa5;
}

#feedback a:active {
	color: #4c9aa5;
}

/*-------RIGHT COLUMN-------*/

#right_column {
	margin-left: 20px;
	width: 408px;
	float: left;
}

/*ABOUT US*/

#aboutus p {
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

#aboutus p:first-child {
	margin-bottom: 20px;
}

#aboutus #aboutus_top {
	background-image: url(imgs/cont_boxright_top.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 408px;
}

#aboutus #aboutus_middle {
	background-image: url(imgs/cont_boxright_mid.png);
	background-repeat: repeat-y;
	padding: 0px 25px 20px 25px;
}

#aboutus #aboutus_bottom {
	background-image: url(imgs/cont_boxright_bottom.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 408px;
	margin-bottom: 5px;
}

#aboutus a:link {
	color: #4c9aa5;
}

#aboutus a:visited {
	color: #4c9aa5;
}

#aboutus a:hover {
	color: #4c9aa5;
}

#aboutus a:active {
	color: #4c9aa5;
}

/*MEETINGS*/

#meetings h4 {
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: normal;
	margin: 0px 0px 20px 0px;
}

#meetings p {
	color: #E88B00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-variant: small-caps;
	font-weight: bold;
	text-transform: lowercase;
	padding: 10px 30px 0px 25px;
}

#meetings ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style: none;
	padding: 5px 30px 10px 40px;
	line-height: 18px;
}

#meetings ul {
	line-height: 20px;
}

#meetings #meetings_top {
	background-image: url(imgs/cont_boxright_top.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 408px;
}

#meetings #meetings_middle {
	background-image: url(imgs/cont_boxright_mid.png);
	background-repeat: repeat-y;
	padding: 0px 25px 20px 25px;
}

#meetings #meetings_bottom {
	background-image: url(imgs/cont_boxright_bottom.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 408px;
	margin-bottom: 5px;
}

#meetings a:link {
	color: #4c9aa5;
}

#meetings a:visited {
	color: #4c9aa5;
}

#meetings a:hover {
	color: #4c9aa5;
}

#meetings a:active {
	color: #4c9aa5;
}

/*COMING EVENTS*/

#events p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #888888;
	margin-bottom: 20px;
}

#events #events_top {
	background-image: url(imgs/cont_boxright_top.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 408px;
}

#events #events_middle {
	background-image: url(imgs/cont_boxright_mid.png);
	background-repeat: repeat-y;
	padding: 0px 25px 20px 25px;
}

#events #events_bottom {
	background-image: url(imgs/cont_boxright_bottom.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 408px;
	margin-bottom: 5px;
}

#events ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4c9aa5;
	list-style-type: square;
	line-height: 18px;
}

/*ADVERTISING AND EXTRAS*/

#extras p {
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

#extras ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style: none;
	padding: 10px 30px 10px 40px;
}

#extras #extras_top {
	background-image: url(imgs/cont_boxright_top.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 408px;
}

#extras #extras_middle {
	background-image: url(imgs/cont_boxright_mid.png);
	background-repeat: repeat-y;
	padding: 0px 25px 20px 25px;
}

#extras #extras_bottom {
	background-image: url(imgs/cont_boxright_bottom.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 408px;
	margin-bottom: 20px;
}

/*-------LINKS COLUMNS-------*/

.col h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #E88B00;
	text-indent: 20px;
}

.col {
	float: left;
	margin: 0px 0px 0px 90px;
}

.col:first-child {
	float: left;
	margin: 0px;
}

.col ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style: none;
	margin: 5px 0px 20px 20px;
}

.col ul a:link {
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.col ul a:visited {
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.col ul a:hover {
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.col ul a:active {
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*------FORM------*/

h4 {
	color: #002830;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: lighter;
	letter-spacing: -1px;
	margin-left: 10px;
	text-transform: lowercase;
}

#form {
	height: 700px;
}

/*-----------------FOOTER-----------------*/

/*----------------------------------------*/

#footer_wrap {
	min-height: 100px;
	background: #b6cacb url(imgs/footer_bg.jpg) repeat-x;
	margin-top: 30px;
	clear: both;
}

#footer_wrap #footer_cont {
	min-height: 100px;
	background: url(imgs/footer_halo.jpg) no-repeat center top;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	color: #576767;
}

#footer_cont a:link {
	text-decoration: none;
	color: #576767;
}

#footer_cont a:visited {
	text-decoration: none;
	color: #576767;
}

#footer_cont a:hover {
	text-decoration: underline;
	color: #be6310;
}

/*------INFO BOX 1------*/

#footer_cont #footer_info1 {
	float: left;
	text-align: right;
	margin-top: 33px;
}

#footer_cont #footer_info1 ul {
	margin-bottom: 10px;
}

#footer_cont #footer_info1 ul li {
	list-style-type: none;
	display: inline;
	margin-left: 10px;
	padding-left: 10px;
	border-left-style: solid;
	border-left-width: 1px;
}

#footer_cont #footer_info1 ul li:first-child {
	border-left-style: none;
}

/*------INFO BOX 2------*/

#footer_cont #footer_info2 {
	float: right;
	margin-top: 42px;
}

#footer_cont #footer_info2 p {
	float: left;
}

#footer_cont #footer_info2 span {
	margin-left: 72px;
	margin-right: 100px;
}

/*------CREDITS------*/

#credits h2 {
	color: #002830;
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: lighter;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-bottom: 20px;
}

#credits h3 {
	background: url(imgs/h3_icon.gif) no-repeat 0% 50%;
	color: #002830;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: lighter;
	margin: 0px 0px 20px 49px;
	padding: 0px 0px 0px 25px;
	text-transform: lowercase;
}

#credits h4 {
	background: url(imgs/h4_icon.gif) no-repeat 0% 50%;
	color: #be6310;
	font: 18px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 22px;
}

#credits .credits_row {
	clear: both;
	margin: 30px 0px 0px 30px;
}

#credits .credit_box {
	float: left;
	width: 360px;
	background: #d1e2e9 url(imgs/credit_box_top.jpg) no-repeat;
	margin: 0px 36px 0px 0px;
	padding: 20px;
}

#credits img {
	background-color: #a9bfcb;
	border: 1px solid #9fb3bf;
	padding: 15px;
	margin: 0px 0px 20px 49px;
}

#credits p {
	color: #002830;
	font: 15px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#credits .credit_box p {
	color: #3d5566;
	margin: 0px 0px 7px 0px;
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#credits a:link {
	text-decoration: none;
	color: #576767;
}

#credits a:visited {
	text-decoration: none;
	color: #576767;
}

#credits a:hover {
	text-decoration: underline;
	color: #be6310;
	font-style: italic;
}

/* ---CONTACT PAGE ---*/

#contact {
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

#contact table {
	margin-top: 20px;
}

#contact td {
	padding: 10px;
}