/*
Theme Name: Eleven2 Blog Dev Theme
Theme URI: http://eleven2.com
Description: Custom WordPress theme designed for eleven2.com.
Author: Jon Eichler
Author URI: http://eleven2.com
*/


* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	background-color: #f4f4f4;
	background-image: url(/blog/wp-content/themes/e2-blog/images/header-horz.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

a {
	color: #B83D27;
}

a:hover {
	text-decoration: none;
	color:#8F301F
}

img {
	display: block;
	border: 0;
}

a img {
	border: none;
}

p {
	line-height: 18px;
	margin: 0 0 15px;
	padding: 0;
}

ul {
	margin: 0 0 15px 15px;
	padding: 0;
}

ol {
	margin: 0 0 15px 22px;
	padding: 0;
}


.titlepost a{
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px;
	text-decoration: none;
	}
.titlepost a:hover{
	color: #8F301F;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px;
	}

.left { float: left; }
.right { float: right; }
.center { text-align: center; }

/* Header */

#header {
	position: relative;
	
	min-width: 760px;
	height: 85px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-image: url(/blog/wp-content/themes/e2-blog/images/header.png);
	background-repeat: no-repeat;
	background-position: 0 -462px; width: 980px; height: 85px;

}

#header h1 {
	float: left;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	line-height: 100px;
}

#header h1 a {
	color: #fff;
	text-decoration: none;
	width: 400px;
	height: 88px;
	display: block;
}

/* Global Navigation */

#global_nav {
	float: right;
	margin: 0;
}

#global_nav li {
	float: left;
	list-style: none;
	color: #999;
	font-size: 11px;
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 0;
	padding-left: 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	margin-top: 25px;
}

.grey a{
color:#ccc;}

#global_nav li.last {
	border-right: none;
	color: ff9933;
}


.blogo{
margin-top: 5px;

}


/* Main */

#main {
	min-width: 760px;
	width:980px;
	margin: 0 auto;
	display: block;
	position: relative;
	height: 100%;
	z-index: 1;
}

#content {
	margin-right: 310px;
}

#content-container {
	float: left;
	width: 100%;
	margin-right: -200px;
}

#title {
	margin: 0 0 30px;
	background: #1e1e1e;
	padding: 5px;
}

#title h1 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 22px;
	line-height: 22px;
	color: #fff;
}

#title span {
	line-height: 22px;
	color: #999;
}

.box {
	margin: 0 0 30px;
	padding: 15px;
	background: #fff;
	border: 1px solid #e4e4e4;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.box h2 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
}

.box h3 {
	color: #923000;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px;
}

.box h4 {
	color: #000;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 15px;
}


/* Search */

#search {
	height: 23px;
	margin: 0 0 15px;
}

#search-text {
	margin: 0;
	padding: 3px 5px;
	border: 1px solid #c4c4c4;
	position: absolute;
	width: 243px;
	height: 17px;
}

#search-btn {
	margin: 0 0 0 254px;
	padding: 0;
	position: absolute;
}



#content-left {
	float: left;
	top:166px;
	width:670px;
	padding-right: 25px
}

#content-right {
	float: right;
	top:164px;
	width:200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: 	#202020;
	margin-top: 0px;
	margin-right:10px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 50px;
}

/** box left */

.box-left {
	margin: 0 0 10px 10px;
}
	
.meta {
	clear: both;
	padding: 0px;
	color: #5e5e5e;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #1e1e1e;
	font-weight: normal;
}

.meta-date {
	background: url(img/meta.png) no-repeat 0px 2px;
	color: #999999;
}

.meta-categories {
	background: url(img/meta.png) no-repeat 0px 2px;
	color: #999999;
}

.meta-comments a{
	
background-color:#D1D1D1;
color:#7A7A7A;
font-family:"microsoft sans serif";
font-size:11px;
font-weight:normal;
margin:5px;
padding:3px 5px;
text-decoration:none;
}

.meta-comments a:hover{
background-color:#F1F1F1;
}

p.tags {
	clear: both;
}

/** box right */

.box-right {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0;
	padding-right: 10px;
	padding-left: 10px;
	
}

.box-right ul {
	margin: 0 0 5px 0;
	padding: 0px;
	list-style: none;
}

.box-right li {
	margin: 0px;
	padding-bottom: 5px;
	padding-top:5px;
	border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#c7c7c7;
}

.box-right li a {
	text-decoration: none;
	color:#666;
}

/*	##################################
   	COMMENTS
	################################## */
	
#commentform label {
	display: block;
	margin: 0 0 5px 0;
}

#commentform input.text, #commentform textarea {
	width: 620px;
	margin: 0 0 10px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4A565E;
	border: 3px solid #d1d1d1;
	background-color: #f0f0f0;
}

#commentform .text {
	height: 22px;
	padding: 6px 6px 0 6px;
	border: 1px solid #e2e2e2;
	color: #5e5e5e;
	
}

#commentform textarea {
	height: 150px;
	padding: 6px 6px 0 6px;
	border: 3px solid #d1d1d1;
	background-color: #f0f0f0;
	color: #5e5e5e;
}




#commentform .button {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: normal;
	color: #EAECEE;
	background-color: #1f1f1f;
	border: 1px solid #e2e2e2;
	padding: 5px;
	height: auto;
	width: 100px;
}




#commentform input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:11px  "Trebuchet MS", Arial, Helvetica, sans-serif;  }   
#commentform input:focus, textarea:focus, select:focus { border: 3px solid #d1d1d1; background-color: #fff; color:#333; }

#commentform textarea:focus { border: 3px solid #d1d1d1; background-color: #fff; color:#333; }

#commentform span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */








.commentlist {
	margin: 0px;
	padding: 0px;
	color: #5e5e5e;
	

}

.commentlist .quote {
	background-color: #e2e2e2;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: 1px solid #e2e2e2;
}

.commentlist li {
	margin: 10px 0 0 0;
	padding: 0px;
	color: #61636B;
	
}

.commentlist cite {
	display: block;
	font-style: normal;
	margin-bottom: 5px;
	margin-top:5px;
	
}

.avatar {
	float: left;
	margin: 0 10px 5px 0;
	padding-left:5px;
}

/*	##################################
   	SEARCHFORM
	################################## */
	
#searchform #search {
	float: left;
	width: 100px;
	height: 23px;
	padding: 3px 36px 0 3px;
	border: 1px solid #e2e2e2;
	color: #5e5e5e;
}

#searchform .button {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: normal;
	color: #EAECEE;
	background-color: #1f1f1f;
	border: 1px solid #e2e2e2;
	padding: 5px;
	height: auto;
	width: 35px;
}

/*	##################################
   	FOOTER
	################################## */


#footer p {
	margin: 0 0 10px 0;
}
/* Footer */
#footer {
	
	clear: both;
	color: #999;
	height: 40px;
	padding-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: auto;
	
}
#footer-internal {
	width:667px;
	margin-left:auto;
	margin:auto;
	color: #999;
	height: 30px;
	padding-right:300px;
	padding-left:0px;
	
}
#footer-internal-stretch {
	width:690px;
	margin-left:auto;
	margin:auto;
	color: #999;
	height: 30px;

	
}

#footer p {
	margin: 0;
	padding: 0;
	line-height: 40px;
	font-size: 11px;
	color:#1f1f1f;
}

#footer p a {
	PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #dcdcdc; MARGIN: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #7a7a7a; FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 3px
}
#footer p a:hover {
	background-color:#f1f1f1
	
}


/*	##################################
   	USEFUL
	################################## */

.clear {
	clear:both;
}

/** WORDPRESS CSS */

.aligncenter,
div.aligncenter {
   	display: block;
   	margin: 0 auto;
}

.aligncenter {
	margin-bottom: 20px!important;
}

.alignleft {
   	float: left;
   	margin: 0 10px 10px 0;
}

.alignright {
   	float: right;
   	margin: 0 0 10px 10px;
}

.wp-caption {
	margin-bottom: 20px;
	padding-top: 4px;
   	border: 1px solid #ccc;
   	text-align: center;
   	background-color: #c7c7c7;
}

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

.wp-caption p.wp-caption-text {
   	padding: 0px;
  	margin: 0px;
}

/** WIDGETS CSS */

#calendar_wrap table {
	width: 100%;
}

#calendar_wrap td {
	text-align: center;
}

#wp-calendar caption {
	margin: 0 0 10px 0;
	background: #dedede;
}


/* Sidebar */

#sidebar {
	float: right;
	margin: 10px 0;
	width: 280px;
	font-size: 11px;
	color: #666;
}

.side-box {
	margin: 0 0 30px;
}



.side-box h3 {
	margin: 0 0 10px;
	padding: 0 0 5px;
	color: #222;
	font-size: 16px;
}

.side-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.side-box ul li {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #d8d8d8;
	line-height: 16px;
}

.side-box ul li a {
	font-weight: bold;
}

/* Search */

#search {
	height: 23px;
	margin: 0 0 15px;
}

#search-text {
	margin: 0;
	padding: 3px 5px;
	border: 1px solid #c4c4c4;
	position: absolute;
	width: 243px;
	height: 17px;
}

#search-btn {
	margin: 0 0 0 254px;
	padding: 0;
	position: absolute;
}


.comdate a{
	
background-color:#D1D1D1;
color:#7A7A7A;
font-family:"microsoft sans serif";
font-size:11px;
font-weight:normal;
margin:5px;
padding:3px 5px;
text-decoration:none;
}

.comdate a:hover{
background-color:#F1F1F1;
}

.comauthor{
	font-size:18px;
	color:#B83D27;
}
.comauthor a{
	font-size:18px;
	color:#B83D27;
	text-decoration: none;
}

.comauthor a:hover{
	text-decoration: none;
	color:#8F301F
}

.comdate {
	color: #999999;
}




.tweet{
	font-size: 10px;
	color:#CCCCCC;
}

#twitter{
width: 400px;
margin-top: 7px;
}

.gold a{
 color: #e68e00;
}



a#ffacebook{
	display: block;
	background:url(/blog/wp-content/themes/e2-blog/images/facebook_std.png);
	width: 133px;
	height: 27px;
	}

a#ffacebook:hover{
	display: block;
	background:url(/blog/wp-content/themes/e2-blog/images/facebook_roll.png);
	width: 133px;
	height: 27px;
}
a#twitterrol{
	display: block;
	background:url(/blog/wp-content/themes/e2-blog/images/twitter_roll.png);
	width: 133px;
	height: 30px;
	}

a#twitterrol:hover{
	display: block;
	background:url(/blog/wp-content/themes/e2-blog/images/twitter_std.png);
	width: 133px;
	height: 30px;
}

a#fvirb{
	display: block;
	background:url(/blog/wp-content/themes/e2-blog/images/virb_std.png);
	width: 74px;
	height: 29px;
	}

a#fvirb:hover{
	display: block;
	background:url(/blog/wp-content/themes/e2-blog/images/virb_roll.png);
	width: 74px;
	height: 29px;
}

a#fyoutube{
	display: block;
	background:url(/blog/wp-content/themes/e2-blog/images/youtube_std.png);
	width: 74px;
	height: 29px;
	}

a#fyoutube:hover{
	display: block;
	background:url(/blog/wp-content/themes/e2-blog/images/youtube_roll.png);
	width: 74px;
	height: 29px;
}

a#fmyspace{
	display: block;
	background:url(/blog/wp-content/themes/e2-blog/images/myspace_std.png);
	width: 119px;
	height: 21px;
	}

a#fmyspace:hover{
	display: block;
	background:url(/blog/wp-content/themes/e2-blog/images/myspace_roll.png);
	width: 119px;
	height: 21px;
}






.home{
	background-image: url(/blog/wp-content/themes/e2-blog/images/header.png);
	background-repeat: no-repeat;
	background-position: 0 -743px; width: 72px; height: 27px;
	}
.home:hover{
	background-position: 0 -820px; width: 72px; height: 27px;
}

.blog{
	background-image: url(/blog/wp-content/themes/e2-blog/images/header.png);
	background-repeat: no-repeat;
	background-position: 0 0; width: 52px; height: 27px;
	}
.blog:hover{
	background-position: 0 -77px; width: 52px; height: 27px;
}

.forum{
	background-image: url(/blog/wp-content/themes/e2-blog/images/header.png);
	background-repeat: no-repeat;
	background-position: 0 -308px; width: 62px; height: 27px;
	}
.forum:hover{
	background-position: 0 -385px; width: 62px; height: 27px;
}

.twitter{
	background-image: url(/blog/wp-content/themes/e2-blog/images/header.png);
	background-repeat: no-repeat;
	background-position: 0 -897px; width: 74px; height: 27px;
	}
.twitter:hover{
	background-position: 0 -974px; width: 74px; height: 27px; 
}

.facebook{
	background-image: url(/blog/wp-content/themes/e2-blog/images/header.png);
	background-repeat: no-repeat;
	background-position: 0 -154px; width: 82px; height: 27px;
	}
.facebook:hover{
	background-position: 0 -231px; width: 82px; height: 27px;
}


#navigation {
	float:right;
	width:100%;
	top: 60px;

	}
.nav {
	position: relative;
	height: auto;
	width: auto;
	overflow: hidden;
	margin-top: 35px;
	float: right;
 }

.nav li {
  	float: left;
    list-style: none;
}





.nav li a {
Z-INDEX: 10; POSITION: relative; TEXT-ALIGN: center; TEXT-TRANSFORM: uppercase; MARGIN: auto 10px; OUTLINE-STYLE: none; DISPLAY: block; FONT-FAMILY: "trebuchet ms", arial, helvetica, sans-serif; FLOAT: left; HEIGHT: 30px; COLOR: #F5F5F5; FONT-SIZE: 12px; OVERFLOW: hidden; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 3px
 }

.nav li a:hover, .nav li a:active, .nav li a:visited {
   border: none;
}



.round{-moz-border-radius: 5px; -webkit-border-radius: 5px;}