/*
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: #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: 36px;
	text-transform: uppercase;
	float:left;
/* 	padding-right: 40px; */
	padding-right: 10px;
	color: #000;
/* 	width:480px; */
	width:510px;
	padding-top:40px;
}

#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: 47px;
	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: 24px;
	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 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: 410px;
    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: 24px;
	margin: 10px 0 0 0;
}

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

#contact textarea {width: 300px;}

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