/*



Theme Name: UpTown



Theme URI: http://themeforest.com



Description: A clean and modern portfolio CMS



Version: 1.0 (2.7+)



Author: Mitch Gavan



Author URI: http://www.mitchgavan.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:url("images/bg-repeat.jpg") repeat-x scroll left 35px #ECE8E9;



}







#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:600px;



	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_blue.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: #00adff;



 	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_blue.gif) no-repeat top right;



 	height: 282px;



 	width: 150px;



 }



 



 #recent-works h1 {color: #00adff;}



 



 #feature-right {



 	position: relative;



 	margin:0 0 100px 0;



 	float: left;



 }



 



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



	margin: 0px 0px 140px 0;



}



 



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



 #front-page-content {



 	min-height: 300px;

padding-top:30px;



 }



 



  #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.facebook
  {
   background:url(images/facebook.png) no-repeat left top;
   padding:6px 0 30px 70px;
   }

 



   #front-page-content h2 a {



	color: #000;



 }



 



   #front-page-content h2 a:hover {



	color: #00adff



 }



 



 #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 20px;



 float: left;



 margin-bottom: 50px;

 

 overflow:hidden;



 }



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



#footer {



	clear: both;



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



	height: 60px;



	padding: 20px 0 0 0;



}  







#footer-content {



	width:960px;



	margin: 0 auto;



}







a {color: #00adff; }











/*---------------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: #00adff;}







.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: #00adff;}







.page {



	margin: 10px 0;



}







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







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



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







.thumbnail-class {



	margin: 0 15px 0 0;



}







#portfolio .post{



	float: left;



}







.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: #00adff;}







#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: #00adff; 



	padding-bottom: 5px;
	
	font-weight:bold;



}







#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;*/

padding:6px 0 30px 70px;





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



}





a.more-link

{

display:none;

}



#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: #00adff; 



	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: left; clear:both;}







.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_blue.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_blue.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_blue.gif) no-repeat 0 0;}



		



	#nextBtn a:hover {background:url(images/btn_next_hover_blue.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;}