/*



Theme Name: NicelyStrange



Theme URI: http://nicelystrange.org/



Description: Custom Theme for NicelyStrange.com.



Version: 1.0



Author: James Santilli (Design), Jason Stockman (Development)



*/







/* reset */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	outline:0;
	margin:0;
	padding:0;
}

:focus {
	outline:0;
}

ol, ul {
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th, td {
	text-align:left;
}

a {
	text-decoration:none;
	color:#fff
}

.clr {
	clear:both
}

/* reset */







body {
	font-family: Verdana, Geneva, sans-serif;
	background:#1f1b1b
}

#bg {
	background: url(img/background.jpg) 0 0 repeat;
	padding:3px 0
}

#topbar {
	background: url(img/topbar.jpg) #1f1b1a center top no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:3px
}

#menu, #home {
	height:50px;
	position:relative;
	z-index:2
}

#wrapper {
	width:940px;
	margin:auto;
	position:relative
}

#menu {
	display:block;
	float:right
}

#menu li {
	margin-left:20px
}

#home {
	display:block;
	float: left
}

.menu li, .menu a {
	display:block;
	width:100px;
	float:left;
	height:50px;
	overflow:hidden
}

#wrapper .menu a {
	height:47px;
	padding-top:3px;
	background: url(img/menu.gif) 0 -52px no-repeat;
	text-align:center;
	text-indent:-999em;
	font-size:11px;
	font-weight:700;
	color:#8d8676;
	text-transform:uppercase
}

#wrapper .menu a:hover, #wrapper .menu .active a {
	background: url(img/menu.gif) 0 0 no-repeat;
	text-indent:0;
	color:#8d8676
}

#logo {
	position:relative;
	left:0;
	top:-25px
}

#footer {
	background: url(img/footer.gif) center top no-repeat #1f1b1b;
	padding:45px 0 60px 0;
	color:#6c6c6c;
	font-size:12px
}

.wrap {
	width:940px;
	margin:auto;
	position:relative
}

#footer h5 {
	font: 20px/1.5em Georgia, "Times New Roman", Times, serif;
	padding-bottom:10px
}

#footer h5 em {
	font-style:italic;
	color:#6c6c6c
}

#footer h5 strong {
	font-weight:700;
	color:#c0c0c0
}

#contact-form {
	border:0;
	margin:0;
	padding:0
}

#contact-form span {
	border-right:1px solid #2a2828;
	border-bottom: 1px solid #2a2828;
	display:block;
	float:left;
	clear:left;
	margin-bottom:10px
}

#contact-form input, #contact-form textarea {
	padding: 8px 10px;
	font: 12px/16px Verdana, Geneva, sans-serif;
	border: 1px solid #000;
	border-top-width:2px;
	background:#333;
	color:#6c6c6c;
	width:200px
}

#contact-form textarea {
	height:9.3em
}

#contact-form input:focus, #contact-form textarea:focus {
	border: 1px solid #000;
	border-top-width:2px;
	background:#fff;
	color:#292828;
	border-color:#a1a1a1
}

#contact-form #submit {
	color:#6c6c6c;
	clear:both;
	margin:auto;
	background: url(img/submit.gif) 0 0 no-repeat;
	display:block;
	width:213px;
	height:35px;
	line-height:35px;
	text-align:center;
	border:0;
	cursor:pointer;
	text-transform: uppercase;
	font-size:11px;
	padding:0;
	font-weight:700
}

#contact-form #submit:hover {
	background: url(img/submit.gif) 0 -35px no-repeat;
	color:#ff9314;
}

#col1, #col2, #col3, #col4 {
	float:left;
	width:220px;
	overflow:hidden
}

#col1 {
	width:222px;
	padding-right:7px
}

#col2, #col3, #col4 {
	float:left;
	width:220px;
	padding-left:15px
}

#footer a {
	color:#948667
}

#footer ul, #footer li, #footer li a {
	display:block;
	float:left
}

#footer li a {
	background: url(img/footer-li.gif) 0 2px no-repeat;
	padding: 0 0 0 30px;
	font-size:12px;
	font-style: italic
}

#footer li a:hover {
	color:#ff9314
}

#footer li {
	padding-bottom:10px;
	clear:left
}

#footer p {
	padding-bottom:10px
}

#footer strong {
	font-weight:700
}

#latest {
	position:relative
}

#latest .wrap {
	position:relative;
	margin:auto;
	width:700px;
	height:190px;
	overflow:hidden
}

#latest h4 {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	font-style: normal;
	color:#000;
	text-transform: uppercase;
	font-weight:700;
	line-height:1.2em;
	height:1.2em;
	overflow:hidden;
	margin-bottom:3px;
	display:block;
	padding-bottom:0
}

#wrapper #latest h4 a {
	color:#292828;
	padding: 0 3px
}

#wrapper #latest h4 a:hover {
	background:#ff9314;
	color:#292828
}

#latest li {
	display:block;
	float:left;
	position:relative;
	width:220px;
	background: url(img/latest-shadow.png) 0 98px no-repeat;
	padding:140px 20px 0 0;
	font-style: italic;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8d8676;
	line-height:1.4em;
	text-align:center;
	height:50px
}

#latest li .overlay, #latest li img {
	position:absolute;
	height:124px;
	width:220px;
	display:block;
	left:0;
	top:0
}

#latest li .overlay {
	z-index:2;
	left:10px
}

.page #latest li .overlay {
	z-index:2;
	left:0
}

#latest ul {
	width:2880px;
	margin:auto;
	display:block;
	overflow:hidden;
	height:190px;
	position:absolute;
	left:0;
	top:0;
	padding:0
}

#latest #prev, #latest #next {
	display:block;
	height:100px;
	width:100px;
	position:absolute;
	top:15px
}

#latest #prev, #latest #prev.dead:hover {
	background: url(img/arrows.gif) 0 0 no-repeat;
	left:0
}

#latest #next, #latest #next.dead:hover {
	background: url(img/arrows.gif) -100px 0 no-repeat;
	right:0
}

#latest #prev:hover {
	background: url(img/arrows.gif) 0 -100px no-repeat
}

#latest #next:hover {
	background: url(img/arrows.gif) -100px -100px no-repeat
}

#latest .dead {
	cursor:default
}

#latest li img.new {
	z-index:2;
	position:absolute;
	left:0;
	top:0;
	width:48px;
	height:25px
}

#latest.full .overlay {
	left:0
}

#latest.full li {
	padding: 140px 0 15px 0;
	margin:0 20px 0 0;
	height:50px
}

#latest.full li.item-4, #latest.full li.item-8, #latest.full li.item-12, #latest.full li.item-16 {
	margin-right:0
}

#latest.full ul {
	width:940px;
	height:auto;
	overflow:visible;
	position:relative
}

#latest.page ul {
	width:720px;
	height:auto;
	overflow:visible;
	position:relative
}

#services {
	clear:both
}

#wrapper #latest a {
	color:#8d8676
}

#wrapper #latest a:hover {
	color:#60553b
}

#services {
	padding-top:30px
}

#services h2, #about h2, #twitter h2, #shop h2 {
	color:#5d5d5d;
	font-style:italic;
	font-size:40px;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	padding-bottom:5px
}

#services h2 {
	padding-bottom:0
}

#twitter h2 {
	padding-bottom:12px
}

#services h2 strong, #about h2 strong, #twitter h2 strong, #shop h2 strong {
	color:#292828;
	font-weight:700;
	font-style:normal
}

#wrapper .full-list, #wrapper .full-list:visited {
	background:  url(img/full.gif) 0 0 no-repeat;
	height:35px;
	line-height:35px;
	display:block;
	width:458px;
	text-align:center;
	float:right;
	font-size:11px;
	font-weight:700;
	color:#292828;
	text-transform: uppercase;
	position:relative;
	top:10px
}

#wrapper .full-list:hover {
	color:#000
}

#wrapper #contact-med {
	background:  url(img/medium.gif) 0 0 no-repeat;
	height:35px;
	line-height:35px;
	display:block;
	width:218px;
	text-align:center;
	float:right;
	font-size:11px;
	font-weight:700;
	color:#292828;
	text-transform: uppercase;
	margin: 0 0 10px 10px;
	font-style:normal
}

#wrapper #contact-med:hover {
	color:#000
}

.hr {
	clear:both;
	background: url(img/hr.gif) left center repeat-x;
	height:22px;
	width:100%;
	border:0;
	display:block;
	margin:0
}

.hrs {
	width:700px;
	float:right
}

.block {
	position:relative;
	padding:35px 10px 20px 60px;
	width:165px;
	float:left;
	font-size:12px;
	line-height:18px;
	margin:20px 0
}

.last {
	padding:35px 0 20px 65px;
	width:170px
}

.block img {
	position:absolute;
	left:0;
	top:35px
}

.block p {
	padding-top:0
}

.block h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:700;
	font-size:20px;
	color:#292828;
	position:absolute;
	left:0;
	top:0
}

#wrapper .more {
	background: url(img/more.gif) 0 0 no-repeat;
	line-height:19px;
	height:19px;
	width:114px;
	text-align:center;
	text-transform: uppercase;
	color:#ede1bf;
	text-align:center;
	font-size:11px;
	font-weight:700;
	display:block;
	position:absolute;
	left:60px;
	bottom:0
}

#wrapper .follow {
	background: url(img/follow.gif) 0 0 no-repeat;
	line-height:19px;
	height:19px;
	width:170px;
	text-align:center;
	text-transform: uppercase;
	color:#ede1bf;
	text-align:center;
	font-size:11px;
	font-weight:700;
	display:block;
	clear:both
}

#wrapper .follow:hover {
	background: url(img/follow-hover.gif) 0 0 no-repeat;
	color:#000
}

#wrapper .more:hover {
	background: url(img/more-hover.gif) 0 0 no-repeat;
	color:#000
}

h6 {
	color:#7a6f55;
	font-size:26px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height:30px;
	clear:left;
	padding-bottom:20px
}

#about {
	width:465px;
	padding-right:35px;
	float:left
}

#twitter {
	width:200px;
	padding-right:35px;
	float:left
}

#shop {
	float:right;
	width:180px
}

.twitter-user {
	color:#9d885a;
	font-size:12px;
	font-style:italic
}

.twitter-message {
	color:#292828;
	font-size:12px;
	clear:both;
	line-height:1.4em;
	padding: 0 0 15px 10px
}

.twitter-timestamp {
	font-size:10px;
	color:#8d8676;
	display:block;
	padding-top:3px
}

#shop img {
	margin: 10px auto 0 auto
}

p {
	font-size:12px;
	line-height:18px;
	padding: 0 0 10px 0
}

.top {
	display:block;
	float:right;
	clear:both;
	background: url(img/top.gif) right 45px no-repeat;
	width:110px;
	height:70px;
}

.post h1, .hentry h1 {
	font-size: 40px;
	line-height:1.4em;
	font-weight: 700;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#292929
}

.post h2 {
	font-size: 30px;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#7a6f55
}

.hentry h2 {
	font-size: 26px;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#7a6f55;
	padding-bottom:20px
}

.post h3, .hentry h3 {
	font-size: 20px;
	font-weight: 700;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#3b3b3b;
	padding-bottom:10px
}

.post ul, .hentry ul {
	padding:0 0 15px 20px;
	font-size:14px
}

.post ul li, .hentry ul li {
	padding:4px 0 4px 33px;
	background: url(img/post-bullet.gif) 0 9px no-repeat
}

.post .alignright {
	float:right
}

.post .wp-caption {
	width:auto!important;
	margin: 0 0 10px 10px;
	border: 1px solid #abaa8d
}

p.wp-caption-text {
	padding:10px;
	font-size:10px;
	color:#8d8676
}

.post p, .hentry p {
	color:#292828;
	padding-bottom:15px
}

.post, .hentry {
	float:right;
	width:700px;
	position:relative;
	top:-17px
}

#portfolio_top {
	float:none;
	width:100%;
	top:0
}

.post p a, .hentry p a {
	color:#9d885a;
	font-style:italic;
	text-decoration:none
}

#sidebar {
	float:left;
	width:225px;
	padding-left:15px
}

#links {
	list-style-type: none;
	padding:0 0 40px 0;
	position:relative;
	left:-20px
}

#links li {
	padding:2px 0
}

#wrapper #links a {
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	color:#8d8676;
	padding: 10px 0 10px 40px;
	line-height:15px;
	display:block
}

#wrapper #links a.active {
	background: url(img/sidebar-link.gif) 0 0 no-repeat;
	color:#292828
}

#wrapper #links a:hover {
	color:#292828
}

#links a img {
	position:relative;
	left:5px;
	top:1px;
	border:0
}

#wrapper #sidebar .ads a {
	display:block;
	margin-bottom:20px;
	float:left;
	clear:left
}

.hentry h4, .browse h4 {
	font-size:24px;
	font-style:italic;
	color:#5d5d5d;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:10px
}

.hentry h4 strong, .browse h4 strong {
	font-weight:700;
	font-style:normal;
	color:#3b3b3b
}

.browse {
	float:right;
	position:relative;
	right:-20px
}

.hentry .hr {
	margin:10px 0
}

table {
	border-bottom: 1px solid #abaa8d;
	font-size:12px;
	margin:0 0 20px 0
}

th {
	border-bottom:4px solid #abaa8d;
	text-transform: uppercase;
	font-size:11px;
	font-weight:700
}

td {
	border-bottom: 1px solid #abaa8d;
	font-weight:700
}

td, th {
	line-height:35px;
	padding: 0 15px
}

.total td {
	line-height:65px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#7a6f55;
	font-size:26px;
	font-weight:400;
	border-bottom: 4px solid #ABAA8D
}

.total .info {
	font-size:12px;
	font-style: normal;
	font-family:Verdana, Geneva, sans-serif;
	color:#292828;
	font-weight:700
}

.total .info em {
	font-weight:400;
	font-style: italic;
	color:#7a6f55
}

td {
	background:#e0d9c0;
	text-align:center
}

.alt td {
	background:#d4cbaa
}

th {
	background:#292828;
	text-align:center;
	color:#e0d9c0
}

th.pro {
	background: url(img/table-pro.png) #292828 61px center no-repeat;
	padding-right:27px
}

th.basic {
	text-align: left
}

td.info {
	color:#292828;
	text-align: left;
	font-weight:400
}

.home #about, .home #twitter, .home #shop {
	padding-top:15px
}

#copyright {
	padding-top:40px;
	text-align:center
}

#copyright p {
	background: url(img/copyright.gif) 0 0 repeat-x;
	height:62px;
	line-height:62px;
	padding:0;
	color:#333
}

#copyright a:hover {
	color:#6c6c6c
}

#copyright a {
	font-style: italic;
	color:#333
}

#wrapper .block h5 a {
	color:#292828
}

#wrapper .block h5 a:hover {
	color:#7a6f55
}

p a {
	font-style:italic;
	color:#9d885a
}

#lastfm_recent {
	padding: 10px 0 0 0
}

#lastfm_recent li {
	display: block;
	padding:0 98px 0 35px;
	background: url(img/lastfm.gif) #d4cbaa left center no-repeat;
	margin:0;
	line-height:35px;
	height:35px;
	overflow:hidden;
	font-size:12px;
	position:relative;
	float: left
}

.lastfm_recent_artist {
	font-weight:700
}

.lastfm_recent_artist, .track_title, .lastfm_recent_date {
	float:left
}

.track_title {
	padding-left:2px;
	overflow:hidden;
	max-width:240px
}

.lastfm_recent_date {
	position:absolute;
	right:0;
	top:0;
	line-height:35px;
	background:#d4cbaa;
	z-index:2;
	padding: 0 10px 0 0;
	font-size:10px;
	color:#8d8676
}

#twitter h2 strong img {
	position:relative;
	top:2px;
	left:2px
}

#shop .follow {
	margin-top:10px
}

.ad, .ad img {
	border:0
}

#lastfm_recent a {
	display: block;
	position:absolute;
	left:0;
	top:0;
	height:35px;
	width:35px
}

#wrapper a {
	color:#ae862e
}

#wrapper a:hover {
	color:#f7550e
}

#wrapper a:visited {
	color:#a8966d
}

#latest.portfolio {
	padding-top:20px
}

#latest.related li {
	padding-bottom:15px
}

a img {
	border:0
}

.hentry .tagh2 {
	padding:0
}

tfoot td.plus {
	background: url(img/tfoot.gif) #E0D9C0 45px 22px no-repeat
}

tfoot strong {
	font-weight:700
}

tfoot td {
	background: #E0D9C0;
	border-top: 3px solid #ABAA8D;
	text-align:center;
	font-weight:400;
	line-height:60px
}

.caption {
	line-height:3em;
	text-align:center;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#8d8676;
	background:#e0d9c0;
	clear:both;
	margin-bottom:10px
}

.caption img {
	float: left;
	display:block
}

.spacer {
	float: left;
	display:block;
	clear:both;
	height:10px;
	width:100%
}

#home-bottom {
	margin-bottom:15px
}

/* contact form overrites */
div.wpcf7-response-output {
	margin: 0.5em!important;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {
	border: none!important
}

body span.wpcf7-not-valid-tip {
	top: 4px;
	left: 1px;
	z-index: 100;
	background: #000;
	border: none;
	width: 200px;
	padding: 2px 10px;
	line-height:30px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}