/* Designcollectors Blog page stylesheet
------------------------------------------------------------------*/

/* @group rss */

#content-alt .box-light {
	position:relative;
	margin-bottom:3em;
	}

.rss {
	width:145px;
	font:bold 1.1em/120% "Century Gothic",Helvetica,Arial,sans-serif;
	}
.rss img {
	float:left;
	margin:0 10px 0 0;
	}
.rss a:link,
.rss a:visited {
	color:#8e8d7f;
	text-decoration:none;
	}
.rss a:hover,
.rss a:focus {
	color:#e22f2d;
	}
.bttn-help a {
	position:absolute;
	top:13px;
	right:13px
	}



/* @end */

/* @group nav blog */

ul.nav-blog {
	margin-bottom:1em;
	}
ul.nav-blog li a {
	display:block;
	padding:5px 0 5px 15px;
	font:bold 1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
ul.nav-blog li a span.info {
	display:block;
	text-transform:uppercase;
	font-size:75%;
	font-weight:normal;
	padding-top:3px;
	letter-spacing:1px;
	color:#8e8d7f;
	}
ul.nav-blog li a:link,
ul.nav-blog li a:visited {
	text-decoration:none;
	color:#34363e;
	background:url(graphics/bullet-bigdot.gif) no-repeat;
	border-bottom:1px solid #edede7;
	}
ul.nav-blog li a:hover,
ul.nav-blog li a:focus,
ul.nav-blog li.selected a {
	color:#e22f2d;
	background:url(graphics/bullet-bigdot.gif) no-repeat 0 -100px;
	}
.bttn-all-art {
	background:url(graphics/bttn-view-all-articles.gif) no-repeat 0px 0px;
	width:137px;
	height:25px;
	margin:.5em 0 4em 60px;
	display:block;
	text-indent:-9999px;
	}
.bttn-all-art:hover {
	background-position:0px -25px;
	}



/* @end */

/* @group ad box */

.ad-box {
	text-align:center;
	padding:10px 5px;
	margin-top:4em;
	font-family:"Century Gothic",Helvetica,Arial,sans-serif;
	}
.ad-box p {
	margin-bottom:1em;
	}
.red {
	background-color:#dd0024;
	color:#fff;
	}
.red img {
	border:4px solid #c60020;
	}
#content-alt .red h3,
#content-alt .red h4 {
	margin-top:5px;
	color:#fff;
	}

/* @end */

/* @group article */

.article {
	position:relative;
	padding:15px 0 3em 0;
	}
.article p,
.article ul,
.article ol,
.article blockquote {
	margin:0 0 1.5em 107px;
	clear:both;
	}
.article blockquote p {
	margin:0 0 1em 0px;
	padding:10px 10px 10px 15px;
	border-left:5px solid #dcdfd3;
	clear:both;
	color:#807f73;
	background-color:#f4f5ef;
	}
.article h2 {
	margin:0 0 .5em 107px;
	line-height:110%;
	}
.article h4.date {
	position:absolute;
	top:15px;
	left:0px;
	margin:0;
	width:76px;
	background:url(graphics/bg-date-top.gif) no-repeat;
	padding:3px 0;
	}
.article h4.date span {
	display:block;
	background:url(graphics/bg-date-bottom.gif) no-repeat left bottom;
	}
.article h4.date span span {
	display:block;
	text-align:center;
	margin-left:20px;
	color:#fff;
	text-transform:uppercase;
	text-shadow:#c6c5ba 0 1px 0;
	background:none;
	}
.month {
	font-size:.9em;
	}
.day {
	font-size:2em;
	line-height:80%;
	letter-spacing:-2px;
	text-indent:-5px;
	}
.year {
	font-size:.9em;
	}
.article h3 {
	font-size:1.5em;
	padding-top:.5em;
	margin:0 0 .7em 107px;
	color:#62b9d5;
	}
.article h4 {
	font-size:1.3em;
	padding-top:.5em;
	margin:0 0 .7em 107px;
	color:#62b9d5;
	}
.article h5 {
	font-size:1.1em;
	padding:.3em 0;
	margin:0 0 .5em 107px;
	color:#807f73;
	border-bottom:1px solid #e1dfca;
	}
.article h3 a:link, .article h4 a:link, .article h5 a:link,
.article h3 a:visited, .article h4 a:visited, .article h5 a:visited {
	text-decoration:none;
	}
#content-main .article h3 a:hover,
#content-main .article h4 a:hover,
#content-main .article h5 a:hover {
	text-decoration:underline;
	}
.article em {
	color:#464646;
	background-color:#f9fed6;
	padding:1px;
	}
.article strong {
	color:#464646;
	}
.special-txt {
	position:relative;
	margin-bottom:2em;
	}
.article > .special-txt p {
	position:absolute;
	top:0px;
	left:0px;
	font:1.3em/140% "Century Gothic",Helvetica,Arial,sans-serif;
	background-color:#f4f5ef;
	padding:30px 15px 30px 30px;
	margin:0 0 0 0;
	width:620px;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	-khtml-opacity:.9;
	opacity:.9;
	}
.article ul.info {
	margin:0 0 0 107px;
	clear:both;
	}
.article .info li {
	float:left;
	margin:0 12px .5em 0;
	padding:0;
	border-bottom:none;
	display:block;
	font:1.25em "Century Gothic",Helvetica,Arial,sans-serif;
	color:#c0bfb2;
	background:none;
	}
.info li.comment {
	padding-left:17px;
	background:url(graphics/icon-comment.gif) no-repeat left center;
	}
#content-main .info li a:link,
#content-main .info li a:visited {
	color:#c0bfb2;
	text-decoration:none;
	}
#content-main .info li a:hover,
#content-main .info li a:focus {
	color:#e22f2d;
	}
.article li {
	padding:.3em 0 .3em 12px;
	border-bottom:1px solid #edede7;
	background:url(graphics/bullet-dot-blue.gif) no-repeat 0 .8em;
	}
.caption {
	font-style:italic;
	color:#999;
	}
.article img.txt-align {
	margin:15px 0 25px 107px;
	}

/* @end */

/* @group comments */

#comments {
	padding:5px 0 0 107px;
	margin:0 0 3em 0;
	border-top:1px solid #dcdbcf;
	background:url(graphics/bg-comments.gif) no-repeat 34px 0;
	}
#comments h2 {
	font-size:2.5em;
	}
#comments h4 {
	font-size:1.15em;
	font-weight:normal;
	color:#999;
	margin-bottom:.5em;
	}
#comments h4 em {
	font-size:1.15em;
	font-style:normal;
	font-weight:bold;
	color:#666;
	background:none;
	}
#comments li {
	position:relative;
	margin-bottom:2em;
	}
#comments span {
	position:absolute;
	top:-10px;
	left:-87px;
	display:block;
	width:80px;
	text-align:center;
	font:bold 4em "Century Gothic",Helvetica,Arial,sans-serif;
	color:#edede7;
	}
#comments em {
	color:#464646;
	background-color:#f9fed6;
	padding:1px;
	}
#comments strong {
	color:#464646;
	}
#comments p {
	margin-bottom:1.2em;
	}
#comments blockquote {
	margin:0 0 1em 0px;
	border-left:5px solid #dcdfd3;
	color:#807f73;
	background-color:#f4f5ef;
	}
#comments blockquote p {
	padding:10px 10px 10px 15px;
	}
#comments .vitra em {
	color:#dd0024;
	}
#comments .vitra span{
	color:#dd0024;
	}
#comments .vitra blockquote	{
	border-left:5px solid #dd0024;
	}

/* @end */

/* @group comment form */

#comment-form .txt {
	width:400px;
	color:#666;
	font:1em Helvetica,Arial,Geneva,sans-serif;
	}
#comment-form label {
	display:block;
	font-size:1.2em;
	padding:0 0 5Px 0;
	}
#comment-form {
	padding:20px 10px 10px 15px;
	margin:0 0 3em 107px;
	position:relative;
	background-color:#f7f8f4;
	color:#6b6f71;
	clear:both;
	}
#comment-form h2 {
	font-size:1.7em;
	line-height:100%;
	margin:0 0 1em 0;
	height:auto;
	}
#comment-form h4 {
	font-size:1.2em;
	margin-bottom:.5em;
	}
#comment-form span {
	font-size:.8em;
	font-weight:normal;
	font-family:Helvetica,Arial,Geneva,sans-serif;
	color:#878782;
	}
#comment-form p {
	margin-bottom:1.3em;
	}
#comment-form p.check {
	margin:1.5em 0 2.5em 0;
	}

/* @end */



/* @group footer area */

#upcoming {
	float:left;
	width:321px;
	padding:30px 10px 0 19px;
	}
.event {
	position:relative;
	}
#upcoming h2 {
	margin:0 0 1em 84px;
	/*background:url(graphics/t-upcoming-events.gif) no-repeat;*/
	background:url(graphics/t-most-recent.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	}
.event h3 {
	margin:0 0 0 84px;
	}
.event p {
	margin:0 0 2em 84px;
	color:#83858e;
	}
#upcoming h4 {
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	width:68px;
	background:url(graphics/bg-date-footer-top.gif) no-repeat;
	}
#upcoming h4 span {
	background:url(graphics/bg-date-footer-bottom.gif) no-repeat left bottom;
	padding:5px 0;
	display:block;
	}
#upcoming h4 span span {
	display:block;
	text-align:center;
	margin-left:24px;
	text-transform:uppercase;
	text-shadow:#42444b 0 1px 0;
	line-height:100%;
	background:none;
	padding:0;
	}
.event .month {
	font-size:.8em;
	}
.event .day {
	font-size:1.7em;
	letter-spacing:-2px;
	}
.event .year {
	font-size:.9em;
	color:#818287;
	}
#browse-cat {
	float:left;
	width:268px;
	padding:30px 13px 0 11px;
	}
#browse-cat h2 {
	margin:0 0 1em 16px;
	background:url(graphics/t-browse-by-cat.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	}
#browse-date {
	float:left;
	width:265px;
	padding:30px 0 0 13px;
	}
#browse-date h2 {
	margin:0 0 1em 16px;
	background:url(graphics/t-browse-by-date.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	width:180px;
	}
#browse-cat ul {
	margin-bottom:25px;
	}
#browse-date ul {
	margin-bottom:15px;
	}
#browse-cat li,
#browse-date li {
	background:url(graphics/bullet-bigdot-blue-footer.gif) no-repeat 0 .8em;
	border-bottom:1px solid #2a2b32;
	font:bold 1.2em "Century Gothic",Helvetica,Arial,sans-serif;
	}
#browse-cat li a,
#browse-date li a {
	display:block;
	padding:.5em 0 .5em 17px;
	}
#browse-cat li a:link,
#browse-cat li a:visited,
#browse-date li a:link,
#browse-date li a:visited {
	text-decoration:none;
	color:#aaacb0;
	}
#browse-cat li a:hover,
#browse-cat li a:focus,
#browse-date li a:hover,
#browse-date li a:focus {
	color:#fff;
	}
.bttn-view-all {
	background:url(graphics/bttn-view-all-footer.gif) no-repeat 0px 0px;
	width:86px;
	height:25px;
	margin:.5em 0 2.5em 178px;
	display:block;
	text-indent:-9999px;
	}
.bttn-view-all:hover {
	background-position:0px -25px;
	}
#search-blog {
	padding:0 0 0 16px;
	}
#browse-date #search-blog h2 {
	margin:0 0 .8em 0;
	background:url(graphics/t-search-blog.gif) no-repeat;
	}
#search-blog .txt {
	width:183px;
	margin:5px 10px 0 0;
	}
#search-blog .btn {
	vertical-align:top;
	}
#search-blog #bttn-go2 {
	vertical-align:top;
	border:none;
	background:url(graphics/bttn-go.png) no-repeat;
	height:35px;
	width:35px;
	text-indent:-9999px;
	}

/* @end */

/* @group archive */

.article h2 a:link,
.article h2 a:visited {
	text-decoration:none;
	}
.line {
	border-bottom:1px solid #edede7;
	padding-bottom:10px;
	margin-bottom:10px;
	}
.line .info li  {
	margin-bottom:10px;
	}
p.next {
	display:block;
	margin:0;
	width:100%;
	float:none;
	}
p.next a {
	margin-left:631px;
	}
.line p {
	margin-bottom:0;
	}

/* @end */

