/*   
Theme Name: midventures3
Theme URI: http://midventures.com
Description: third generation midVentures site in 10 months
Author: Zachary Witte
Author URI: http://www.zacwitte.com
Version: 3.0
.
Copyright midVentures, Inc.
.
*/

@charset "UTF-8";
/* CSS Document */

img,body,hr,div,span,p,h1,h2,h3,h4 {margin:0; padding:0; border:0;}

body {
	background-image:url(images/bg-gradient.jpg);
	background-repeat:repeat-x;
	background-color:#0f4a7f;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

hr {
	margin:30px 0;
	border-bottom:1px solid #cccccc;
}

#maincol {
	width:960px;
	margin:0 auto;
	text-align:left;
	background-color:#FFFFFF;
}

#header {
	height:119px;
	background-image:url(images/bg-header.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#header img#leftbg {
	position:absolute;
	left:-24px;
}

#header img#logo {
	margin-left:30px;
	margin-top:29px;
}

#header .nav {
	position:absolute;
	margin:auto;
	bottom:0;
	right:0;
}

#header .nav ul {
	margin: 0px 30px 8px 0px;
	padding:0;
}

#header .nav li {
	display: inline;
	padding:0 5px;
	list-style:none;
	/*border-left:#efefef 1px solid;*/
	position:relative;
}
#header .nav a {
	color: #ffffff;
	text-decoration:none;
	margin-bottom:15px;
	padding:9px;
	/*font-weight:bold;*/
}
#header .nav a:hover {
	color:#00aeef;
}
#header .nav a.active, #header .nav li.current_page_item a {
	background-color:#ffffff;
	color:#00aeef;
}
#header .nav li ul.submenu {
	position:absolute;
	background-color:#ffffff;
	top:28px;
	left:4px;
	padding:10px;
	display:none;
	border-left: #dddddd solid 1px;
	border-bottom: #dddddd solid 1px;
	border-right: #dddddd solid 1px;
}
#header .nav li:hover ul.submenu {
	display:block;
}
#header .nav li ul.submenu li {
	display:block;
	padding:5px 0;
	list-style:none;
	white-space:nowrap;
}
#header .nav ul.submenu a, #header .nav ul.submenu a:active {
	/*font-size:14px;*/
	color:#000000;
	background:none;
	padding:0;
}
#header .nav ul.submenu a:hover {
	color:#00aeef;
}

.contentheader {
	margin:30px;
}
.contentheader a {
	color:#ff0000;
	font-size:18px;
	text-decoration:none;
	padding: 0 1px;
}
.contentheader a:hover {
	color:#FFFFFF;
	background-color:#ff0000;
}
.contentheader hr {
	border-bottom-color:#337faf;
	margin-top:30px;
	margin-bottom:0px;
}
.contentheader.missionstatement, .contentheader.quote {
	color:#00aeef;
	font-size:28px;
}
.contentheader.method p.desc {
	color:#00aeef;
	font-size:28px;
	line-height:36px;
}
.contentheader.method .section {
	width:150px;
	float:left;
	margin-left:30px;
}
.contentheader.method .section.first {
	margin:0;
}
.contentheader.method h2 {
	background-color:#ff0000;
	font-weight:normal;
	color:#ffffff;
	padding:5px 8px;
	margin:10px -8px 20px -8px;
	font-size:24px;
	line-height:24px;
}
.contentheader.method a h2 {
	color:#ffffff;
}
.contentheader.method a:hover h2 {
	background-color:#ffffff;
	color:#ff0000;
}
.contentheader.method p {
	font-size:12px;
	line-height:18px;
	color:#767676;
}
.contentheader.team h1 {
	padding-bottom:0;
}
.contentheader.team p.desc {
	color:#00aeef;
	font-size:28px;
	line-height:36px;
}

.contentheader.casestudy {
	background-image:url(images/casestudy-featuredbg.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	padding:24px 30px 24px 24px;
	height:202px;
	color:#ffffff;
	font-size:14px;
	line-height:24px;
}
.contentheader.casestudy img {
	float:left;
	margin-right:30px;
}
.contentheader.casestudy h2 {
	font-weight:normal;
	font-size:36px;
	line-height:40px;
	padding-top:0;
	margin:0;
	clear:none;
	padding-bottom:15px;
}
.contentheader.casestudy h2 a {
	color:inherit;
	text-decoration:none;
	font-size:inherit;
}
.contentheader.casestudy h2 a:hover {
	background:none;
}
.contentheader.casestudy a {
	font-size:14px;
}
.contentheader.casestudy a:hover {
	color:#ffffff;
	background-color:#ff0000;
}
.contentheader.casestudy .feature {
	float:right;
	padding:5px 10px 3px 10px;
	margin-top:-24px;
	background-color:#656464;
	color:#ffffff;
	text-transform:uppercase;
	font-size:12px;
	margin-right:6px;
}


/****** SIDEBAR **********/

#sidebarcol {
	float:right;
	width:270px;
	margin-right:30px;
	/*border:1px #000000 solid;*/
}

.sidebar {
	background-color:#f5f5f5;
	margin-bottom:30px;
	border: #dddddd 1px solid;
	color:#999999;
	font-size:12px;
}

.sidebar h2 {
	background-color:#5f5e5e;
	background-image:url(images/bg-sidebar-header.jpg);
	color:#ffffff;
	font-weight:normal;
	font-size:20px;
	padding:4px 0 4px 8px;
	margin-top:0;
}

.sidebar .section {
	margin:8px;
	padding:5px 10px;
}

.sidebar a {
	color:#666766;
	text-decoration:none;
}

.sidebar a:hover {
	color:#ffffff;
	background-color: #666766;
}

.sidebar .section div {
	margin-top:10px;
	line-height:18px;
}
.sidebar h3 {
	background-color:#ffffff;
	font-weight:normal;
	color:#555555;
	padding:2px 5px 3px 5px;
	margin:0 -8px;
	font-size:16px;
}
.sidebar h3 a, .sidebar h3 a:visited, .sidebar h3 a:active {
	color:inherit;
	text-decoration:none;
	font-weight:normal;
	background:none;
}
.sidebar h3 a:hover {
	color:#555555;
	background:none;
}
.sidebar h3 span {
	font-size:14px;
	color:#cccccc;
	padding-left:3px;
}
.sidebar h3 a:hover span {
	color:#555555;
	background:none;
}
.sidebar .gchat h3 {
	background-image:url(images/sidebar-gchat.gif);
	background-position:center right;
	background-repeat:no-repeat;
}
.sidebar .twitter h3 {
	background-image:url(images/sidebar-twitter.gif);
	background-position:center right;
	background-repeat:no-repeat;
}
.sidebar .flickr h3 {
	background-image:url(images/sidebar-flickr.gif);
	background-position:center right;
	background-repeat:no-repeat;
}
.sidebar .gchat img {
	padding-right:10px;
}

.sidebar .flickr img {
	float:left;
	margin:5px;
	border: 1px #c0c0c0 solid;
	padding:2px;
	background-color:#ffffff;
}

.sidebar .flickr a:hover img {
	border: 1px #000000 solid;
}


.sidebar .remixgalaxy p a {
	color:#ff0000;
	font-weight:normal;
	padding:1px;
}

.sidebar .remixgalaxy p a:hover {
	color:#ffffff;
	background-color:#ff0000;
}
.sidebar .twitter ul {
	padding:0;
	margin:0;
	list-style:none;
}
.sidebar .twitter li {
	padding:5px 0;
	color:#666766;
}
.sidebar .twitter a:hover {
	color:#666766;
	background:none;
}

.sidebar.community .section {
	line-height:24px;
	font-size:14px;
}
.sidebar.community .section a {
	text-decoration:underline;
}
.sidebar.community .section a:hover {
	/*color:*/
}


.sidebar.clients .section {
	line-height:24px;
	font-size:14px;
}
.sidebar.clients .section a {
	text-decoration:underline;
}
.sidebar.clients .section a:hover {
	/*color:*/
}
.sidebar.archive ul {
	list-style:none;
	padding:0 20px;
}
.sidebar.archive li {
	padding:5px 0;
}


/******* MAIN CONTENT *******/

#contentcol {
	margin:0 330px 30px 30px;
}
#contentcol {
	color:#666666;
	font-size:14px;
	
}
#contentcol p {
	line-height:20px;
	margin-bottom:20px;
}

h1 {
	background-image:url(images/bluepixel.gif);
	background-position:0 32px;
	background-repeat:repeat-x;
	font-size:34px;
	font-weight:normal;
	color:#00aef0;
	padding:0 0 20px 0;
}
span.highlight {
	color:#ffffff;
	background-color:#ff0000;
	font-weight:bold;
}


/******* FEATURED ********/
#contentcol div.featured {
	padding-bottom:30px;
	height:218px;
}

#contentcol div.featured div {
	float:left;
	width:182px;
	height:218px;
	background-color:#489fd8;
	padding:4px;
	margin-left:15px;
	color:#ffffff;
	overflow:hidden;
}

#contentcol div.featured div p {
	padding: 7px;
	margin:0;
	line-height: 20px;
	font-size:14px;
}

#contentcol div.featured div.first {
	margin:0;
}

#contentcol div.featured p.header {
	line-height:28px;
}

#contentcol div.featured p.header span {
	font-size:24px;
	font-weight:normal;
	background-color:#ff0000;
}

#contentcol div.featured a {
	color: #ffffff;
	text-decoration:none;
}

#contentcol div.featured a:hover p.desc span {
	/*background-color:#ffffff;
	color:#489fd8;*/
}

#contentcol div.featured a:hover p.header span {
	color: #ff0000;
	background-color:#ffffff;
	text-decoration:none;
}
.blog div.featured .image a:hover {
	background:none;
}
/*#contentcol div.featured .image a:hover p.desc span {
	background-color:#ffffff;
	color:#489fd8;
}*/










/****** BLOG *******/

.blog h1 .category {
	float:right;
	font-size:11px;
	color:#666766;
	margin-top:8px;
}
.blog h1 ul {
	list-style:none;
}
.blog h1 li { 
	display:inherit; 
}
.blog .category a {
	color:#ffffff;
	background-color:#00aeef;
	text-decoration:none;
	padding:3px 6px;
	text-transform:none;
	/*margin-left:-6px;*/
	font-weight:bold;
}

.blog .category a:hover {
	color:#00aeef;
	background-color:#ffffff;
}
.blog .category ul {
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}
.blog .category li {
	display:inline;
}
.blogpost {
	/*padding: 20px 0;*/
}

.blogpost .meta {
	/*float:left;*/
	/*padding:0px 10px 10px 0;*/
	/*line-height:24px;*/
}
.blogpost .sharethis {
	float:right;
	padding:7px;
}

.blogpost .date {
	color: #000000;
	padding:10px 0;
}
.blogpost span.category {
	/*float:right;*/
}
ul.post-categories li {
	margin-bottom:5px;
	padding-bottom:5px;
}
.blogpost h2 {
	color:#000000;
	font-weight:normal;
	font-size:32px;
	line-height:40px;
	padding:0;
	margin:0;
}

.blog h2 a {
	color:#000000;
	text-decoration:none;
}
.blog h2 a:hover {
	background:none;
	color:#000000;
}

.blogpost .body {
	padding-top:20px;
}

.blogpost .body ul {
	padding-bottom:20px;
}

.blogpost .body li {
	padding-left:10px;
	margin-left:20px;
	line-height:20px;
}

.blog a {
	color: #ff0000;
	text-decoration:none;
}
.blog a:hover {
	background-color: #ff0000;
	color:#ffffff;
}

img.alignleft {
	float:left;
	padding-right:30px;
	padding-bottom:30px;
}

img.alignright {
	float:right;
	padding-left:30px;
	padding-bottom:30px;
}

.blogpost .footer {
	font-weight:bold;
}

.blogpost .footer .comments {
	background-color:#dff3fd;
	font-weight:normal;
	float:right;
	padding: 4px 8px;
	margin-top:-4px;
}

.blogpost .footer .comments a {
	color:#666666;
	text-decoration:none;
}

.blogpost .footer .comments a:hover {
	color:#ff0000;
	background:none;
}
#commentform textarea {
	width:100%;
}
.blog .nav a {
	color:#ff0000;
}
.blog .nav a:hover {
	color:#ffffff;
	background-color:#ff0000;
}
.readmore a {
	color:#ffffff;
	background-color:#ff0000;
	text-decoration:none;
	padding: 2px 6px;
}
.readmore a:hover {
	color:#ff0000;
	background:none;
}



/******* TEAM PAGE ********/
.team .section {
	width:285px;
}
.team .section.right {
	float:right;
	margin-left:30px;
}
.team .section h2 {
	color:#00aeef;
	font-weight:normal;
	padding:0;
	margin:0;
}
.team .section h2 span.title {
	font-size:16px;
	color:#8f9090;
	padding-left:10px;
}
.team .section p img {
	padding-right:10px;
}
.team .section p.connect {
	font-size:12px;
	padding-top:5px;
}
.team .section p.connect a {
	color:#666666;
	text-decoration:none;
}
.team .section p.connect a:hover {
	color:#ffffff;
	background-color:#666666;
}


/******* CASE STUDIES *******/
#contentcol.casestudies h2 {
	color:#000000;
	font-weight:normal;
	font-size:32px;
	line-height:40px;
	padding:0px;
	margin-top:-15px;
	margin-bottom:15px;
}
#contentcol.casestudies h3 {
	color:#00aeef;
	font-weight:normal;
	font-size:24px;
	line-height:32px;
	padding:0;
	margin-bottom:15px;
}
#contentcol.casestudies p.quote {
	padding-left:30px;
	margin-bottom:5px;
}
#contentcol ol {
	margin:20px 0;
}
#contentcol li {
	padding:2px 0;
}



/******** FOOTER ********/

#footer {
	clear:both;
	background-color:#e3e3e3;
	color:#ffffff;
	line-height:20px;
	padding:30px;
	font-size:12px;
	position:relative;
	background-image:url(images/bg-footer.jpg);
	background-repeat:no-repeat;
}

#footer a.top {
	color:#ffffff;
	background-color:#00aeef;
	padding: 2px 6px;
	text-decoration:none;
	font-size:12px;
	position:absolute;
	right:30px;
}



#footer a.top:hover {
	text-decoration:underline;
	color:#ffffff;
}

#footer .col {
	float:left;
	padding-right:30px;
}

#footer .col p {
	padding-bottom:15px;
}

#footer .col a {
	color: #ffffff;
	text-decoration:none;
}

#footer .col a:hover {
	color: #cccccc;
}
#footer .col ul {
	padding:0;
	margin:0;
}
#footer .col li {
	list-style:none;
	padding:0;
}
#footer .col h4 {
	padding-top:0;
	padding-bottom:15px;
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	width:100%;
	
	/*text-decoration:underline;*/
	background-image:url(images/graypixel.gif);
	background-position:0 15px;
	background-repeat:repeat-x;
}

#footer .col.nav {
	width:150px;
}
#footer .col.newsletter {
	width:190px;
	font-size:10px;
	line-height:15px;
}

#footer .col.newsletter input {
	color:#ffffff;
	background-color:#00aeef;
	padding: 2px 6px;
	text-decoration:none;
	font-size:11px;
	border:none;
	float:right;
}

#footer .col.newsletter input:hover {
	text-decoration:underline;
}

#footer .col.newsletter input#ggis-subscribe-email {
	padding: 8px 35px 8px 8px;
	margin:10px 0 10px 0;
	width:145px;
	/*float:none;*/
	font-size:14px;
	color:#666766;
	text-transform:none;
	text-decoration:none;
	border:1px solid #cccccc;
	background-color:#ffffff;
	background-image:url(images/footer-envelope.png);
	background-position:right;
	background-repeat:no-repeat;
}

#footer .col.contact {
	width:170px;
}

#footer .col.socialmedia {
	width:150px;
	/*margin-left:26px;*/
}
#footer .col.socialmedia a.facebook {
	background-image:url(images/icons/facebook.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left: 25px;
}
#footer .col.socialmedia a.flickr {
	background-image:url(images/icons/flickr.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left: 25px;
}
#footer .col.socialmedia a.linkedin {
	background-image:url(images/icons/linkedin.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left: 25px;
}
#footer .col.socialmedia a.twitter {
	background-image:url(images/icons/twitter.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left: 25px;
}
#footer .col.socialmedia a.tumblr {
	background-image:url(images/icons/tumblr.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left: 25px;
}
#footer .col.socialmedia img {
	padding-right:10px;
	margin-bottom:-4px;
	/*margin-left:-26px;*/
}

#footer .copyright {
	clear:both;
	color:#999999;
	font-size:12px;
}