/*

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: 13px;

line-height: 17px;

color: #454545;

background:url(http://hornsgonepro.com/wp-content/uploads/2010/07/background.png) top left repeat;


margin: 0 auto;

}

#wrapper {background:url(images/new-body_bg3.jpg) top left repeat-x;
}

/** 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: 18px;
font-weight: bold;
line-height: 20px;
margin: 0 0 4px 0;
font-weight: normal;

}



h3 {

font-size: 16px;

line-height: 16px;

margin: 0 0 16px 0;

font-weight: bold;

text-transform: uppercase;

}

h6 {
font-size: 15px;
line-height: 15px;
margin: 10px 0 10px 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 16px 0;

}



/** Links

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



a:link {
color: #4e85b6;
text-decoration: none;
}



a:visited {
color: #243f58;
text-decoration: none;
}



a:hover {
color: #243f58;
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: 1024px;

margin: 0 auto;

}



/** Tagline

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



#tagline {

font-size: 10px;

color: #dbdbdb;

text-transform: uppercase;

margin: 3px 0 0 24px;

}



/** Pages Nav

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



#pages {

margin: 3px 25px 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 24px;

}



/** 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: 0px 25px 0px 24px;
background: url(images/nav_main_bg.jpg) repeat-x;
height: 40px;
}



#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;
height: 16px;
}



#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: 659px;
height: 30px;
font-size: 11px;
color: #454545;
text-transform: uppercase;
background: url(images/content_header_bg2.jpg) repeat-x 0 0;
z-index: 100;
border: 1px solid #dfddd5;
border-bottom: 0px;margin-left:24px;
}



#breadcrumbs p {
margin: 0;
padding: 8px 0 8px 16px;
}

#breadcrumbs p a{
color: #454545;
}


#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

==============================================================================*/
#contentwrap {float:left;width:1024px;background:url(http://hornsgonepro.com/wp-content/uploads/2010/07/background6.png) top left repeat-y;margin-top:0px;}


#content, #content-inner {

width: 627px;

margin: 0 0 0px 24px;

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: 428px;

}



.postcontent-inner {

width: 627px;

}



.postcontent p {

margin: 0;

}



.meta {

margin: 0 0 12px 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: 0px 0 0px 24px;

margin: 0px 0 24px 0px;

}



.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;
color: #4e85b6;

}



/** 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: 0px 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: left;
width: 128px;
height: 24px;
border: none;
display: inline;
margin: 10px 146px 0 0;
background: url(images/submit2.jpg) no-repeat;
text-transform: uppercase;
font-size: 11px;
color: #fff;
}



.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: -31px 26px 0 0;
/*border: 1px solid #dfddd5;*/
padding: 0px;background:#fff;

}



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

height: auto !important;

height: 200px;

}



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

}

.block
{
height: 104px;
width: 600px;
background: url(images/block.png);
float: right;margin-right:25px;
}

#featured {
margin-top: 16px;
margin-bottom: 16px;
border-bottom-color: #e1dece;
border-bottom-width: 1px;
border-bottom-style: solid;
}

#breadcrumbs2 {
/*position: relative;*/
width: 659px;
height: 30px;
font-size: 11px;
color: #b4b4b4;
text-transform: uppercase;
background: url(images/content_header_bg2.jpg) repeat-x 0 0;
z-index: 100;
border: 1px solid #dfddd5;
border-bottom: 0px;float:left;margin-left:24px;
}

#breadcrumbs2 p {
margin: 0;
padding: 8px 0 8px 16px;
}

#breadcrumbs2 h2 {
margin: 0;
padding: 5px 0 8px 16px;
font-size: 16px;
color: #454545;
text-transform:uppercase;
}

#breadcrumbs3 {
/*position: relative;*/
width: 298px;
height: 30px;
font-size: 11px;
color: #b4b4b4;
text-transform: uppercase;
background: url(images/content_header_bg2.jpg) repeat-x 0 0;
z-index: 100;
border: 1px solid #dfddd5;
border-bottom: 0px;
margin-left: 14px;float:right;margin-top:-31px;margin-right:25px;
}

#breadcrumbs3 p {
margin: 0;
padding: 8px 0 8px 16px;
}

#breadcrumbs3 h2 {
margin: 0;
padding: 5px 0 8px 16px;
font-size: 16px;
color: #454545;
text-transform:uppercase;
}

h5 {
color: #fff;
font-size: 0px;
line-height: 1px;
}

#readmore {
text-transform:uppercase;
font-size: 10px;
}

blockquote {
margin-left: 40px;
border-left: 1px solid #dfddd5;
padding-left: 10px;
}
#sidebar li.widget {margin-bottom:20px;width:298px;}
#sidebar li.widget h5.widgettitle {
height: 30px;
font-size: 16px;line-height:20px;
color: #454545;
text-transform: uppercase;
background: url(images/content_header_bg2.jpg) repeat-x 0 0;
z-index: 100;
font-weight:normal;padding:5px 10px;
}
#sidebar li.widget ul {padding:0 16px 10px;}
#sidebar li.widget div {padding:0 16px 10px;}