/*
Theme Name: Center for New Media
Theme URI: http://langleymediacenter.org
Description: New Media Center
Version: .4
Author: Roger Los
Author URI: http://rogerlos.com/
Tags: 

*/

/* Layout */

body, html {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	}
body {
	background: #717073;
	}
	
#container {
	position: relative;
	width: 1000px;
	height: auto;
	min-height: 100%;
	top: 0;
	z-index: 10;
	margin: 0px auto;
	background: url(images/bg_container_2.png) top left repeat;
	}
	
#topline {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	background: #e58e1a;
	height: 7px;
	z-index: 100;
	}
#bottomline {
	position: absolute;
	margin:  -7px 0 0 0;
	width: 50%;
	background: #e58e1a;
	height: 7px;
	z-index: 100;
	right: 0;
	}
	
/* Header */
#header {
	position: relative;
	width: 1000px;
	height: 167px;
	top: 0;
	background: url(images/bg_header_2.gif) top left no-repeat;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 20;
	}
#logo {
	position: absolute;
	top: 22px;
	left: 0;
	width: 273px;
	height: 135px;
	overflow: hidden;
	z-index: 20;
	}
#tagline {
	position: absolute;
	top: 50px;
	left: 272px;
	width: 470px;
	height: 80px;
	z-index: 20;
	overflow: hidden;
	}
#tagline p {
	font: 14px/18px "trebuchet ms",trebuchet,sans-serif;
	color: #717073;
	}
	
/* Social Sharing */
#social {
	position: absolute;
	top: 48px;
	left: 807px;
	width: 163px;
	height: 85px;
	z-index: 20;
	background: url(images/bg_share.png) top left no-repeat;
	}
#social p {
	margin: 0;
	padding: 0;
	font: 12px/12px "trebuchet ms",trebuchet,sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
#social a {
	color: #fff;
	text-decoration: none;
	}
#socialaddthis {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 12px;
	z-index: 20;
	}
#socialicons {
	position: absolute;
	top: 22px;
	left: 16px;
	width: 143px;
	}
#socialicons a {
	display: block;
	margin: 0 2px;
	float: left;
	}
	
/* Footer */
#footerbg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1000px;
	height: 7px;
	background: #e58e1a;
	z-index: 20;
	}
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 125px;
	height: 377px;
	background: url(images/bg_footer.gif) top left no-repeat;
	z-index: 20;
	}
#footcopyright {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 105px;
	}
#footcopyright p {
	font: 10px/10px "trebuchet ms",trebuchet,sans-serif;
	color: #666;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	text-indent: -10px;
	padding-left: 10px;
	}
#footnav {
	position: absolute;
	top: 70px;
	left: 10px;
	width: 105px;
	}
#footnav ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	}
#footnav li {
	margin: 0;
	padding: 8px 0;
	border: 0;
	font: 11px/12px "trebuchet ms",trebuchet,sans-serif;
	color: #555;
	}
#footnav h1, #footnav h2, #footnav h3, #footnav h4, #footnav h5, #footnav h6, #footnav p {
	font: 11px/12px "trebuchet ms",trebuchet,sans-serif;
	padding: 0;
	margin: 0 0 5px 0;
	color: #555;
	}
#footnav h2 {
	font: bold 12px/12px "trebuchet ms",trebuchet,sans-serif;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 1px;
	}
#footnav strong {
	color: #000;
	}
#footnav ul ul {
	margin: 0;
	padding: 0 0 0 18px;
	list-style: url(images/bullet_footer.gif) disc;
	}
#footnav ul ul li {
	font: 11px/12px "trebuchet ms",trebuchet,sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 5px 0;
	}
#footnav a {
	color: #fff;
	text-decoration: none;
	}
#footnav a:hover {
	text-decoration: underline;
	}
	
/* Main columns */
#leftcol {
	position: relative;
	float: left;
	width: 125px;
	}
#centercol {
	position: relative;
	float: left;
	width: 650px;
	}
#rightcol {
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 20px;
	float: left;
	width: 185px;
	}	
	


/* Navigation */
#navigation {
	position: relative;
	width: 125px;
	top: 0;
	padding: 40px 0 0 0;
}
/*
#navigation ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
}
#navigation ul li {
	margin: 0;
	padding: 0 0 0 8px;
	border: 0;
	display:block;
	position: relative;
	}
#navigation li a {
	font: 14px/14px "trebuchet ms",trebuchet,sans-serif;
	color: #fff;
	display: block;
	text-transform: uppercase;
	width: 109px;
	text-decoration: none;
	padding: 5px 8px 5px 0;
	letter-spacing: 1px;
	border-top: 1px solid #e58e1a;
	}
#navigation li:first-child  a{
	border-top: 0px solid transparent;
	} 
#navigation li a:hover {
	text-decoration: underline;
	}
#navigation ul ul {
	display: none;
	}
*/

/* Widgets */
#rightcol ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	}
#rightcol ul li {
	margin: 0 0 15px 0;
	border-top: 1px solid #939295;
	padding: 15px 0 0 0;
	}
#rightcol ul li:first-child  {
	border-top: 0px solid transparent;
	} 
#rightcol ul  ul, #rightcol ul  ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	border: 0;
	list-style: url(images/bullet_widget.gif) disc;
	}
#rightcol ul ul li, #rightcol ul ol li {
	margin: 0 0 3px 0;
	padding: 3px 0 0 0;
	border-top: 0px solid transparent;
	}
#rightcol h1, #rightcol h2, #rightcol h3, #rightcol h4, #rightcol h5, #rightcol h6 {
	font-family: "trebuchet ms",trebuchet,sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #444;
	text-transform: uppercase;
	}
#rightcol h3 {
	font-weight: normal;
	font-size: 16px;
	line-height: 17px;
	}
#rightcol h4 {
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	text-transform: uppercase;
	}
#rightcol h5 {
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	text-transform: uppercase;
	}
#rightcol h6 {
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	text-transform: uppercase;
	}
#rightcol p, #rightcol li {
	font-family: "trebuchet ms",trebuchet,sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #222;
	}
#rightcol a {
	color: #0d5bd1;
	text-decoration: none;
	}
#rightcol a:hover {
	text-decoration: underline;
	}
	
/* Content area columns */
#pullcol {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width: 112px;
	}
#maincol {
	position: relative;
	margin: 0;
	padding: 0 23px 0 35px;
	float: left;
	width: 480px;
	}
	
/* General Styles */

p, li {
	margin: 10px 0;
	padding: 0;
	font: 13px/18px "trebuchet ms",trebuchet,sans-serif;
	color: #222;
	}
small {
	font: 11px/13px "trebuchet ms",trebuchet,sans-serif;
	color: #666;
	}
.pullquote, .pull {
	margin: -20px 0 0 -132px;
	padding: 30px 0 0 25px;
	position: absolute;
	left: 0;
	width: 90px;
	background: url(images/quote.png) top left no-repeat;
	color: #777;
	font: 14px/20px georgia, serif;
	}
.pull {
	background: transparent;
	}
.pullquote p {
	color: #777;
	font: 14px/20px georgia, serif;
	}
.pullquote em {
	display: block;
	margin: 8px 0;
	text-transform: uppercase;
	font-style: normal;
	font: 12px/13px "trebuchet ms",trebuchet,sans-serif;
	}
.pagenavigation div {
	width: 45%;
	}
.pagenavigation .alignleft {
	float: left;
	}
.pagenavigation .alignright {
	float: right;
	text-align: right;
	}
.post {
	clear: both;
	}
.postmetadata {
	font: 10px/12px "trebuchet ms",trebuchet,sans-serif;
	color: #666;
	padding: 4px 0 0 0;
	border-top: 1px dotted #bbb;
	}
 h1, h2, h3, h4, h5, h6 {
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 25px;
	margin: 12px 0 8px 0;
	padding: 0;
	color: #e58e1a;
	}
h3 {
	font-size: 18px;
	line-height: 19px;
	}
h4 {
	font-size: 16px;
	line-height: 17px;
	}
h5 {
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	text-transform: uppercase;
	}
h6 {
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	text-transform: uppercase;
	}
a {
	color: #0d5bd1;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
blockquote {
	border-top: 1px dotted #555;
	border-bottom: 1px dotted #555;
	color: #444;
	padding: 8px 0;
	}
ul {
	border: 0;
	list-style: url(images/bullet_widget.gif) disc;
	}
li {
	color: #444;
	}
	
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border: 0;
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 5px 0;
	}
.alignright {
	padding: 4px;
	margin: 0 0 5px 8px;
	display: inline;
	}
.alignleft {
	margin: 0 8px 5px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}


/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 10px 0;
	clear: both;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #fff;
	padding: 4px 0 0 0;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 12px;
	padding: 4px;
	margin: 0;
	color: #999;
	font-family: "trebuchet ms",trebuchet,sans-serif;
}
/* End captions */

/* Lame plugins that need styling */

.fb_share {
	display: block;
	float: right; 
	margin-left: 10px;
}

/* feature box */

#homebox {
	position: relative;
	background: #e58e1a;
	margin: 0 -23px 20px -147px;
	padding: 10px;
	}