/*



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



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


#blue {

width: 600px;
height: 40px;
background: #336699;
}

#blue ul {

margin-top:15px;
}



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


margin: 45px 0 16px 100px;



background: none;



}







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



}







.postcontent-inner {



width: 627px;



}







.postcontent p {



margin: 0;



}







.meta {



margin: 0 0 16px 0;



padding: 1px 0 1px 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;



}



#sense {



float:left;

padding: 5px;



}



#sensecat {



float:left;

padding-top: 20px;

padding-bottom: 50px;



}



/** 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: 270px;



margin: 0 0 0 0;



}







#ads, #flickr {



width: 200px;



padding: 16px 16px 16px 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;



}