/*
Theme Name: Interweb Labs
Theme URI: http://www.interweblabs.com/
Description: The first version of the official launching of interweblabs.com
Version: 1.0
Author: Kevin Ridgway
Author URI: http://www.interweblabs.com/
*/

@import url("reset.css");

html, body{
	background: #4b4949;
	font-size: 62.5%;
	height: 100%;
	text-align: center;
}

a:link, a:visited{
	color: #4479bd;
	text-decoration: none;
}

a:hover, a:active{
	color: #fff;
	text-decoration: underline;
}

hr
{
  border-color: #363434;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 10px 0;
  height: 0;
}

#contentwrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -182px;
	margin-top: 75px;
	padding-bottom: 25px;
	width: 700px;
	text-align: left;
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 2em;
	color: #fff;
	line-height: 24px;
}
	#contentwrapper .narrowcolumn{
		float: left;
		padding: 20px;
		margin: 0 auto;
		margin-bottom: 10px;
		width: 425px;
	}
	
	#contentwrapper	h1{
			color: #ffe640;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 1.6em;
			padding: 15px 15px 5px 0;
	}

	#contentwrapper	h2{
			color: #fff;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 1.3em;
			padding: 5px 15px 5px 0;
			font-weight: bold;
	}

	#contentwrapper	h3, #contentwrapper #blogcontent .post h3, #contentwrapper #blogcontent .post h3 a{
			color: #fff;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 1.1em;
			padding: 5px 15px 5px 0;
			font-weight: bold;
	}

	#contentwrapper h3 small{
		font-size: .75em;
		display:block;
	}

	#contentwrapper	p, #contentwrapper .entry .post p{
			font-size: 1.2em;
			line-height: 1.5em;
			padding-bottom: 10px;
	}
	#contentwrapper p strong{
		font-weight: bold;
	}

	#contentwrapper	ul{
			list-style: outside;
			padding: 10px;
			margin: 0 0 10px 0;
	}
		#contentwrapper	ul li{
			list-style-type: disc;
			margin-left: 20px;
		}

	#contentwrapper ol{
		list-style: outside;
		padding: 10px;
		margin: 0 0 10px 0;
	}
		#contentwrapper	ol li{
			list-style-type: decimal;
			margin-left: 20px;
		}

	#contentwrapper	blockquote{
			padding: 20px;
			margin: 0 auto;
			margin-bottom: 10px;
			background: #565353 url('images/icon-blockquote-left.gif') no-repeat top left;
			width: 85%;
	}

	#contentwrapper p.postmetadata{
		text-align: left;
		padding: 5px;
		background: #565353;
		border-top: 1px solid #363434;
		border-bottom: 1px solid #363434;
		margin-bottom: 10px;
		height: 20px;
		width: 100%;
		font-size: 1em;
	}
		#contentwrapper p.alt{
			text-align: left;
			padding: 5px;
			background: #565353;
			border-top: 1px solid #363434;
			border-bottom: 1px solid #363434;
			margin-bottom: 10px;
			height: 100%;
			width: 100%;
		}
		#contentwrapper p.postmetadata .categories{
			float: left;
		}
		#contentwrapper p.postmetadata .commentslink a{
			float: right;
			color: #fff;
			text-decoration: none;
			background: transparent url('images/icon-comments.gif') no-repeat 0 5px;
			width: 110px;
			text-align: right;
		}
			#contentwrapper p.postmetadata .commentslink a:hover{
				text-decoration: underline;
			}
	/* For Contact Form 7 plugin */
	#contentwrapper div#contactsummary{
		float: left;
		padding: 20px;
		margin: 0 auto;
		margin-bottom: 10px;
		background: #565353;
		width: 425px;
	}

	#contentwrapper div#wpcf7-f1-p-o1.wpcf7{
		padding: 20px;
		padding-top: 65px;
		margin: 0 auto;
		margin-bottom: 10px;
		background: #565353;
		width: 425px;
	}
		#contentwrapper .wpcf7 p, #contentwrapper div#contactsummary p{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			color: #fff;
			font-weight: bold;
			padding: 20px 20px 20px 5px;
		}

	#contentwrapper .wpcf7 input{
		float: left;
		border: 3px solid #4B4949;
		height: 2em;
		font-size: 1.15em;
		color: #363434;
	}

	#contentwrapper .wpcf7 textarea{
		float: left;
		border: 3px solid #4B4949;
		width: 425px;
		margin: 0 0 20px 0;
	}
	
	#contentwrapper .wpcf7 span.wpcf7-form-control-wrap select{
		float: left;
		width: 385px;
		margin: 0 0 20px 0;		
	}

	#contentwrapper span.wpcf7-not-valid-tip{
		float: right;
		background: #c84860;
		padding: 5px;
		border: none;
		color: #fff;
		font-weight: bold;
		font-size: 1em;
		width: 175px;
	}

	#contentwrapper .wpcf7-mail-sent-ok{
		background: #92c848;
		padding: 10px;
		border: none;
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
	}

	#contentwrapper .wpcf7-validation-errors{
		background: #c84860;
		padding: 10px;
		border: none;
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
	}

	#contentwrapper ol.commentlist li{
		padding: 20px;
		margin-left: -10px;
		margin-bottom: 10px;
		background: #565353;
		list-style: none;
		width: 661px;
		font-family: Helvetica, Arial, sans-serif;
	}
	#contentwrapper ol.commentlist li.odd{
		background: #737272;
	}
	#contentwrapper ol.commentlist li.comment-author-admin{
		background: #92c848;
		color: #4B4949;
	}
		#contentwrapper ol.commentlist li.comment-author-admin a{
			color: #4B4949;
		}
		#contentwrapper ol.commentlist li div.commentbody{
			float: left;
			width: 575px;
		}
		#contentwrapper ol.commentlist li div.commentauthorimg{
			border: 3px solid #4B4949;
			margin: 5px 10px 0 0;
			float: left;
		}
		#contentwrapper ol.commentlist li a{
			color: #fff;
		}
		#contentwrapper ol.commentlist li div.commentauthor{
			display: inline;
			font-weight: bold;
		}
	
	#contentwrapper textarea#comment{
		width: 700px;
	}	

	#contentwrapper #sidebar{
		float: right;
		background: #363434;
		padding: 10px;
		width: 200px;
	}
		#contentwrapper #sidebar ul li{
			list-style-type: none;
			text-align: left;
		}

	#contentwrapper #blogcontent{
		float: left;
		width: 465px;
	}

div#topper{
	width: 100%;
	height: 31px;
}
	div#topper p {
		left:50%;
		margin-left:-375px;
		position:absolute;
		width:750px;
		color: #d9d9d9;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 2.0em;
		padding: 10px 0 0 25px;
		background: transparent url('images/icon-caution.gif') no-repeat 165px 9px;
		text-align: center;
	}
		div#topper p a{
			color: #d9d9d9;
			text-decoration: none;
			background: #565353;
			font-weight: bold;
			padding: 4px;
		}
			div#topper p a:hover{
				text-decoration: underline;
			}

#header{
	width: 100%;
	border-top: 1px solid #616161;
	background: url('images/header-bg.gif') repeat-x top left;
	border-bottom: 1px solid #616161;
	height: 168px;
}
	#header h1#headertext{
		font-family: Arial, Helvetica, sans-serif;
		height: 85px;
		width: 475px;
		font-size: 50px;
		background: url('images/icon-logo.gif') no-repeat 10px 10px;
		padding: 20px 0 0 10px;
		margin:0 auto;
		text-align:left;
	}
		#header h1#headertext a{
			text-decoration: none;
		}
		h1#headertext span#wordinterweb{
			color: #92c848;
			padding: 10px 0 0 95px;
			font-weight: normal;
		}
		h1#headertext span#wordlabs{
			color: #4479bd;
			letter-spacing: 10px;
			font-weight: normal;
		}

div#menuwrapper{
	width: 721px;
	margin:0 auto;
	text-align:left;
	background: url('images/menu-bg.gif') no-repeat 50%;
}
	ul#menu{
		width: 721px;
		height: 41px;
		text-align: center;
		margin-bottom: 40px;
	}
		ul#menu li{
			float: left;
			list-style-type: none;
			text-align: center;
			height: 41px;
		}
			ul#menu li a{
				color: #fff;
				font-family: Helvetica, Arial, sans-serif;
				font-weight: bold;
				font-size: 2.4em;
				text-decoration: none;
				line-height: 41px;
				padding: 12px 45px 12px 45px;
			}
				ul#menu li a.first{
					margin-left: 20px;
				}
				ul#menu li a:hover, ul#menu a.active{
					background: #4b4949;
					color: #4479bd;
				}

#slogan{
	margin:0 auto;
	text-align:left;
	width: 717px;
	height: 43px;
	background: url('images/slogan-bg.gif') no-repeat center;
}
	#slogan p{
		font-family: Helvetica, Arial, sans-serif;
		color: #fff;
		font-size: 2.7em;
		text-align: center;
		padding-top: 12px;
		width: 717px;
		height: 43px;
	}
	
/* Twitter for Wordpress Plugin */
div#twitterinfo{
	margin: 0 auto;
	width: 700px;
	height: 20px;
	font-size: 1.3em;
	margin-bottom: 20px;
}
	div#twitterinfo p{
		text-align: center;
		width: 100%;
		height: 100%;
	}
		div#twitterinfo a{
			display:block;
			padding: 10px;
			width: 100%;
			height: 100%;
		}
			div#twitterinfo a:hover{
				display:block;
				width: 100%;
				height: 100%;
			}
ul.twitter{
}
li.twitter-item{
	font-size: 1.2em;
	list-style-type: none;	
	padding: 10px;
	border-top: dotted 1px #969393;
	margin: 0 auto;
	display: block;
	line-height: 20px;	
}
p.twitter-message{
	background: #969393;
}
.twitter-timestamp{
	font-size: 1.0em;
}
a.twitter-link{
	
}
a.twitter-user{
	padding: 2px;
	backgound: #969393;
}

/*
ul.twitter: the main ul (if list is activated)
li.twitter-item: the ul items (if list is activated)
p.twitter-message: each one of the paragraphs (if msgs > 1)
.twitter-timestamp: the timestamp span class
a.twitter-link: the tweet link class
a.twitter-user: the @username reply link class
/* End Twitter for Wordpress Plugin */

#footer, #push {
	height: 182px;
}

div#footer{
	width: 100%;
	border-top: 1px solid #616161;
	background: url('images/footer-bg.gif') repeat-x top left;
	height: 182px;
	font-family: Helvetica, Arial, sans-serif;
}

	div#footermenuwrapper{
		margin:0 auto;
		text-align:left;
		width: 723px;
		height: 134px;
		background: url('images/footer-menu-bg.gif') no-repeat 0 47px;
		padding-bottom: 37px;
	}

	div#footermenuwrapper div#footerinfoicons ul{
		margin: 10px 0 10px 45PX;
	}
		div#footermenuwrapper div#footerinfoicons ul li{
			height: 24px;
			float: left;
			list-style-type: none;
			text-align: center;
			text-decoration: none;
			font-size: 2em;
			width: 160px;
		}
			div#footermenuwrapper div#footerinfoicons ul li.builtby{
				background: transparent url('images/footer-logo-icon.gif') no-repeat 0 0;
				width: 175px;
			}
				div#footermenuwrapper div#footerinfoicons ul li.builtby span#wordinterweb{
					color: #92c848;
				}
				div#footermenuwrapper div#footerinfoicons ul li.builtby span#wordlabs{
					color: #4479bd;
					letter-spacing: 5px;
				}
			div#footermenuwrapper div#footerinfoicons ul li.poweredby{
				background: transparent url('images/footer-logo-wp.gif') no-repeat 0 1px;
			}
			div#footermenuwrapper div#footerinfoicons ul li.hostedby{
				background: transparent url('images/footer-logo-mt.gif') no-repeat 0 2px;
			}
			div#footermenuwrapper div#footerinfoicons ul li.rights{
				background: transparent url('images/footer-logo-cc.gif') no-repeat 0 2px;
			}
				div#footermenuwrapper div#footerinfoicons ul li a{
					height: 24px;
					color: #fff;
					text-decoration: none;
					font-weight: normal;
					font-size: .85em;
					line-height: 24px;
					padding: 10px;
				}

	div#footermenuwrapper div#footerabout, div#footermenuwrapper div#footerservices, div#footermenuwrapper div#footerwork,
	div#footermenuwrapper div#footerblog, div#footermenuwrapper div#footercontact{
		padding: 30px 0 0 65px;
		float: left;
	}
		div#footermenuwrapper div#footerabout h4, div#footermenuwrapper div#footerservices h4, div#footermenuwrapper div#footerwork h4,
		div#footermenuwrapper div#footerblog h4, div#footermenuwrapper div#footercontact h4{
			color: #fff;
			font-weight: bold;
			font-size: 2.4em;
			padding-bottom: 10px;
		}
		div#footermenuwrapper div#footerabout ul li, div#footermenuwrapper div#footerservices ul li, div#footermenuwrapper div#footerwork ul li,
		div#footermenuwrapper div#footerblog ul li, div#footermenuwrapper div#footercontact ul li{
			list-style-type: none;
			text-align: left;
			text-decoration: none;
			font-size: 2.7em;
		}
			div#footermenuwrapper div#footerabout ul li a, div#footermenuwrapper div#footerservices ul li a, div#footermenuwrapper div#footerwork ul li a,
			div#footermenuwrapper div#footerblog ul li a, div#footermenuwrapper div#footercontact ul li a{
				color: #ffe640;
				text-decoration: none;
				font-weight: normal;
				font-size: .75em;
			}
				div#footermenuwrapper div#footerabout ul li a:hover, div#footermenuwrapper div#footerservices ul li a:hover,
				div#footermenuwrapper div#footerwork ul li a:hover, div#footermenuwrapper div#footerblog ul li a:hover,
				div#footermenuwrapper div#footercontact ul li a:hover{
					color: #4479bd;
					text-decoration: none;
				}

.clear{
	clear: both;
}