/*

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: url(images/body_bg.jpg) no-repeat top #efefef;

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 {

padding: 0 0 6px 0;

background: url(images/footer_divider.jpg) repeat-x bottom;

}



/** 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;

padding: 0 22px 0 0;

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

}



/** Logo

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



#logo {

float: left;

margin: 36px 0 0 0;

}



/** Search

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



#s {

float: right;

margin: 40px 0 0 0;

width: 430px;

height: 21px;

padding: 4px 0 0 25px;

border: 1px solid #106eab;

background: url(images/search_icon.jpg) no-repeat #fff 6px 6px;

}



/** Navigation

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



#nav {

width: 975px;

margin: 45px 0 16px 0;

background: url(images/nav_main_bg.jpg) repeat-x;

}



#nav li {

	float: left;

	display: block;

}



#nav li a {

float: left;

display: block;

padding: 12px 24px 12px 24px; 

text-transform: uppercase;

background: url(images/nav_bg.jpg) no-repeat top right;

}



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

margin: 5px 0 0 0;

padding: 4px 16px 4px 16px;

width: 82px;

background: url(images/categories_btn.jpg) no-repeat;

}



#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 {

padding: 0 16px 0 0;

background: url(images/comments_icon.jpg) no-repeat right 3px;

}



#postsnav {

float: left;

width: 627px;

padding: 11px 0 11px 0;

}



.previous {

text-transform: uppercase;

padding: 0 0 0 16px;

background: url(images/posts_nav_left_arrow.jpg) no-repeat left;

}



.next {

text-transform: uppercase;

padding: 0 16px 0 0;

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

}



.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: url(images/author_info_bg.jpg) repeat-x top #dfdfdf;

border-left: 1px solid #dfddd5;

border-right: 1px solid #dfddd5;

border-bottom: 1px solid #c3c3c3;

}



#authorinfo .avatarwrap {

background-image: 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: 0;

padding: 8px 0 0 0;

margin: 0;

background-color: #ccc;

}



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

padding: 4px 24px 4px 0;

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

border-bottom: 1px solid #dfddd5;

}



/** 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;

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: 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: 0;

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: url(images/footer_bg.jpg) repeat-x top #dfddd5;

min-height: 300px;

height: auto !important;

height: 300px;

}



#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: 195px;

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;

}