/*
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: #fefefe; font-size:12px;
	line-height:14px; background: #161211 url(images/blog_bg.gif) repeat-x;}

#frontpage-bg {
	background: #2a2a2a url(images/bg-repeat.jpg) repeat-x;
}

#wrap {
	width: 960px;
	margin: 0 auto;
}

a {
	text-decoration: none;
	outline: none;
	color:#666;
}

img {
	border:none;
}

img.alignnone{
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	border:5px solid #000;
	background-color:#eee;
	margin-bottom:8px;
	
	
}
img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	border:5px solid #000;
	background-color:#eee;
	margin-bottom:8px;
	
	
}
img.alignright {
	float:right;
	border:5px solid #000;
	background-color:#eee;
	margin-bottom:8px;
	margin-left:11px;
	
}
img.alignleft {
	float:left; 
	border:5px solid #000;
	background-color:#eee;
	margin-bottom:5px;
	margin-right:11px;
}

img, img a:visited {
	border:none;
}

a.button {
	background:url(images/button_bg.jpg) repeat-x;
	border-color:#000000;
	padding:3px 3px 3px 3px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #333333;
	font-size:10px;
	font-family:Verdana, Arial, Sans-serif;
	line-height:12px;
	
	position:relative;
	right:2px;
	
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
 	border-radius: 5px;
}

a.button:hover {
	color: #000000;
	background:url(images/button_bg_o.jpg) repeat-x;
}

/*------------Header Styles------------------*/
#header {
	background-image:url(images/hc_header.png);
	background-repeat:no-repeat;
	height:100px;
	width:990px;
	margin:20px 0px 0px 0px;
}

#header h1 {
	font-family: 'geosanslight', sans-serif;
	font-size: 72px;
	text-transform: uppercase;
	float:left;
	padding-right: 40px;
	text-indent:-9999px;
	color: #f6f6f6;
	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: #000000;
	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_yellow.gif) no-repeat center left;}

 
 
 /*---------------feature section---------*/
  #header-info {
 	width:175px;
 	float: left;
 	margin-top:8px;
 }
 
 #header-info h1 {
 	width: 150px;
 	text-align: right;
	font-family: 'geosanslight', Arial, 'Helvetica Neue', Helvetica, sans-serif; 	font-size: 28pt;
 	text-transform: uppercase;
 	color: #ac9b0b;
 	line-height: 0pt;
 }										

 #header-info p {
 	width: 150px;
 	margin:0;
 	padding: 0;
 }
 
 /*IE6 fix*/ * html  #header-info p {
	width: 150px;
 }
 
  #header-info ul{
 	width: 150px;
 	margin:0;
 	padding: 0;
	list-style:none;
	text-align: right;
 }
  /*IE6 fix*/ * html  #header-info ul {
	width: 150px;
 }
 
 #header-info li {
	font-size:12px;
	line-height:20px;
	color:#ac9b0b;
 }
 
 #recent-works {
 	float:left;
 	margin-top:8px;
 	padding: 0 0 0 15px;
 	background: url(images/recentworks_blue.gif) no-repeat top right;
 	height: 282px;
 	width: 150px;
 }
 
 #recent-works h1 {color: #ac9b0b;}
 
 #feature-right {
 	position: relative;
 	margin:0 0 45px 0;
 	float: left;
 }
 
 /*IE6 fix*/ * html #feature-right {
	margin: 0px 0px 30px 0;
}

 /*----------Front Page Content Area------------*/
 #front-page-content {
 	min-height: 300px;
 }
 
  #front-page-content h2 {
	font-size: 20px;
	text-transform: uppercase;
	color: #ac9b0b; 
	font-family: 'geosanslight', sans-serif;
	margin:0 auto;
 }
 
   #front-page-content h2 a {
	color: #ac9b0b;
 }
 
   #front-page-content h2 a:hover {
	color: #666;
 }
 
 #content-left {
 width: 280px;
 float: left;
 padding: 0 30px 0 0;
 background: url(images/divider.gif) repeat-y right bottom;
 margin-bottom: 20px;
 }
 
 #content-middle {
 width: 280px;
 float: left;
 padding: 0 20px;
 background: url(images/divider.gif) repeat-y right;
 margin-bottom: 20px;
 }
 
 #content-right {
 width: 280px;
 padding: 0 0 0 30px;
 float: left;
 margin-bottom: 20px;
 }
 
/*--------------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: #f5f5f5;
	float: left;
	width: 350px;
}

#blog a {color: #f5f5f5;}

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

.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-family: 'geosanslight', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ac9b0b; 
	padding: 8px 0 8px 0;
}

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

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

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

.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;
}

#single-page .pf-image {
	width: 519px;
	height:245px;
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	border:5px solid #000;
	background-color:#000000;
	margin-bottom:20px;
}

#portfolio h1 {
	font-size: 34px;
	color: #ac9b0b;
	margin: 10px 0;
}

#portfolio h2 a {
	font-size: 20px;
	color: #666666;
	width: 350px;
}


#portfolio a {color: #fefefe;}

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

#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;
}


/*  Comment-Styles---------------------------------------------------------------------------- */
.divider {
	padding: 10px 0 10px 0;
	background: url(images/blog-divider.gif) repeat-x;
}

/*Entire Comment List*/#comments {
    padding:5px 0 15px 0;
}
#comments h3 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 18px;
	color: #fefefe;
	padding:10px 0 0px 0;
}
#comments-list {
    padding:0 0 19px 0;
}
#comments-list ol,
#comments-list ul {
    list-style:none;
    margin:0;
}
/*Entire List of Comments*/#comments-list ol { 
    border-bottom:none;
    margin:0;
}
/*Each comment*/#comments-list li {
    padding:5px 5px 5px 5px;
    position:relative;
}
/* #comments-list li.alt {
    background:#eee2d7; 
}*/

#comments-list li.bypostauthor .comment-content {
    background:#666666 url(images/comment_bird_guitar.gif) no-repeat bottom left;
}

.comment-content {
	 background:#666666 url(images/commentcorner.gif) no-repeat bottom right;
	 border:1px solid #000000;
	 position:relative;
	 margin-top:5px;
	 margin-bottom:5px;
	 margin-left:81px;
	 padding:20px 20px 20px 20px;
}

#comments-list li .avatar {
    position:relative;
    top:-12px;
    left:40px;
	border:1px solid #000000;
	background-color:#666666;
	padding:2px 2px 2px 2px;
}
#comments-list .comment-author  {
    /*font-weight:bold;
    position:relative;
	top:70px;
	left:-90px; */
	position: absolute;
	left: -55px;
	top:22px;
	width: 100px;
	color: #fefefefe;
	font-size: 10px;
	line-height: 14px;
}

#comments .comment_arrow {
	position: absolute;
	top: -1px;
	left: -37px;
}

#comments-list .comment-meta {
    font-size:11px;
    padding:19px 0 1px 0;
    text-align:right;
}
#comments-list .comment-meta a {
    color:#6a1809;
    font-style:italic;
    text-decoration:none;
}
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover {
    color: #F92117;
}
.comment-reply-link {
    font-size:11px;
    padding:0 0 19px 0;
    text-align:right;
	text-transform: uppercase;
}
.comment-reply-link a {
    color:#000000;
    font-style:italic;
    text-decoration:none;
}
.comment-reply-link a:active,
.comment-reply-link a:hover {
    color: #F92117;
}
.comment-navigation {
    font-weight:bold;
    padding:0 0 19px 0;
    margin-right:0.5em;
}
.comment-navigation a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
}
.comment-navigation a:active,
.comment-navigation a:hover {
    color: #F92117;
}
.comment-navigation a,
.comment-navigation span {
    margin-right:0.5em;
}
#trackbacks-list .comment-content {
    position:relative;
	top:0 auto;
}
#respond {
    margin:auto;
	margin-bottom:19px;
    overflow:hidden;
    padding:19px 0 0 0;
    position:relative;
}
#comments-list #respond {
    border-bottom:1px solid #ccc;
    margin:0 0 19px 0;
    padding:19px 1.5em;
}
#comments-list ul #respond {
    border:1px solid #ccc;
    margin:0;
}
#cancel-comment-reply {
    font-size:11px;
    position:absolute;
    top:19px;
    right:1.5em;
}
#cancel-comment-reply a {
    color:#666;
}
#respond .required {
    color:#F92117;
    font-weight:bold;
}
.form-section label {
    font-size:11px;
}
.form-section input {
    margin:0 0 19px 0;
    width:50%;
}
.form-section textarea {
    width:50%;
}
#form-allowed-tags p {
    color:#666;
    font-size:11px;
    margin:0;    
}
#form-allowed-tags span {
    font-style:italic;
}
#form-allowed-tags code {
    font-size:11px;
    line-height:normal;
}
.form-submit {
    padding:19px 0 0 0;
    text-align:right;
}
.subscribe-to-comments {
    color:#666;
    float:left;
    font-size:11px;
    margin:0;
    padding:19px 0 0 0;
}
.solo-subscribe-to-comments {
    color:#666;
    font-size:11px;
    padding:19px 0 0 0;
}
.comment_license {
    color:#666;
    clear:both;
    font-size:11px;
    margin:0;
    padding:19px 0 0 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: 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;}