/*
Theme Name: 2Modern Blog
Theme URI: http://blog.2modern.com
Description: Theme for 2Modern.
Author: Jennifer Sitko & Gini McGee
Version: 1.0

(c)2010 2Modern.
*/


body {
	background-color: #bdcbd4;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited {
	text-decoration: none;
}

#content .post-content a:hover, #content .post-cat a:hover, #content .post a:hover {
	color: #69391a;
}	

/* ********** MAIN ELEMENTS & WRAPPERS ********** */

#wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;

}
#tabs {
	height: 50px;
	clear: both;
	background-color: #bdcbd4;
}
#head {
	background-image: url(img/headbg.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 129px;
	clear: both;
}
#headyellow {
	background-image: url(img/headyellow.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 33px;
	clear: both;
}
#headgreen {
	background-image: url(img/headgreen.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 30px;
	clear: both;
}
#main, #foot, #footer {
	clear: both;
}


/* ********** TOP NAVIGATION ********** */

#tabs .blog, #tabs .shop, #tabs .direct, #tabs .collect {
	display: block;
	width: 126px;
	float: left;
}
#tabs .blog img, #tabs .shop img, #tabs .direct img, #tabs .collect img {
	width: 126px;
	height: 50px;
	border: 0;
}
#tabs .blog a {
	display: block;
	width: 126px;
	height: 50px;
	background-image: url(img/blog.png);
	background-repeat: no-repeat;
	background-position: top center;
}
#tabs .blog a:hover {
	background-image: url(img/blog.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
#tabs .shop a {
	display: block;
	width: 126px;
	height: 50px;
	background-image: url(img/shop.png);
	background-repeat: no-repeat;
	background-position: top center;
}
#tabs .shop a:hover {
	background-image: url(img/shop.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
#tabs .direct a {
	display: block;
	width: 126px;
	height: 50px;
	background-image: url(img/direct.png);
	background-repeat: no-repeat;
	background-position: top center;
}
#tabs .direct a:hover {
	background-image: url(img/direct.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
#tabs .collect a {
	display: block;
	width: 126px;
	height: 50px;
	background-image: url(img/collect.png);
	background-repeat: no-repeat;
	background-position: top center;
}
#tabs .collect a:hover {
	background-image: url(img/collect.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
#tabs .live {
	display: block;
	width: 185px;
	height: 50px;
	float: left;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(img/live.png);
}
#tabs .live img {
	width: 185px;
	height: 50px;
}


/* ********** 2MODERN HEADER ********** */

/* LOGO */
#head-logo {
	position: relative;
	left: 55px;
	top: 53px;
	width: 350px;
}
#head-logo img {
	border: 0;
}
#head-logo div {
}

/* HEADER SEARCH */
#search #searchform {
	position: relative;
	left: 440px;
	top: 16px;
	width: 192px;
	background-image: url(img/search.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	padding-left: 85px;
}
#search #searchform #s {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	width: 124px;
	height: 27px;
	color: #69391a;
	letter-spacing: 1px;
	background-color: transparent;
	background-image: url(img/searchbox.png);
	background-repeat: no-repeat;
	background-position: top center;
	border: 0;
	padding: 0px 8px;
	margin: 0px;
}
#search #searchform #s:hover {
	background-color: transparent;
	background-image: url(img/searchbox.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
#search #searchsubmit {
	width: 46px;
	height: 28px;
	background-color: transparent;
	background-image: url(img/go.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 0;
	margin: 0;
	border: 0;
	float: right;
}
#search #searchsubmit:hover {
	width: 46px;
	height: 28px;
	background-color: transparent;
	background-image: url(img/go.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 0;
	margin: 0;
	border: 0;
}

/* SOCIAL NETWORK ICONS */
#social {
	position: relative;
	left: 810px;
	top: -84px;
	width: 165px;
}
#social img {
	width: 160px;
	height: 23px;
	border: 0;
}
#social .tweet, .fb {
	margin-bottom: 4px;
}
#social .tweet a {
	display: block;
	width: 160px;
	height: 23px;
	background-image: url(img/tweets.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#social .fb a {
	display: block;
	width: 160px;
	height: 23px;
	background-image: url(img/fb.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#social .rss a {
	display: block;
	width: 160px;
	height: 23px;
	background-image: url(img/rss.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#social .tweet a:hover, #social .fb a:hover, #social .rss a:hover {
	background-color: #fde799;
}


/* ********** HEADER NAVIGATION ********** */

#headyellow, #headgreen {
	padding-left: 20px;
	padding-right: 20px;
	font-family: Verdana, Geneva, sans-serif;
}
#headyellow ul, #headgreen ul {
	display: inline;
	line-height: 24px;
}
#headyellow li, #headgreen li {
	float: left;
	display: inline;
}

/* YELLOW LINKS */
#headyellow li a {
	display: block;
	text-decoration: none;
	color: #69391a;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
}
#headyellow li a:hover {
	background-color: #fde799;
}

/* GREEN LINKS */
#headgreen li a {
	display: block;
	text-decoration: none;
	color: #69391a;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 11px;
}
#headgreen li a:hover {
	background-color: #cce6b2;
}


/* ********** MAIN COMPANY LINKS - TOP RIGHT ********** */

#menu-top-links {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #55bed5;
	text-align: right;
	padding: 10px 10px 10px 0;
	margin: 0px;
}
#menu-top-links a {
	color: #55bed5;
	text-decoration: none;
}
#menu-top-links a:hover {
	color: #69391a;
}
ul#menu-top-links {
	list-style-type: none;
}
ul#menu-top-links li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#menu-top-links .end {
	border-right: none !important;
	padding: 0px 0px 0px 4px !important;
}
#menu-top-links .menu-item {
	border-right: solid 1px #55bed5;
	padding: 0px 4px 0px 4px;
}


/* ********** MAIN COMPANY LINKS - FOOTER LEFT ********** */

#menu-footer-links, #menu-footer-links-2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #55bed5;
	padding: 0px;
	margin: 0px;
}
#menu-footer-links a, #menu-footer-links-2 a {
	color: #55bed5;
	text-decoration: none;
}
#menu-footer-links a:hover, #menu-footer-links-2 a:hover {
	color: #2ca4c7;
}
ul#menu-footer-links, ul#menu-footer-links-2 {
	list-style-type: none;
}
ul#menu-footer-links li, ul#menu-footer-links-2 li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#menu-footer-links .end, #menu-footer-links-2 .end {
	border-right: none !important;
	padding: 0px 0px 0px 4px !important;
}
#menu-footer-links .menu-item, #menu-footer-links-2 .menu-item {
	border-right: solid 1px #55bed5;
	padding: 0px 4px 0px 4px;
}


/* ********** MAIN CONTENT ********** */

#content {
	width: 600px;
	margin: 0px 10px 50px 15px;
	float: left;
	overflow: hidden;
}


/* ********** SIDEBARS ********** */

#sidebar {
	width: 350px;
	margin: 0px 15px 50px 10px;
	float: left;
	color: #7d93a1;
}

/* SIDEBAR LINKS */
#sidebar a {
	color: #55bed5;
	text-decoration: none;
}
#sidebar a:hover {
	color: #69391a;
}

/* WIDGETS */
#sidebar .widget-container {
	width: 350px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#sidebar img {
	border: 0px;
	vertical-align: middle;
}
#sidebar .widget-area ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#sidebar .widget-area ul li {
	list-style-type: none;
}
#sidebar h3.widget-title {
	color: #55bed5;
	border-bottom: dashed 1px #55bed5;
	padding-bottom: 7px;
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
#sidebar .widget-area ul li ul li {
	list-style: none;
	margin-bottom: 5px;
}


/* ********** FOOTER WIDGETS ********** */

#footer-widget-area {
	clear: both;
	color: #7d93a1;
}
#footer-widget-area a {
	color: #55bed5;
	text-decoration: none;
}
#footer-widget-area a:hover {
	color: #69391a;
}

/* WIDGETS */
#footer-widget-area .widget-container {
	width: 200px;
	margin: 0px 25px 50px 25px;
	padding: 0px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#footer-widget-area img {
	border: 0px;
	vertical-align: middle;
}
#footer-widget-area .widget-area ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#footer-widget-area .widget-area ul li {
	list-style-type: none;
}
#footer-widget-area h3.widget-title {
	color: #55bed5;
	border-bottom: dashed 1px #55bed5;
	padding-bottom: 7px;
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
#footer-widget-area .widget-area ul li ul li {
	list-style: none;
	margin-bottom: 5px;
}


/* ********** FOOTER ********** */
	
#footer {
	border-top: dashed 1px #55bed5;
	width: 950px;
	margin: 20px auto 0px auto;
	padding: 10px 0px;
	height: 80px;
}
#footer-logo {
	background-image: url(img/2modern.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 125px;
	float: left;
}
#footer-logo img {
	border: 0px;
}


/* COPYRIGHT */
#copyright {
	float: left;
	width: auto;
}
.copy {
	color: #CCCCCC;
	padding: 5px 0px 0px 3px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

/* SOCIAL BUTTONS */
#socials {
	float: right;
	width: 50%;
	text-align: right;
}


/* ********** CONTENT AREA ********** */

.navigation {
	margin-bottom: 35px !important;
}

/* PAGE NAVIGATION - BELOW*/
#nav-below {
	font-size: 11px;
	clear: both !important;
}
#nav-below a {
	color: #55bed5;
	text-decoration: none;
}
#nav-below a:hover {
	color: #69391a;
}
#nav-below .nav-previous {
	float: left;
}
#nav-below .nav-next {
	float: right;
}


/* ********** POST CONTENT ********** */

h1.page-title  {
	color: #55bed5;
	border-bottom: dashed 1px #55bed5;
	padding-bottom: 7px;
	font-size: 34px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0px 0px 30px 0px;
	text-shadow: 0px 1px 1px #EFEFEF;
}

.post, .search-posts {
	clear: both !important;
	margin-bottom: 50px;
}
.post a {
	color: #31a6c7;
}
.post a:hover {
	color: #2ca4c7;
}
.post-date {
	width: 55px;
	border-right: solid 1px #CCCCCC;
	text-align: center;
	color: #FFCC33;
	float: left;
	margin: 0px 15px 20px 0px;
	text-shadow: 0px 1px 1px #EFEFEF;
}
.post-date a {
	color: #FFCC33;
	text-decoration: none;
}
.post-date a:hover {
	color: #55bed5;
}
.post-date p {
	margin: 0;
	padding: 0;
}
.post-date .post-day {
	font-size: 22px;
}
.post-date .post-month {
	font-size: 12px;
	text-transform: uppercase;
}
.post-header {
	width: 525px;
	float: left;
	margin-bottom: 20px;
	color: #69391a;
}
.post-title {
	font-size: 22px;
}
.post-title h2, .post-title h1 {
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-shadow: 0px 1px 1px #CCCCCC;
}
.post-title a, .post-title h2 a, .post-title h1 a {
	color: #69391a !important;
	text-decoration: none;
}
.post-cat {
	font-size: 11px;
	color: #7d93a1;
}
.post-content {
	font-size: 12px;
	letter-spacing: normal;
	clear: both;
	margin-bottom: 25px;
	letter-spacing: .02em;
	word-spacing: .05em;
	line-height: 1.5em;
}
.post-content img {
	max-width: 600px;
	height: auto;
	border: 0px;
}
.post-content a {
	color: #31a6c7;
	text-decoration: underline;
}

/* READ MORE LINK */
.readmore {
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 15px;
}
.readmore a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	width: 125px;
	height: 19px;
	padding-top: 1px;
	background-image: url(img/readmore.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.readmore a:hover {
	background-image: url(img/readmore.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
/* COMMENTS LINK */
.comments-link {
	font-size: 12px;
	text-align: center;
	vertical-align: middle !important;
	float: left;
	margin-right: 10px;
}
.comments-link a {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 125px;
	height: 18px;
	padding-top: 2px;
	background-image: url(img/comments.png);
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: middle !important;
}
.comments-link a:hover {
	background-image: url(img/comments.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* POST EXTRAS */
.post-extras {
	clear: both;
}
.post-extras2 {
}

/* ***** ADDTHIS (SOCIAL MEDIA BUTTONS) ON PRODUCT PAGES ***** */
.addthis_button_pinterest, .addthis_button_google_plusone, .addthis_button_tweet, .addthis_button_facebook_like {
	width: auto;
	float: left;
	margin-left: 10px;
}
.pin-it-button {
	width: auto;
}
.social-extras {
	float: left;
}

/* POST AUTHOR */
.post-author {
	font-size: 11px;
	color:#7d93a1;
	margin-top: 7px;
	letter-spacing: .03em;
	word-spacing: .1em;
	clear: both;
}
.single-post-author {
	font-size: 11px;
	color:#7d93a1;
	margin-top: 7px;
	letter-spacing: .05em;
	word-spacing: .1em;
	clear: both;
}

/* STICKY POST */
.sticky {
	border: solid 10px #e9f7fa;
	padding: 20px;
}

.sticky .post-date, .sticky .post-cat {
	display: none;
}
.sticky img {
	width: 100%;
}

/* POST EXTRAS ON STICKY POST */
.sticky .plusone { 
	float: left !important; 
	margin-left: 0px;
	margin-right: -17px;	 
}
.sticky .addthis_counter { 
	margin-right: 15px; 
}
.sticky .addthis_button_facebook_like { 
	margin-left: 0px; 
}


/* ********** COMMENTS ********** */

#comments {
	clear: both;
	padding-top: 50px;
}
h3#comments-title {
	background-image: url(img/quotes.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 80px 0px 45px;
	font-size: 20px;
	font-weight: normal;
	color: #69391a;
	min-height: 28px;
	text-shadow: 0px 1px 1px #CCCCCC;
}
#comments .avatar {
	text-align: left;
	float: left;
	margin: 15px 20px 20px 0px;
	padding-top: 10px;
}
#comments ol {
	margin: 0px;
	padding: 0px;
}
#comments .commentlist li {
	background-image: url(img/commentbg.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 42px;
	padding-top: 8px;
	margin: 3px 0px 35px 0px;
	clear: both;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #55bed5;
}
#comments .commentlist ul.children {
	list-style-type: none;
}
#comments .comment-author-name a {
	color: #55bed5;
	text-decoration: none;
}
#comments .comment-author-name a:hover {
	color: #69391a;
}
#comments .comment-author-name cite {
	font-style: normal !important;
	font-size: 11px !important;
}
#comments .comment-author-name img {
	vertical-align: middle;
	border: 0px;
}
#comments .comment-date {
	float: right;
	font-size: 11px !important;
	margin-right: 10px;
}
#comments .comment-meta {
	clear: both;
	font-size: 11px !important;
}
#comments .comment-meta a {
	color: #55bed5;
	text-decoration: none;
}
#comments .comment-body {
	color: #666666;
	padding-top: 10px;
}
#comments .comment-body-unapproved {
	color: #999999;
	padding-top: 10px;
	margin-top: 10px;
}
#comments .commentmod {
	font-weight: bold;
	color: #FF0000;
	font-size: 12px; 
}
#comments .reply {
	text-align: right;
	font-size: 11px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}
#comments .reply a {
	color: #55bed5;
	text-decoration: none;
}
#comments .reply a:hover {
	color: #69391a;
}
#comments a:link, #comments a:visited {
	color: #55bed5;
	text-decoration: none;
}
#comments a:hover {
	color: #69391a;
}


/* ********** REPLY TO COMMENTS ********** */

#respond {
	clear: both;
	margin-top: 50px;
	border: solid 10px #e9f7fa;
	padding: 20px;
	color: #7d93a1;
	font-size: 11px;
}
h3#reply-title {
	color: #55bed5;
	padding: 0px;
	margin: 0px;
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
#respond img {
	border: 0px;
}
#respond a {
	color: #55bed5;
	text-decoration: none;
}
#respond a:hover {
	color: #69391a;
}
.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment {
	clear: both;
}
#respond .comment-form-comment label {
	padding-right: 10px;
	vertical-align: top;
}
#commentform p.comment-notes {
	margin-bottom: 25px;
}
#commentform label {
	display: block;
	width: 55px;
	float: left;
}
#commentform .comment-form-url label, #commentform .comment-form-comment label {
	display: block;
	width: 60px;
	float: left;
}
#commentform .comment-form-author .required, #commentform .comment-form-email .required {
	display: block;
	width: 5px;
	float: left;
}
#respond input {
	margin-left: 10px;
	margin-bottom: 10px;
}
#respond .form-allowed-tags {
	display: none;
}
input#submit {
}
#respond .form-submit {
	margin-left: 55px;
	margin-top: 10px;
	margin-bottom: 30px;
	clear: both;
}
#commentform .form-allowed-tags code {
	color: #999999;
}


/* ********** 2MODERN HEADER ********** */

#post-0 {
	margin-left: 20px;
}

/* TEXT */
#post-0 h1 {
	color: #999;
	margin: 0px;
	padding: 0px;
}

#post-0 .entry-content {
	color: #999;
	font-size: 14px;
}

/* NORMAL SEARCH */
#searchform {
	width: 192px;
}
#searchform #s {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	width: 124px;
	height: 27px;
	color: #69391a;
	letter-spacing: 1px;
	background-color: transparent;
	background-image: url(img/searchbox.png);
	background-repeat: no-repeat;
	background-position: top center;
	border: 0;
	padding: 0px 8px;
	margin: 0px;
}
#searchsubmit {
	width: 46px;
	height: 28px;
	background-color: transparent;
	background-image: url(img/go.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 0;
	margin: 0;
	border: 0;
	float: right;
}
#searchsubmit:hover {
	width: 46px;
	height: 28px;
	background-color: transparent;
	background-image: url(img/go.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 0;
	margin: 0;
	border: 0;
}



/* ********** WIDGETS - RPX (JANRAIN) ********** */

#rpxwidget, .rpxwidget {
	display: none;
}
#rpxcomment, #rpxcomment .label {
	color: #7d93a1 !important;
	font-size: 11px !important;
}


/* ********** WIDGETS - TRANSPOSH ********** */

#translate {
	float: right;
	position: relative;
	top: -240px;
}
#translate h3 {
	display: none;
}
#translate ul, #translate li {
	list-style: none;
}

.transposh_flags a span:hover, .transposh_flags a img:hover {
	border-top-color: #d7e0e6 !important;
	border-right-color: #d7e0e6 !important;
	border-bottom-color: #d7e0e6 !important;
	border-left-color: #d7e0e6 !important;
}


/* ********** WIDGETS - TABBER ********** */

.tabber-widget-title {
	display: none;
}


/* ********** WIDGETS - ON PAGES ********** */

#Widgets_on_Pages_2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}


/* ********** WIDGETS - BANNER ADS ********** */

.banner170x100 {
	width: 175px;
	float: left;
	border: none;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}



/* New caption functionality - 03/16/13 */
.wp-caption {
	text-align: left;
	font-size: 11px;
	color: #666;
}