/*  
Theme Name:Bwd 2
Theme URI:http://www.bogeywebdesign.com/my-portfolio/wordpress-themes/bwd-2/
Description:A clean, compliant two column design that uses distinctive graphics and has a large branding area at the top which uses the options page to display and/or edit. Multiple sidebars to allow for different setups on pages, posts, and your 404 page. Widget-ready, right sidebar, and search engine optimized.
Author:Bogey Web Design
Author URI:http://www.bogeywebdesign.com/
Tags:blue, black, two-columns, fixed-width, right-sidebar
Version:1.10
*/

html, body {
	height:100%;
}

body{
	color:#666;
	font:62.5%/1.2em Verdana, Helvetica, Arial, sans-serif;
}

*{
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
	color:#09f;
}

a:hover{
	border-bottom:1px solid #6cf;
	color:#6cf;
}

a img{
	border:0;
}

p, dt, dd, address, th, td{
	font:1.4em/1.4em Verdana, Helvetica, Arial, sans-serif;
	text-indent:1.5em;
	margin:0 0 1em;
}

table{
  margin:0 0 1em;
}

  th, td{
    margin:0;
    padding:.25em;
  }

address{
  font-style:italic;
}

pre{
	font:1.4em/2em courier, monospace;
	margin:0 0 1em;
}

ul, ol{
  margin:1em 0;
}

  li{
    list-style-position:inside;
    margin:0 0 1em 1em;
  }

    li li{
      margin:0 0 1em 2em;
    }
  
  ul li{
    list-style-type:disc;
  }
  
    ul li li{
      list-style-type:circle;
    }
    
      ul li li li{
        list-style-type:square;
      }
  
  ol li{
    list-style-type:decimal;
  }
  
    ol li li{
      list-style-type:lower-alpha;
    }
    
      ol li li li{
        list-style-type:lower-roman;
      }

blockquote{
	font:italic 1.4em/2em Verdana, Helvetica, Arial, sans-serif;
  margin:2em;
}

  blockquote blockquote{
    font-size:1em;
  }

  blockquote p{
    font-size:1em;
  }

fieldset{
	border:0;
}

	fieldset input, fieldset textarea{
		border:1px solid #ccc;
		margin:0 0 1em;
	}

	fieldset input.submit{
		background:#eee;
		padding:.5em;
		text-align:center;
	}

	fieldset input.submit:hover{
		background:#ccc;
	}
	
	fieldset legend{
		font-size:1.2em;
		padding: 0 0 1em;
		font-weight:bold;
	}

label{
	font-weight:bold;
	margin:0 0 .5em;
}

.clear{
	clear:both;
}

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

img.alignright,img.alignleft{
  display:inline;
}

.alignright{
  float:right;
}

.alignleft{
  float:left;
}

#content{
	float:left;
	width:100%;
}

  #content .post{
    position:relative;
    clear:both;
    overflow:auto;
  }

  #content .post .left{
    position:absolute;
    top:0;
    left:0;
  }
  
    #content .left .date .month, #content .left .date .day{
      display:block;
      width:3.6em;
      background:url(images/month.png) top left no-repeat;
      font-weight:bold;
      font-size:1.4em;
      line-height:1.6em;
      color:#fff;
      text-align:center;
      margin-bottom:.25em;
    }
    
    #content .left .date .day{
      background:url(images/day.png) top left no-repeat;
    }
    
    #content .left p{
      text-indent:0;
      font-size:1.1em;
      line-height:2em;
      margin:0 0 .5em;
      padding-left:2.2em;
    }
    
    #content .left p.date{
      padding:0;
    }
    
    #content .left p.author{
      background:url(images/author.gif) left center no-repeat;
    }
    
    #content .left p.comments{
      background:url(images/comments.gif) left center no-repeat;
    }
  
  #content .right{
    float:left;
    margin-left:14em;
  }

	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
		color:#555;
		font-size:2em;
		padding-bottom:1em;
		clear:both;
	}
	
	#content h2{
	  font-size:1.5em;
	}
	
	#content h3{
	  font-size:1.25em;
	}
	
	#content h4, #content h5, #content h6{
	  font-size:1em;
	}

	#content h2.postTitle{
	  color:#663;
		padding-bottom:0;
		font:normal 3.5em/1em Times, Times New Roman, Georgia, serif;
	}
	
	#content h2.archive{
		font-size:1.75em;
	}
	
	#content h2 a{
		color:#663;
	}
	
	#content hr{
		clear:left;
		margin:1em 2em;
	}
	
	#content .post{
		margin-bottom:2.5em;
		padding-right:2em;
	}
	
	  #content .post .title {
	    overflow: auto;
	  }
	
	#content p{
		clear:left;
		line-height:2em;
		overflow:auto;
	}
	
		#content p.date{
			text-indent:0;
			font-weight:bold;
			font-size:1em;
		}
	
		#content p a:visited{
			color:#39c;
		}
		
		#content p.meta{
			margin:1em 0 -1em;
		}
		
		#content p.feedback{
			padding-bottom:1em;
		}
		
		#content li p, #content li blockquote{
			float:none;
			font:1.1em/1.3em Verdana, Helvetica, Arial, sans-serif;
		}
		
		  #content li blockquote p{
		    font-size:1em;
		  }
		
	#content ul, #content ol, #content dl{
		clear:left;
		margin:0 3em 1em;
	}
	
		#content ul li, #content ol li, #content dd, #content dt{
			color:#666;
			font:1.3em/2em Verdana, Helvetica, Arial, sans-serif;
			margin:0 0 1em;
		}
		
		  #content ul ul, #content ul ol, #content ol ol, #content ol ul {
		    margin: 0 2em;
		  }
		
  		  #content ul li li, #content ol li li {
  		    font-size: 1em;
  		  }
		
	#content ul.postInfo{
		margin:1em 0 1em .5em;
	}
	
		#content ul.postInfo li{
		  list-style-type:none;
			margin-bottom:0;
			font-size:1.2em;
		}
	
			#content ul.postInfo li span{
				font-weight:bold;
			}
		
	#content textarea{
		width:50em;
		height:10em;
	}
	
	#content #page404 ul li{
		float:left;
		list-style-type:none;
		margin:0 1em 1em 0;
	}
	
	#content #comments, #content #trackBacks{
		clear:both;
	}
	
		#content #comments h4, #content #trackBacks h4{
			font-size:1.2em;
			margin:0 3em 1em 0;
			padding-bottom:.5em;
			border-bottom:0.1em solid #663;
			color:#663;
		}
	
		#content #comments p, #content #trackBacks p, #content fieldset p, #content p.categoryPagination{
			text-indent:0;
		}
		
		#content #comments p.commentAuthor{
			font-size:1em;
			margin-bottom:0;
			overflow:hidden;
		}
		
		#content #comments p.messageTime, #content #trackBacks p.commentAuthor{
			font-size:1em;
		}
	
		#content #comments li, #content #trackBacks li{
		  list-style-position:outside;
			margin-bottom:0;
			padding:1em;
		}
	
		#content #comments .avatar{
			float:right;
			padding:.5em;
			margin-left:1em;
			border:1px solid #ccc;
		}
		
		#content #comments p.closedComments{
		  text-indent:1.5em;
		}
		
	#content p.categoryPagination{
	  padding-right:1px;
	}
	
	  #content p.categoryPagination span{
	    width:45%;
  	  float:right;
  	  text-align:right;
  	}
		
  	#content p.categoryPagination span:first-child{
  	  float:left;
  	  text-align:left;
  	}
		
	#content label, #content textarea{
		display:block;
	}
	
	#content p.backToTop{
		font-size:1.2em;
		text-indent:0;
	}

#right{
	float:right;
	width:25%;
	background:#ffffff;
	margin-bottom:2em;
	margin-top:125px;
	margin-right:-125px;
 }

  #right .inner{
	//padding:1em;
  }

	#right h3{
	  color:#333;
	  border-top:.1em solid #ccc;
		font-size:1.5em;
		padding:1em 0;
		margin:.2em 0;
	}
	
	#right h3:first-child{
	  border:0;
	  padding-top:0;
	}
	
		#right h3 a{
			color:#69c;
			margin-right:1em;
		}

	#right h4{
		color:#69c;
		font-size:1.25em;
		padding:0 0 .5em 1em;
		margin:.2em 0;
	}
		
	#right #search{
		margin-bottom:2em;
	}
	
		#right #search div{
			margin-top:.5em;
		}
		
			#right #search input, #header #search input{
				padding:.2em 0;
			}
			
			#right #search input.submit, #header #search input.submit{
				padding:.1em .5em;
			}
			
	#right p#tagCloud{
		text-indent:0;
	}
	
		#right p#tagCloud a{
			line-height:1.1em;
		}
	
	#right ul{
		margin-bottom:2em;
	}
	
			#right ul li a{
				font-size:1.4em;
			}

#wrapper{
	width:90em;
	margin: 0 auto;
}

#header{
  margin:12px 0 50px;
}

	#header #blogTitle{
	height: 150px;
	margin:0 auto;
	text-align:center;
	background: URL("images/titleBG.png") repeat-x;
	}

  	#header #blogTitle h1{
		margin: 0 auto;
		line-height:1em;
		background: URL("images/title.png") no-repeat center center;
		height: 146px;
		width:256px;
  	}
  	#header #blogTitle h1 span{
		display:none;
  	}
  	
  #header #blogNav{
	color:black;
	padding-bottom: 85px;
	margin: 0 auto;
	width: 90em;
  }
	
  	#header #blogNav ul {
		padding: 0 10px;
		margin: 0 auto;
  	}
	
  		#header #blogNav li {
			width: 150px;
			display: block;
			list-style-type: none;
			margin: 0 3em;
  			float:left;
			text-align: center;
  		}
	
  		#header #blogNav ul li a {
  			text-decoration:none;
  			margin:0 ;
			color: black;
			background-repeat: no-repeat;
			display: block;
			height:30px;
			width: 146px;
			background-position: center center;
  		}
		
		#header #blogNav ul li a span, #header #blogNav ul li a em {
			display: none;
			background-repeat: no-repeat;
		}
		
		#header #blogNav ul li a.current span, #header #blogNav ul li a:hover span {
			display: block;
			position: relative;
			width: 202px;
			height: 41px;
			z-index: 1;
			left: -25px;
			top: -10px;
			background-position:center center;
		}
		
		#header #blogNav ul li#navApp a:hover, #header #blogNav ul li#navBlog a:hover,
		#header #blogNav ul li#navAbout a:hover , #header #blogNav ul li#navFeedback a:hover 		{
			background-image: none;
		}
		
		#header #blogNav ul li#navApp a {
			background-image: url(images/apps.png);
			
		}
		#header #blogNav ul li#navApp a.current {
			background-image: none;
		}
		#header #blogNav ul li#navApp a.current span, #header #blogNav ul li#navApp a:hover span {
			background-image: url(images/appsLarge.png);
		}
		
		#header #blogNav ul li#navBlog a {
			background-image: url(images/blog.png);
		}
		#header #blogNav ul li#navBlog a.current {
			background-image: none;
		}
		#header #blogNav ul li#navBlog a.current span, #header #blogNav ul li#navBlog a:hover span {
			background-image: url(images/blogLarge.png);
		}
		
		#header #blogNav ul li#navAbout a {
			background-image: url(images/about.png);
		}
		#header #blogNav ul li#navAbout a.current {
			background-image: none;
		}
		#header #blogNav ul li#navAbout a.current span, #header #blogNav ul li#navAbout a:hover span {
			background-image: url(images/aboutLarge.png);
		}
		
		#header #blogNav ul li#navFeedback a {
			background-image: url(images/feedback.png);
		}
		#header #blogNav ul li#navFeedback a.current {
			background-image: none;
		}
		#header #blogNav ul li#navFeedback a.current span, #header #blogNav ul li#navFeedback a:hover span {
			background-image: url(images/feedbackLarge.png);
		}
		
  		#header ul li a:hover {
  			color:#a7d48c;
  			border:0;
  		}
	  
/*matt's dev additions*/
#floater {
	float:left;
	height:50%;
	width:1px;
	margin-bottom:-243px;
}

#centered {
	clear: both;
	margin: 0 auto;
	width:100%;
	min-width:100em;
	position:relative;
}

#colOne {
	float:left;
	width:45%;
}

#colTwo {
	float:right;
	width:45%;
}

.app {
	width:100%;
	margin-top:10px;
}

.appTitle {
	width: 404px;
	height: 40px;
}

#masterCleanseApp {
	color: black;
}

#appContainer #masterCleanseApp:visited, #masterCleanseApp:hover {
	border-bottom: 0;
	color: black;
}

.appIcon {
	float:left;
}

#appContainer .appDescription {
	font-size: 120%;
	line-height: 1.6em;
	float:right;
	width:70%;
	height:100px;
	overflow: hidden;
}

#content .app ul {
	clear:both;
	margin: 0;
	margin-top:20px;
	width:100%;
	text-align:center;
}

.app ul li {
	display: inline;
	text-align:center;
}

.app ul li a:hover {
	border-bottom: 0;
}
	

.leftLogo {
	float:left;
}

.rightLogo {
	float:right;
}

#feedbackContainer {
	overflow: hidden;
	margin: 0 auto;
	width: 625px;
}
/*end matt's dev additions*/