/*  
Theme Name: Bedingfield's Tumblr Theme
Version: 1.0
Author: Mr. Bedingfield
Author URI: http://bedingfield.tumblr.com
*/

/*
00. Reset styles
01. Font face
02. Body and links
03. Headings
04. H2 Icon class
05. Header, tagline, social and navigation
06. Author bio
07. Main content
08. Tumblr photo, photoset and video
09. Tumblr audio
10. Tumblr links
11. Tumblr quotes
12. Tumblr tags
13. Tumblr reblog
14. Tumblr discus
15. Tumblr pagination
16. Tumblr notes
17. Sidebar
18. Footer
19. Miscellaneous
*/

/* COLOR CHART
-----------------------------------
black #1C1C1A
brown #323031
medium brown #585550
red #BF481D
beige #EFEACA
yellow #F6F280
------------------------------------ */

/* 0. RESET STYLES ------------------------------------------------------ */

	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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		background: transparent;
		border: 0;
		font-size: 100%;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
		}

	ol, ul {
		list-style: none;
		}

	blockquote, q {
		quotes: none;
		}

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

/* 1. FONT FACE ------------------------------------------------------ */

/* 2. BODY & LINKS ------------------------------------------------------ */

	* {
		margin: 0;
		padding: 0;
		}

	html {
		background: #1C1C1A  url(http://static.tumblr.com/xwoheyi/GAnl8gj6x/bg_plate.png) repeat -50% 0;
		background-attachment: fixed;
		}

	body {
		color: #efeaca;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		}

	#wrap {
		background: url(http://static.tumblr.com/xwoheyi/ibnl8i5t8/bg-3c3939-50.png);
		margin: 0 auto;
		max-width: 920px;
		padding: 0 10px 20px 10px;
		}

	#wrap-inner {
		background: url(http://static.tumblr.com/xwoheyi/d8cl8jkya/bg-323031-90.png);
		margin: 0 auto;
		overflow: hidden;
		padding: 0 10px 0 10px;
		width: 880px;
		}

	#container {
		/* background: #323031; */
		border-right: 1px solid #3C3939;
		float: left;
		margin: 0 auto;
		margin-bottom: 10px;
		padding: 0;
		text-align: left;
		width: 612px;
		}

	a {
		font-weight: bold;
		text-decoration: none;
		}

	a:link, 
	a:visited {
		border-bottom: 1px solid #1C1C1A;
		color: #fff;
		padding-bottom: 1px;
		text-decoration: none;
		}

	a:hover {
		color: #f6f280;
		border-bottom: 1px solid #dbd5c5;
		padding-bottom: 1px;
		}


/* 3. HEADINGS ------------------------------------------------------ */

	h1 {
		color: #1C1C1A;
        display: inline-block;
		font-family: Helvetica, Arial, sans-serif;
        font-size: 125%;
        line-height: 0;
        margin: 0;
		padding: 0;
        text-shadow: #dfdfdf 3px 3px 0px;
        /* text-transform: uppercase; */
        }


	h2 {
		background: transparent;
		border: solid 1px #323031;
		color:#8A8383;
		font-size:16px;
		font-weight:bold;
		margin-bottom: 20px;
		margin-left: -40px;
		padding:8px 13px 8px 13px;
		width:310px; 

		/* border radius */
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
		}

	h3 {
		color:#f6f280;
		font-size:18px;
		font-weight:bold;
		margin-bottom: 10px;
		}

	h4 {
		color:#fff;
		font-size:14px;
		font-weight:bold;
		margin-bottom: 10px;
		}

	h5 {
		color:#ccc;
		font-size:13px;
		font-weight:bold;
		margin-bottom: 10px;
		}

/* 4. H2 ICON CLASS ------------------------------------------------------ */

	.using-ie {
		background: #3C3939;
		margin-right: 10px;
		}

	.quote-icon {
		background: url(http://static.tumblr.com/xwoheyi/9hZl8cm2q/quote-icon.png) no-repeat right;
		margin-right: 10px;
		}

	.link-icon {
		background: url(http://static.tumblr.com/xwoheyi/v9nl8bzwo/link-icon.png) no-repeat right;
		margin-right: 10px;
		}

	.audio-icon {
		background: url(http://static.tumblr.com/xwoheyi/xFrl8bzym/audio-icon.png) no-repeat right;
		margin-right: 10px;
		}

	.text-icon {
		background: url(http://static.tumblr.com/xwoheyi/wBNl8byby/text.png) no-repeat right;
		margin-right: 10px;
		}

	.photo-icon {
		background: url(http://static.tumblr.com/xwoheyi/YoXl8cmi3/photo-icon.png) no-repeat right;
		margin-right: 10px;
		}

	.video-icon {
		background: url(http://static.tumblr.com/xwoheyi/8mtl8cm88/video-icon.png) no-repeat right;
		margin-right: 10px;
		}

/* 5. HEADER, TAGLINE & NAVIGATION ------------------------------------------------------ */

	#header {
		/* background: url("http://static.tumblr.com/xwoheyi/DODl7wg54/visu-intro.gif") no-repeat 0 100%; */
		height: 100px;
		padding: 15px 0 0 0;
		position: relative;
		text-align: left;
		z-index: 100;
		}

	#header h1 a {
		border: none;
		}

	/* 
	#header #logo { 
		border: none;
		display: block; 
		height: 100px;
		margin-top: -20px; 
		width: 60px; 
		}
	*/

	#header #logo { 
		background: #3C3939;
		border-bottom: 8px solid #3C3939;
		border-left: 8px solid #3C3939;
		border-right: 8px solid #3C3939;
		border-top: none;
		display: block; 
		height: 92px;
		margin-top: -20px;
		position: relative; 
		width: 44px; 

		/* border radius */
		border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px; 
		-webkit-border-radius: 4px;
		}

	#header #logo a {
		border: none;
		display: block;
		}

	#header #logo img { 
		position: absolute;
		background-position: 0 100%;
		bottom:0;
		left:0;

		/* border radius */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px; 
		-webkit-border-radius: 3px;
		}


	/* nav */

	#main-nav {
		bottom: 15px;
		/* letter-spacing: .05em; */
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		text-transform: uppercase;
		z-index: 100;
		}

	#main-nav li {
		float: left;
		margin: 0;
		padding: 0 0 0 10px;
		position: relative;
		}

	#main-nav a {
		font-size:100%;
		line-height:1.8em;
		padding: 0;
		padding-bottom: 1px;
		text-decoration:none
		}

	/* social */

	#header ul#elsewhere {	
		float: right;
		list-style: none;
		margin: 1.5em 0 1.5em 0;
		position: absolute;
		right: 0;
		text-align: right;
		top: 0;
		}

	#header ul#elsewhere li {	
		display: inline;
		}

	#header ul#elsewhere li a {	
		border: none;
		}

	#header ul#elsewhere li a img {	
		opacity: .3;
		transition: all .2s ease;

		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		}

	#header ul#elsewhere li a:hover img,
	#header ul#elsewhere li a:focus img {	
		opacity: .5;	
		}

	/* self-clear floats */

	.group:after {
    	clear: both; 
		content: "."; 
   	 	display: block; 
    	height: 0; 
    	visibility: hidden;
    	}

/* 6. TITLE INFO BOX ------------------------------------------------------ */

	#welcome-message {
		border-bottom: solid 1px #323031;
		border-top: solid 1px #323031;
		color: #777D7F;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 26px;
		font-style: italic;
		line-height: 1.2;
		margin: 0;
		padding: 10px 0 20px 0;
		text-align: left;
		text-shadow: -1px 1px 1px #000;
		/* text-shadow: #000 1px 1px 2px; */
		}

	#welcome-message h1 {
		color: #fff;
		display: block;
        font-size: 125%;
		font-style: normal;
		letter-spacing: -1px;
        line-height: 1.2;
		margin: 0 0 10px 0;
		padding: 0 ;
		text-shadow: -1px 1px 1px #000;
		}

	#welcome-message a {
		color: #9F8F63;
		}

	#welcome-message a:hover {
		color: #f6f280;
		}

/* 7. MAIN CONTENT ------------------------------------------------------ */

	#content {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		margin-top: 20px;
		}

	#content p {
		line-height: 1.4;
		margin: 0 0 15px 0;
		max-width:522px;
		}

	#content p.grab{
		font-size: 115%;
		}

	.text-post { 
		max-width:522px;
		}

/* 8. TUMBLR PHOTO, PHOTOSET AND VIDEO ------------------------------------------------------ */

	.photo { 
		border: 8px solid #1C1C1A; 
		max-width: 500px; 
		padding: 3px;

		/* border radius */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px; 
		-webkit-border-radius: 3px;
		}

	.text-photo { 
		border: 8px solid #1C1C1A; 
		margin-left: 10px;
		max-width: 100px;
		padding: 3px;
		float: right;


		/* border radius */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px; 
		-webkit-border-radius: 3px;
		}

	.gallery {
  		border: 8px solid #1C1C1A;  
  		line-height: 0;
  		max-width: 500px !important;
		padding: 3px;

		/* border radius */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px; 
		-webkit-border-radius: 3px;
		}

	.media {
  		border: 8px solid #1C1C1A;  
  		line-height: 0;
  		max-width: 500px !important;
		padding: 3px;

		/* border radius */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px; 
		-webkit-border-radius: 3px;
		}

	.caption { 
		padding-top: 20px; 
		}

/* 09. TUMBLR AUDIO ------------------------------------------------------ */

	.stat-audio .stat-audio-wrapper {
		font-size: 14px;
		margin-bottom: 20px;
		overflow: hidden;
		width: 522px;
		}

	.stat-audio .stat-audio-wrapper a {
		border-bottom: 1px dotted #8C8C8C;
		color: #111;
		}

	.stat-audio .stat-audio-album-art {
		border: 8px solid #1C1C1A;
		display: inline-block;
		float: left;
		margin: 0;
		padding: 3px;
		vertical-align: top;

		-moz-border-radius: 3px;
		-moz-border-radius-topright: 0;
		-o-border-radius: 3px; 
		-o-border-top-right-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-top-right-radius: 0;
		}

	.stat-audio .stat-audio-album-art img {
		height: 175px;
		vertical-align: top;
		width: 175px;
		}

	.stat-audio .stat-audio-player {
		background-color: 000;
		display: inline-block;
		}

	.stat-audio .stat-extra-padding .stat-audio-player {
		border-bottom: 8px solid #1C1C1A;
		border-left: 0;
		border-right: 8px solid #1C1C1A;
		border-top: 8px solid #1C1C1A;

		border-radius: 3px;
		-moz-border-radius: 3px;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-bottomleft: 0;
		-o-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-top-left-radius: 0;
		}

	.stat-audio .stat-audio-wrapper embed {
		vertical-align: top;
		}

	.stat-audio .stat-extra-padding embed {
		vertical-align: baseline !important;
		}

	.stat-audio .stat-audio-play-count,
	.stat-audio .stat-audio-player .audio_player {
		display: inline-block;
		vertical-align: middle;
		}

	.stat-audio .stat-extra-padding .stat-audio-player .audio_player {
		height: 28px;
		overflow: hidden;
		width: 28px;
		}

	.stat-audio .stat-audio-play-count {
		letter-spacing: 4px;
		padding: 6px 10px 7px;
		text-transform: uppercase;
		}

	.stat-audio .stat-audio-play-count .stat-audio-download {
		font-weight: bold;
		letter-spacing: 0 !important;
		}

	.stat-audio .stat-audio-album-art,
	.stat-audio .stat-audio-left {
		float: left;
		}

	.stat-audio .stat-extra-padding .stat-audio-left {
		width: 325px;
		}

	.stat-audio .stat-audio-song,
	.stat-audio .stat-audio-artist, 
	.stat-audio .stat-audio-album {
		padding: 8px;
		background-color: #1C1C1A;
		margin: 10px 0 0;

    	border-bottom-right-radius: 3px;
    	border-top-right-radius: 3px;
    	-moz-border-radius-bottomright: 3px;
    	-moz-border-radius-topright: 3px;
    	-webkit-border-bottom-right-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		}

	.stat-audio .stat-audio-song strong {
		color:#f6f280;
		font-weight:bold;
		}

	.stat-audio .stat-audio-artist strong {
		color:#fff;
		font-weight:bold;
		}

	.stat-audio .stat-audio-album strong {
		color:#ccc;
		font-weight:bold;
		}


/* 10. TUMBLR LINKS ------------------------------------------------------ */

	.links {
		margin-bottom: 15px;
		}

	.links a.link {
        background: #1C1C1A;
		border-bottom: 0;
		color: #ccc;
		font-size:25px;
		font-weight:bold;
        padding: 1px 5px;
        text-transform: uppercase;

		/* border radius */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px; 
		-webkit-border-radius: 3px;
        }

	.links .link:hover {
        background: #3C3939;
		border-bottom: 0;
      	color: #eee;
        }

/* 11. TUMBLR QUOTES ------------------------------------------------------ */

	.blockquote {
		clear: right;
		font-family: Georgia, sans-serif;
		font-size: 18px;
		line-height: 26px;
		margin: 15px 0 15px 0;
		max-width:522px;
		padding: 0;
		text-align: left;
		}

	.cite {
		color: #fff;
		float: right;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		max-width:522px;
		}

	.blockquote em {
		color: #566267;
		}

	.blockquote a, 
	.blockquote a:link, 
	.blockquote a:visited {
		border-bottom: 1px solid #ccc; 
		color: #fff;
		line-height: 1.3;
		padding: 0 4px 2px 2px;  
		text-decoration: none;
		}

	.blockquote a:hover {
		background-color: #000; 
		border-color: #eee; 
		color: #EBF4D9; 
		}

/* 12. TUMBLR TAGS ------------------------------------------------------ */

	.tag-header {
		border: none;
		color: #F6F280;
		display: block;
        font-size: 30px;
		font-style: normal;
        line-height: 1.2;
		margin: 0 0 20px 0;
		padding: 0 ;
		text-shadow: -1px 1px 1px #000;
		width: 522px;
		}

	.tag-header span {
		color: #fff;
		font-weight: bold;
		text-transform: capitalize;
		}

	.tags {
		margin-bottom: 20px;
		}

	.tags a.tag {
        background: #1C1C1A;
		border-bottom: 0;
		color: #ccc;
        font-size: 12px;
        font-weight: bold;
        padding: 1px 5px;
        text-transform: uppercase;

		/* border radius */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px; 
		-webkit-border-radius: 3px;
        }

	.tags .tag:hover {
        background: #3C3939;
		border-bottom: 0;
      	color: #eee;
        }

	.tags .meta {
		border: none;
		color:#ccc;
		font-size:16px;
		font-weight:bold;
		margin-bottom: 20px;
		padding: 8px;
		background-color: #1C1C1A;
		margin: 10px 0 20px 0;
		width: 506px;


		/* border radius */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px; 
		-webkit-border-radius: 3px;
		}

/* 13. TUMBLR REBLOG ------------------------------------------------------ */

	/*.reblog {
		padding-top: 20px;
		} */

	.reblog-source {
		float: right;
		}
	
	.reblog-source	a,
	.reblog-source 	a:link, 
	.reblog-source 	a:visited {
		border-bottom: none;
		font-size:75%;
		text-decoration: none;
		}

	p.reblog {
		color: #8A8383;
		font-size:85%;
		}

	.reblog a {
		font-weight: bold;
		text-decoration: none;
		}

	.reblog a:link, 
	.reblog a:visited {
		border-bottom: 1px solid #1C1C1A;
		color: #8A8383;
		padding-bottom: 1px;
		text-decoration: none;
		}

	.reblog a:hover {
		color: #f6f280;
		border-bottom: 1px solid #3C3939;
		padding-bottom: 1px;
		}

/* 14. TUMBLR DISCUS ------------------------------------------------------ */

	#disqus_thread {
		/* border-top: solid 1px #3C3939; */
		margin: 0;
		max-width: 522px;
		padding: 0;
		}

	#disqus_thread p {
		border-left: 0;
		border-right: 0;
		}

	#dsq-content #dsq-comments .dsq-comment{ 
		font-size: 100%;
		}

	.dsq-request-user-stats,
	.dsq-item-sort,
	#dsq-sort-select {
		display: none;
		}

    #container ul.posts {}

/* 15. TUMBLR PAGINATION ------------------------------------------------------ */

	div.paging {
		border-bottom: 1px solid #3C3939;
		border-top: 1px solid #3C3939;
		margin: 10px 0 5px 0;
		padding: 10px 0 5px 0;
		text-align: center;
		}

	div.paging a {	
		margin: 0;
		border: none;
		opacity: .7;
	
		transition: opacity .2s ease;
		-o-transition: opacity .2s ease;
		-moz-transition: opacity .2s ease;
		-webkit-transition: opacity .2s ease;
		}

	div.paging a:hover {	
		opacity: 1;
		}

	img {
		border: none;
		}

/* 16. NOTES ------------------------------------------------------ */


	ol.notes {
        border-bottom: 1px solid #3C3939;
        color: #fff;
        font-weight: bold;
        list-style-type: none;
        margin: 20px 0px;
		max-width: 522px;
		padding: 0px;
        }
            
            
	ol.notes li.note {
		border-top: 1px solid #3C3939;
        padding: 9px 0 8px 0
        }
                
	ol.notes img.avatar {
		border: solid 1px #aaa;
        float: left;
		height: 16px;
        margin-right: 8px;
		padding: 1px;
        width: 16px;
        }

	ol.notes span.action {
		float: left;
		line-height: 18px;
        padding-top: 1px;
        width: 470px;
        }

	ol.notes .clear {
		clear: both;
        height: 1px;
        }
                
	ol.notes blockquote {
        border-left: 4px solid #3C3939;
		font-size: 100%;
		font-weight: normal;
		line-height: 18px;
        padding: 4px 10px;
        margin: 7px 0px 0px 29px;
        }

	ol.notes blockquote a, 
	ol.notes blockquote a:link, 
	ol.notes blockquote a:visited {
		border-bottom: transparent; 
		color: #fff;
		font-weight: normal;
		line-height: 1.3;
		padding: 0;  
		text-decoration: none;
		}

	ol.notes blockquote a:hover {
		background-color: transparent; 
		color: #3C3939; 
		}

                
	ol.notes .answer_content {
		font-weight: normal;
        }


	ol.notes a {
		color: #ccc;
		}


	ol.notes a:hover {
		color: #f6f280;
		}
/*  17.SIDEBAR ------------------------------------------------------ */

	#aside {	
		float: right;
		margin-top: 20px;
		width: 250px; 
		}

	#aside-0,
	#aside-1,
	#aside-2,
	#aside-3,
	#aside-4,
	#aside-5 {
		float: left;
		margin-bottom: 20px;
		text-align: left;
		}

	#aside-3 {
		text-transform: capitalize;
		}

	#featured {
		padding:0;
		border-right: 0;
		}

	#featured ul {
		clear:both;
		list-style:none;
		margin:0;
		padding:0;
		}

	#featured ul li{
		/*border:1px solid #E0E2C5;*/
		float:left;
		height:50px;
		margin:0 11px 0 0;
		padding:0 4px 4px 0;
		text-align:center;
		width:40px;
		}

	#featured img{
		border: 2px solid #1C1C1A;
		clear:both;
		cursor:pointer;
		display: block; 
		float:left;
		height:40px;
		margin:0;
		padding:3px;
		width:40px;
		}

	#featured ul li img:hover{
		border: 2px solid #f6f280;
		}

/* 18. FOOTER ------------------------------------------------------ */

	#footer {
		/* background: #323031; */
		padding: 10px 5px 0 0;
		}

	#footer p {
		color: #EFEACA;
		font-size: 75%;
		line-height: 1.4em;
		}

	#footer p a {
		border-bottom: none;
		color:  #F6F280;
		}

	#footer p a:hover {
		background:  #F6F280;
		border-bottom: none;
		color:  #1C1C1A;
		}

	#copy {
		border-bottom: 1px solid #3C3939;
		margin-bottom: 10px;
		padding-bottom: 10px;
		}

/* 19. MISCELLANEOUS ------------------------------------------------------ */

	.clearfix:after {
		clear: both;
		content: "."; 
		display: block; 
		height: 0;  
		visibility: hidden;
		}

	.clearfix {
		display: inline-block;
		}

	/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
	/* End hide from IE-mac */


/* 19. UNUSED SNIPPETS ------------------------------------------------------ */


	.tags a.permalink {
		border-bottom: 0;
		background: url(http://static.tumblr.com/xwoheyi/ZhQl812an/heart.png) 0 0;
		display: block;
		float: right;
		font-size: 9px;
		height: 16px;
		width: 16px;
		text-decoration:none;
		}

	.tags .permalink:hover {
		background-position: 0 -17px;
		border-bottom: 0;
		text-decoration:none;
		}