/* -------------------------------------------------------------- 
 *Theme Name:	CCW10
 *Theme URI:	codecampwaterloo.ca
 *Version:	1.0 (10.13.2009)
 *Author:	John Leschinski
 *Author URI:	http://leschinskidesign.com
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/forms.css';
@import 'lib/960.css';
@import 'lib/video.css';

/* Global
------------------------------------------------------------------*/
body {
background-color:#111;
text-align:center;
margin:0;
padding:0;
}


 
#logo a {
background:url("images/logo.png") top left no-repeat;
border-bottom:none;
display:block;
float:left;
height:155px;
text-decoration:none;
text-indent:-9999px;
width:110px;
outline:none;
margin:0;padding:0;
position:relative; z-index:1000;
}



.nav {
list-style:none;
display:block;
margin:30px 0 0 0; padding:0;
font-size:0.9em;
list-style:none outside;
float:right;
}

.nav li {
background:none;
padding:0; margin:0 0 0 0;
width:108px;
display:block;
float:left;
text-align:center;
}

.nav li  a{
background:none;
color:#fff;
display:block;
text-decoration:none;
margin:0; 
padding:0.2em 0.3em 0.3em 0.6em;
}


.nav li  a:hover {background:#111;}

.current_page_item a, .current_page_parent a {background-color:#fff!important; color:#000!important; }


.shaddow1,.shaddow2,.sidebar,.action,.twitter,.flickr {
margin-top:20px;
}

.action {
height:190px;
margin-top:-47px;
text-align:center;
}

.sponsors {
background:#000;
margin-top:20px;
color:#fff;
padding:5px 9px 15px;
}

.sponsors #title {
border-bottom:1px solid #fff;
display:block;
margin-bottom:15px;
font-size:0.9em;
}

.sponsors .prem a {
background:url("images/prem.jpg") bottom center no-repeat;
display:block;
text-align:center;
margin:0 0 10px;
padding:0 0 18px;
}


.sponsors .kind a {
background:url("images/kind.jpg") bottom center no-repeat;
display:block;
float:left;
height:50px;
text-align:center;
width:128px;
margin:15px 1px 0;
padding:0 0 18px;
}

.sponsors .plus a {
background:url("images/plus.jpg") bottom center no-repeat;
display:block;
float:left;
height:50px;
text-align:center;
width:128px;
margin:15px 1px 0;
padding:0 0 18px;
}

.sponsors .basic a {
background:url("images/basic.jpg") bottom center no-repeat;
display:block;
float:left;
height:50px;
text-align:center;
width:128px;
margin:15px 1px 0;
padding:0 0 18px;
}

.sponsors .friend a {
background:url("images/friend.jpg") bottom center no-repeat;
display:block;
float:left;
height:50px;
text-align:center;
width:83px;
margin:15px 1px 0;
padding:0 0 18px;
}

.sponsors img {
margin:0;
padding:0;
}



.blog {
font-size:0.8em;

background-color:#fff;
padding:0 10px 10px 10px;
}

.blog #meta,.entry #meta, .blog-list #meta {
display:block;
float:right;
font-size:0.8em;
text-align:right;
width:90px;
}

.blog-list #meta {width:105px;}

#meta a{
background:#222;
color:#fff;
display:block;
float:right;
height:15px;
text-align:center;
width:25px;
padding:0;
text-decoration:none;
overflow:hidden;
margin-left:10px;
padding:1px 0 2px 0;
}  

.blog #meta a, .entry #meta a{margin-top:5px;}  

.blog h1 { line-height:1em; }




.commnet {float:left; }
.socialnet { float:left;  padding:0;}

.networks {
border:1px solid #111;
font-size:0.65em;
background-color:#000;
float:left;
display:block;
height:80px;
width:260px;
margin:20px 0 0 0px;
padding:9px;
text-align:center;
}


.socialnet div:first-child{margin-right:20px;}


.networks a {color:#fff;}

.networks img {
border:none;
text-decoration:none;
margin:0;
padding:0;
}

.flickr {
background-color:#fff;
height:100px;
text-align:center;
}

.flickr img {
border:1px solid #eee;
height:70px;
width:70px;
margin:5px 5px 5px 0;
}

.flickr small img {
border:0;
height:14px;
vertical-align:top;
width:39px;
margin:0;
padding:0;
}

.flickr small a {margin-left:360px;}

.twitter {
background:#c4f3ff;
height:100px;
overflow:hidden;
}

.twitter small img {
border:0;
vertical-align:top;
margin:0;
padding:0;
}

.twitter small a {margin-left:375px;}

.twitter p {
background:url("images/twitter-bg.jpg") top left no-repeat #fff;
font-size:0.7em;
overflow:hidden;
margin:3px 10px 5px;
padding:4px 5px;
}

.twitter p small{
font-size:0.75em;
margin:0px;
padding:0px 5px;
display:inline;
color:#666;
}

.more-link a {
float:right;
margin-top:-20px;
background:#000;
color:#fff;
text-decoration:none;
padding:5px;
}

.more-link a:hover {background:#dde5e5; color:#000;}

.sess-link a {
display:block;
margin:20px;
background:#669A9A;
color:#fff;
padding:5px;
font-size:1.2em;
text-decoration:underline !important;
}

.sess-link a:hover { background:#dde5e5; color:#000;}




.footer {
display:block;
width:100%;
margin:20px 0 0;
padding:0;
}

.footer ul {
float:right;
margin:10px 0.2em;
font-size:0.8em;
}

.footer li {
background:none;
text-align:center;
padding:0; margin:0 0 0 20px;
float:left;
}

.footer li img {margin:0; padding:0;}

.footer li:first-child{margin:0;}

.footer li a{
background:none;
color:#fff;
display:block;
text-decoration:none;
margin:0; 
padding:0.1em 0.5em 0.3em 0.5em;
}




.flickr small,.twitter small {
display:block;
font-size:0.6em;
text-align:left;
margin:5px 5px 0;
padding:0;
}

.shaddow1 {
background-color:#000;
overflow:auto;
padding:5px;
}

.shaddow2 {
background-color:#000;
overflow:auto;
padding:5px;
}

.pagetitle {
color:#fff;
margin:-10px 0 0 10px;
}

.content {
font-size:0.8em;

background-color:#fff;
min-height:200px;
padding:10px;
}

.sidebar {
font-size:0.8em;

}

.sidebar p{
color:#fff;

}

.sidebar ul li {
background:none;
background-color:#333;
display:block;
clear:both;
margin:0 0 20px;
padding:1px;
overflow:hidden;
}

.sidebar ul li ul {
background:none;
background-color:#111;
display:block;
margin:0; padding:2px;
}

.sidebar ul li ul li {
background:none;
background-color:#000;
color:#fff;
display:block;
margin:0; padding:0;
}

.sidebar ul li ul li a {
color:#fff;
font-size:1.2em;
font-weight:600;
display:block;
padding:6px 10px 6px 20px;
}

.sidebar .children , .sidebar .children ul  {background:#000!important; background:none;
display:block; width:auto; margin:0; padding:0;}

.sidebar .children  a{background:#000!important; color:#fff!important; padding-left:30px;}
.sidebar .children .children a{background:#000!important; color:#fff!important; padding-left:35px;}
.current-cat  a, .children .current-cat a, .children .children .current-cat a{background-color:#fff!important; color:#000!important;}




.entry {
border-bottom:1px solid #ccc;
margin-bottom:20px;
padding-bottom:10px;
}

.navigation {
font-size:0.7em;
float:right;
}

.navigation a {
color:#fff;
}

.navigation .alignleft,.navigation .alignright {
float:left;
margin:5px;
}

.drk a {
color:#666;
}

.meta-left {
float:left;
width:50%;
padding-right:5px;
}

.meta-right {
float:left;
width:40%;
padding-left:15px;
border-left:1px solid #eee;
}

.navigation-single .alignright {
border-top:1px solid #eee;
margin-top:0;
text-align:right;
padding:5px 0;
}

.navigation-single .alignleft {
border-bottom:1px solid #eee;
padding:5px 0;
}

#side-subscribe {
background:url(images/feed-icon-32x32.jpg) 220px 35px no-repeat #fff;
overflow:auto;
text-decoration:none;
margin:0;
padding:5px 5px 5px 20px;
}

#side-subscribe h4 {
font-size:1.4em;
margin:0 0 5px;
padding:0;
}

#side-subscribe a {
background:#000;
text-decoration:none;
color:#fff;
font-weight:600;
display:inline;
padding:0 7px;
}

#side-subscribe a:hover {
background:#7b7a0e;
text-decoration:underline;
color:#fff;
font-weight:600;
}

#side-subscribe #whatisrss {
background:none;
text-decoration:underline;
color:#777;
font-size:0.7em;
font-weight:400;
display:block;
margin:0;
}

.search {
background:#fff;
text-align:center;
overflow:auto;
margin:0;
padding:0px;
}

#searchsubmit {
color:#000;
font-weight:600;
text-align:center;
background:#fff;
border:none;
width:60px;
height:35px;
float:left;
margin:2px;
padding:0;
}

#s {
color:#000;
border:2px solid #ddd;
width:68%;
height:22px;
float:left;
margin:2px;
padding:5px;
font-size:1.4em;
}

.commentlist {
width:580px;
display:block;
list-style:none!important;
}

.commentlist li {
background:none;
border-top:1px solid #eee;
margin:0;
padding:10px 0 10px 10px;
list-style:none!important;
}

ul.commentlist li.comment ul.children {
background:#fcfcfc;
margin:10px 0 0 20px;
}

ul.commentlist li.comment ul.children .depth-3,ul.commentlist li.comment ul.children .depth-5 {
background:#fff;
}

ul.commentlist li.comment div.vcard span.says {
display:none;
}

ul.commentlist li.bypostauthor {
border-top:1px solid #669A9A;
}

ul.commentlist li.comment div.commentmetadata {
font-size:0.8em;
float:right;
}

ul.commentlist li.comment div.vcard {
float:left;
margin-bottom:0;
height:25px;
}

ul.commentlist li.comment div.vcard img.avatar {
float:left;
margin:0 10px 0 0;
}

ul.commentlist li.comment p {
display:block;
clear:both;
margin:0 0 10px 40px;
padding:0 5px;
}

ul.commentlist li.comment div.reply {
font-size:0.8em;
text-align:right;
margin-top:-10px;
}

ul.commentlist li.pingback {
background:#ddd;
font-size:0.8em;
}

#respond {
border:1px solid #669A9A;
padding:10px;
}

#commentform input {
width:150px;
border:1px solid #669A9A;
margin:5px 5px 1px 0;
padding:5px;
}

#commentform #submit {
width:150px;
color:#fff;
font-weight:600;
text-align:center;
background:#000;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-right:2px solid #eee;
border-bottom:2px solid #eee;
margin:5px 5px 1px 0;
padding:5px;
}

#commentform {margin:5px 0 0;}

#commentform textarea {width:95%;padding:2px;}

a[href$=".pdf"] {
background:url(images/pdf.png) no-repeat right top;
padding-right:20px;
padding-bottom:2px;
}

a[href$=".doc"] {
background:url(images/word.png) no-repeat right top;
padding-right:20px;
padding-bottom:2px;
}

a[href$=".exl"] {
background:url(images/excel.png) no-repeat right top;
padding-right:20px;
padding-bottom:2px;
}

a[href$=".wmv"] {
background:url(images/television.png) no-repeat right top;
padding-right:20px;
padding-bottom:2px;
}

a[href$=".mp3"] {
background:url(images/mp3.png) no-repeat right top;
padding-right:20px;
padding-bottom:2px;
}

a[href$=".zip"] {
background:url(images/zip.png) no-repeat right top;
padding-right:20px;
padding-bottom:2px;
}

.blog h1 a,.blog #meta a,.entry #meta a,.content h2 a,.networks a {text-decoration:none;}

.single-meta,.navigation-single {
display:block;
font-size:0.9em;
background:#fff;
margin:0;
padding:5px;
}


.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

p img {
	padding: 0;
	max-width: 100%;
	}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 2px 7px;
	display: inline;
	float:right;
	}

img.alignleft {
	padding: 0px;
	margin: 0 7px 2px 0;
	display: inline;
	float:left;
	}

#wpstats{width:0; height:0; margin:0; padding:0; overflow:hidden;}
img#wpstats{width:0; height:0; margin:0; padding:0; overflow:hidden;}

.srssfetcher-timestamp {color:#999; font-size:0.8em;}

.blog-list {
font-size:0.8em;
background-color:#fff;
list-style:none outside;
overflow:auto;
}


.blog-list li {
list-style:none inside!important; 
padding:10px 10px 0px;
border-top:1px solid #ddd;
}

.blog-list li:first-child{

border-top:none;
}
.blog-list h3 {margin:0; padding:0;  width:400px; height:25px; overflow:hidden;}
 


.sponsor-page {overflow:auto;}
.sponsor-page  h4{border-bottom:1px solid #aaa; overflow:auto; margin:20px 0; padding:3px; font-size:2em;}
.sponsor-page .spon-image{ width:230px; height:90px;
border:1px solid #eee; border-bottom:1px solid #ddd; border-right:1px solid #ddd; 
float:left; margin:10px 0px 20px 0px; padding:0 10px;}
.sponsor-page img{margin:0px; padding:0px; float:none;  width:230px; }
.sponsor-page .text{float:left; margin:10px 0 20px 10px; padding:0; width:280px;}





.opp h2{overflow:auto; margin:25px 0 15px; padding:0px; font-size:2em;}
.opp h3{border-bottom:1px solid #aaa; overflow:auto; margin:20px 0; padding:3px; font-size:1.5em;}
.opp h4{overflow:auto; margin:30px 0 0 0; font-size:2em;}
.opp ul{  width:80%;margin-left:30px;}
.opp li{ list-style:square outside!important;  }



.sess { overflow:auto;}
.sess .req {text-align:right;}
.sess .reg, .sess .req {float:left; width:270px; }
.sess h2 {margin:20px 0 20px 0; }
.sess .reg ul, .sess .req ul { width:180px; }
.sess .req ul {float:right; }

.about{color:#fff; padding:5px 10px; font-size:0.85em; background:#000;  }
.about a{color:#fff; }

.pages { margin-top:-80px;}
.sidebar { margin-top:-60px;}