/*  
Theme Name: Arrows
Theme URI: http://www.digitaltiki.com/
Description: The WordCamp MSP Theme
Version: 1.0
Author: Lauren Freeland
Author URI: http://www.digitaltiki.com
Tags: two-column, widget-ready, multiple sidebars, admin panel,
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	color: #2e2e2e;
}
a { /*-- Removes dotted outline from clicked links in FF --*/
	outline: none;
}
img {
	border:none;
}
.clearer {
	clear:both;
}
blockquote {
	background: #F2F2F2 url(images/blockquote.png) no-repeat top left;
	border: 1px solid #D7D7D7;
	padding: 10px 10px 10px 40px;
}
/*-- Main structure for the layout --*/
body {
	color: #2e2e2e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background: #2e2e2e;
}
#background {
	background: #2e2e2e;
}
#outerWrapper {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 1000px;
	background: #fff;
}
#contentWrapper {
	overflow: hidden;
	clear:left;
	background: #fff;
}
#sidebar {
	float: right;
	padding: 10px 0px 10px 0px;
	width: 200px;
}
#Content {
	margin: 0 0px 0 0;
	padding: 20px 20px 10px;
	float: left;
	width: 750px;
}
#Footer {
	border-top: solid 1px #666;
	padding: 10px 10px 0px;
	background: #000 url(images/footerbg.png) repeat-x top;
	height: 61px;
	color:#999;
}

#feature_list {
	width: 750px;
	height: 400px;
	overflow: hidden;
	position: relative;
	padding: 20px 0px 10px 20px;
}
 
div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}
 
ul#tabs {
	left: 0;
	z-index: 2;
	width: 340px;
}
 
ul#tabs li {
	font-size: 12px;
	font-family: Arial;
}
		
ul#tabs li img {
	padding: 5px;
	border: none;
	float: left;
	margin: 10px 10px 0 0;
}
 
ul#tabs li a {
	color: #222;
	text-decoration: none;	
	display: block;
	padding: 10px;
	height: 60px;
	outline: none;
}
 
ul#tabs li a:hover {
	text-decoration: underline;
}
 
ul#tabs li a.current {
	color: #FFF;
	background:  url('http://www.wordcampmsp.org/wp-content/uploads/2010/01/feature-tab-current5.png');
}
 
ul#tabs li a.current:hover {
	color: #fff;
	text-decoration: none;
	cursor: default;
}
 
ul#output {
	right: 0;
	width: 463px;
	height: 400px;
	position: relative;
}
 
ul#output li {
	position: absolute;
	width: 463px;
	height: 400px;
}
 
ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 5px;
}
		
ul#output li a:hover {
	background: #e3a040;
}

/*-- Heading styles --*/
h1 {
	font: normal 26px/36px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	color: #2e2e2e;
}
h2 {
	font: bold 20px/30px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	color: #2e2e2e;
}
h3 {
	font: bold 17px/27px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	color: #2e2e2e;
}
h4 {
	font: bold 14px/24px Verdana, Geneva, sans-serif;
	color: #2e2e2e;
}
h5 {
	font: bold 13px/20px Verdana, Geneva, sans-serif;
	color: #2e2e2e;
}
h6 {
	font: bold 12px/18px Verdana, Geneva, sans-serif;
	color: #2e2e2e;
}

#Content h2 a {
	font: bold 20px/30px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	color: #2e2e2e;
}

/*-- Link styles --*/
a, a:link {
	color: #2e2e2e;
	text-decoration: none;
	font-size:100%;
}
a:hover {
	color: #000;
	text-decoration:underline;
}
a:visited, a:active {
	color: #000;
}
.entry a.more-link { /*-- Removes underline from more link --*/
	text-decoration:none;
}
#header a, #header a:link, #header a:active, #header a:visited {
	color: #2e2e2e;
}
#header a:hover {
	color: #2e2e2e;
}
#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited {
	color: #CCC;
}
#Footer a:hover {
	color: #FFF;
}

/*-- Header styles --*/
#headerwrap {
	padding: 0;
	text-align: center;
	background: #FFF;
}
#header {
	width:1000px;
	height:100px;
	margin:0px auto;
	text-align:left;
	background: #FFF;
}

#header p {
	margin: 0px;
}
.title { /*-- This is the title of your blog --*/
	font: bold 30px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
	width: 525px;
	padding-top: 25px;
}
.title a:hover {
	text-decoration:none;	
}
.description { /*-- This is the line of text below your blog title --*/
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
	color: #000;
	float: left;
	clear: left;
	padding: 7px 0px 0px 10px;
}
.topnav { /*-- This is the RSS links in the header --*/
	float:right;
	color: #000;
	text-align:right;
	font: bold normal 12px Arial, Helvetica, sans-serif;
	padding-right: 7px;
	padding-top: 10px;
}

/*-- Header search box styles --*/
#headsearch {
	float:right;
	padding-right: 6px;
	margin-top: 7px;
}
#header #searchform {
	width: 242px;
	height: 31px;
	background: url(images/searchbox.png) left 0px no-repeat;
}
*:first-child+html #header #searchform { /* Filter for IE7 */
	padding: 0px 0;
}
* html #header #searchform { /* Filter for IE6 */
	padding: 5px 0;
}
* html #header #searchbox { /* Filter for IE6 */
	margin-top: 0px;
}
#header #searchbox {
	margin-left: 15px;
	margin-top:8px;
	margin-bottom: 3px;
	width: 180px;
	background: none;
	border: none;
	color: #fff;
	font-size: 11px;
}
#header #searchbutton {
	width: 30px;
	background: none;
	border: none;
	margin-left:10px;
}
#header #searchbutton:hover {
	cursor: pointer;
}

/* Navigation Styles */
#menu {
	background: url(images/nav_bg.png);
	width:1000px;
	position:relative;
	margin:0 auto;
	display:block;
	height:44px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 44px;
}
#menu #navright {
	background: url(images/nav_right2.png);
	position:absolute;
	left:897px;
	top: 0px;
	width: 125px;
	height: 44px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#menu li a, #menu li a:link, #menu li a:visited {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight:bold;
	line-height:44px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0 20px;
	}

#menu li a:hover, #menu li a:active {
	color:#e3a040;
	height:44px;
	}
	
#menu li li a, #menu li li a:link, #menu li li a:visited {
	background: #CCC url(http://www.wordcampmsp.org/wp-content/uploads/2010/08/arrow2.png) no-repeat left;
	width: 100px;
	height:20px;
	color: #000;
	font-size: 11px;
	line-height:20px;
	text-align:left;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: none;
	float: none;
	margin: 0;
	padding: 0 0 0 25px;
	border: none;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	}
	
#menu li li a:hover, #menu li li a:active {
	background: #2e2e2e url(http://www.wordcampmsp.org/wp-content/uploads/2010/08/arrow2-white.png) no-repeat left;
	color: #fff;
	text-decoration: none;
	}

#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	margin: 0px;
	padding: 0px;
	}

#menu li li { 
	}

#menu li ul a { 
	width: 120px;
	}

#menu li ul a:hover, #menu li ul a:active { 
	}

#menu li ul ul {
	margin: -25px 0 0 151px;
	}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover2 ul ul, #menu li.sfhover2 ul ul ul {
	left: -999em;
	}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover2 ul, #menu li li.sfhover2 ul, #menu li li li.sfhover ul {
	left: auto;
	}

#menu li:hover, #menu li.sfhover { 
	position: static;
	}


/*-- Post styles --*/
.post {
	margin-bottom:20px;
	border-bottom: 2px solid #000;
	padding-bottom:10px;
}

.posttitle {
	color: #2e2e2e;	
	font: normal normal bold 20px/30px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	padding-bottom:none;
}
.posttitle a:hover {
	text-decoration:underline;
}
.archivetitle {
	font-size: 21px;
	line-height: 35px;
	color:#000;
	text-align:right;
	text-transform:uppercase;
	background: url(images/archiveicon.png) no-repeat right center;
	padding-right: 45px;
	margin-bottom:8px;
}
.metablock {
	margin-top: 5px;
	padding-bottom: 20px;
	font-size: 11px;
}
.meta {
	float: left;
}
.postcomments {
	float: right;
	background: url(images/icon-comment.png) no-repeat left top;
	padding-left: 22px;
}
.tags {
	font-weight: bold;
	margin-bottom: 0px;
}
.postmetadata{
	clear: both;
	background:none;
	border-top: 1px #000 dashed;
	color: #2e2e2e;
	padding:6px;
	margin: 20px 0;
}

#navwrap {
	height:44px;
	background: transparent url(images/nav_bg.png) repeat-x top left;
	clear: both;
}

/*-- Sidebar styles --*/
#sidebar h5 { /*-- This is the title of each widget --*/
	background: url(http://www.wordcampmsp.org/wp-content/uploads/2010/06/sidebar2.png) no-repeat top center;
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #FFF;
	text-align:right;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
#sidebar ul {
	padding: 8px;
	margin-bottom: 10px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#sidebar ul ul {
	border:none;
	background:none;
}
#sidebar ul li {
	background: #FFF;
	margin-bottom:10px;
	padding: 7px;
}
#sidebar ul li ul li {
	margin-left: 8px;
	background: url(images/arrow.png) no-repeat left top;
	padding-left: 9px;
	padding-bottom: 5px;
	border:none;
	margin-bottom:0;
	padding-top: 0px;
}
#sidebar ul.children {
	padding-top:3px;
}
#sidebar ul.children li { /*-- This styles the sub categories in the hierarchy --*/
	background: url(images/childbullets.png) no-repeat left top;
	padding-bottom:2px;
}

.box {
	float:left;
	margin-bottom:20px;
	border-bottom: 2px solid #000;
	padding-bottom:20px;
}

/*---Image alignment in posts and pages---*/
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

/*---Image Captions---*/
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.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;
}


/*---Comment Styles---*/
ol.commentlist {
	clear:both;
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
}
ol.commentlist p {
	clear:both;
	margin:0;
	padding:0 10px 10px 10px;
}
ol.commentlist ul.children {
	list-style:none;	
}
.avatar {
	float:right;
	padding:2px;
}
div.comment-author {
	margin-top:5px;
	background-color:#EBEBEB;
	border: solid 1px #CCC;
	height:36px;
}
div.comment-author .fn {
	font: bold 18px/36px Verdana, Geneva, sans-serif;
	padding-left:10px;
}
.says {
	display:none;
}
div.comment-meta {
	float:right;
	padding-bottom:8px;
}
#respond {
	clear:both;
}
div.reply {
	text-align:right;
}
div.reply a {
	text-decoration:underline;
}
#comment {
	width: 100%;
}


	
/************************************************
*  Homepage Bottom 					     	    * 
************************************************/
#hpcontainer {
	margin: 0 0px 0 0;
	padding: 0px 0px 10px 20px;
	float: left;
	width: 775px;
}

#hpbottom {
	width: 450px;
	margin: 0px 5px 5px 5px;
	padding: 0px;
	float:left;
	display: inline;
	position:relative;
	}	
	
#hpbottom a, #hpbottom a:visited {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-style: italic;
	}
	
#hpbottom a:hover {
	color: #000;
	text-decoration: underline;
	}
	
#hpbottom h2, #hpbottom h2 a, #hpbottom h2 a:visited {
	color: #000;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: bold;
	line-height:16px;
	text-decoration: none;
	text-transform: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	}

#hpbottom h2 a:hover {
	color: #000;
	text-decoration: underline;
	}
	
#hpbottom h4 {
	color: #000;
	font-size: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 8px 0px 5px 75px;
	}
	
#hpbottom p {
	color: #000;
	line-height:14px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}

#hpbottom embed, #hpbottom object {
	width: 100px; 
	height: 100px;
	margin: 0px; 
	padding: 5px;
	}

.excerpt {
	font-size:12px;
	color:#000;
	line-height:14px;
	font-weight:normal;
	margin: 0px;
	padding: 0px 3px 0px 120px;
	}
	
.hpbottom1 {
	width: 450px;
	height: 120px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 19px 0px 0px;
	background: #CCC;
	display: inline;
	}
	
.hpbottom2 {
	width: 450px;
	height: 120px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 19px 0px 0px;
	background: #CCC;
	display: inline;
	}
	
.hpbottom3 {
	width: 450px;
	height: 120px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 19px 0px 0px;
	background: #CCC;
	display: inline;
	}
	
.hpbottom4 {
	width: 450px;
	height: 120px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 19px 0px 0px;
	background: #CCC;
	display: inline;
	}
	
.thumb-hpbottom {
	background: #FFFFFF;
	float: left;
	margin: 5px !important;
	border: 5px solid #e3a040 !important;
	}
	
/************************************************
*  Homepage Bottom Right			     	    * 
************************************************/
#hpbottomright {
	width: 300px;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 0px;
	display:inline;
	position:relative;
	float:right;
	}	
	
#hpbottomright a, #hpbottomright a:visited {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-style: italic;
	line-height:3;
	}
	
#hpbottomright a:hover {
	color: #e3a040;
	text-decoration: underline;
	}
	
#hpbottomright h2, #hpbottomright h2 a, #hpbottomright h2 a:visited {
	color: #000;
	font-size: 14px;
	line-height:14px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	}

#hpbottomright h2 a:hover {
	color: #000;
	text-decoration: underline;
	}
	
#hpbottomright h4 {
	background: url(http://www.wordcampmsp.org/wp-content/uploads/2010/06/sb_right.png) no-repeat top left;
	width:300px;
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #FFF;
	text-align:left;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 8px;
	margin-top: 10px;
}
	
#hpbottomright p {
	color: #000;
	margin: 0px;
	padding: 0px;
	line-height:16px;
	}
	
	
/************************************************
*  Homepage Bottom Section			     	    * 
************************************************/
#bottomdata {
	background:url(images/bg2.jpg) repeat;
	width:1000px;
	height:264px;
	float:left;
	margin:0 auto;
	padding: 0;
	overflow:visible;
}

#bottomhead {
	background: url(images/nav_bg.png);
	width:1000px;
	position:relative;
	margin:0 auto;
	display:block;
	height:44px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 28px;
}

#bottomhead #botleft {
	background: url(http://www.wordcampmsp.org/wp-content/uploads/2010/06/bottom_left.png);
	position:absolute;
	right:897px;
	top: 0px;
	width: 125px;
	height: 44px;
}

.bottomdata1 {
	width: 300px;
	height:200px;
	margin: 0 10px;
	padding:10px;
	border-right: 3px #000 solid;
	float:left;
}

.bottomdata1 h5 {
	color: #2e2e2e;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch: ultra-condensed;
}

.bottomdata2 {
	width: 300px;
	height:200px;
	margin-right:5px;
	padding:10px;
	border-right: 3px #000 solid;
	float:left;
}

.bottomdata2 h5 {
	color: #2e2e2e;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch: ultra-condensed;
}

.bottomdata3 {
	width: 300px;
	height:200px;
	margin-right:0px;
	padding:10px;
	float:left;
}

.bottomdata3 h5 {
	color: #2e2e2e;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch: ultra-condensed;
}

.organizer1 {
	width:300px;
	
}

.organizer1 h3 {
	font-size:14px;
	line-height:14px;
}

.organizer1 p {
	margin: 0;
	padding:0;
	font-size:11px;
	line-height:11px;
}

.organizer2 {
	margin-top:5px;
	width:300px;
	
}

.organizer2 h3 {
	font-size:14px;
	line-height:14px;
}

.organizer2 p {
	margin: 0;
	padding:0;
	font-size:11px;
	line-height:11px;
}

/* Sponsor */
.sponsor {
	width:100%;
	float:left;
	margin:15px 0 20px 0;
}

.sponsor .logo {
	width:200px;
	float:left;
}

.sponsor .about {
	width:500px;
	float:left;
	padding-left:10px;
}

.sponsor h2 {
	color:#e3a040;
	font-size:24px;
	font-weight: bold;
	line-height:22px;
	text-transform:uppercase;
}

.sponsor .level {
	color:#000;
	font-size:12px;
	font-weight: bold;
	text-transform: capitalize;
	line-height:14px;
}

.sponsor p {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
}

.sponsor .profile {
	background:url(http://www.wordcampmsp.org/wp-content/uploads/2010/07/Profile-copy-6.png) no-repeat;
	width: 198px;
	height: 32px;
	float: left;
	margin-right: 20px;
	padding: 10px;
	
}

.sponsor .profile a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.sponsor .profile a:hover {
	color: #000;
	text-decoration: none;
	
}

.sponsor .link {
	background:url(http://www.wordcampmsp.org/wp-content/uploads/2010/07/Profile-copy-6.png) no-repeat;
	width: 198px;
	height: 32px;
	float: left;
	margin-right: 20px;
	padding: 10px;
}

.sponsor .link a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.sponsor .link a:hover {
	color: #000;
	text-decoration: none;
	
}

.bronzesponsor {
	width:100%;
	margin-top:35px;
	float:left;
}

.bronzesponsor .bronze {
	width: 150px;
	float: left;
	margin: 0 50px 35px 0;
}

.bronzesponsor .bronzeright {
	width: 150px;
	float: right;
	margin: 0 0 35px 0;
}

.presentation a {
	background: url(http://www.wordcampmsp.org/wp-content/uploads/2010/11/submit_button.png) no-repeat;
	float:left;
	width:400px;
	height:35px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:5px;
	font-size:24px;
	line-height:35px;
}

.presentation a:hover {
	text-decoration:none;
	color: #fff;
}