/*
Theme Name: WP Paramount
Theme URI: http://themeforest.net/user/contempoinc?ref=contempoinc
Description: The paramount of all Blog and Portfolio themes.
Version: 1.0
Author: Chris Robinson
Author URI: http://www.contempographicdesign.com
Tags: brown, premium, fixed width, two columns, widgets, blog, portfolio

*/

/** CSS - WP Paramount
==============================================================================*/

* { /* 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: 18px;
	color: #333333;
	margin: 0 auto;
	background-color: #ece4d7;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-y;
	background-position: top;
}

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

.clear {
clear: both;
}

.left {
float: left;
}

.right {
float: right;
}

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

#content img {
border: 1px solid #e1dece;
padding: 5px;
background-color: #fffef5;
}

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

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

a img {
border: none;
}

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

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

h2 {
font-size: 20px;
line-height: 22px;
color: #a60954;
margin: 0 0 8px 0;
font-weight: bold;
}

h3 {
font-size: 14px;
line-height: 16px;
color: #62153a;
margin: 0 0 16px 0;
padding: 0 0 6px 0;
font-weight: normal;
text-transform: uppercase;
background: url(images/divider_bg.jpg) bottom repeat-x;
}

h4 {
	font-size: 14px;
	line-height: 16px;
	color: #62153a;
	font-weight: bold;
	background: url(images/divider_bg.jpg) bottom repeat-x;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
}

h6 {
font-size: 16px;
line-height: 16px;
color: #79164b;
margin: 0 0 16px 0;
padding: 0 0 6px 0;
font-weight: normal;
text-transform: uppercase;
background: url(images/divider_bg.jpg) bottom repeat-x;
}

#sidebar h3 {
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #690B38;
}

h4 {
font-size: 14px;
line-height: 16px;
color: #878779;
margin: 0 0 16px 0;
padding: 0 0 6px 0;
font-weight: normal;
text-transform: uppercase;
background: url(images/footer_h4_border_bg.jpg) bottom repeat-x;
}

h5 {
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	background: url(images/divider_bg.jpg) bottom repeat-x;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}

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

p {
margin: 0 0 20px 0;
}

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

a:link {
color: #79164b;
text-decoration: none;
}

a:visited {
color: #79164b;
text-decoration: none;
}

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

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

.meta a:link, #postsnav a:link {
color: #62153a;
text-decoration: none;
}

.meta a:visited, #postsnav a:visited {
color: #62153a;
text-decoration: none;
}

.meta a:hover, #postsnav a:hover {
color: #a60954;
text-decoration: none;
}

.meta a:active, #postsnav a:active {
color: #62153a;
text-decoration: none;
}

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

#container {
	width: 945px;
	margin: 0 auto;
	background-image: url(images/header_bg_small.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

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

#logo {
float: left;
margin: 32px 0 0 0;
}

/** Header
==============================================================================*/

#header {
float: left;
width: 945px;
}

#bannerheader {
	width: 945px;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 345px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#bannerheadersmall {
	width: 945px;
	background-image: url(images/header_bg_small.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 150px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#footernav  {
	list-style: none;
	line-height: 1.0;
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 150px;
}

#footernav ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}

#footernav ul li {
	width: 100%;
}

#footernav li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}

#footernav li {
	float: left;
	position: relative;
	z-index: 100;
	padding-right: 15px;
}

/** Search
==============================================================================*/

#s {
float: right;
margin: 36px 0 0 0;
width: 273px;
height: 21px;
padding: 4px 0 0 25px;
border: 1px solid #120d08;
background: url(images/search_icon.jpg) no-repeat #f2efdc 6px 6px;
}

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

#featured {
float: left;
width: 576px;
height: 248px;
overflow: hidden;
padding: 16px;
border-bottom: 1px solid #c3bdab;
background-color: #dad3bf;
z-index: -1000;
}

#slides {
float: left;
height: 236px;
}

#featured img.left {
margin-bottom: 0px;
}

#featurednav, #imagesnav, #folionav {
float: left;
width: 576px;
padding: 1px 16px 2px 16px;
margin: 0 0 16px 0;
border-top: 1px solid #f7efdd;
border-bottom: 1px solid #c3bdab;
background: url(images/featured_nav_bg.jpg) repeat-x;
}

#images {
float: left;
width: 360px;
margin: 0 16px 16px 0;
}

#imageslides {
float: left;
height: 270px;
}

#folioimages {
float: left;
width: 608px;
}

#folioslides {
float: left;
height: 400px;
}

#imagesnav {
width: 329px;
}

#folioimagesnav {
width: 575px;
}

p.caption {
width: 271px;
font-size: 10px;
padding: 16px;
margin: 0;
background-color: #d9d3bf;
}

#featurednav ul li, #imagesnav ul li, #folionav ul li {
float: left;
margin: 0 8px 0 0; 
}

#featured ul li a, #imagesnav ul li a, #folionav ul li a {
display: block;
padding: 1px;
color: #a29d8c;
}

#featurednav span.jFlowControl, #imagesnav span.jFlowControl, #folionav span.jFlowControl, .jFlowNext {
color: #a29d8c;
cursor: pointer;
}

.jFlowNext  {
color: #62153a;
text-transform: uppercase;
padding: 0 16px 0 0;
background: url(images/featured_right_arrow.jpg) no-repeat right;
}

#featurednav span.jFlowSelected, #imagesnav span.jFlowSelected, #foliosnav span.jFlowSelected  {
color: #62153a;
}

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

#content {
float: left;
width: 945px;
background: url(images/sidebar_bg.jpg) right repeat-y;
}

#content2 {
float: left;
width: 945px;
}

#main {
	float: left;
	width: 608px;
	padding-right: 16px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#main2 {
float: left;
width: 945px;
margin: 32px 0 0 0;
padding-right: 16px;
}

.teasewrap {
float: left;
width: 608px;
padding: 16px 0 0 0;
background: url(images/divider_bg.jpg) top repeat-x;
}

.folio {
padding: 16px 0 0 0;
margin: 0 0 16px 0;
}

.tease p {
margin: 0 0 8px 0;
}

.meta {
font-size: 10px;
color: #62153a;
margin: 0 0 8px 0;
text-transform: uppercase;
}

.meta span {
border-left: 1px solid #62153a;
border-right: 1px solid #62153a;
margin: 0 8px 0 8px;
padding: 0 8px 0 8px;
}

p.postmeta {
	background: url(images/divider_bg.jpg) bottom repeat-x;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

h1.postmeta {
	font-size: 14px;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

#postcontent ul {
margin: 0 0 24px 24px;
padding: 0 0 0 24px;
}

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

p.tags {
color: #a29d8c;
margin: 0 0 16px 0;
}

p.viewmore a {
display: block;
padding: 2px 10px 2px 10px;
background-color: #f2efdc;
border: 1px solid #e1dece;
}

p.button a {
display: block;
padding: 4px 16px;
background-color: #dad3bf;
border: 1px solid #fffef5;
margin-bottom: 24px;
}

.readmore, #advertise {
font-size: 10px;
text-align: right;
text-transform: uppercase;
margin: 0 0 16px 0;
padding: 0 0 8px 0;
background: url(images/divider_bg.jpg) bottom repeat-x;
}

#sidebar .readmore {
border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #690B38;
}

#postsnav {
float: left;
width: 608px;
padding: 11px 0 11px 0;
border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #690B38;
}

.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;
}

/** Comments
==============================================================================*/



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

#commentform fieldset {
border: none;
}

#commentform input, textarea {
padding: 2px;
width: 450px;
border: 1px solid #e1dece;
}

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

#commentform #submit {
float: right;
width: 128px;
height: 24px;
border: none;
display: inline;
margin: 10px 152px 0 0;
background-color: #dad3bf;
text-transform: uppercase;
font-size: 11px;
}

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

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

.avatarwrap .date {
color: #808072;
}

.commentbox {
float: right;
width: 436px;
padding: 16px;
margin: 0 0 24px 0;
background-color: #dad3bf;
}

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

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

#sidebar {
	float: right;
	width: 289px;
	min-height: 624px;
	height: auto !important;
	height: 624px;
	margin-top: 32px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	color: #FFFFFF;
}

#sidebarbox img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#testimonial {
float: left;
width: 285px;
margin: 16px 0 16px 0;
}

#quote {
	width: 225px;
	padding: 32px;
	font-size: 12px;
	font-style: italic;
	color: #FFFFFF;
	background-color: #690b38;
	margin: 0;
}

#name {
	color: #FFFFFF;
	background: url(images/testimonial_tail.jpg) no-repeat 20px 0;
	text-align: left;
	padding: 8px 0 0 70px;
	font-size: 12px;
	margin: 0;
	height: 30px;
}

#ads, #flickr {
float: left;
width: 289px;
margin: 0 0 16px 0;
}

.smad {
float: left;
margin: 16px 15px 0 0;
}

.last {
margin-right: 0px;
}

p#advertise {
text-align: center;
margin: 0;
padding: 8px 0 8px 0;
}

#flickr img {
float: left;
margin: 0 8px 8px 0;
}

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

#footercontainer {
	margin: 0 auto;
	height: auto !important;
	height: 40px;
	background-color: #FFFFFF;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
}

#footer {
	width: 945px;
	color: #878779;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

#footer p {
	font-size: 10px;
	text-align: center;
}

#paypalform {
margin: 0 0 32px 0;
padding: 16px 0 0 0;
}
#paypalform  input {
display: block;
float: left;
margin: 5px 5px 1px 0;
}
#paypalform  fieldset {
border: none;
}
#paypalform  input {
padding: 2px;
}
#paypalform  textarea {
margin: 5px 5px 1px 0;
overflow: hidden;
}