/************************************************************/
/* reset */
/************************************************************/

html, body, div, span, applet, object, iframe, h1, H2, h3, h4, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;	font-size: 100%; vertical-align: baseline; border: 0;	outline: 0;	background: transparent; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
table {	border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
img { border: 0; }
h1, h2, h3, h4, h5 { font-weight: normal; }


/************************************************************/
/* clearfix */
/************************************************************/

/* For modern browsers */
img:before,
img:after,
#nav:before,
#nav:after,
#container:before,
#container:after,
.post-meta:before,
.post-meta:after,
#searchform:before,
#searchform:after,
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

img:after,
#nav:after,
#container:after,
.post-meta:after,
#searchform:after,
.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
img,
#nav,
#container,
.post-meta,
#searchform,
.clearfix {
    zoom:1;
}

/************************************************************/
/* main */
/************************************************************/

body {
	background: #111 url(images/bg7b.png) fixed;/*http://subtlepatterns.com.s151819.gridserver.com/gplay/*/
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	color: #EEE;
	font-size: 16px;
	line-height: 120%;
	}

#wrapper {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	}

a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #2f6cab;
	}

a:hover {
	color: #2f6cab;
	border-bottom: 1px solid transparent;
	}

p {
	margin: 0 0 10px 0;
	}

h4,
h3#reply-title {
	font-size: 1.15em;
	color: #2f6cab;
	padding: 6px 0 7px;
	border: none;
	margin: 0;
	}

h3 {
	font-size: 1.3em;
	//border-bottom: 2px solid #2f6cab;
	padding: 0;
	margin-bottom: 15px;
	}

h3 a {
	display: block;
	border: none;	
	}

h3 a:hover {
	background-color: transparent;
	color: #2f6cab;
	}

/************************************************************/
/* header */
/************************************************************/
	
#header {
	text-transform: uppercase;
	position: fixed;
	left: 50%;
	margin: 0 0 0 270px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: normal;
	}

h2.pagetitle {
	text-transform: uppercase;
	position: fixed;
	left: 50%;
	top: 55%;
	margin: 0 0 0 270px;
	border: none;
	font-size: 1.1em;
	font-weight: normal;
	width: 205px;
	display: block;
	text-align: right;
	line-height: 1.2em;
	}

#header a {
	text-decoration: none;
	border: none;
	color: #FFF;
	border-bottom: 2px solid transparent;
	}

#header a:hover {
	border-bottom: 2px solid #2f6cab;
	}

#header h1 a {
	background: transparent url(images/clm_logo3.png) no-repeat;
	display: block;
	width: 235px;
	height: 170px;
	color: transparent;
	border: none;
	}

#header h1 a:hover {
	border: none;
	}
	
#header #nav {
	font-size: 1.7em;
	line-height: 1.2em;
	margin: 15px 33px 0 20px;
	list-style-type: none;
	float: right;
	}
	
#header #nav li {
	width: 105px;
	display: block;
	float: left;

	}

#header #nav li a {
	text-align: right;
	}

#header #nav li a:hover {

	}

#header #nav li.about {
	//padding-right: 15px;
	}

	
/************************************************************/
/* main */
/************************************************************/

#main {
	//background: #202020;
	margin: 40px 0;
	//padding: 14px 14px 14px 14px;
	}

.number-page-list {
	clear: both;
	text-align: right;
	margin: 40px 0 0px;
	}

.number-page-list span {
	margin: 0 3px;
	}

.number-page-list span span,
.number-page-list span a {
	border: 1px solid #2f6cab;
	padding: 4px 6px;
	}

.number-page-list span span {
	background-color: #2f6cab;
	color: #FFF;
	margin: 0;
	}
	
.number-page-list span a {
	border: 1px solid #2f6cab;
	}


/************************************************************/
/* post */
/************************************************************/

.post {
	margin-top: 40px;
	}


.post {
	background: url(images/clm_bg.png);
	padding: 15px;

	}
	
.post.post-order-1, .page {
	margin-top: 0;
	}

h2,
.post h3 {
	clear: both;
	font-size:1.8em;
	line-height: 1.15em;
	border-bottom: 1px solid #2f6cab;
	padding-bottom: 5px;
	}

h2 a,
.post h3 a {
	border: none;
	color: #FFF;
	}
	
.post .post-content {
	padding-top: 10px;
	}

.post iframe {
	margin: 10px 0 4px;
	}

.post ul, .post ol {
padding: 5px 0 15px 35px;
	}
	
.post .post-content img {
	width: 468px;
	border: 1px solid #202020;
	}

.post img.size-medium {
	
	}
	
.post .post-meta {
	margin-top: 30px;
	padding: 8px 0 0;
	border-top: 1px dashed #444;
	//border-bottom: 1px dashed #999;
	}

.post .post-meta,
.post .post-meta a {
	color: #AAA;//9A9A9A;
	text-decoration: none;
	}
	
.post .post-meta a {
	border: none;
	}

.post .post-meta a:hover {
	color: #2f6cab;
	background: none;
	}


.post .post-meta .post-meta-row {
	//border-top: 1px dashed #999;
	clear: both;
	}
	
.post .post-meta .post-meta-row div {
	text-transform: uppercase;
	font-size: 10px;
	line-height: 20px;
	}

.post .post-meta .meta-label {
	display: none;
	}

.post .post-meta span {
	background: transparent no-repeat 0 50%;
	padding: 2px 0 2px 21px;
	//border: 1px solid red;
	}

//.post .post-meta .date,
.post .post-meta .comment-count,
.post .post-meta .category,
.post .post-meta .social {
	border-left: 1px dashed #999;
	padding-left: 5px;
	}

.post .post-meta .date,
.post .post-meta .category,
.post .post-meta .author,
.post .post-meta .comment-count,
.post .post-meta .social {
	float: left;
	//border: 1px solid red;
	}
	
.post .post-meta .date {
	width: 145px;
	}	

.post .post-meta .author {
	//width: 88px;
	display: none;
	}
	
.post .post-meta .author span {
	background-image: url(images/meta-user.png);
	}
	
.post .post-meta .date {
	
	}
	
.post .post-meta .date span {
	background-image: url(images/meta-calendar.png);
	}

.post .post-meta .comment-count {
	width: 130px
	}

.post .post-meta .comment-count span {
	background-image: url(images/meta-comment.png);
	}

.post .post-meta .category {
	width: 140px;
	}

.post .post-meta .category span {
	background-image: url(images/meta-folder.png);
	}

//http://www.premiumpixels.com/freebies/review-rating-stars%E2%80%A6-psd/
.post .post-meta .rating {
	width: 85px;
	float: right;
	display: block;
	}

.post .post-meta .rating .star-full,
.post .post-meta .rating .star-empty {	
	display: block;
	align: center;
	width: 17px;
	height: 18px;
	float: left;
	padding: 0;
	margin: 0;
	}

.post .post-meta .rating .star-full {	
	background: transparent url(images/clm_stars.png) no-repeat 0 0;
	}

.post .post-meta .rating .star-empty {	
	background: transparent url(images/clm_stars.png) no-repeat -19px 0;
	}

.post .post-meta .tag {
	width:385px;
	}
	
.post .post-meta .tag {
	float: left;
	padding: 3px 0;
	}

.post .post-meta .tag span {
	background-image: url(images/meta-tag.png);
	}

.post .post-meta .tag .meta-value {
	width: 350px;
	display: block;
	line-height: 100%;
	padding-top: 3px;
	}

.post .post-meta .social {
	width: 55px;
	}

.post .post-meta .social a.twitter, 
.post .post-meta .social a.facebook,
.post .post-meta .social .fb-share-button {
	display: block;
	float: right;
	width: 24px;
	height: 14px;
	text-indent: -9999px;
	background: no-repeat top center;
	}

.post .post-meta .social a.twitter {
	background-image: url(images/clm_social_twitter.png);
	}
	
.post .post-meta .social a.facebook,
.post .post-meta .social .fb-share-button {
	background-image: url(images/clm_social_facebook.png);
	}

.post .post-meta .social a:hover {
	background-position: bottom center;
	}

.post .post-meta .social span {
	padding: 0;
	margin: 0;
	}

.post .post-meta .social .twitter {
	
	}
	
.post .post-meta .social .facebook {
	
	}

/*
.post .post-social-media {
	clear: both;
	padding: 20px 10px 10px;
	float: right;
	}
*/	

.post .read-more {
	font-size: 0.65em;
	text-transform: uppercase;
	}
	
.post #comments {
	margin-top: 40px;
	}
	
.post ol.commentlist {
	padding: 0;
	list-style-type: none;
	}

.post li {
	padding: 0;
	}

#comments {
	padding: 30px 0 20px 0;
	}

#comments h3#reply-title {
	font-size: 1.2em;
	color: #2f6cab;
	padding: 6px 0 7px;
	border: none;
	margin: 0;
	}

#commentform {
	padding: 10px 0 20px 0;
	}

#commentform input {
	width: 140px;
	padding: 3px;
	}

#commentform input#submit {
	background-color: #2f6cab;
	color: #FFF;
	font-size: 0.85em;
	}

#commentform textarea {
	width: 464px;
	height: 150px;
	padding: 3px;
	}

#commentform input:hover#submit {
	color: #2f6cab;
	background-color: #FFF;
	}
	
#commentform input,
#commentform textarea {
	border: 1px solid #2f6cab;
	background-color: #202020;
	color: #EEE;
	font-size: 1.1em;
	}

#commentform p {
	
	}

#commentform p label {
	display: block;
	text-transform: uppercase;
	font-size: 0.7em;
	line-height: 1em;
	color: #888;
	padding: 0 0 3px 3px;
	}

#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
	float: left;
	position: relative;
	width: 140px;
	}

#commentform .comment-form-author {
	
	}

#commentform .comment-form-email {
	padding-left: 22px;
	padding-right: 22px;
	}

#commentform .comment-form-url {
	
	}

#commentform .comment-form-comment {
	
	}

#commentform {
	
	}

.comment {
	padding: 2px 0 8px 0;
	}
	
.depth-2 {
	margin: 15px 0 0 50px;
	}

.depth-3 {
	margin: 15px 0 0 100px;
	}

.depth-4 {
	margin: 15px 0 0 150px;
	}
	
.depth-5 {
	margin: 15px 0 0 2000px;
	}

.comment #respond {
	padding-top: 15px;
	}

.comment #respond #reply-title small {
	float: right;
	text-align: right;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: normal;
	}

.comment {
	padding: 20px 0;
	clear: both;
	}

.comment .comment-meta {
	border: 1px solid #222;
	background: url(images/clm_gb.png);//#444;
	display: block;
	height: 50px;
	margin: 0 -1px;
	}

.comment .clm-comment .comment-meta {
	border: 1px solid #2f6cab;
	}

.comment .comment-meta img {
	display: block;
	float: left;
	position: relative;
	padding-right: 20px;
	}

.comment .comment-meta .comment-meta-date {
	display: block;
	float: right;
	position: relative;
	text-align: right;
	padding: 6px 10px 0 0;
	}

.comment .comment-meta .comment-meta-date a {
	color: #888;
	border: none;
	}

.comment .comment-meta .comment-meta-date a:hover {
	color: #2f6cab;
	}

.comment .comment-meta .comment-meta-date .comment-meta-date-day {
	
	}

.comment .comment-meta .comment-meta-date .comment-meta-date-time {
	
	}

.comment .comment-meta .comment-meta-author {
	display: block;
	float: left;
	position: relative;
	line-height: 50px;
	font-size: 1.3em;
	}

.comment .comment-awaiting-moderation {
	display: block;
	padding-top: 10px;
	text-align: center;
	color: #2f6cab;
	margin-bottom: -20px;
	}
	
.comment .comment-body {
	padding: 10px 15px;
	}

.comment .reply {
	margin-top: -10px;
	padding: 0 15px 10px 15px;
	position: relative;
	float: left;
	}

.comment .reply a {
	color: #999;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: normal;
	border: none;
	}

.comment .reply a:hover {
	color: #2f6cab;
	}

.comment .comment-body .post-ratings-comment-author {
	position: relative;
	float: right;
	color: #999;
	text-align: right;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: normal;
	}

.comment .comment-body .post-ratings-comment-author img {
	padding: 2px 0 0 0;
	margin: 0 0 -4px 0;
}


/************************************************************/
/* archives */
/************************************************************/

.archive-section {
	clear: both;
	padding: 0px 0 20px;
	font-size: 0.9em;
}

#archive-list-monthly {
	text-align: center;
	padding-top: 20px;
	}

#archive-list-monthly-section h3 {
	display: none;
	}

#archive-list-monthly span.year,
#archive-list-monthly span.month {
	padding: 0 5px;
	display: block;
	position: relative;
	float: left;
	line-height: 20px;
	}

#archive-list-monthly span.year {

	}

#archive-list-monthly span.year {
	color: #2f6cab;
	}

#archive-list-monthly span.empty {
	color: #CCC;
	}

#archive-list-monthly a {
	display: block;
	width: 100%;
	height: 100%;
	}

table.tag-bar-tbl {
	margin: 0 40px;
	}

table.tag-bar-tbl td {

	}

table.tag-bar-tbl tr:hover,
table.tag-bar-tbl tr:hover a {
	color: #2f6cab;
	background-color: #EEE;
	}

table.tag-bar-tbl td.tag-name {

	}

table.tag-bar-tbl td.tag-count {
	padding: 0 10px;
	text-align: right;
	}
	
table.tag-bar-tbl td.tag-bar {
	width: 90%;
	}

table.tag-bar-tbl td.tag-bar a {
	display: block;
	background-color: #DDD;
	text-indent: -99999px;
	border: none;
	}

table.tag-bar-tbl td.tag-bar a:hover,
table.tag-bar-tbl tr:hover td.tag-bar a {
	background-color: #2f6cab;
	color: #FFF;
	border: none;
	}

table.tag-bar-tbl tr:hover td.tag-bar a {
	background-color: #2f6cab;
	border: none;
	}

.archive-tag-bar {
	padding: 10px 0 30px 0;
	}
	
.archive-tag-bar a.tag-bar-link {
	clear: both;
	//border-bottom: 4px solid transparent;
	border: none;
	margin-bottom: 4px;
	}

.archive-tag-bar a.tag-bar-link,
.archive-tag-bar a.tag-bar-link span {
	display: block;
	float: left;
	}
	
.archive-tag-bar a.tag-bar-link .tag-name {
	width: 140px;
	text-align: right;
	}

.archive-tag-bar a.tag-bar-link .tag-count {
	width: 30px;
	text-align: center;
	}

.archive-tag-bar a.tag-bar-link .tag-bar {
	width: 298px;]
	display: block;
	text-align: center;
	}

.archive-tag-bar a.tag-bar-link .tag-bar-bar {
	background-color: #DDD;
	text-indent: -9999px;
	}

.archive-tag-bar a.tag-bar-link:hover {
	background-color: #EEE;
	}

.archive-tag-bar a.tag-bar-link:hover .tag-bar-bar {
	background-color: #2f6cab;
	}

.archive-tag-bar .width-0 {width: 0%;}
.archive-tag-bar .width-1 {width: 1%;}
.archive-tag-bar .width-2 {width: 2%;}
.archive-tag-bar .width-3 {width: 3%;}
.archive-tag-bar .width-4 {width: 4%;}
.archive-tag-bar .width-5 {width: 5%;}
.archive-tag-bar .width-6 {width: 6%;}
.archive-tag-bar .width-7 {width: 7%;}
.archive-tag-bar .width-8 {width: 8%;}
.archive-tag-bar .width-9 {width: 9%;}
.archive-tag-bar .width-10 {width: 10%;}
.archive-tag-bar .width-11 {width: 11%;}
.archive-tag-bar .width-12 {width: 12%;}
.archive-tag-bar .width-13 {width: 13%;}
.archive-tag-bar .width-14 {width: 14%;}
.archive-tag-bar .width-15 {width: 15%;}
.archive-tag-bar .width-16 {width: 16%;}
.archive-tag-bar .width-17 {width: 17%;}
.archive-tag-bar .width-18 {width: 18%;}
.archive-tag-bar .width-19 {width: 19%;}
.archive-tag-bar .width-20 {width: 20%;}
.archive-tag-bar .width-21 {width: 21%;}
.archive-tag-bar .width-22 {width: 22%;}
.archive-tag-bar .width-23 {width: 23%;}
.archive-tag-bar .width-24 {width: 24%;}
.archive-tag-bar .width-25 {width: 25%;}
.archive-tag-bar .width-26 {width: 26%;}
.archive-tag-bar .width-27 {width: 27%;}
.archive-tag-bar .width-28 {width: 28%;}
.archive-tag-bar .width-29 {width: 29%;}
.archive-tag-bar .width-30 {width: 30%;}
.archive-tag-bar .width-31 {width: 31%;}
.archive-tag-bar .width-32 {width: 32%;}
.archive-tag-bar .width-33 {width: 33%;}
.archive-tag-bar .width-34 {width: 34%;}
.archive-tag-bar .width-35 {width: 35%;}
.archive-tag-bar .width-36 {width: 36%;}
.archive-tag-bar .width-37 {width: 37%;}
.archive-tag-bar .width-38 {width: 38%;}
.archive-tag-bar .width-39 {width: 39%;}
.archive-tag-bar .width-40 {width: 40%;}
.archive-tag-bar .width-41 {width: 41%;}
.archive-tag-bar .width-42 {width: 42%;}
.archive-tag-bar .width-43 {width: 43%;}
.archive-tag-bar .width-44 {width: 44%;}
.archive-tag-bar .width-45 {width: 45%;}
.archive-tag-bar .width-46 {width: 46%;}
.archive-tag-bar .width-47 {width: 47%;}
.archive-tag-bar .width-48 {width: 48%;}
.archive-tag-bar .width-49 {width: 49%;}
.archive-tag-bar .width-50 {width: 50%;}
.archive-tag-bar .width-51 {width: 51%;}
.archive-tag-bar .width-52 {width: 52%;}
.archive-tag-bar .width-53 {width: 53%;}
.archive-tag-bar .width-54 {width: 54%;}
.archive-tag-bar .width-55 {width: 55%;}
.archive-tag-bar .width-56 {width: 56%;}
.archive-tag-bar .width-57 {width: 57%;}
.archive-tag-bar .width-58 {width: 58%;}
.archive-tag-bar .width-59 {width: 59%;}
.archive-tag-bar .width-60 {width: 60%;}
.archive-tag-bar .width-61 {width: 61%;}
.archive-tag-bar .width-62 {width: 62%;}
.archive-tag-bar .width-63 {width: 63%;}
.archive-tag-bar .width-64 {width: 64%;}
.archive-tag-bar .width-65 {width: 65%;}
.archive-tag-bar .width-66 {width: 66%;}
.archive-tag-bar .width-67 {width: 67%;}
.archive-tag-bar .width-68 {width: 68%;}
.archive-tag-bar .width-69 {width: 69%;}
.archive-tag-bar .width-70 {width: 70%;}
.archive-tag-bar .width-71 {width: 71%;}
.archive-tag-bar .width-72 {width: 72%;}
.archive-tag-bar .width-73 {width: 73%;}
.archive-tag-bar .width-74 {width: 74%;}
.archive-tag-bar .width-75 {width: 75%;}
.archive-tag-bar .width-76 {width: 76%;}
.archive-tag-bar .width-77 {width: 77%;}
.archive-tag-bar .width-78 {width: 78%;}
.archive-tag-bar .width-79 {width: 79%;}
.archive-tag-bar .width-80 {width: 80%;}
.archive-tag-bar .width-81 {width: 81%;}
.archive-tag-bar .width-82 {width: 82%;}
.archive-tag-bar .width-83 {width: 83%;}
.archive-tag-bar .width-84 {width: 84%;}
.archive-tag-bar .width-85 {width: 85%;}
.archive-tag-bar .width-86 {width: 86%;}
.archive-tag-bar .width-87 {width: 87%;}
.archive-tag-bar .width-88 {width: 88%;}
.archive-tag-bar .width-89 {width: 89%;}
.archive-tag-bar .width-90 {width: 90%;}
.archive-tag-bar .width-91 {width: 91%;}
.archive-tag-bar .width-92 {width: 92%;}
.archive-tag-bar .width-93 {width: 93%;}
.archive-tag-bar .width-94 {width: 94%;}
.archive-tag-bar .width-95 {width: 95%;}
.archive-tag-bar .width-96 {width: 96%;}
.archive-tag-bar .width-97 {width: 97%;}
.archive-tag-bar .width-98 {width: 98%;}
.archive-tag-bar .width-99 {width: 99%;}
.archive-tag-bar .width-100 {width: 100%;}
	


/************************************************************/
/* collection */
/************************************************************/

#collection {
	
	}
	
#collection .album,
#collection .album span,	
#collection .album img {
	display: block;
	position: relative;
	float: left;
	width: 150px;
	height: 150px;	
	}

#collection .album {
	
	}

#collection .album.disc-0 {
	margin: 5px 5px 5px 0;
	}
	
#collection .album.disc-1 {
	margin: 5px 5px;
	}

#collection .album.disc-2 {
	margin: 5px 0 5px 5px;
	}

#collection .album span,	
#collection .album img {

	}

#collection .album img {
	z-index: 1;
	}
	
#collection .album span {
	z-index: 2;	
	display: none;
	margin: -151px 0 0 1px;
	width: 128px;
	height: 128px;
	padding: 10px;
	background-color: #111;
	border: 1px solid #2f6cab;
	}

#collection .album:hover span {
	display: block;
	}

/************************************************************/
/* misc */
/************************************************************/

p.miles-quote {
	background: transparent url(images/miles_quote.png) no-repeat top left;
	display: block;
	text-indent: -9999px;
	width: 470px;
	height: 200px;
	margin: 20px 0 10px;
	}


/************************************************************/
/* footer */
/************************************************************/

#footer {
	color: #333;
	font-size: 0.8em;
	line-height: 1.15em;
	//text-transform: uppercase;
	text-align: right;
	position: fixed;
	left: 50%;
	bottom: 0;
	width: 205px;
	margin: -50px 0 20px 270px;
	}
	

#footer a {
	color: #555;	
	border: none;
	}
	

#footer a:hover {
	border: none;
	color: #2f6cab;
	}