/*   
Theme Name: Moving Brands
Theme URI: http://movingbrands.com/
Description: Custom theme for movingbrands.com by Matt Sephton, adapted for Itzu Media by Chandler Simpson.
Author: Matt Sephton
Author URI: http://www.gingerbeardman.com/work/
Version: 1.1
*/

/*
colors:
black #000
green #b8d800
lightgrey #d7d7d7
darkgrey #707070
*/

/* *** eric meyer reset css *** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* *** custom moving brands css *** */

html {
	font-size: 100%;
}

body {
	font-size: 70%;
	font-family: Helvetica, Arial, sans-serif;
	margin: 10px;
	width: 980px;
	line-height: 1.4em;
	color: #707070;
	background-color: #fff;
}

.body-bg
{
	font-size: 70%;
	font-family: Helvetica, Arial, sans-serif;
	margin: 10px;
	width: 980px;
	line-height: 1.4em;
	color: #707070;
	background-color: #000;
}
a {
	color: #707070;
	font-weight:bold;
}

a:hover, #header a:hover, #addCommentPanel .commentBtn input:hover {
	text-decoration: none;
	color: #FF3333; /*#663300; #b8d800;*/
}

a.selected, #header a.selected, li.selected {
	color: #FF3333;
}

#header {
	font-size: 1.2em;
	color: #707070;
	position: relative;
	height: 60px;
}

#header #logo, #header #lists, #header #main, #header #contact, #header #sub, #header #address {
	float: left;
}

#header #lists {
	position: absolute;
	bottom: 0;
	left: 70px;
}

#logo {
	background: transparent url(new/logo.png) no-repeat scroll top left;
	display: block;
	width: 165px;
	height: 45px;
	margin-right: 10px;
}

#logo:hover {
	/*background-position: -60px 0;*/
}

#logo span {
	position: absolute;
	margin-left: -99em;
}

#address {
	width: 260px;
}

#contact strong {
	color: #000;
	font-weight: bold;
}

sup {
	font-size: 0.8em;
	vertical-align: top;
}

#main {
	width: 330px;
}

#contact {
	width: 250px;
}

#sub {
	position: relative;
	width: 65px;
}

#tags {
	width: 215px;
	margin-right: 90px;
}

#tags li {
	display: inline;
	margin-right: 0.5em;
}

.postWrapper h2 {
	font-size: 1.2em;
	font-weight: bold;
	float: none;
	width: 320px;
	margin-bottom: 1em;
}

.postWrapper h2 a {
	color: #707070;
}

#pageOffer.postWrapper h2 {
	color: #000;
	font-weight: normal;
}

.post p {
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
/*	margin-bottom: 1em;*/
/*	padding-left: 330px;*/
	width: 650px;
}

.postWrapper {
	float: left;
	clear: left;
	width: 990px;
}

.post {
	float: left;
	width: 650px;
	margin-right: 10px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #000;
	
	position: relative;
}

.post img, .post embed {
/*	float: left;
	margin-left: -330px;
	margin-right: 10px;
	display: block;*/
	width: 650px;
}

#postDetail .post img {
	width: 650px;
}

#postDetail .post .group {
	float: left;
	width: 320px;
	margin-left: -330px;
	margin-right: 10px;
}

#postDetail .post .group p {
	margin-bottom: 8px;
}

.postBody {
	display: block;
	float: left;
	width: 650px;
}

.postBody strong {
	font-weight: bold;
}

.sidePanel {
	width: 320px;
	margin-left: 660px;

	color: #707070;
	font-size: 1.2em;
	
	position: absolute;
	top: -1px;
	border-top: 1px solid #000;
}

.postMeta {
	float: left;
	border-bottom: 1px solid #707070;
}

.postMeta strong, .sidePanel .commentMeta strong, #addCommentPanel label {
	display: block;
	font-size: 0.75em;
	padding-bottom: 1px;
	margin-bottom: -0.1em;
}

.postMeta .postTags {
	clear: left;
	float: left;
	padding-top: 2px;
}

.postMeta .ruleTags {
	clear: left;
	background: #fff url(new/stripes.gif) repeat scroll top left;
	padding-top: 9px;
}

.postMeta .postTags ul {
	float: left;
	width: 230px;
	background-color: #fff;
	padding-left: 5px;
}

.postMeta .postTags ul li {
	display: block;
	float: left;
	margin-right: 1em;
}

.postMeta .postTags strong {
	font-size: 1em;
	font-weight: bold;
	width: 85px;
	float: left;
	background-color: #fff;
}

.postMeta .postAuthor, .postMeta .postDate, .commentMeta .commentAuthor, .commentMeta .commentMore {
	background: transparent url(new/stripes.gif) repeat scroll top left;
	padding-bottom: 1em;
}

.postMeta .postAuthor, .postMeta .postDate, .postMeta .postTime {
	float: left;
}

.postMeta .postAuthor {
	width: 153px;
	margin-right: 10px;
	padding-left: 2px;
}

.postMeta .postDate {
	width: 98px;
	margin-right: 5px;
	padding-left: 2px;
}

.postMeta .postDate span {
	padding-right: 0.5em;
	margin-right: 0.5em;
	padding-bottom: 1px;
/*	border-bottom: 1px solid #707070;*/
}

.postMeta .postTime {
	width: 45px;
	padding-bottom: 0.75em;
	background-color: #fff;
}

.postMeta .postTime span {
	padding-bottom: 1px;
/*	border-bottom: 1px solid #707070;*/
}

.commentMeta {
	clear: left;
}

.commentMeta .commentLatest {
	width: 230px;
	padding-left: 90px;
	max-height: 9.75em;	 /* fix? */
	margin-bottom: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.commentMeta .commentLatest strong {
	display: block;
	background: #fff url(new/stripes.gif) repeat scroll top left;
	float: left;
	width: 85px;
	margin-left: -90px;
	padding-left: 0;
	padding-bottom: 0.5em;
}

.commentMeta .commentLatest strong, .commentMeta .commentLatest div {
	padding-top: 5px;
}

.commentMeta .commentLatest div a {
	text-decoration: none;
}

.commentMeta .commentAuthor {
	float: left;
	margin-left: 90px;
	width: 175px;
}

.commentMeta .commentMore {
	float: left;
	width: 55px;
	padding-bottom: 0;
}

.commentMeta .commentMore strong {
	padding-left: 5px;
}

.commentMeta .commentMore div {
	font-size: 2em;
	background-color: #fff;
	padding: 3px 5px 0.5em 5px;
}

/* new */

#comment {
	width: 450px;
	border: 1px solid #707070;
}

#submit {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	background-color: #707070;
	color: #fff;
	padding: 3px;
	border: 0;
}

#navigation {
	clear: both;
	font-size: 1.2em;
	margin-top: 2em;
}

/* post page */

.postDetailMeta {
	float: left;
	width: 320px;
	color: #707070;
	
/*	border-bottom: 1px solid #000;*/
	margin-bottom: 14px;
}
	
.postDetailMeta a, .postDetailMeta div.wo, #commentsDetail a, #commentsDetail div.wo {
	font-size: 1.2em;
}

.postDetailMeta strong, #commentsDetail strong, #addCommentPanel label {
	display: block;
	font-weight: normal;
}

.postDetailMeta div.postDate, #commentsDetail div.commentDate {
	display: block;
	float: left;
	width: 70px;
}

.postDetailMeta div.postTime, #commentsDetail div.commentTime {
	display: block;
	float: left;
	width: 50px;
}

.postMeta div.postTime div.wo {
	white-space: nowrap;
}

.postDetailMeta div.postAuthor, .postDetailMeta div.postTags, #commentsDetail div.commentAuthor {
	display: block;
	float: left;
	width: 240px;
}

#commentsDetail div.commentAuthor {
	width: 190px;
}

.postDetailMeta div.postTags li {
	display: inline;
}

#commentsDetail {
	float: left;
	width: 320px;
	color: #707070;
	
	border-top: 1px solid #000;
	background: transparent url(new/stripes.gif) repeat scroll top left;
}

#commentsDetail .comment {
	display: block;
	float: left;
	border-bottom: 1px solid #000;
	padding: 2px 0;
}

#commentsDetail .comment p {
	font-style: italic;
}

#commentsDetail .comment .commentAuthor div, #commentsDetail .comment .commentDate div, #commentsDetail .comment .commentTime div {
	text-decoration: underline;
}

.wrapperDetail {
	float: left;
	width: 320px;
}

.post #commentsDetail p {
	width: 320px;
	padding-left: 0;
}

#addCommentPanel {
	width: 320px;

	color: #707070;
	font-size: 1.2em;

	float: right;
	margin-top: 10px;

	border-top: 1px solid #000;
}

#addCommentPanel label {
	border-top: 0;
	width: 320px;
	background: transparent url(new/stripes.gif) repeat scroll top left;
}

#addCommentPanel input, #addCommentPanel textarea {
	width: 314px;
	border: 1px solid #d7d7d7;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	padding: 2px;
}

#addCommentPanel textarea {
	height: 10em;
}

#addCommentPanel .commentMeta {
	float: none;
	margin-right: 0;
}

#addCommentPanel .commentAuthor {
	float: none;
	margin-left: 0;
	margin-right: 0;
	width: 320px;
}

#addCommentPanel .commentAuthor #login {
	background-color: #fff;
	padding-bottom: 10px;
}

#addCommentPanel .commentBtn {
/*	padding-top: 2em;*/
	width: 320px;
	padding: 0;

/*	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: transparent url(new/stripes.gif) repeat scroll top left;*/
}

#addCommentPanel .commentBtn input {
	width: auto;
	height: 21px;
	font-size: 1em;
	border: 0;
	padding: 0 0 2px 2px;
	background-color: #000;
	color: #fff;
	width: 100%;
	text-align: left;
}

/* page */

#pageDetail {
	border-top: 1px solid #000;
	width: 330px;
	margin-left: 660px;
	margin-top: 8px;
	
	font-size: 1.2em;
}

#pageDetail.workDetail {
	border-top: 0;
	margin-left: 640px;
}

.imgWrapper {
	position: relative;
	float: left;
	margin-left: -640px;
	
	background: #fff url(new/stripes.gif) repeat scroll top left;
	width: 980px;
}

#pageDetail object, #pageDetail img {
	border-top: 1px solid #000;
/*	width: 634px;*/
	margin-left: -660px;
	margin-top: -1px;
	padding-top: 8px;
	float: left;
}

#pageDetail.workDetail img.bleeding, #pageDetail.workDetail object {
	border-top: 1px solid #000;
/*	width: 980px;*/
/*	margin-left: -648px;*/
	margin-left: 0;
	margin-top: -1px;
	padding-top: 0;
	padding-bottom: 14px;
	float: left;
	position: relative;
	clear: left;
}

#pageDetail p {
/*	clear: left;*/
	margin-bottom: 5px;
	padding-bottom: 10px;
	line-height: 1.25em;
}

div.boxDetail p {
	clear: left;
}

#pageDetail p.takeout {
	margin-bottom: -0.25em;
}

#pageDetail strong {
	font-weight: bold;
	display: block;
}

#pageStudio #sidebar p {
	color: #707070;
	margin-bottom: 1em;
}

#pageStudio em {
	font-style: normal;
	color: #707070;
}

#pageStudio strong {
	font-weight: normal;
	color: #000;
}

#pageStudio .post img, #pageStudio .post embed {
	margin: 0 10px 10px 0;
	float: left;
}

#pageStudio .post img.large {
	width: auto;
}

#pageStudio .postBody {
	width: 660px;
	margin-left: 0;
}

#pageDetail p.caption {
	clear: left;
	margin-top: 1em;
}

#pageDetail h2 {
	font-size: 1em;
	font-weight: normal;
	margin-top: 8px;
	padding-bottom: 10px;
	float: left;
	width: 240px;
}

#pageDetail h2 span {
	color: #000;
}

#pageDetail.workDetail .boxWrapper {
	background-color: transparent;
	position: absolute;
	top: -1px;
	right: 0;
	padding: 0 8px;
	width: 320px;
}

#pageDetail.workDetail .boxDetail {
	background-color: #fff;
	padding-left: 8px;
	border-top: 1px solid #000;
	width: 320px;
}

#pageDetail.workDetail .boxDetail .permanav {
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	margin-top: 0.7em;
}

#pageDetail.workDetail .boxDetail .permanav a.prev {
	float: left;
}

#pageDetail.workDetail .boxDetail .permanav a.next {
	float: right;
}

#postDetail #postWrapper {
	float: right;
	width: 320px;
/*	margin-right: 10px; */
}

#postDetail .social {
	clear: right;
	font-size: 1.2em;
	width: 320px;
	padding-top: 10px;
	margin-left: 0px;
}

#pageDetail.workDetail .share, #pageDetail.workDetail .social {
	background-color: #fff;
	margin-top: 5px;
	padding: 5px 5px 5px 10px;
	width: 320px;
	clear: left;
}

#pageDetail.workDetail .social ul li, #postDetail .social ul li {
	display: inline;
}

#pageDetail.workDetail .social ul li a, #postDetail .social ul li a {
	float: left;
	display: block;
	font-size: 0.8em;
	margin-right: 2em;
}

.clear {
	clear: left;
}

#sidebar {
	float: left;
	width: 320px;
	margin-top: 10px;
	border-top: 1px solid #000;
	padding-top: 8px;
	font-size: 1.2em;
}

#sidebar p {
	color: #000;
}

#sidebar ul {
	float: left;
	width: 150px;
	margin-right: 10px;
}

#sidebar ul li.client {
	color: #000;
}

/* work index */

#workIndex {
	margin-top: 8px;
}

#rows {
	float: left;
	border-bottom: 1px solid #000;
}

#rows li {
	float: left;
	width: 980px;
	clear: left;
	border-top: 1px solid #000;
	padding-bottom: 5px;
	background: transparent url(new/stripes.gif) repeat scroll 0 -1px;
	padding-top: 4px;
}

#rows li strong {
	font-size: 1.2em;
	font-weight: bold;
	color: #707070;
	margin: -1px 0 5px 0;
	display: block;
}

#rows li strong span {
	font-weight: normal;
}

#rows .cells {
	width: 990px;
}

#rows .cells li {
	font-size: 1.1em;
	float: left;
	clear: none;
	margin-right: 10px;
	margin-bottom: 4px;
	border: 0;
	width: auto;
	background: none;
	padding-top: 1px;
	position: relative;
}

#rows .cells li a {
	display: block;
	text-decoration: none;
}

#rows .cells li img {
	display: block;
	width: 155px;
	height: 115px;
}

#rows .cells li object, #rows .cells li embed {
	display: block;
}

#rows .cells li strong {
	display: block;
	font-weight: normal;
	font-size: 1em;
	color: #000;
	text-decoration: none;
}

#rows .cells li strong span {
	color: #707070;
	text-decoration: underline;
}

#rows .cells li strong span:hover {
	color: #b8d800;
}

#rows .cells div.info {
	display: block;
	width: 147px;
	background-color: #fff;
	color: #707070;
	padding: 4px;

	position: absolute;
	top: 0;
}

/* footer */
#footer {
	clear: both;
	font-size: 1.2em;
	padding-top: 10px;
}

#footer ul {
	float: left;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	padding-right: 0.3em;
	border-right: 1px solid #707070;
}

#footer ul li.nop a {
	padding-right: 0;
	border-right: none;
}

#footer #navfooter, #footer #paginator, #footer #dltheme {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0.25em 0 0.5em 0;
	margin: 0 0 1em 0;
	width: 320px;
}

#footer #navfooter {
	padding-right: 10px;
}

#footer #paginator {
	margin-right: 10px;
}

/* NEW HOME */
#NHwrapper {
	width: 980px;
	font-size: 1.2em;
	background:transparent url(new/stripes.gif) repeat scroll left top;
}

#NHleft, #NHright {
	border-top: 1px solid #000;
	padding-top: 6px;
	margin-top: 6px;
}

#NHwork, #NHblog, #NHflickr, #NHvimeo, #NHtwitter {
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
	margin-bottom: 8px;
}

#NHblog p {
	color: #000;
}

#NHtwitter {
	font-weight: bold;
}

#NHtwitter a {
	word-wrap: break-word;
}

#NHtwitter p.follow {
	font-weight: normal;
}

p.follow {
	padding-top: 3px;
}

#NHleft, #NHblog, #NHfollow, #NHwrapper, #NHwrapperBT, #NHwrapperFF {
	float: left;
}

#NHfollow strong {
	color: #000;
}

#NHright, #NHtwitter, #NHflickr {
	float: right;
}

#NHtwitter #tweet {
	font-size: 2.0em;
	line-height: 1em;
	color: #000;
	font-family: Adobe Caslon Pro, Georgia, Serif;
}

#NHleft, #NHwrapperBT {
	width: 650px;
}

#NHright, #NHwrapperFF, #NHblog, #NHtwitter {
	width: 320px;
}

#NHvimeo, #NHlocations {
	clear: both;
}

.NHlocation {
	display: block;
	width: 237px;
	height: 220px;
	float: left;
	margin-right: 10px;
	position: relative;
	z-index: 1;
}

.NHlocation p {
	margin-top: 3px;
}

.nogutter {
	margin-right: 0;
}

.post-new p {
width:420px !important;
}

.about-client li {
	padding:5px 0;
}

.about-feature {
	margin-left:30px;
}
.about-feature li {
	padding:3px 5px;
	font-size:10px;
	list-style-type:disc;
}


.home-link-font {
	padding-top:8px;
}
.home-link-font a {
	font-family: Arial, Sans Serif;
	font-size:10pt;
	color: #707070;
}

.home-link-font a:hover {
	font-family: Arial, Sans Serif;
	font-size:10pt;
	text-decoration: underline;
	color: #FF3333 ; /*#663300; #b8d800;*/
}

.home-link-font a.selected {
	color: #FF3333;
	font-family: Arial, Sans Serif;
	font-size:10pt;
}




/* page Work Detail */

#pageDetail_work {
	border-top: 1px solid #000;
	width: 330px;
	margin-left: 660px;
	margin-top: 8px;
	
	font-size: 1.2em;
}

#pageDetail_work.workDetail {
	border-top: 0;
	margin-left: 640px;
}


#pageDetail_work object, #pageDetail_work img {
	border-top: 1px solid #000;
/*	width: 634px;*/
	margin-left: -660px;
	margin-top: -1px;
	padding-top: 8px;
	float: left;
}

#pageDetail_work.workDetail img.bleeding, #pageDetail_work.workDetail object {
	border-top: 1px solid #000;
/*	width: 980px;*/
/*	margin-left: -648px;*/
	margin-left: 0;
	margin-top: -1px;
	padding-top: 0;
	padding-bottom: 14px;
	float: left;
	position: relative;
	clear: left;
}

#pageDetail_work p {
/*	clear: left;*/
	margin-bottom: 5px;
	padding-bottom: 10px;
	line-height: 1.25em;
}

div.boxDetail p {
	clear: left;
}

#pageDetail_work p.takeout {
	margin-bottom: -0.25em;
}

#pageDetail_work strong {
	font-weight: bold;
	display: block;
}

.imgWrapper_New {
	border-top:1px solid black;
}


.postTimeNew {
	background-image:url(new/stripes-b.gif);
	background-color:#000000 !important;
	float: left;
}
.postTagsNew {
	background-image:url(new/stripes-b.gif);
	background-color:#000000 !important;
}
.postTagsNew strong {
	background-image:url(new/stripes-b.gif);
	background-color:#000000 !important;
	color:#D7D7D7 !important;
}
.postTagsNew ul{
	background-image:url(new/stripes-b.gif);
	background-color:#000000 !important;
	color:#D7D7D7 !important;
}
.postTagsNew ul li a{
	color:#D7D7D7;
}
.ruleTagsNew {
	background-image:url(new/stripes-b.gif) !important;
	background-color:#000000 !important;
}
.ruleTagsNew a{
	color:#D7D7D7 !important;
}
.sidePanelNew{
	color:#D7D7D7 !important;
}

/* EOF */