/*************************************************

	Switch Interactive
	http://www.switchinteractive.com
    
	Design and Code : Switch Interactive
	Author Homepage : http://www.switchinteractive.com	
	Created : January 20th 2010
	Last Updated : March 30th 2010

	Notes: Temporary Blog. This file works as an addition
	to default.css (a carry over from the static version
	of the site.)


***************************************************
	STRUCTURE
	
	*/
	
.single #leftcolumn {
	width:738px;

	}
	
#leftcolumn {
	width:500px;
	float:left;
	margin:0;	
	}
	
#rightcolumn {
	width:221px;
	float:left;
	}
	
#columns {
	background:url(../images/column-bkg.gif) repeat-y;
	}
	
.single #columns {
	background:url(../images/column-single.gif) repeat-y;
	}
	
/***************************************************
	RIGHT COLUMN (SIDEBAR)
	
	*/	
	
#rightcolumn LI {
	list-style:none;
	border-bottom:solid 1px #d3d3d3;
	padding:27px 0;
	font-size:110%;
	}	
	
#rightcolumn LI LI {
	margin:3px 0 3px 15px;
	padding:0;
	border:none;
	list-style:none;
	background:url(../images/bullet.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
	font-size:100%;
	}	

#rightcolumn UL {
	margin:0;
	padding:0 0 0 15px;
	}
	
#rightcolumn UL UL {
	padding:0;
	}
	
#rightcolumn H2 {
	margin:0 0 15px 0;
	font-size:200%;
	text-transform:uppercase;
	}
	
#rightcolumn A ,	
#rightcolumn H2 A {
	text-decoration:none;
	color:#7A7A79;
	}
	
#rightcolumn A:hover{
	color:#454545;
	text-decoration:underline;
	}
	
/***************************************************
	NAVIGATION
	
	*/
	
.navigation {
	height:16px;
	margin:20px 0 0 0;
	}
	
.single .navigation {
	margin:10px 0 30px;
	padding:0 0 30px 0;
	border-bottom:solid 1px #d3d3d3;
	}
	
.navigation A {
	font-size:110%;
	text-decoration:none;	
	}
	
.navigation A:hover {
	text-decoration:underline;
	}
	
.alignleft {float:left;}
.alignright{float:right;}

.alignleft A {
	background:url(../images/arrow-left.gif) left center no-repeat;
	padding:0 0 0 13px;
	}
	
.alignright A {
	background:url(../images/arrow-right.gif) right center no-repeat;
	padding:0 13px 0 0;
	margin:0 20px;
	}
	
.btm {margin-bottom:20px;} /* for the older/newer nav */

/***************************************************
	POSTS (homepage)
	
	*/
	
.pagetitle {
	margin:38px 0 0 0;
	text-transform:uppercase;
	font-size:240%;
	padding:0 0 20px;
	border-bottom:solid 1px #d3d3d3;	
	}
	
/*full article page is different */

.single .post {
	height:auto;
	font-size:140%;
	line-height:160%;
	margin:0 30px 30px 0;
	padding-top:0;	
	}
.client-title {
	display:block;
	margin:10px 0;
	}	
.single .post .entry {
	width:auto;
	float:none;
	}
	
.single .post H2 {
	margin:0px 0 30px 0;
	}
	
.post .entry {
	margin:0 20px 20px 0;
	}
	
#video-page .post{
	margin:0;
	padding:0;
	border:none;
	height:auto;
	}		
	
.post {
	padding:0 0 20px;
	border-bottom:solid 1px #d3d3d3;
	position:relative;
	font-size:120%;
	}
		
.post H2 {
	margin:20px 0 5px 0;
	text-transform:uppercase;
	}
	
.post H2 A {
	color:#7a7a7d;
	text-decoration:none;
	}
	
.post H2 A:hover {
	color:#454545;
	}
	
.post SMALL {
	margin:0 0 20px 0;
	display:block;
	font-style:italic;
	color:#ababab;
	}
	
.more-link {
	display:block;
	height:8px;
	line-height:8px;
	font-size:0;
	width:90px;
	text-indent:-999em;
	margin:20px 0 20px 0;
	background:url(../images/full-article.gif) no-repeat;
	}
	
.more-link:hover {
	background-position:bottom left;
	}

/* Meta data is the date and author blog above each post */
.meta-data {
	background:url(../images/project-header.gif);	
	font-size:10px;
	color:#fff;
	width:200px;
	}
	
.meta-data A{	
	height:10px;
	line-height:10px;
	padding:3px;
	color:#FFF;
	background:#454545;
	float:left;
	text-align:center;
	margin:0 3px 0 0; 
	font-size:10px;
	}
	
.single .meta-data 	{
	font-size:10px;
	line-height:16px;
	margin:0 0 30px 0;
	float:right;
	}
	
/* Meta Count is the counters of trackbacks and comments 
associated with each post */

.meta-count {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	}
	
.single .meta-count {
	top:38px;
	}

.meta-count LI {
	float:left;
	margin:0 0 0 10px;
	}
	
.meta-count-wrap { /*only in use on SINGLE template */
	margin:0 0 10px 0;
	}
	
.comments-count {
	background:url(../images/comments-icon.gif) no-repeat;
	padding:0 0 0 18px;
	text-decoration:none;
	}

.trackbacks-count {
	background:url(../images/trackback-icon.gif) no-repeat;
	padding:0 0 0 18px;
	text-decoration:none;
	}		
	
#share {	
	margin:0;
	padding:0;
	list-style:none;
	}
	
#share LI {
	float:left;
	margin:0 10px 0 0;
	}
	
#share LI.twitter-btn {
	padding:5px 0 0 0;
	}
	
/***************************************************	
	NEWS/JOB LIST
	
	*/	
	
#nav-list {
	margin:0;
	float:left;
	width:300px;
	}
	
#nav-list LI{
	margin:3px 0 3px 15px;
	padding:0;
	border:none;
	list-style:none;
	background:url(../images/bullet.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
	font-size:110%;
	}
	
#nav-list A {
	text-decoration:none;
	}	
	
.job {
	margin:30px 0 0 340px;
	width:600px;
	font-size:110%;	
	}
	
/***************************************************
	SEARCH FORM
	
	the search is NOT a widget. You can find the html in
	functions.php because it overrides the WP default.
	
	*/	
	
	
#searchform .text {
	width:196px;
	background:#f1f1f1;
	margin:12px 0 0 0;
	}

#searchform  .submit {
	background:url(../images/submit.gif) no-repeat;
	text-indent:-999em;
	display:block;
	height:16px;
	width:58px;
	float:none;
	margin:5px 0 0 0;
	font-size:0;
	line-height:0;
	}

#searchform  .submit:hover {background:url(../images/submit.gif) 0 -18px no-repeat;}
#searchform  A {
	margin:5px 0 0 0;
	text-decoration:none;
	display:block;
	float:left;	
	}
	
#rightcolumn .widget_twitter LI {
	background:none;
	margin:0;
	padding:0;
	}
	
/***************************************************	
	TWITTER WIDGET			 
	
	*/	
#twitter-feed {
	width:236px;
	margin:12px 0 0 0;
	float:left;
	overflow:hidden; /*for ie6 - but its probably good practice regardless */
	}
	
#twitter-feed UL {
	margin:0;
	padding:0 15px;
	list-style:none;
	}
	
#twitter-feed UL UL{
	margin:0;
	padding:0px;
	list-style:none;
	}
	
#twitter-feed LI {
	list-style:none;
	margin:0;
	padding:20px 0;
	border-bottom:solid 1px #d3d3d3;
	}		
	
#twitter-feed .entry-content {
	font-size:110%;
	}
	
#twitter-feed .from-meta {display:none;}

#twitter-feed .time-meta A{
	font-weight:bold;
	display:block;
	}
	
#twitter-feed A{
	color:#7A7A79;
	text-decoration:none;
	}
	
#twitter-feed A:hover{
	text-decoration:underline;
	color:#454545;	
	}
	
#twitter-feed H2 {
	margin:5px 0 0;
	padding:0;
	}
	
#twitter-feed H2 A {
	text-transform:uppercase;
	text-decoration:none;
	}
	
#twitter-feed H2 A:hover{
	text-decoration:none;
	}
	
#twitter2 {
	line-height:140%;
	margin:10px 0 0 0;
	display:block;
	width:90px;
	font-style:italic;
	}
	
/***************************************************	
	AUTHORS WIDGET
	
	the author widget is just a text widget - not 
	dynamic at all.
	
	*/	
	
#rightcolumn #author-list LI {
	padding:0;
	margin:10px 0;
	height:50px;
	background:none;
	}
	
#author-list A:hover{
	text-decoration:none;
	}
	
#author-list IMG {
	float:left;
	margin:0 8px 0 0;
	}
	
#author-list STRONG {
	display:block;	
	}
	
#author-list EM {
	font-style:normal;
	color:#454545;
	}
	
#rightcolumn .meta_enhanced {
	border-bottom:none;
	}
	
#rightcolumn .meta_enhanced LI {
	background:url(../images/feed.png) 0 3px no-repeat;	
	padding:0 0 0 20px;
	}
	
/***************************************************	
	COMMENTS			 
	
	*/	
	
	
#comment {
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	background:#f1f1f1;
	border:none;
	font-size:12px;
	padding:5px;
	}
	
#comment:focus {
	padding:4px;
	border:solid 1px #454545;
	}
	
.comment-body {
	font-size:120%;
	line-height:160%;
	}
	
.commentlist,#commentform {margin:0 0 30px 0;	}
.commentlist {padding:0;}
.commentlist CITE {font-size:120%; color:#454545; 	}
.commentlist CITE A {color:#000;}
.commentlist SMALL {	
	width:50px;	
	margin:10px 0 0 0;	
	color:#a73131;	
	font-weight:bold;	
	}
	
.commentlist LI {	
	background:none; 
	padding:15px 0;	
	list-style:none;
	border-bottom:solid 1px #d3d3d3;	
	color:#7a7a79;
	margin:0;	
	line-height:140%;		
	}
	
.commentlist A {
	text-decoration:none;
	}
	
.vcard IMG{
	display:none;
	}
	
.commentmetadata {
	margin:0 0 10px 0;
	font-size:80%;
	font-style:italic;
	}
	
#commentform {
	font-size:110%;
	width:700px;
	}