/*   
Theme Name: Roux
Theme URI: http://lynda.com
Description: A custom WordPress theme, built from the ground-up
Author: Joseph Lowery
Template: custom
Version: 1.00
*/

@import url('../custom/style.css');
/*Font declarations*/
@font-face {
	font-family: 'Bitter';
	src: url('_fonts/Bitter-Regular-webfont.eot');
	src: url('_fonts/Bitter-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('_fonts/Bitter-Regular-webfont.woff') format('woff'),  url('_fonts/Bitter-Regular-webfont.ttf') format('truetype'),  url('_fonts/Bitter-Regular-webfont.svg#BitterRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bitter';
	src: url('_fonts/Bitter-Italic-webfont.eot');
	src: url('_fonts/Bitter-Italic-webfont.eot?#iefix') format('embedded-opentype'),  url('_fonts/Bitter-Italic-webfont.woff') format('woff'),  url('_fonts/Bitter-Italic-webfont.ttf') format('truetype'),  url('_fonts/Bitter-Italic-webfont.svg#BitterItalic') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Bitter';
	src: url('_fonts/Bitter-Bold-webfont.eot');
	src: url('_fonts/Bitter-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('_fonts/Bitter-Bold-webfont.woff') format('woff'),  url('_fonts/Bitter-Bold-webfont.ttf') format('truetype'),  url('_fonts/Bitter-Bold-webfont.svg#BitterBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'DroidSans';
	src: url('_fonts/DroidSans-webfont.eot');
	src: url('_fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),  url('_fonts/DroidSans-webfont.woff') format('woff'),  url('_fonts/DroidSans-webfont.ttf') format('truetype'),  url('_fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DroidSans';
	src: url('_fonts/DroidSans-Bold-webfont.eot');
	src: url('_fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('_fonts/DroidSans-Bold-webfont.woff') format('woff'),  url('_fonts/DroidSans-Bold-webfont.ttf') format('truetype'),  url('_fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
body {
	background: rgb(65, 64, 66);
	font: 100% DroidSans, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
}
#outerWrapper {
	width: 960px;
	padding: 0;
	position: relative;
}
.blogHeader {
	height: 192px;
	background: url(_images/blog_header01.jpg) no-repeat;
}
.conferenceHeader {
	height: 192px;
	background: url(_images/blog_header02.jpg) no-repeat;
}
header {
	border-bottom: none;
	margin-bottom: 0;
}
#contentWrap {
	background: url(_images/blog_content_bg.png) repeat-y left top;
	width: 960px;
	overflow: hidden;
}
#content {
	float: left;
	width: 607px;
	margin-top: 3px;
	padding: 16px;
}
.widget-area {
	float: right;
	width: 318px;
}
#content h1 {
	font-family: Bitter, Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 2.8em;
	color: rgb(168, 88, 163);
	margin-bottom: .5em;
}
a {
	color: white;
	text-decoration: none;
}
article a {
	color: rgb(2, 99, 174);
}
article a:hover {
	color: rgb(251, 174, 44);
}
/*Header styles*/
.pageHeader h1 {
	width: 160px;
	height: 150px;
	text-indent: -9000em;
	position: absolute;
	top: 0px;
	left: 0px;
	background: black url(_images/ralogo.png) no-repeat;
	z-index: 5;
	margin: 0;
}
.pageHeader h1 a {
	display: block;
	width: 160px;
	height: 150px;
	margin: 0;
}
/*Nav styles*/
.pageHeader nav {
	background: rgba(35, 31, 32, .8);
	height: 45px;
	width: 800px;
	position: absolute;
	top: 0px;
	left: 160px;
}
.pageHeader ul {
	list-style: none;
	margin-left: 32px;
}
.pageHeader li {
	float: left;
	margin-right: 55px;
}
.pageHeader a {
	color: white;
	text-decoration: none;
	line-height: 45px;
	font-size: .9em;
	text-transform: lowercase;
}
.pageHeader a:hover {
	color: rgb(251, 174, 44);
	background: none;
}
/* Sidebar */
.widget-area aside h3 {
	color: white;
	background: url(_images/diag_pattern.png);
	line-height: 45px;
	padding-left: .6em;
	font-family: Bitter, Georgia, Times, "Times New Roman", serif;
	font-size: 1.6em;
	font-weight: 100;
}
.widget-area aside ul {
	margin: 1em 1.2em 1em;
	padding-left: 0.6em;
}
.widget-area aside ul li {
	list-style: square;
	margin-bottom: 0px;
	color: #fff;
}
.widget-area .widget {
	padding-bottom: 30px;
}
.widget-area aside a {
	display: block;
}
.widget-area aside a:link, .widget-area aside a:visited {
	background: #A858A3;
	color: #FFF;
}
.widget-area aside a:hover, .widget-area aside a:active {
	background: url(_images/diag_pattern.png);
	color: #FBAE2C;
}
label.screen-reader-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
input#s {
	border: none;
	background-color: rgb(249, 228, 130);
	padding: 0.5em;
	font-size: 1em;
	width: 226px !important;
	margin-left: 1em;
	margin-top: 1em;
}
#searchform input[type="submit"] {
	background: url(_images/search.png) no-repeat center center;
	border: none;
	cursor: pointer;
	width: 35px;
	height: 35px;
	padding: 0;
	margin-top: -10px;
	vertical-align: bottom;
}
/* footer */
footer#pageFooter {
	background: rgb(249, 228, 130);
	color: rgb(65, 64, 66);
	padding: 32px 0 16px;
	border-top: none;
	font-size: 100%;
	text-align: left;
}
footer h3 {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 1em;
	font: normal 1em Bitter, Georgia, Times, "Times New Roman", serif;
}
footer p {
	font-size: .7em;
	text-align: center;
	clear: both;
}
footer p a{
	color: rgb(65, 64, 66);
	text-decoration: underline;
}
footer ul a{
	color: rgb(65, 64, 66);
}
footer a:hover {
	color: rgb(2, 99, 174);
}
footer .col {
	float: left;
	width: 286px;
	border-right: 2px solid rgba(191, 191, 191, .8);
	margin-bottom: 1em;
	padding-left: 32px;
}
footer .col:last-child {
	border: none;
}
footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: .6em;
}
footer li {
	margin-bottom: 1em;
}
footer .col1 {
	float: left;
	width: 130px;
}
footer .col2 {
	float: right;
	width: 130px;
}
/* Responsive video */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page-template-events-php dl {
	margin-left: 20px;
}
.page-template-events-php dt {
	font-weight: bold;
}
.page-template-events-php dd {
	padding: 0 0 15px 20px;
}
.page-template-events-php fieldset {
	border-radius: 5px;	
	margin-bottom: 20px;
	border: 2px solid rgba(168,88,163,1);
	padding: 10px;
}
.page-template-events-php legend {
	color: rgba(2,99,174,1);
	font-weight: bold;
}
.page-template-events-php p {
	padding: 5px 0;	
}
.page-template-events-php #form1 input[type="text"] {
	padding: 3px;	
}
.page-template-events-php #form1 input[type="submit"] {
	padding: 3px 5px;
	margin-left: 45px;
}
.widget-area .advert {
	margin: 0 auto 20px auto;	
	width:  284px;
	height: 166px;
	padding: 7px 0 0 5px;
}
/* Phone */
@media screen and (max-width: 320px) {
	body, #outerWrapper {
		width: 310px;
		margin: 0 auto;
	}
	.blogHeader {
	background: rgba(65,64,66,1) url(none);
	}
	.pageHeader nav {
		width: 160px;	
		background: none;	
	}
	.pageHeader ul {
		margin-left: 40px;	
	}
	.pageHeader li {
		float: none;
		margin-right: 0;	
	}
	.pageHeader a {
		line-height: 25px;
	}
	#contentWrap, #content {
		background: none;
		width: 310px;
	}
	#content {
		padding: 16px 10px;
	}
	#content h1 {
		font-size: 1.4em;
	}
	.widget-area {
		background-color: rgba(168,88,163,1);
		width: 310px;
	}
	footer .col {
		padding-left: 20px;
		border-right: none;	
	}
}
/* Tablet */
@media screen and (min-width: 321px) and (max-width: 768px) {
	body, #outerWrapper {
		width: 768px;
	}
	.pageHeader nav {
		width: 600px;	
	}
	#contentWrap {
		background-position: -192px top;
		width: 768px;
	}
	#content {
		width: 415px;
	}
	#content h1 {
		font-size: 2.4em;	
	}
	.pageHeader li {
		margin-right: 25px;	
	}
	footer .col {
		float: none;
		border-right: none;
		margin: 0 auto;
	}
	footer p {
		padding-top: 20px;	
	}
	
}