/*
THEME NAME: Art by Andrew v3
THEME URI: http://www.artbyandrew.com
DESCRIPTION: Design, Love, Life
VERSION: 3.0
AUTHOR: <a href="http://www.artbyandrew.com">Andrew Smith</a>
AUTHOR URI:
TAGS: Design, Developer, designer, web, print, package, branding, identity, Andrew Smith, Andrew, Smith
*/

*{
	margin:0;
	padding:0;
	border:0;
}

html, body{
	background-image:url(img/main-bkrnd.jpg);
	background-repeat:repeat;
	text-align:center;
	font-family:helvetica;
	font-size:12px;
	color:#ede8c8;
	height:100%;
}

h1{
	color:#f80d8c;
	text-shadow:#000 0 1px 1px;
	font-family:Lucida sans unicode;
	font-size:26px;
}

a:link{
	color:#0ee0ec;
	font-weight:bold;
	text-decoration:none;
}

a:visited{
	color:#0ee0ec;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	color:#efcc40;
	font-weight:bold;
	text-decoration:none;
	background-color:#cf183e;
	border-bottom:1px dotted #efcc40;
}

.contact-left input{
	padding-top:5px;
}

input{
	background-image:url(img/input-bkrnd.png);
	background-repeat:no-repeat;
	background-color:transparent;
	width:265px;
	height:44px;
	color:#028188;
	font-size:25px;
	padding-left:5px;
	padding-right:10px;
	overflow:visible;
}

textarea{
	background-image:url(img/textarea-bkrnd.png);
	background-repeat:no-repeat;
	background-color:transparent;
	width:339px;
	height:160px;
	color:#028188;
	font-size:25px;
	padding-left:5px;
	padding-right:10px;
	padding-top:5px;
	margin-right:15px;
	overflow:visible;
}

.send-btn{
	background-image:url(img/send-btn.jpg);
	background-repeat:no-repeat;
	height:48px;
	width:121px;
	background-position:0 0;
	cursor:pointer;
	margin-top:10px;
}

 .send-btn:hover {
	background-position:0 100%;
	cursor:pointer;
}

.send-btn input{
	background-color:transparent;
	background-image:none;
	width:121px;
	color:#f82c83;
}

#encompass{
	background-image:url(img/bkrnd-top.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
}

#header{
	width:1000px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	height:185px;
}

#logo{
	background-image:url(img/logo.png);
	background-repeat:no-repeat;
	margin-left:130px;
	margin-bottom:-10px;
	width:175px;
	height:215px;
	cursor:pointer;
	background-position:0 0;
}

#logo:hover{
	background-position:0 100%;
	cursor:pointer;
	background-color:none;
	text-decoration:none;
}

#wrapper{
	text-align:center;
	min-height:100%;
	height:100%;
	margin: 0 auto 60px;
}

#content-wrap{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-top:10px;
	height:auto !important;
	min-height:490px;
}

#content{
	padding-top:15px;
	width:1000px;
}

#left-content{
	float:left;
	width:739px;
	display:block;
	overflow:hidden;
	margin:0;
	border:0;
}

#navigation{
	background-image:url(img/navigation-bkrnd.png);
	background-repeat:no-repeat;
	height:54px;
	background-position: top center;
	margin-top:15px;
}

#navigation-items{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
	height:40px;
}

#footer{
	background-image:url(img/footer-bkrnd.png);
	background-repeat:no-repeat;
	background-position: bottom center;
	height:209px;
	width:1309px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	display:block;
	margin-bottom:-120px;
}

#footer-left{
	padding-top:150px;
	padding-left:780px;
	color:#0b3036;
	display:inline-block;
	float:left;
}

#footer-right{
	padding-top:140px;
	padding-right:50px;
	float:right;
	color:#0b3036;
	font-size:11px;
	display:inline-block;
}

.footer-email{
	color:#c81332; 
	font-weight:bold;
}

a:link .footer-email{
	color:#c81332;
}

a:hover .footer-email{
	background-color:#79caff;
	color:#fff;
}

a:visited .footer-email{
	background-color:#c81332;
}

.network-icon{
	padding-right:25px;
}

#rss-icon{
	background-image:url(img/rss.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	height:48px;
	width:48px;
	display:inline;
	float:left;
	cursor:pointer;
	padding-right:30px;
}

a:hover #rss-icon{
	background-position:0 100%;
	cursor:pointer;
}

#twitter-icon{
	background-image:url(img/twitter.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	height:40px;
	width:48px;
	display:inline;
	float:left;
	cursor:pointer;
	padding-right:30px;
}

a:hover #twitter-icon{
	background-position:0 100%;
	cursor:pointer;
}

#email-icon{
	background-image:url(img/email.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	height:41px;
	width:48px;
	display:inline;
	float:left;
	cursor:pointer;
	padding-right:30px;
}

a:hover #email-icon{
	background-position:0 100%;
	cursor:pointer;
}

#slogan{
	width:1000px;
	height:46px;
	background-image:url(img/slogan.png);
	background-repeat:no-repeat;
	background-position: top center;
	margin-top:-10px;
	margin-bottom:10px;
}

#sidebar{
	width:245px;
	float:right;
	display:inline-block;
}

#search{
	float:right;
	padding-right:20px;
}

.search-bar{
	background-image:url(img/search-bar.png);
	background-repeat:no-repeat;
	background-color:transparent;
	width:249px;
	height:21px;
	padding-left:5px;
	padding-top:6px;
	font-size:12px;
}

.search-btn{
	background-image:url(img/search-btn.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:transparent;
	height:21px;
	width:55px;
	cursor:pointer;
	display:inline-block;
	color:#ede8c8;
}

a:hover .search-btn{
	background-position:0 100%;
	background-color:none;
	border:none;
	cursor:pointer;
	color:#ede8c8;
}

#home-bottom-left{
	float:left;
	width:47%;
	display:inline;
}

#home-bottom-right{
	float:right;
	width:47%;
	display:inline;
}

.launch-portfolio{
	height:16px;
	width:165px;
	float:right;
	margin-top:5px;
	padding-right:35px;
	background-image:url(img/launch-portfolio.png);
	background-repeat:no-repeat;
	background-position:0 0;
	cursor:pointer;
	display:inline-block;
}

a:hover .launch-portfolio{
	background-position:0 100%;
	cursor:pointer;
}

.launch-site{
	float:right;
	width:132px;
	height:48px;
	background-image:url(img/launch-site.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	cursor:pointer;
}

a:hover .launch-site{
	background-position: 0 100%;
	cursor:pointer;
}

.under-development{
	float:right;
	width:132px;
	height:48px;
	background-image:url(img/under-development.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	cursor:pointer;
}

a:hover .under-development{
	background-position: 0 100%;
	cursor:pointer;
}

/* NAVIGATION BEGIN */
#home{
	background-image:url(img/home.png);
	background-repeat:no-repeat;
	background-position:center 0;
	height:30px;
	width:65px;
	cursor:pointer;
	float:left;
	margin-right:40px;
	margin-left:20px;
}

a:hover #home{
	background-position:center 100%;
	cursor:pointer;
	text-decoration:none;
	background-color:none;
	border:0;
}

#portfolio{
	background-image:url(img/portfolio.png);
	background-repeat:no-repeat;
	background-position:center 0;
	height:30px;
	width:95px;
	cursor:pointer;
	float:left;
	margin-right:45px;
}

a:hover #portfolio{
	background-position:center 100%;
	cursor:pointer;
	text-decoration:none;
	background-color:none;
	border:0;
}

#hire-me{
	background-image:url(img/hire-me.png);
	background-repeat:no-repeat;
	background-position:center 0;
	height:30px;
	width:80px;
	cursor:pointer;
	float:left;
	margin-right:45px;
}

a:hover #hire-me{
	background-position:center 100%;
	cursor:pointer;
	text-decoration:none;
	background-color:none;
	border:0;
}

#blog{
	background-image:url(img/blog.png);
	background-repeat:no-repeat;
	background-position:center 0;
	height:30px;
	width:60px;
	cursor:pointer;
	float:left;
	padding-right:25px;
}

a:hover #blog{
	background-position:center 100%;
	cursor:pointer;
	text-decoration:none;
	background-color:none;
	border:0;
}

#contact{
	background-image:url(img/contact.png);
	background-repeat:no-repeat;
	background-position:center 0;
	height:30px;
	width:75px;
	cursor:pointer;
	float:left;
}

a:hover #contact{
	background-position:center 100%;
	cursor:pointer;
	text-decoration:none;
	background-color:none;
	border:0;
}

/* Brown rounded backgrounds */

.brown-top{
	background-image:url(img/brown-top.png);
	background-repeat:no-repeat;
	height:42px;
	width:739px;
	padding-left:20px;
	padding-right:10px;
	padding-top:15px;
}

.brown-middle{
	background-image:url(img/brown-middle.jpg);
	background-repeat:repeat-y;
	width:739px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.brown-bottom{
	background-image:url(img/brown-bottom.png);
	background-repeat:no-repeat;
	height:17px;
	width:739px;
}

.sidebar-top{
	background-image:url(img/sidebar-top.png);
	background-repeat:no-repeat;
	height:41px;
	width:245px;
	padding-left:10px;
	padding-top:15px;
}

.sidebar-content{
	background-image:url(img/sidebar-content.jpg);
	background-repeat:repeat-y;
	width:245px;
	padding:10px;
}

.sidebar-copy{
	width:225px;
}

.sidebar-bottom{
	background-image:url(img/sidebar-bottom.png);
	background-repeat:no-repeat;
	height:17px;
	width:245px;
}