/*

Theme Name: WP Distinctive

Theme URI: http://themeforest.net/user/contempoinc?ref=contempoinc

Description: A Distinctive Full Featured Community Wordpress Theme.

Version: 1.1

Author: Chris Robinson

Author URI: http://www.contempographicdesign.com

Tags: grey, clean, community, premium, fixed width, two columns, widgets



*/



/** CSS - WP Distinctive

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



* { /* 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: #454545;

background: #efefef url('images/body_bg.jpg') no-repeat top;

margin: 0 auto

}



/** Misc

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



.clear {

clear: both;

}



.left {

float: left;

}



.right {

float: right;

}



/** Images

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



#content img, #content-inner img, #sidebar img {

border: 1px solid #e1dece;

padding: 5px;

background-color: #fff;

}




#content img.left, #content-inner img.left, #sidebar img.left, img.alignleft {
float: left;
margin: 0 16px 8px 0;
}

#content img.right, #content-inner img.right, #sidebar img.right, img.alignright {
float: right;
margin: 0 0 8px 16px;
}



img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}



a img {

border: none;

}



/** Video

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



.video {

width: 627px;

padding: 16px 0 16px 0;

}



.video p {

text-align: center;

}



/** Headings

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



h1 {

font-size: 24px;

line-height: 26px;

margin: 0 0 8px 0;

font-weight: normal;

}



h2 {

font-size: 20px;

line-height: 22px;

margin: 0 0 8px 0;

font-weight: normal;

}



h3 {

font-size: 16px;

line-height: 16px;

margin: 0 0 16px 0;

font-weight: bold;

text-transform: uppercase;

}



h4 {

font-size: 14px;

line-height: 16px;

margin: 0 0 8px 0;

font-weight: normal;

text-transform: uppercase;

}



#footer h4 {

background: url('images/footer_divider.jpg') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:6px

}



/** Paragraphs

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



p {

margin: 0 0 24px 0;

}



/** Links

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



a:link {

color: #243f58;

text-decoration: none;

}



a:visited {

color: #243f58;

text-decoration: none;

}



a:hover {

color: #4e85b6;

text-decoration: none;

}



a:active {

color: ##243f58;

text-decoration: none;

}



#pages a:link, #nav a:link {

color: #f4e1c3;

text-decoration: none;

}



#pages a:visited, #nav a:visited {

color: #f4e1c3;

text-decoration: none;

}



#pages a:hover, #nav a:hover {

color: #ffffff;

text-decoration: none;

}



#pages a:active, #nav a:active {

color: #f4e1c3;

text-decoration: none;

}



/** Main Container

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



#container {

width: 975px;

margin: 0 auto;

}



/** Tagline

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



#tagline {

font-size: 10px;

color: #dbdbdb;

text-transform: uppercase;

margin: 3px 0 0 0;

}



/** Pages Nav

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



#pages {

margin: 3px 0 0 0;

text-transform: uppercase;

font-size: 10px;

}



#pages ul {

background: url('images/top_info_divider.jpg') repeat-y right;

}



#pages li {

float: left;

padding: 0 16px 0 0;

}



p#subscribe {

width: 76px;

text-align: right;

margin: 0;

background: url('images/rss_icon.jpg') no-repeat right;; padding-left:0; padding-right:22px; padding-top:0; padding-bottom:0

}



/** Logo

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



#logo {

float: left;

margin: 36px 0 0 0;

}



/** Search

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



#s {

float: right;

width: 430px;

height: 21px;

border: 1px solid #106eab;

background: #fff url('images/search_icon.jpg') no-repeat 6px 6px;; margin-left:0; margin-right:0; margin-top:40px; margin-bottom:0; padding-left:25px; padding-right:0; padding-top:4px; padding-bottom:0

}



/** Navigation

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



#nav {

width: 975px;

background: url('images/nav_main_bg.jpg') repeat-x;; margin-left:0; margin-right:0; margin-top:45px; margin-bottom:16px

}



#nav li {

	float: left;

	display: block;

}



#nav li a {

float: left;

display: block;

text-transform: uppercase;

background: url('images/nav_bg.jpg') no-repeat top right;; padding-left:24px; padding-right:24px; padding-top:12px; padding-bottom:12px

}



#nav li a:hover {

background: url('images/nav_bg.jpg') no-repeat right -40px;

}



ul#nav li.current_page_item a, ul#nav li.current-cat a {

color: #fff;

background: url('images/nav_bg.jpg') no-repeat right -80px;

}



#nav li ul {

display: none;

}



/** Breadcrumbs

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



#breadcrumbs {

position: relative;

width: 661px;

font-size: 11px;

color: #b4b4b4;

text-transform: uppercase;

background: url('images/content_header_bg.jpg') repeat-x 0 0;

z-index: 100

}



#breadcrumbs p {

margin: 0;

padding: 8px 0 8px 16px;

}



#breadcrumbs p a {

color: #ffffff;

}



#catsbtn {

position: absolute;

right: 16px;

width: 114px;

}



#catsbtn span a {

float: right;

color: #efefef;

display: block;

width: 82px;

background: url('images/categories_btn.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:16px; padding-right:16px; padding-top:4px; padding-bottom:4px

}



#catslist {

position: absolute;

right: 0;

top: 27px;

width: 148px;

display: none;

z-index: 100;

background-color: #efefef;

float: right;

border: 1px solid #aaa;

padding: 16px;

}



#catslist li a {

display: block;

width: 100%;

padding: 4px 0 4px 0;

}



/** Content

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



#content, #content-inner {

width: 627px;

margin: 0 0 16px 0;

padding: 0 16px 16px 16px;

background-color: #fff;

border: 1px solid #dfddd5;

z-index: -100;

}



.post {

width: 627px;

padding: 16px 0 16px 0;

border-bottom: 1px solid #dfddd5;

}



.postcontent {

width: 386px;

}



.postcontent-inner {

width: 627px;

}



.postcontent p {

margin: 0;

}



.meta {

margin: 0 0 24px 0;

padding: 4px 0 4px 0;

border-top: 1px solid #dfddd5;

border-bottom: 1px solid #dfddd5;

color: #777676;

}



.date-cat-author, .commentsnum {

margin: 0;

}



.commentsnum {

background: url('images/comments_icon.jpg') no-repeat right 3px;; padding-left:0; padding-right:16px; padding-top:0; padding-bottom:0

}



#postsnav {

float: left;

width: 627px;

padding: 11px 0 11px 0;

}



.previous {

text-transform: uppercase;

background: url('images/posts_nav_left_arrow.jpg') no-repeat left;; padding-left:16px; padding-right:0; padding-top:0; padding-bottom:0

}



.next {

text-transform: uppercase;

background: url('images/posts_nav_right_arrow.jpg') no-repeat right;; padding-left:0; padding-right:16px; padding-top:0; padding-bottom:0

}



.postcontent p {

margin: 0 0 16px 0;

}



#content p {

margin: 0;

}



.postcontent-inner ul, .postcontent-inner ol {

padding: 16px 0 16px 24px;

margin: 16px 0 16px 24px;

}



.postcontent-inner ul li {

list-style-type: disc;

}



.postcontent-inner ol li {

list-style-type: decimal;

}



/** Author Info

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



#authorinfo {

width: 597px;

padding: 15px;

background: #dfdfdf url('images/author_info_bg.jpg') repeat-x top;

border-left: 1px solid #dfddd5;

border-right: 1px solid #dfddd5;

border-bottom: 1px solid #c3c3c3

}



#authorinfo .avatarwrap {

background-image: url('none');

}



#authorinfo h3 {

text-transform: none;

}



/** Share

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



#share {

width: 599px;

padding: 0 15px 0 15px;

border-top: 1px solid #dfdfdf;

background-color: #ccc;

}



#share img {

border: 0px none;

margin: 0;

background-color: #ccc; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:0

}



#share p {

margin: 12px 0 0 0;

padding: 0 0 0 0;

}





/** Related

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



#related {

padding: 16px 0 16px 0;

}



#related h3 {

font-weight: bold;

}



#related div {

width: 224px;

}



#related ul {

width: 389px;

border-left: 1px solid #dfddd5;

}



#related ul li {

padding: 0 0 0 16px;

}



#related ul li a {

display: block;

width: 349px;

background: url('images/arrow_right.jpg') no-repeat right;

border-bottom: 1px solid #dfddd5; padding-left:0; padding-right:24px; padding-top:4px; padding-bottom:4px

}



/** Comments

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



#comments {

width: 627px;

margin: 16px 0 16px 0;

border-bottom: 1px solid #dfddd5;

padding: 0 0 16px 0;

}



#respond {

padding: 16px 0 0 0;

border-top: 1px solid #dfddd5;

}



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

}



textarea {

margin: 5px 5px 1px 0;

overflow: hidden;

}



#submit {

float: right;

width: 128px;

height: 24px;

border: none;

display: inline;

margin: 10px 146px 0 0;

background-color: #efefef;

text-transform: uppercase;

font-size: 11px;

}



.avatarwrap { 

float: left;

width: 140px;

background: url('images/comment_tail.jpg') no-repeat 120px 16px;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:24px

}



.avatarwrap p {

margin: 0;

padding: 0;

font-size: 10px;

}



.commentdate {

color: #808072;

}



.comment {

float: right;

width: 455px;

padding: 16px;

margin: 0 0 24px 0;

background-color: #efefef;

}



#comment_post_ID, #comment_parent, #_wp_unfiltered_html_comment {

display: none;

}



/** Sidebar

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



#sidebar {

width: 298px;

margin: 0 0 0 0;

}



#ads, #flickr {

width: 266px;

padding: 16px 16px 0 16px;

margin: 0 0 16px 0;

background-color: #dbdbdb;

}



#ads img, #flickr img {

border: 0px none;

padding: 0

}



.smad {

float: left;

margin: 0 16px 16px 0;

}



.last {

margin-right: 0px;

}



p#advertise, p#joinflickr {

font-size: 10px;

text-align: center;

text-transform: uppercase;

margin: 0 0 8px 0;

padding: 0 0 8px 0;

}



p#joinflickr {

padding: 8px 0 8px 0;

}



#flickr img {

float: left;

margin: 0 8px 8px 0;

border: 1px solid #e1dece;

padding: 5px;

height: 68px;

width: 68px;

background-color: #fff;

}



/** Footer

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



#footercontainer {

margin: 0 auto;

background: #dfddd5 url('images/footer_bg.jpg') repeat-x top;

min-height: 300px;

height: auto !important;

height: 300px !important

}



#footer {

width: 945px;

margin: 0 auto;

padding: 48px 0 32px 0;

color: #454545;

}



#copyright {

float: left;

width: 219px;

}



#copyright p {

font-size: 10px;

margin: 0 0 0 0;

}



#footerlogo {

margin-bottom: 16px;

}



#elsewhere, #aboutus {

float: left;

width: 350px;

margin: 0 0 0 16px;

}

#morelinks {

float: left;

width: 150px;

margin: 0 0 0 16px;

}



.readmore {

font-size: 10px;

text-align: right;

text-transform: uppercase;

}



#popular {

float: right;

width: 288px;

margin: 0 0 0 16px;

}



#elsewhere li, #popular li {

margin: 0 0 8px 0;

}