/*
 * Theme Name: NinoHarris
 * Author: Nino Harris
 * Version: 0.8
 * Description: My first ever fully completed wordpress theme!
 */

 body {
 	background: url(images/main_background.jpg) repeat fixed;
 }
 body {
 	background: url(images/test.png) repeat fixed;
 } 
 
 /* ---              Generic                 ---- */
 
 .bigcontainer {
 	width:940px;
	padding:0 20px;
	margin:0 auto;
	position:relative;
 }
 .smallcontainer {
 	width:780px;
	padding:0 20px;
	margin:0 auto;
	position:relative;
 }
 .clearfix {
 	clear:both;
 }
 .margin40 {
 	margin-bottom:40px;
 }
 .button {
 	padding:3px;
	background:url(images/highlight.png) repeat-x top #0043ff;
	border:none;
	border-bottom:1px solid #003ade;
 }
 .widget {
 	padding:9px;
/*	background:url(images/shadow.png) repeat-x top #ffffff; */
	border:1px solid #ebebeb;
 }
 .widget:hover {
 	background:#ebebeb;
	border:1px solid #6e6e6e;
 }
 .center {
 	text-align:center;
 }
 /* ---              Header                  ---- */
div#header {
	background:url(images/header.jpg) #111111 repeat-x;
	border-top:#0043ff 3px solid;
	overflow:auto;
}
h1#logo a {
	display:block;
 	background:url(images/logo.png) no-repeat top left;
	height:60px;
	width:282px;
	text-indent:-9999px;
	float:left;
	margin: 7px 0 0 0;
 } 
#main_content li:hover {
	color:#004eff;
	cursor:default;
}
/* ---              Navigation               ---- */

div#header ul {
	float:right;
}
div#header ul li {
	float:left;
	margin:0 15px 0 0;
}
div#header ul li a {
	display:block;
	text-align:center;
	margin-right:-5px;
	padding:40px 10px 5px;
	height:15px;
}
div#header ul li.current_page_item, div#header ul li:hover {
	background:url(images/navigation_highlight_left.png) top left no-repeat;
}
div#header ul li.current_page_item a, div#header ul li:hover a {
	background:url(images/navigation_highlight_right.png) top right no-repeat;
	text-decoration:none;
}

/* ---                Welcome                 ---- */

.welcome {
	margin-top:40px;
}
/* ---             Home Portfolio              ---- */

body#home #latestprojects {
	background:url(images/latestprojects.png) center center no-repeat;
	height:180px;
	margin-top:50px;
}
body#home #latestprojects ul {
	height:140px;
	padding:20px 0;
	width:960px;
	margin:0 auto;
	position:relative;
}
body#home #latestprojects ul li {
	float:left;
	width:220px;
	height:140px;
	padding:0 5px;
	position:relative;
	display:block;
	margin-right:10px;
}
body#home #latestprojects ul li#portfolio_navigation {
	margin-left:5px;
}
body#home #latestprojects ul li.last {
	margin-right:0;
}
body#home #latestprojects ul li span {
	position:absolute;
	display:block;
	height:18px;
	padding: 92px 0 30px 0;
	width:230px;
	top:0;
	left:0;
	background:url(images/portfolio_item.png);
}

/* ---            Main Content               --- */
#main_content {
	padding-top:60px;
}
#main_content .smallcontainer {
	background:#ffffff;
	min-height:200px;
	padding: 20px;
	overflow:auto;
}
.shadow {
	height:60px;
	background:url(images/shadow_bottom.png) no-repeat center -15px;
}
.services, .skillset {
	float:left;
	width:220px;
	background:url(images/middle_shadow.png) center center no-repeat;
}
.twitter {
	float:right;
	width:300px;
}
.services {
	margin-right:20px;
}
.smallcontainer .column-1 {
	margin-right:20px;
	width:460px;
	float:left;
}
.smallcontainer .column-2 {
	width:240px;
	float:right;
}

/*---               Blog                 ---- */
.entrie {
	margin:0 0 20px 0;
}
.entrie small {
	margin-left:40px;
}
.posts_navigation {
	margin-top:20px;
	overflow:auto;
}
.next_posts {
	float:right;
	padding-right:17px;
	border-right:3px #6e6e6e solid;
}
.next_posts:hover {
	border-right:3px #004eff solid;	
}
.previous_posts:hover {
	border-left:3px #004eff solid;	
}
.previous_posts {
	float:left;
	padding-left:17px;
	border-left:3px #6e6e6e solid;
}
/*---               FlickR               ---- */
ul#flickr {
	width:960px;
	margin:10px auto 0;
	overflow:auto;
}
ul#flickr li {
	float:left;
	margin:0 10px;
}
ul#flickr li a {
	padding:9px;
	display:block;
	background:#ebebeb;
	border:1px #ffffff solid;
}

/*---               Footer               ---- */
#footer {
	background:#111111;
	padding:40px 0;
	margin-top:60px;
	overflow:auto;
	position:relative;
	color:#ffffff;
}
.submit {
	float:right;
}
#social_networks {
	height:200px;
	width:260px;
	background:url(images/social_networks.png) no-repeat;
}
#footer ul {
	float:right;
	margin-top:20px;
}
#footer ul li {
	float:left;
	margin-left:20px;
}
/*----             Categories              ---- */

/*----               Sidebar               ---- */
.sidebar li.widget {
	list-style:none;
	margin-bottom:40px;
}
.search {
	padding:2px;
}
li#recent_posts p {
	margin-left:10px;
}
/*-----             Single               ---- */
.the_content p {
	margin-bottom:16px;
}
.the_content {
	margin-top:14px;
}


/*                 Options             ------ */
#options {
	background:url(images/shadow.png) top center repeat-x;
	padding:20px;
	margin-bottom:20px;
}
#options h4 {
	color:#111111;
	cursor:pointer;
}
#options div {
	overflow:auto;
}
#options .categories {
	width:460px;
	float:left;
}
#options .showposts {
	width:200px;
	float:right;
	font-size:16px;
}
#show_excerpts, #hide_excerpts {
	cursor:pointer;
	color:#6e6e6e;
}
#options .highlighted {
	color:#0043ff;
}

/* ----                   ShowReel          ---- */
#show_reel {
	background:#ffffff;
	padding:19px;
	border:#ebebeb solid 1px;
	margin: 60px auto;
	overflow:auto;
}
#show_reel img {
	float:left;
}
#show_reel img.small_image {
	margin-top:20px;
}
#show_reel .column {
	float:left;
	width:220px;
	margin-left:20px;
}
/* ----              Portfolio              ---- */
ul.portfolio_items {
	overflow:auto;
	margin:60px auto;
	width:960px;
	padding:0 10px;
}
ul.portfolio_items li {
	float:left;
	width:200px;
	padding:9px;
	background:#ffffff;
	border:1px solid #ebebeb;
	margin:0 10px 30px;
}
ul.portfolio_items li .portfolio_meta {
	margin-top:16px;
}

/* ----             Comments                  ---- */
.comments {
	margin:60px 0 0 0;
}
.commentlist {
	margin-top:40px;
}
.commentlist li {
	padding:19px;
	border:#ebebeb solid 1px;
	overflow:auto;
}
.comment-author {
	width:70px;
	float:left;
	padding:0 20px 0 0;
}
.comment-text {
	float:right;
}


.comments h2.geosans {
	color:#111111;
}
#commentform {
	overflow:auto;
}
#commentform label {
	color:#6e6e6e;
	font-size:12px;;
}
#commentform p {
	float:left;
	margin-bottom:10px;
}
.input_name {
	width:220px;
}
.input_mail {
	width:220px;
	margin-left:20px;
}
.input_name input, .input_mail input {
	width:200px
}
.input_url, .input_url input {
	width:440px;
}
.input_comment, .input_comment textarea {
	width:440px;
}
.input_comment textarea {
	height:160px;
	margin-top:20px;
}

/* Feature */
#show_reel {
	overflow:hidden;
}
#show_reel ul#services {
	height:180px; 
	background:url(images/services_background.png) no-repeat;
	overflow:visible;
	width:960px;
}
#show_reel ul#services li {
	margin:100px 20px 0 0;
	width:120px;
	padding:10px;
	display:block;
	float:left;
	font-size:18px;
	text-align:center;
}
#show_reel .column-1 {
	width:320px;
	float:left;
}
#show_reel .column-2 {
	width:560px;
	float:right;
}
 .last {
 	margin-right:0;
 }
 #respond p {
 	margin-bottom:20px;
 }