/*

Theme Name: Convergence

Theme URI: http://themeforest.net

Description: The place where people and information converge and create community.

Version: 1

Author: Maximus

Author URI: http://themeforest.net

Tags: community, news, industry, blog

*/



/*=== Setup ===*/

* {

	border: 0;

	margin: 0;

	padding: 0;

	outline: none;

}

body {

	background: url(images/stripe1.png) #f7f6f6 repeat top;

	color: #404040;

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: .75em;

}



a {

	color: #33707e;

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

input, select, textarea {

	border: #cfcfcf 1px solid;

	color: #404040;

	font-size: 12px;

	padding: 3px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

}

li {

	list-style: none;

}





h2 {

	color: #505050;

	font-size: 1.4em;

	font-weight: normal;

	letter-spacing: -1px;

	margin: 0 0 1em;

}

h3 {

	color: #333333;

	font-size: 1.2em;

	margin: 0 0 .8em;

}

h4 {

	font-size: 1em;

	margin: 0 0 1em;

}

p {

	line-height: 1.4em;

	padding: 0 0 .3em;

	margin-top: 0.2em;

}

p + p { 

	margin-top: 0.5em;

 } 

/*=== homepage ===*/

#post-3 .content {

	background: none;

	background-color: transparent;

	border:0;

	padding:0;

	

}





	

#homevideo {



	float:right;

	display:inline;

	position: relative;

	clear:both;

	margin-bottom: 13px;

	border-style:solid;
	
	border-width:1px;
	
	border-color:#C3C3C3;

	z-index:0;

}

	



#wedoing {

	background: url(images/doing.gif) no-repeat;



	float:right;

	clear:both;

	height:347px;

	width:656px;

	margin: 0px 0px 13px;

}



#c1wedoing {

	float:right;

	display:inline;

	width:215px;

	height:347px

	margin:0px;



}

#c2wedoing {

	float:right;

	display:inline;

	width:215px;

	height:347px

	margin:0px;



}

#c3wedoing {

	float:right;

	display:inline;

	width:215px;

	height:347px

	margin:0px;



}

.homecolumn {

	padding:83px 22px 0px 22px;

	

}



/*=== pages ===*/

/*=== we consult ===*/



#weconsult{

	background: url(images/weconsult.gif) no-repeat;

	width:660px;

	height:800px;

	padding-left:61px;

}



#consulttext1{

	float:left;

	display:inline;

	width:540px;

	margin-top:360px;

}



#consulttext2{


	position:absolute;
	top:646px;

	width:540px;

	margin-top:50px;

}



/*=== we create ===*/

#wecreate{

	background: url(images/wecreate.gif) no-repeat;

	width:660px;

	height:967px;

	padding:0px 0px 0px 63px;

}



#createtext1{

	float:left;

	display:inline;

	width:540px;

	margin-top:366px;

}



#createtext2{

	position:absolute;
	top:724px;

	width:540px;

	margin-top:45px;

	padding-top:5px;

}



/*=== we teach ===*/

#weteach{

	background: url(images/weteach.gif) no-repeat;

	width:660px;

	height:2005px;

	padding:0px;

}

#area1 {

	float:left;

	display:inline;

	width:660px;

	height:542px;

	padding-left:61px;

}



#area2 {

	float:left;

	display:inline;

	width:660px;

	height:157px;

	padding-left:189px;



}



#area3 {

	float:left;

	display:inline;

	line-height:13px;

	width:660px;

	height:42px;

	margin-top:18px;

	padding-left:61px;



}



#area4 {

	float:left;

	display:inline;

	width:660px;

	padding-left:0px;



}



#area5 {

	float:left;

	display:inline;

	width:660px;

	padding-left:0px;



}



.teachwrap {

	float:left;

	display:inline;

	font-size:10px;

	line-height:11px;

	width:175px;

	height:143px;

	margin-right:16px;

}



#weteachtext1{

	float:left;

	width:540px;

	margin-top:376px;

}



#weteachtext2{

	float:left;

	width:430px;

	margin-top:44px;

}



#weteachtext3{

	float:left;

	width:415px;

	margin-top:0px;

	padding:0px;

}

#weteachtext4{

	float:left;

	width:590px;



	padding:0px;

	margin-top:32px;

}



#weteachtext5{

	float:left;

	width:545px;



	padding:0px;

	margin-top:58px;

}



/*=== team ===*/

#team{

	background: url(images/team.gif) no-repeat;

	width:660px;

	height:1100px;

	overflow: hidden;

}

#teamall {

	clear:both;

	width:990px;

	height:auto;

	padding:0px;

}



.twitcol {

	float:left;

	display:inline;

	background:#ffffff;

	border-style:solid;

	border-width:1px;

	border-color:#d5d5d5;

	width:225px;

	min-height: 500px;

	margin-right:50px;

	margin-bottom:20px;

}

#teamwrap {

	margin:20px 0px 20px 20px;

}



.twittext {

	float:left;

	display:inline;

	margin-bottom:10px;



}



.twitpic {

	float:left;

	display:inline;

	margin-right:10px;

}



.namelinkin {

	float:left;

	clear:right;

	display:inline;

	width:105px;

	line-height:24px;

	margin-bottom:10px;

}



#teamhead {

	margin:0px;

	overflow: hidden;

}



#teamfoot {

	float:left;

	clear:both;

	display:inline;

	width:990px;

	height:70px;

	margin:0px 0px 20px 0px;



}

	

#teamtwit{

	overflow: hidden;

	float:left;

	display:inline;

	background:#ffffff;

	border-style:solid;

	border-width:1px;

	border-color:#d5d5d5;

	width:988px;

	height:auto;



}



#jacktwit {

	float:left;

	padding:10px 10px 0px 10px;

		

}



#mailetwit {

	float:left;

	padding:10px 10px 0px 10px;

}



#blaketwit {

	float:left;

	padding:10px 10px 0px 10px;

}



#robtwit {

	float:left;

	padding:10px 10px 0px 10px;



}



#teamcontent1{



	width:660px;

	height:355px;

	padding: 190px 35px 0px 35px;

}



#jacksocial{

	float:left;

	width:270px;

	margin-left:145px;

}



#teamjack{

	float:left;

	width:270px;

	margin-right:47px;



}



#mailesocial{

	float:left;

	width:270px;

	margin-left:145px;

}



#teammaile{

	float:left;

	width:270px;



}



#teamcontent2{



	width:660px;

	height:355px;

	padding: 110px 35px 0px 35px;

}



#teamblake{

	float:left;

	width:270px;

	margin-right:47px;



}



#teamrob{

	float:left;

	width:270px;



}



/*=== contact ===*/

#contact{

	background: url(images/contact.gif);

	width:660px;

	height:1700px;

}



#contactform1{

	padding: 320px 40px 0px 40px

}

#location {

	float:left;
	margin-left:20px;
	margin-top:20px;

}





/*=== why lava7 ===*/

#why{

	background: url(images/whylava7.gif);

	width:660px;

	height:783px;

}





/*=== new sidebar ===*/

#whowearea {

	background: url(images/whoweare1.gif);

	display:inline;

	float:right;

	clear:both;

	height:188px;

	width:312px;

	margin: 0px 0px 13px;

}



#whotext {

	padding: 75px 18px 18px 28px;

}



#subscribea {

	background: url(images/subscribe1.gif);

	display:inline;

	float:right;

	clear:both;

	height:188px;

	width:312px;

	margin: 0px 0px 13px;

}



#subtext {

	padding: 75px 18px 18px 28px;

}



#recentposta {

	background: url(images/recentposts1.gif);

	display:inline;

	float:right;

	clear:both;

	height:347px;

	width:312px;

	margin: 0px 0px 13px;

}



#recentposta li {

	margin: 10px 0px;

}

#recentposta li+li {

	margin: 15px 0px;

}



#recenttext {

	padding: 75px 18px 18px 28px;

}



#recenttext .li {



	list-style-type: disc;

}









/*=== Layout ===*/

#pagebg {

	background: url(images/headerbg.jpg) repeat-x top;



} 



#page {

	margin: 0 auto;

	width: 990px;

}

#page-bot {



	background: url(images/page-bot.gif) repeat-x top;

	height: 39px;

}

/*=== H eader ===*/



#header{

	background: url(images/headera.jpg) no-repeat;	

	height: 62px;

	width:990px;

	margin: 0 0 1px;

}



/*- Logo -*/

#header h1 {

	background: url(images/lava7.png) no-repeat;

	background-position:18px 10px;

	float: left;

	text-indent: -9999px;

	width: 742px;

}

#header h1 a {

	display: block;

	height: 62px;

}

#header h1 a:hover {

	text-decoration: none;

}

/*- Social Bookmarks -*/

#lava7social {

	float: left;

	height: 62px;

	width:233px;

}

#lava7facebook {

	float: right;

	margin: 15px 10px 18px 0px;

}

#lava7twitter {

	float: right;

	margin: 15px 10px 18px 0px;

}

#lava7youtube {

	float: right;

	margin: 15px 10px 18px 0px;

}



#lava7rss {

	float: right;

	margin: 15px 10px 18px 0px;

}

/*=== Navigation ===*/

/*- Top Nav -*/

.topnav {

	font-size: 10px;

	font-weight: bold;

	height: 31px;

	overflow: hidden;

}

.topnav li {

	background: url(images/topnav-sep.gif) no-repeat left;

	float: left;

	line-height: 30px;

}

.topnav li.first {

	background: none;

}

.topnav li.first a {

	padding: 0 7px 0 4px;

}

.topnav li a {

	color: #333333;

	display: block;

	float: left;

	padding: 0 7px 0 8px;

	text-decoration: none;

}

.topnav li a:hover,

.topnav li.active a {

	text-decoration: underline;

}	

/*- Nav1 -*/



#nav1 {

	background: url(images/nav1-sep.gif) no-repeat left top;

	color: #505050;

	font-family: arial, helvetica, sans-serif;

	font-size: 10px;

	letter-spacing:1px;

	font-weight:bold;

	text-transform: uppercase;

	height: 37px;





}

#nav1 ul.sf-menu li {

	position: relative;

	background: url(images/nav1-sep.gif) no-repeat right top;

	float: left;

	line-height: 37px;

	padding: 0 1px 0 0;

	text-align: center;



}

#nav1 ul.sf-menu li a {

	color: #505050;

	display: block;

	position: relative;

	float: left;

	text-decoration: none;

	width: 107px;

	cursor: pointer;



}

#nav1 ul.sf-menu li a:hover {

	color:#ffffff;

	text-decoration: none;

	background: #848484;



}

#nav1 ul.sf-menu li ul{

	border: 1px solid #000000;

	background: #272726 url(images/ul_children_bg.gif) repeat-y top right;



}

#nav1 ul.sf-menu li ul li {

	background: url(images/ul_children_li_bg.gif) no-repeat bottom right;



}

#nav1 ul.sf-menu li ul li a {

	color: #bebebe;

	text-decoration: none;

	display:block;



}

#nav1 ul.sf-menu li ul li a:hover {

	text-decoration: none;

	background: none;



}

#nav1 ul.sf-menu li ul li ul {

	border: 1px solid #000000;

	border-left: none;

	background: #272726 url(images/ul_children_ul_children_bg.gif) repeat-y top left;



}

#nav1 ul.sf-menu li ul li ul li {

	background: url(images/ul_children_li_bg.gif) no-repeat bottom right;



}

#nav1 ul.sf-menu li ul li ul a {

	color: #bebebe;

	text-decoration: none;





}

#nav1 ul.sf-menu li ul

{

	margin:5px 0 0 0;

}

#nav1 ul.sf-menu li ul ul

{

	margin:-1px 0 0 27px;

}

/*=== All Columns ===*/

#columns {



	margin: 26px 0 0;

	padding: 0 0 15px;

	display: table-cell;

	display: block;

	height: auto !important;





}

/*=== Center Column ===*/

#centercol {

	float: left;

	width: 660px;



}

/*=== Right Column ===*/

#rightcol {

	float: right;

	width: 312px;

}

#rightcol a {

	color: #404040;

	text-decoration: none;

}

/*=== Sub Columns ===*/

.subcols {

	background: url(images/subcols-bgr.gif) repeat-y left;

	height: 1%;

}

.col1, .col2 {

	float: left;

	width: 285px;

}

.col2 {

	float: right;

}

/*=== Post ===*/

/*- Post Title -*/

.post-title h1 {

	color: #333333;

	font-size: 18px;

	font-weight: bold;

	letter-spacing: -0.5px;

}

.post-title h1 span {

	color: #33707e;

}

.post-title h1.author {

	color: #888888;

	font-size: 14px;

	padding-top: 2px;

}

.post-title h2, .post-title h2 a  {

	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;

	margin: 0 0 .45em;

	color: #505050;

	text-decoration: none;

}

/*- Post Date -*/

.post-date {


	margin: 0 0 1.25em;

}

.post-date a {

	color: #ffffff;

}

.post-date em {

	background: #5eb7cb;

	color: #ffffff;

	font-size: .9em;

	font-style: normal;

	padding: 3px 5px;

	line-height: 1.75em;

}

/*- Post Excerpt -*/

.post-excerpt {

	display: table;

	font-size: 13px;

	font-style: italic;

	height: 1%;

 /* margin: 0 0 1em; */

}

/*- Post Lists -*/

.post ul, .post ol {

	margin: 0 0 1.5em;

}

.post ul li {

	background: url(images/ico-list.gif) no-repeat 0 6px;

	margin: 0 0 .4em;

	padding: 0 0 0 10px;

}

.post ol li {

	list-style: decimal;

	list-style-position: inside;

	margin: 0 0 .4em;

}

/*- Post Blockquote -*/

.post blockquote {

	border-left: 3px solid #cfcfcf;

	font-size: 13px;

	font-style: italic;

	margin: 0 0 1.5em;

	padding: 5px 0 0 10px;

}

/*- Post Author -*/

.post-author {

	margin: 0 0 1em;

}

.author-details {

	font-size: .85em;

}

.author-descr {

	display: table;

	height: 1%;

}

/*- Social Links -*/

.social-links {

	background: url(images/box-bgr2.gif) #f1f1f1 repeat-x top;

	height: 42px;

	padding: 0 18px;

}

.social-links .fl {

	line-height: 42px;

}

.social-links .fl span {

	background: url(images/comment_count_bg.gif) no-repeat center left;

	font-weight: bold;

	font-size: 14px;

	text-align: center;

	padding: 4px 0 8px 0;

	width: 33px;

	margin-right: 6px;

	display: inline-block;

	line-height: 32px;

}

.social-links .fr {

	padding: 9px 0 0;

}

.social-links .fr span {

	line-height: 21px;

}

.social-links img {

	margin: 0 0 0 2px;

}

/*- Related Posts -*/

.post-rel {

	line-height: 1.5em;

}

.post-rel a {

	color: #33707E;

}

/*- Post Comments -*/

.post-comments .fl {

	width: 80px;

}

.post-comments .fr {

	width: 520px;

}

/*- Widget Title - */

.wtitle {

	background: url(images/box-bgr.gif) repeat-x top;

}

.wtitle h2 {

	line-height: 40px;

	margin: 0;

	padding: 0 0 0 18px;

}

/*=== Styling Boxes ===*/

/*- Box1 -*/

.box {

	background: #ffffff;

	border: 1px solid #cfcfcf;

	margin: 0 0 28px;

	padding: 0px;

}

.box .content {

	background: url(images/box-bgr.gif) #ffffff repeat-x top;

	height: 1%;

	padding: 18px;

}

.box.ads .content {

	padding-left: 15px;

	padding-right: 0;

	text-align: center;

}

#rightcol .box {

	margin: 0 0 10px;

}

/*- Box2 -*/

.box2 {

	background: #f9f9f9;

	border: 1px solid #cfcfcf;

	height: 1%;

	margin: 0 0 20px;

	padding: 18px;

	min-height: 115px;

}

.box2.alt {

	background: #FFFFFF;

}

.box2.alt {

	background: #FFFFFF;

}

.comm-name, .comm-date {

	line-height: 20px;

}

/*=== Styling Lists ===*/

/*- List1 -*/

.list1 li {

	background: url(images/ico-list1.gif) no-repeat 0 1.1em;

	border-bottom: 1px solid #e7e7e7;

	height: 1%;

	padding: .7em 0 .7em 13px;

}

.list1 li.last {

	border: 0;

}

#rightcol .list1 li a:hover {

	color: #33707e;

}

/*=== Styling Forms ===*/

input.btn {

	background: none;

	border: 0;

	margin: 0;

	padding: 0;

}

select {

	padding: 1px;

}

/*- Search -*/

#search {

	float: right;

	height: 25px;

	padding: 31px 0 0;

}

#search input {

	background: url(images/search-bgr.gif) repeat-x top;

	border: 1px solid #000000;

	float: left;

	padding: 8px;

	width: 285px;

}

#search input.btn {

	background: none;

	border: 0;

	margin: 8px 0 0 -30px;

	padding: 0;

	width: auto;

}

/*- Message -*/

.message div {

	margin: 0 0 18px;

}

.message input {

	padding: 9px 15px;

	width: 487px;

}

.message textarea {

	height: 114px;

	overflow: auto;

	padding: 9px 15px;

	width: 487px;

	font-family: Verdana;

}

.message .submit {

	float: left;

}

.message .btn {

	padding: 0;

	width: auto;

}

.message .notice {

	color: #a4a4a4;

	float: right;

	font-style: italic;

	padding: 10px 0 0;

}

/*=== Pics, Thumbs, Ads etc. ===*/

.pic img {

	border: 1px solid #cfcfcf;

	display: block;

	margin: 0 0 .8em;

}

.pic.fl img {

	margin-right: 23px;

}

.pic.fr img {

	margin-left: 23px;

}

.th {

	display: block;

	margin: 0 0 .5em;

}

.th.fl img {

	margin-right: 10px;

}

.th.fl img

{

	width:40px;

	height:40px;

	border: 1px solid #cfcfcf;

}

.ads img, .ads.flickr .content img {

	margin: 0 14px 15px 0;

}

.ads.flickr .content img {

	border: 1px solid #cfcfcf;

}

.ads.flickr .ac img {

	border: 0;

	margin: 0;

}

/*=== Footer ===*/

#footer {





	color: #5f5f5f;

	font-size: 11px;

	line-height: 39px;

	margin: 0 auto;

	width: 990px;

	padding-top:0px;

}

	





.footcontent{

	font-size:11px;

	text-align:center;

	line-height: 39px;



}



#footc1 {

	float:left;

	width:158px;

}



#footc2 {

	float:left;

	width:158px;

}



#footc3 {

	float:left;

	width:158px;

	padding-left:30px;



}



#footc4 {

	float:left;

	width:158px;



}



#footer a {

	color: #33707e;

	text-decoration: none;

}

#footer a:hover {

	color: #5f5f5f;

	text-decoration: underline;

}

/*=== Misc. ===*/

.fix {

	clear: both;

	height: 1px;

	margin: -1px 0 0;

	overflow: hidden;

}

.hl, .hl2 {

	background: url(images/hl-dot.gif) repeat-x top;

	clear: both;

	height: 2px;

	overflow: hidden;

	width: 100%;

}

.hl2 {

	background: none;

	border-top: 1px solid #e7e7e7;

	height: 1px;

	margin: 0 0 .8em;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.ac {

	text-align: center;

}

.ar {

	text-align: right;

}


