/*
Theme Name: Just The Web
Description: Just The Web Portfolio
Version: 1.0
Author: Just The Web
Author URI: http://www.justtheweb.com
*/

/** CSS - Just The Web
==============================================================================*/

* { /* removes defaults from all elements */
margin: 0;
padding: 0;
list-style: none;
}

/** Body
==============================================================================*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #787878;
background: url(images/body_bg.jpg) no-repeat top center #dcd8cc;
margin: 0 auto;
padding: 10px 0 0 0;
}

/** Misc
==============================================================================*/

.clear {
clear: both;
}

.left {
float: left;
}

.right {
float: right;
}

/** Images
==============================================================================*/

img.alignleft {
float: left;
margin: 0 16px 8px 0;
}

img.alignright {
float: right;
margin: 0 0 8px 16px;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img {
padding: 10px;
border: 1px solid #ccc;
background-color: #ffffff;
}

/** Headings
==============================================================================*/

h1 {
font-size: 24px;
line-height: 26px;
margin: 0 0 8px 0;
font-weight: normal;
color: #00aeef;
}

#content h1 {
margin: 0 0 24px 0;
}

h2 {
font-size: 16px;
line-height: 18px;
margin: 8px 0 8px 0;
font-weight: normal;
color: #00aeef;
}

h3 {
font-size: 14px;
line-height: 16px;
margin: 0 0 5px 0;
text-transform: uppercase;
}

h3.divide {
padding: 0 0 5px 0;
margin: 0 0 15px 0;
background: url(images/divider.jpg) repeat-x bottom;
}

#sidebar h3 {
margin: 0 0 15px 0;
}

h4 {
font-size: 12px;
line-height: 16px;
margin: 0 0 8px 0;
font-weight: bold;
}

/** Paragraphs
==============================================================================*/

p {
padding: 0 0 24px 0;
}

/** Links
==============================================================================*/

a:link {
color: #00aeef;
text-decoration: none;
}

a:visited {
color: #00aeef;
text-decoration: none;
}

a:hover {
color: #00668c;
text-decoration: none;
}

a:active {
color: #000f79;
text-decoration: none;
}

/** Container
==============================================================================*/

#container {
width: 945px;
margin: 0 auto;
border-top: 10px solid #eeebe6;
background: url(images/skyline.jpg) bottom right no-repeat #f5f5ed;
padding: 35px 15px 35px 15px;
}

/** Logo
==============================================================================*/

#logo {
border: none;
padding: none;
background: none;
padding: 0 50px 0 0;
}

/** Intro
==============================================================================*/

#intro {
width: 727px;
}

#intro h1 {
font-size: 32px;
padding: 0 0 24px 0;
color: #292927;
text-transform: uppercase;
background: url(images/divider.jpg) repeat-x bottom;
}

#intro p {
font-size: 14px;
line-height: 24px;
margin: 0;
}

/** Nav
==============================================================================*/

#nav {
width: 945px;
height: 40px;
margin: 0 0 30px 0;
background: url(images/nav_bg.jpg) no-repeat;
font-size: 14px;
text-transform: uppercase;
}

#nav li {
float: left;
margin: 12px 0 0 0;
padding: 0 25px 0 25px;
border-left: 1px solid #171717;
border-right: 1px solid #636363;
}

li#home {
border-left: none;
}

li#last {
border-right: none;
}

#nav ul li {
display: none;
}

/** HOME
==============================================================================
==============================================================================*/

/** Featured
==================================================*/

#featuredwrap {
padding: 15px 0 0 0;
margin: 0 0 30px 0;
display: inline;
}

#featured {
width: 945px;
}

#featured img {
margin: 0 10px 0 0;
}

.panenav {
width: 80px;
height: 14px;
}

.panenav p {
text-transform: uppercase;
margin: 0 10px 0 0;
}

#prev {
display: block;
height: 14px;
width: 12px;
margin: 1px 5px 0 0;
background: url(images/prv_arrow.jpg);
}

#next {
display: block;
height: 14px;
width: 12px;
margin: 1px 0 0 0;
background: url(images/nxt_arrow.jpg);
}

#prev span, #next span {
display: none;
}

/** Latest From The Blog
==================================================*/

#latestblog {
width: 609px;
margin: 30px 0 0 0;
display: inline;
}

.entry {
width: 289px;
margin: 0 30px 0 0;
}

#latestblog #last {
margin: 0;
}

/** Promos
==================================================*/

.promo {
border: none;
display: inline;
padding: 0;
margin: 30px 10px 15px 0;
background: none;
}

/** Meta
==============================================================================*/

#meta {
width: 80px;
padding: 0 30px 0 15px;
}

.postdate  {
width: 80px;
padding: 0 30px 0 0;
}

#year, #commentstitle, .year, .commentstitle {
text-transform: uppercase;
font-size: 10px;
padding: 15px 0 0 0;
margin: 0;
border-top: 1px solid #dfdfdf;
}

#year, .year {
border-top: 4px solid #dfdfdf;
}

#date, .date {
font-size: 14px;
padding: 0 0 15px 0;
margin: 0;
}

#commentsnum, .commentsnum {
font-size: 14px;
background: url(images/comments_icon.jpg) no-repeat 0 2px;
padding: 0 0 15px 25px;
border-bottom: 1px solid #dfdfdf;
}

.commentsnum {
border: none;
}

#nextpost {
border-top: 4px solid #dfdfdf;
}

#prevpost, #nextpost {
font-size: 14px;
padding: 15px 0 15px 0;
border-bottom: 1px solid #dfdfdf;
}

#postsnav {
width: 665px;
float: left;
border-top: 4px solid #dfdfdf;
padding: 15px 0 0 0;
}

/** Content
==============================================================================*/

#content {
width: 540px;
padding: 0 30px 0 0;
background: url(images/divider_v.jpg) repeat-y right;
}

.postcontent {
width: 540px;
}

.postwrap {
margin: 0 0 30px 0;
border-bottom: 1px solid #dfdfdf;
}

#contentwide {
width: 665px;
padding: 0 30px 0 0;
background: url(images/divider_v.jpg) repeat-y right;
}

#contentpage {
width: 665px;
padding: 0 30px 0 15px;
background: url(images/divider_v.jpg) repeat-y right;
}

#content, #contentwide, #contentpage {
min-height: 500px;
height: auto !important;
height: 500px;
}

#content img.left {
margin: 0 30px 0 0;
}

.worktn {
width: 206px;
margin: 0 15px 15px 0;
}

.worklrg {
margin: 0 0 15px 0;
}

#viewsite a {
display: block;
padding: 5px 15px;
background-color: #dfdfdf;
border: 1px solid #b7b7b7;
text-transform: uppercase;
font-size: 11px;
}

#contactsubmit {
width: 120px;
float: right;
}

/** Lists
==============================================================================*/

#content dl,
#content ol,
#content ul {
	margin: 0 0 30px 30px;
}

#content ol li,
#content ul li {
	line-height: 18px;
}

#content dl {
	padding-left: 0;
}

#content dl dt {
	font-weight: bold;
}

#content ol li {
	list-style-type: decimal;
}

#content ul li {
	list-style-type: disc;
}

/** Sidebar
==============================================================================*/

#sidebar {
width: 205px;
padding-right: 15px;
}

#sidebar p {
font-size: 11px;
}

#subnav {
margin: 0 0 30px 0;
}

#subnav li {
padding: 3px 0 3px 0;
border-bottom: 1px solid #dfdfdf;
}

/** Comments

==============================================================================*/

#comments {
width: 540px;
margin: 16px 0 16px 0;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
padding: 15px 0 15px 0;
}

#comments h3 {
padding-bottom: 30px;
}

#respond {
padding: 16px 0 0 0;
border-top: 1px solid #dfdfdf;
}

#commentform {
margin: 0 0 32px 0;
padding: 16px 0 0 0;
}

input {
display: block;
float: left;
margin: 5px 5px 1px 0;
}

fieldset {
border: none;
}

input, textarea {
padding: 2px;
width: 475px;
border: 1px solid #dfdfdf;
}

textarea {
margin: 5px 5px 1px 0;
overflow: hidden;
}

#submit {
float: right;
width: 140px;
display: inline;
margin: 10px 60px 0 0;
padding: 5px 15px;
background-color: #dfdfdf;
border: 1px solid #b7b7b7;
text-transform: uppercase;
font-size: 10px;
}

.avatarwrap { 
float: left;
width: 140px;
margin: 0 0 24px 0;
background: url(images/comment_tail.jpg) no-repeat 120px 16px;
}

.avatarwrap p {
margin: 0;
padding: 0;
font-size: 10px;
}

.commentdate {
color: #808072;
}

.comment {
float: right;
width: 400px;
margin: 0 0 30px 0;
text-transform: none;
font-size: 12px;
min-height: 150px;
height: auto !important;
height: 150px;
}

#comment_post_ID, #comment_parent, #_wp_unfiltered_html_comment {
display: none;
}

/** Footer
==============================================================================*/

#footerwrap {
width: 975px;
margin: 0 auto;
}

#footer {
width: 945px;
color: #a7a7a7;
font-size: 10px;
background-color: #eeebe6;
padding: 30px 15px 30px 15px;
margin: 0 0 30px 0;
text-transform: uppercase;
}

#footer p {
padding: 0;
margin: 0;
}