/*

Theme Name: Visionforsovle

Theme URI: http://vernantinfo.com

Description: A clean and modern portfolio CMS

Version: 1.0 (2.7+)

Author: Rahul Dhanotiya

Author URI: http://www.pearllike.com

Tags: clean, modern, portfolio, CMS, business

*/



@import "style/css/reset.css";

@import "style/css/layout.css";









/*------------General Styles-----------------*/



body {font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 	color: #666; background: #fff url(images/blog_bg.gif) repeat-x;}



#frontpage-bg {

	background: #fff url(images/bg-repeat.jpg) repeat-x;

}



#wrap {

	width: 960px;

	margin: 0 auto;

}



a {

	text-decoration: none;

	outline: none;

}



img {

	border: solid 1px #000;

	margin:8px;

}



/*------------Header Styles------------------*/

#header {

	margin: 8px 0 0px 0;

}



#header h1 {

	font-family: 'geosanslight', sans-serif;

	font-size: 72px;

	text-transform: uppercase;

	float:left;

	padding-right: 40px;

	color: #000;

	width:480px;

	padding-top:12px;

}



#header h1 a:link, #header h1 a:hover, #header h1 a:active, #header h1 a:visited {color: #000}



#search {

	float: right;

	margin: 8px 0px 0 0;

}



#header .search-bg {

	background: url(images/search_bg.gif) no-repeat center left;

	border: none;

	width: 118px;

	color: #fff;

	padding: 5px 8px;

}



#header .searchsubmit {

	background: transparent url(images/search_btn.gif) no-repeat center left;

	border: none;

	width: 30px;

	color: #fff;

	padding: 5px 0;

}



#header .searchsubmit:hover {background: transparent url(images/search_btn_hover.gif) no-repeat center left;}



 

 /*---------------feature section---------*/

 #header-info {

 	width:260px;

 	float: left;

 	margin-top: 52px;

 }

 

 #header-info h1 {

 	width: 90px;

 	display: block;

 	float: left;

 	text-align: right;

 	font-family: 'geosanslight', sans-serif;

 	font-size: 30pt;

 	text-transform: uppercase;

 	color: #ff00c6;

 	margin: 0;

 	padding: 0;

 	line-height: 0pt;

 	margin-bottom: 200px;

 }										



 #header-info p {

 	width: 150px;

 	float: right;

 	margin:  0 5px 0 0;

 	padding: 0;

 }

 

 /*IE6 fix*/ * html  #header-info p {

	width: 145px;

 }

 

  #header-info ul{

 	width: 150px;

 	float: right;

 	margin:  0 5px 0 0;

 	padding: 0;

	list-style:none;

 }

  /*IE6 fix*/ * html  #header-info ul {

	width: 145px;

 }

 

 #header-info li {

	font-weight:bold;

 }

 

 #recent-works {

 	float:right;

 	margin:55px 20px 0 0px;

 	padding: 0;

 	background: url(images/recentworks.gif) no-repeat top right;

 	height: 282px;

 	width: 150px;

 }

 

 #recent-works h1 {color: #ff00c6;}

 

 #feature-right {

 	position: relative;

 	margin:0 0 140px 0;

 	float: left;

 }

 

 /*IE6 fix*/ * html #feature-right {

	margin: 0px 0px 140px 0;

}

 

 /*----------Front Page Content Area------------*/

 #front-page-content {

 	min-height: 300px;

 }



 

  #front-page-content h2 {

	font-size: 38px;

	text-transform: uppercase;

	color: #000;	

	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

	margin-left: -3px;

 }

 

   #front-page-content h2 a {

	color: #000;

 }

 

   #front-page-content h2 a:hover {

	color: #ff00c6

 }

 

 #content-left {

 width: 280px;

 float: left;

 padding: 0 30px 0 0;

 background: url(images/divider.gif) repeat-y right;

 margin-bottom: 50px;

 }

 

 #content-middle {

 width: 280px;

 float: left;

 padding: 0 30px;

 background: url(images/divider.gif) repeat-y right;

 margin-bottom: 50px;

 }

 

 #content-right {

 width: 280px;

 padding: 0 0 0 30px;

 float: left;

 margin-bottom: 50px;

 }

/*--------------Footer------------------*/

#footer {

	clear: both;

	background: #000 url(images/footer_repeat.gif) top repeat-x;

	height:55px;

	padding: 20px 0 0 0;

}  



#footer-content {

	width:960px;

	margin: 0 auto;

}



a {color: #ff00c6; }





/*---------------Blog/Single Page------------------*/

.post {

	padding: 30px 0 50px 0;

	background: url(images/blog-divider.gif) repeat-x bottom;

}



#blog {

	width: 500px;

	float: left;

	margin-bottom: 50px;

}



#blog h1 {

	font-size: 34px;

	margin: 10px 0;

}



#blog h2 a {

	font-size: 30px;

	color: #000;

	float: left;

	width: 350px;

}



#blog a {color: #000;}



#blog a:hover {color: #ff00c6;}



.date {

	font-size: 16px;

	color: #000;

	padding-top: 14px;

}



#single-page .date {

	font-size: 12px;

}



.tags {padding-top: 10px;}



#single-page {

	float: left;

	width: 500px;

	margin-bottom: 50px;

}



.title {

	font-size: 30px;

	color: #000;

	text-transform: uppercase;

	padding-bottom: 8px;

	width: 500px;

}



#contact-title {letter-spacing: 1.6px;}



#single-page a {color: #000;}



#single-page a:hover {color: #ff00c6;}



.page {

	margin: 10px 0;

}



.postnav { list-style:none; margin: 10px 0 50px 0; padding:0;}



/*---------------Portfolio Page------------------*/

.thumbnail-class {

	margin: 0 15px 0 0;

}



#portfolio .post{

	float: left;

}



#portfolio {margin-bottom: 50px; min-height: 1000px}



.pf-description {

	float: right;

	width: 450px;

}



.pf-image {

	float: left;

}



#portfolio h1 {

	font-size: 34px;

	margin: 10px 0;

}



#portfolio h2 a {

	font-size: 30px;

	color: #000;

	width: 350px;

}



#portfolio a {color: #000;}



#portfolio a:hover {color: #ff00c6;}



#portfolio p a:hover {color: #00ADFF !important;}



#portfolio img {

	border: solid 5px #000;

}



/*---------------Sidebar------------------*/

#sidebar {

	float:right;

	background: #000;

	width: 270px;

	margin: 10px 0 300px 0;

	padding: 20px;

}



#sidebar h2 {

	font-family: 'geosanslight', Arial, 'Helvetica Neue', Helvetica, sans-serif;

	font-size: 22px;

	letter-spacing: 1px;

	text-transform: uppercase;

	color: #ff00c6; 

	padding-bottom: 5px;

}



#sidebar a {

	color: #fff;

	font-size: 12px;

	font-weight: normal;

}



#sidebar a:hover {

	color: #666;

}



#sidebar ul {

	padding:0;

	list-style: none;

}



.widget {

	margin-bottom: 25px;

	list-style:none;

}



#twitter-box li  {

	font-size: 11px;

	padding: 0 0 10px 0;

	list-style:none;

	margin:0;

}



#twitters .widgettitle {

	padding:10px 0 12px 50px;

	background: url(images/twitter.png) no-repeat left bottom;

}



#twitter-list {

	list-style:none;

	margin:0;

	padding:0;

}



#sidebar2 {margin: 0; padding: 0;}





#sidebar2 h2 {

	line-height: 30px;

	padding: 5px 0;

}





#sidebar2 ul {

	padding:0;

	list-style: none;

}

 /*--------------Comments Area------------------*/

 #comments-area {

 	margin:30px 0;

 	padding: 20px;

 	background: #000;

 }

 

 #comments-area a {color:#fff;}

 

 #comments-area li {

 	padding:25px 0;

 	border-bottom: solid 1px #666;

 }

 

 #comments-area h3 {

	font-family: 'geosanslight', Arial, 'Helvetica Neue', Helvetica, sans-serif;

	font-size: 24px;

	letter-spacing: 1px;

	text-transform: uppercase;

	color: #ff00c6; 

	padding-bottom: 5px;

}



h3#respond {

	padding-top: 10px;

	color: #666;

	text-transform: none;	

}



.comment-submit {margin: 5px 0;}

 

 



 /*--------------General Typography------------------*/

 p {

 	font-size: 12px;

 	color: #666;

 	letter-spacing: 0.4px;

	word-spacing: 0.8pt;

 	line-height: 14pt;

 	padding: 5px 0;

 }

 

 ul, ol {

 	font-size: 12px;

 }

 

 h1 {

	font-family: 'geosanslight', sans-serif;

	font-size: 34px;

	text-transform: uppercase;

	color: #000;

}

 

 h2 {

	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

	font-size: 30px;

	color: #000;

}



 h3 {

	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

	font-size: 20px;

	color: #000;

}



h4  {font-weight:bold;}



ul {	

	padding-bottom:9px;

	font-size:80%;

	line-height:150%;

	font-weight:normal;

	padding-left:40px;

}



ol {	

	padding-bottom:9px;

	font-size:80%;

	line-height:150%;

	margin-left:30px;

}

 

 /*-------------Navigation Menu--------------*/

#nav{float: right;}



.lavaLamp {

    position: relative;

    height: 47px;

    width: 960px;

    background: url("images/nav_bg.gif") no-repeat top;

    margin: 0px 0px 0 0;

	padding: 9px 0;

    overflow: hidden;

}

.lavaLamp li {

float: left;

list-style: none;

margin: 2px 0 0 6px;

}

.lavaLamp li.back {

background: url(images/lava_pink.gif) no-repeat right -25px;

width: 9px; height: 26px;

z-index: 8;

position: absolute;

margin-left: 0px;

overflow:hidden;

}

.lavaLamp li.back .left {

background: url(images/lava_pink.gif) no-repeat top left;

height: 26px;

margin-right: 9px; /* 7px is the width of the rounded shape */

margin-left: 0px;

}

.lavaLamp li a {

font-size: 14px;

font-weight: normal;

text-decoration: none;

color: #fff;

outline: none;

text-align: center;

top: 3px;

z-index: 10;

display: block;

float: left;

height: 30px;

position: relative;

overflow: hidden;

margin: auto 8px;    

}



/*IE6 fix*/ * html .lavaLamp li a {

margin: auto 4px; 

}



.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {

border: none;

}



/*------------- Easy Slider ----------------*/



	#slider{ }	

	#slider ul, #slider li{

		margin:28px 0 0 0;

		padding:0;

		list-style:none;

		}

	#slider li{ 

		/* 

			define width and height of list item (slide)

			entire slider area will adjust according to the parameters provided here

		*/ 

		width:520px;

		height:300px;

		overflow:hidden; 

		}	

	#prevBtn, #nextBtn{ 

		display:block;

		width:42px;

		height:26px;

		position:absolute;

		left:0px;

		top:314px;

		}	

		

	#nextBtn{ 

		left:479px;

		}														

	#prevBtn a, #nextBtn a{  

		display:block;

		width:42px;

		height:26px;

		background:url(images/btn_prev.gif) no-repeat 0 0;	

		}	

	#nextBtn a{ background:url(images/btn_next.gif) no-repeat 0 0;}

		

	#prevBtn a:hover {background: url(images/btn_prev_hover.gif) no-repeat 0 0;}

		

	#nextBtn a:hover {background:url(images/btn_next_hover.gif) no-repeat 0 0;}

	

    .graphic, #prevBtn, #nextBtn{

        margin:0;

        padding:0;

        display:block;

        overflow:hidden;

        text-indent:-8000px;

        }

		

	#feature-right img {

		margin:0;

	}

        

/*---------------------Contact Form Style-------------------------------------*/  

label

{

	font-size: 11px;

	display: block;

} 



#contact {

	float: left;

	width: 500px;

	margin-bottom: 50px;

	position: relative;

}



#single-page h1 {

	font-size: 34px;

	margin: 10px 0 0 0;

}



#contact input {width: 200px; margin:0 0 10px 0;}



#contact textarea {width: 300px;}



#note {color: red; font-size: 12px;}