/*
Project Stylesheet
Author: Nick Francis
Questions/Comments: nick@project83.com
*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:#141414 url(../images/bg.gif) repeat-x top left;
}

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

/* layout */
#header {
	position:relative;
	height:160px;
}

#contentArea {
	padding:3em 0 2em 0;
}

#content {
	float:left;
	width:725px;
	padding-left:20px;
}

body#blog #content {
	width:561px;
	display:inline;
	margin-right:15px;
}

#contentBg {
	width:685px;
	padding:30px 20px 20px 20px;
	color:#ccc;
	background:#494949 url(../images/content_bg.jpg) no-repeat top left;
}

#sbBlog {
	float:left;
	width:156px;
	font-size:.95em;
}

#sidebar {
	float:right;
	width:195px;
	color:#8D8D8D;
	font-size:.95em;
}

#footer {
	color:#C1C0AB;
	padding:1em 0 5em 0;
	background:#090909 url(../images/footer_bg.gif) repeat-x top left;
}

#footerWrap {
	width:960px;
	margin:0 auto;
	font-size:.9em;
}

/* header */
#logo {
	float:left;
	width:546px;
	height:106px;
	margin-top:16px;
	text-indent:-9000px;
	background:url(../images/logo.jpg) no-repeat top left;
}

#logo a {
	float:left;
	position:relative;
	width:225px;
	height:106px;
}

#logo h2 {
	text-indent:-9000px;
	margin:0;
}

#header ul {
	float:left;
	position:relative;
	width:439px;
	height:31px;
	margin:7px 0 0 21px;
	list-style:none;
	background:url(../images/nav_bg.gif) no-repeat;
}

#header li {
	float:left;
	display:block;
	margin:0;
	text-indent:-9000px;
}

#header li a {
	display:block;
	overflow:hidden;
	height:31px;
	background:url(../images/nav_bg.gif) no-repeat;
}

#header ul li#navHome a {
	width:81px;
	background-position:0 0;
}

#header ul li#navHome a:hover {
	background-position:0 -31px;
}

#header ul li#navHome a.active, #header ul li#navHome a.active:hover {
	background-position:0 -62px;
}

#header ul li#navSubmit a {
	width:117px;
	background-position:-81px 0;
}

#header ul li#navSubmit a:hover {
	background-position:-81px -31px;
}

#header ul li#navSubmit a.active, #header ul li#navSubmit a.active:hover {
	background-position:-81px -62px;
}

#header ul li#navResources a {
	width:182px;
	background-position:-198px 0;
}

#header ul li#navResources a:hover {
	background-position:-198px -31px;
}

#header ul li#navResources a.active, #header ul li#navResources a.active:hover {
	background-position:-198px -62px;
}

#header ul li#navBlog a {
	width:59px;
	background-position:-380px 0;
}

#header ul li#navBlog a:hover {
	background-position:-380px -31px;
}

#header ul li#navBlog a.active, #header ul li#navBlog a.active:hover {
	background-position:-380px -62px;
}

#header form {
	position:absolute;
	right:0;
	bottom:30px;
}

#header fieldset {
	margin:0;
}

#header fieldset input#q {
	width:156px;
	height:15px;
	border:0;
	color:#fff;
	font-size:1em;
	padding:10px 6px 10px 8px;
	background:url(../images/search_bg.gif) no-repeat top left;
}

#header fieldset input#go {
	position:relative;
	top:13px;
	right:4px;
}

/*  gallery content */
.gallWrap {
	float:left;
	width:230px;
	height:265px;
	padding-right:10px;
}

.gallWrap p.name {
	margin-bottom:1em;
}

.gallWrap p.name a {
	font-weight:bold;
	border-bottom:1px dotted;
	text-decoration:none;
	padding-bottom:1px;
}

.gallWrap p.name a:hover {
	border-bottom:0;
}

.gallWrap div.rating {
	color:#9D9D9D;
	font-size:.9em;
	margin-top:1em;
}

.gallWrap div.rating .rating_container, #listingTop div.info .rating_container {
	position:relative;
	bottom:3px;
	float:left;
	display:inline;
}

div.info span.rating, .gallWrap span {
	float:left;
}

.gallWrap span {
	padding-right:.5em;
}

.gallWrap a.img img {
	border:4px solid #414141;
}

.gallWrap a.img:hover img {
	border:4px solid #636363;
}

.gallWrap div.rating img {
	padding-left:.5em;
}

p.pagination {
	float:right;
}

p.pagination a {
	color:#323232;
	border:1px solid #323232;
}

p.pagination span {
	color:#323232;
	background:#5CB7FA;
	border:1px solid #5CB7FA;
}

p.pagination a, p.pagination span {
	display:block;
	float:left;
	padding:.2em .7em;
	margin:0 .1em;
}

p.pagination a:hover {
	text-decoration:none;
	color:#5CB7FA;
	border:1px solid #616161;
}

/* ratings */
.rating_container a {
    float:left;
    display:block;
    width:14px;
    height:17px;
    border:0;
    background-image:url("../images/rating.gif");
}

.rating_container a.rating_off {
    background-position:0 0px;
}

.rating_container a.rating_half {
    background-position:0 -17px;
}

.rating_container a.rating_on {
    background-position:0 -34px;
}

.rating_container a.rating_selected {
    background-position:0 -34px;
}

/* individual site */
#listing {
	padding:12px;
	background:url(../images/listing_bg.gif) repeat-x top left;
}

p.breadcrumb {
	color:#8399A6;
	text-transform:uppercase;
	margin-bottom:2em;
	line-height:1em;
	font-size:.8em;
	letter-spacing:1px;
}

p.breadcrumb a {
	color:#8399A6;
}

#listingTop {
	padding:0 0 2em 0;
	margin-bottom:.5em;
}

#listing img.main {
	float:left;
	padding-right:1.5em;
}

#listingTop {
	margin-left:236px;
}

#content #listingTop h1 {
	color:#fff;
	font-weight:bold;
	font-size:2.7em;
	padding-top:.2em;
}

#listingTop p {
	color:#e3e3e3;
	font-size:1.2em;
	margin-bottom:1em;
}

#listingTop p.url {
	font-size:1em;
	margin-bottom:.3em;
	text-align:left;
}

#listingTop div.info {
	font-size:1em;
	color:#e3e3e3;
	height:1.8em;
	padding-top:1em;
}

#screenshots {
	text-align:center;
	padding:1.5em 0 0 0;
	border-top:1px solid #51524D;
	border-bottom:1px solid #51524D;
}

#screenshots img {
	margin:0 .75em 1.5em .75em;
	border:5px solid #414141;
	vertical-align:top;
}

#prevNext {
	width:380px;
	margin:0 auto;
	padding:2em 0;
}

#prevNext .site {
	float:left;
	margin:0 .5em;
	text-align:center;
}

#prevNext .site h4 {
	font-size:1em;
	font-weight:normal;
	margin-bottom:.6em;
}

#prevNext .site h4 a {
	color:#fff;
	text-decoration:none;
}


#prevNext .site p {
	color:#7A7A7A;
	font-size:.95em;
	padding-top:.6em;
}

#prevNext .left {
	padding-left:35px;
	background:url(../images/arrow_lt.gif) no-repeat left 60px;
}

#prevNext .right {
	padding-right:35px;
	background:url(../images/arrow_rt.gif) no-repeat right 60px;
}

#prevNext img.listing {
	border:4px solid #414141;
}

/*BigTarget Jquery*/
#prevNext .site-over-left h4 a, #prevNext .site-over-right h4 a {
	text-decoration:none;
}

#prevNext .site-over-left p, #prevNext .site-over-right p {
	font-size:.95em;
	padding-top:.6em;
}

#prevNext .site-over-left{
	padding-left:35px;
	background:url(../images/arrow_lt_over.gif) no-repeat left 60px;
	cursor:pointer;
}

#prevNext .site-over-right {
	padding-right:35px;
	background:url(../images/arrow_rt_over.gif) no-repeat right 60px;
	cursor:pointer;
}


#prevNext .site-over-left img.listing, #prevNext .site-over-right img.listing {
	border:4px solid #aeabab;
}

.hiddenPic {
	display:none;
}

/* other content pages */
#content h1 {
	font-size:2.3em;
	color:#0384C6;
	margin-bottom:.2em;
}

#content h3 {
	color:#fff;
}

#content h5 {
	color:#ccc;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:normal;
}

#heading {
	margin-bottom:2.5em;
}

#contentBg li {
	font-size:1.1em;
}

fieldset ul {
	margin:0;
}

fieldset li label {
	width:160px;
	padding-top:.4em;
}

fieldset li label span {
	display:block;
	font-weight:normal;
	font-size:.8em;
	padding:.3em .5em 0 0;
	line-height:1.2em;
}

fieldset li.imgs {
	padding-top:.5em;
}

fieldset li.imgs input {
	display:block;
	margin:.3em 0 .3em 160px;
}

form#contactForm fieldset li label {
	width:120px;
}

fieldset li input {
	margin:0;
}

fieldset li textarea {
	font-size:.9em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

fieldset#submitS li textarea {
	height:65px;
}

fieldset#submitS li select {
	position:relative;
	top:.3em;
}

fieldset li input#submitSite {
	width:auto;
	margin:.5em 0 .5em 160px;
}

form#contactForm fieldset li input#submitSite {
	margin-left:120px;
}

/* site admin area */
fieldset#adminOptions label {
	width:auto;
}

fieldset#adminOptions select {
	margin:.3em 0 0 .5em;
}

table#siteAdmin {
	width:100%;
}

table#siteAdmin th {
	font-size:1.1em;
	text-align:left;
	background:#08AAEA;
	color:#fff;
	padding:.3em .5em;
	border:0;
	border:1px solid #ccc;
}

table#siteAdmin td {
	padding:.3em .5em;
	background:#eee;
	color:#222;
	border:1px solid #ccc;
}

table#siteAdmin td a {
	color:blue;
}

/* search results */
.searchResult h3 {
	margin-bottom:.4em;
}

.searchResult p.desc {
	margin-bottom:.3em;
}

.searchResult p.url {
	padding-bottom:1em;
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
}

/* blog styles */
#content h4 {
	color:#66B3E6;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:2.5em;
}

.postWrap {
	width:553px;
	padding:30px 4px 20px 4px;
	background:#494949 url(../images/post_bg.jpg) no-repeat top left;
}

.postWrap #text {
	padding:0 16px;
}

#contentBg h2, .postWrap h2 {
	font-weight:bold;
	margin-bottom:.2em;
	color:#fff;
}

#contentBg h2 {
	margin-bottom:.8em;
}

.postWrap h2 a {
	color:#fff;
}

.postWrap h2 a:hover {
	text-decoration:none;
}

.postWrap p.date {
	color:#9E9E9E;
	font-size:.95em;
	padding-bottom:1.5em;
	margin-bottom:0;
	border-bottom:1px solid #7F7F7F;
}

.postWrap .post {
	color:#ccc;
	padding-top:1.5em;
	border-top:1px solid #383838;
}

.postWrap p.postDetails {
	color:#ccc;
	padding-left:20px;
	font-size:.95em;
	background:url(../images/post_cat.gif) no-repeat 0 3px;
}

.postWrap p.postDetails a.comments {
	padding-left:16px;
	background:url(../images/post_com.gif) no-repeat 0 1px;
}

#comments {
	margin-top:3em;
}

#commentForm {
	padding:0 16px;
}

p.nocomments {
	margin-top:2.5em;
}

#commentForm fieldset, #commentForm fieldset ul {
	margin:0;
}

#commentForm fieldset li label {
	color:#ccc;
}

#commentForm fieldset li input {
	margin:0;
}

#commentForm fieldset li textarea {
	height:100px;
	width:350px;
	margin:0;
	font-size:1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#commentForm fieldset li input#commentSend {
	width:auto;
	margin-left:100px;
}

/* blog comment styles */
#commentArea {
	margin-bottom:3em;
}

.commentBox {
	padding:2em 1.5em;
	background:#A6A6A6 url(../images/comment_bg.gif) no-repeat top left;
	color:#222;
	font-size:.95em;
	line-height:1.3em;
}

.commentBox .text a {
	color:blue;
}

.commentBox .details {
	padding-bottom:1em;
	margin-bottom:1.5em;
	border-bottom:1px solid #494949;
}

#content .commentBox .details h3 {
	float:left;
	color:#0384C6;
	font-size:3em;
	padding:.25em .5em 0 0;
	font-weight:normal;
	margin:0;
}

#content .commentBox .details .author {
	float:left;
}

#content .commentBox .details .author h4 {
	color:#141414;
	font-size:1.8em;
	font-weight:bold;
	margin:0;
}

#content .commentBox .details .author h4 a {
	color:#0384C6;
}

#content .commentBox .details .author p {
	color:#494949;
	margin-bottom:0;
}


p.pagerLinks {
	width:550px;
	text-align:center;
	margin:0 2em 25px 1em;
}

p.pagerLinks a {
	padding:0 1em;
}

/* sidebar */
#sidebar h3, #sbBlog h3 {
	color:#E2E2E2;
	font-size:1em;
	text-transform:uppercase;
	padding-bottom:5px;
	letter-spacing:1px;
	border-bottom:1px solid #4C4E48;
}

#sidebar ul.feeds {
	margin:.5em 0 2.5em 0;
	list-style:none;
}

#sidebar ul.feeds a {
	font-size:.95em;
	padding-left:18px;
	background:url(../images/feed.gif) no-repeat top left;
}

#sidebar fieldset label {
	padding-right:.4em;
	font-weight:normal;
}

#sidebar fieldset p.fmi {
	float:left;
	width:72px;
	padding-top:.8em;
	font-size:.9em;
	line-height:1.2em;
}

#sidebar fieldset select#feed {
	margin:5px 0 0 35px;
	font-size:.9em;
}

#sidebar fieldset input#submit {
	float:right;
	padding:.8em .2em 0 0;
}

#sidebar #ads {
	margin-bottom:2em;
}

#sidebar #ads .ad {
	font-size:.9em;
	text-align:center;
	margin-bottom:2em;
}

#sidebar #ads .ad img {
	padding-bottom:.4em;
}

#sidebar #ads p.sponsor {
	padding-top:.5em;
	text-align:center;
}

#sidebar #ads p.sponsor a {
	color:#C1C0AB;
}

.tlas {
	clear:both;
	padding-top:2em;
}

.tlas ul {
	list-style:none;
	margin:0;
}

#sbBlog ul {
	list-style:none;
	margin:0 0 3em 0;
}

#sbBlog li {
	font-size:.95em;
}

/* footer */
#footerWrap ul {
	float:left;
	list-style:none;
	margin:0;
}

#footerWrap li {
	float:left;
	margin:0;
}

#footerWrap li a {
	color:#C1C0AB;
	padding:0 1em 0 0;
	text-decoration:none;
}

#footerWrap li a:hover {
	text-decoration:underline;
}

#footerWrap p {
	float:right;
}