/* 
* Amazium V1.0.1
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/

/***** Place standard 960px view CSS under here *****/

.side-info									{ margin:0 0 0 32px; padding:14px 0 0 0; }

.note-outer									{ margin:0 0 5px 10px; padding:8px 0 8px 8px; width:110px; background-color:#c70c0c; font-size:14px; overflow:hidden; }
.note-inner									{ margin:0; padding:10px 0 10px 35px; width:73px; background:transparent url("http://static.tumblr.com/4fqoetc/Qerm3raq8/icon-note.png") no-repeat 9px 9px; border:2px dotted #e38686; border-right:none; color:#FFF; }
a:hover .note-outer							{ background-color:#9f0a0a; }

.link-outer									{ margin:0 0 5px 10px; padding:8px 0 8px 8px; width:110px; background-color:#a2c70c; font-size:14px; overflow:hidden; }
.link-inner									{ margin:0; padding:10px 0 10px 35px; width:73px; background:transparent url("http://static.tumblr.com/4fqoetc/L1ym3rapu/icon-link.png") no-repeat 9px 9px; border:2px dotted #d1e386; border-right:none; color:#FFF; }
a:hover .link-outer							{ background-color:#829f0a; }

.zoom-outer									{ margin:0 0 5px 10px; padding:8px 0 8px 8px; width:110px; background-color:#31b2be; font-size:14px; overflow:hidden; }
.zoom-inner									{ margin:0; padding:10px 0 10px 35px; width:73px; background:transparent url("http://static.tumblr.com/4fqoetc/z8sm3raqk/icon-zoom.png") no-repeat 9px 9px; border:2px dotted #98d9df; border-right:none; color:#FFF; }
a:hover .zoom-outer							{ background-color:#278e98; }

.main-post-outer							{ margin:0 32px 20px 0; background-color:#FFF; }
.main-post-inner							{ padding:14px 14px 0 14px; color:#444; }
.main-post-inner img						{ padding:0 0 10px 0; width:100%; height:auto; }
.main-post-inner p							{ padding:0 0 5px 0; line-height:16px; }
.main-post-inner a							{ color:#333; }


.following ul 								{ list-style:none; padding:0; margin:0; text-align:right; }
.following li 								{ list-style:none; float:left; margin:0 0 0 3px; }

ul#likes									{ margin:0; padding:0; width:732px; list-style-type:none; overflow:hidden; }
ul#likes li									{ margin:0; padding:0; float:left; }
li.like_post								{ width:224px; height:294px; display:block; overflow:hidden; }
li.like_post img							{ width:224px; height:auto; }
li.like_photo_post							{  }		
li.like_photo								{  }
li.via,
li.post_info_top,
li.like_below_photo,
il.like_caption,
li.post_info_bottom							{ display:none !important; margin:0; }

ul.tags										{ margin:0; padding:5px 0 14px 22px; font-size:11px; font-style:italic; background:transparent url('http://static.tumblr.com/4fqoetc/wBclxwadf/bg-tags.jpg') no-repeat left 4px; }
ul.tags li									{ margin:0; padding:0 0 0 2px; display:inline-block; float:none; line-height:13px; color:#333; text-decoration:none; background:none; }
ul.tags li a								{ margin:0; padding:0 0 0 10px; color:#999; text-decoration:none; background:transparent url('http://static.tumblr.com/4fqoetc/9ERlxwadw/divider.gif') no-repeat left 3px; }
	
ul.reblog									{ margin:0; padding:5px 0 14px 22px; font-size:11px; font-style:italic; background:transparent url('http://static.tumblr.com/4fqoetc/0eQlxy98j/bg-reblog.gif') no-repeat left 4px; }
ul.reblog li								{ margin:0; padding:0 0 0 2px; display:inline-block; float:none; line-height:13px; color:#333; text-decoration:none; background:none; }
ul.reblog li a								{ margin:0; padding:0 10px 0 0; color:#999; text-decoration:none; }

.media iframe, 
.media embed 								{ background:transparent; width:500px; z-index:-20; }
.media 										{ background:black; text-align:center; }	
.html_photoset								{ margin:0; padding:0; width:500px; }

.side-column								{ position:fixed; }
.side-column h1								{ padding:0; }
.side-column h1 a							{ color:#FFF; text-decoration:none; }

.avatar										{ border:5px solid #FFF; }

ul.main-navigation							{ margin:20px 0 0 0; border-top:1px solid #4d4d4d; }
ul.main-navigation li						{ margin:0; padding:6px 0 6px 23px; border-bottom:1px solid #4d4d4d; }
ul.main-navigation li a						{ display:block; float:none; text-decoration:none; color:#FFF; transition-property:color .1s linear 0s; -moz-transition:color .1s linear 0s; -webkit-transition:color .1s linear 0s; -o-transition:color .1s linear 0s; }
ul.main-navigation li a:hover,
ul.main-navigation li a.selected			{ color:#7eb026; }

.icon-page									{ background:transparent url("http://static.tumblr.com/4fqoetc/JJxlxwaee/bg-page.png") no-repeat left 6px; }
.icon-likes									{ background:transparent url("http://static.tumblr.com/4fqoetc/0mylxwaey/bg-likes.png") no-repeat left 6px; }
.icon-archive								{ background:transparent url("http://static.tumblr.com/4fqoetc/meQlxwaf9/bg-archive.png") no-repeat left 6px; }
.icon-random								{ background:transparent url("http://static.tumblr.com/4fqoetc/q8vlxwafm/bg-random.png") no-repeat left 6px; }
.icon-following								{ background:transparent url("http://static.tumblr.com/4fqoetc/fKylxwag1/bg-following.png") no-repeat left 6px; }
.icon-ask									{ background:transparent url("http://static.tumblr.com/4fqoetc/rZllxwagd/bg-ask.png") no-repeat left 6px; }

.no-bg										{ background:none; }

a.nav-left									{ padding:0 0 10px 0; float:left; overflow:auto; text-transform:uppercase; display:block; text-decoration:none; }
a.nav-right									{ padding:0 0 10px 0; float:right; overflow:auto; text-transform:uppercase; display:block; text-decoration:none; }

ol.notes 									{ padding:0; margin:10px 0 0 0; list-style-type: none; border-bottom:solid 1px #4d4d4d; }
ol.notes li a								{ color:#FFF; text-decoration:none; }
ol.notes li.note 							{ margin:0 0 6px 0; border-top: solid 1px #4d4d4d; padding:10px 0 0 0; }
ol.notes li.note img.avatar 				{ margin-right:10px; width:16px; height:16px; border:1px solid #4d4d4d; }
ol.notes li.note span.action 				{ vertical-align: 5px; }
ol.notes li.note .answer_content 			{ font-weight: normal; }
ol.notes li.note blockquote 				{ border-left:1px solid #4d4d4d; padding:0 0 0 6px; margin:0 0 0 28px; }
ol.notes li.note blockquote a 				{ text-decoration: none; }

.main-footer								{ margin:0 16px 16px 0; padding:10px 0 0 0; color:#666; }

a.footer-left								{ padding:0 0 10px 0; float:left; overflow:auto; text-transform:uppercase; display:block; text-decoration:none; font-size:11px; color:#999; }
a.footer-right								{ padding:0 0 10px 0; float:right; overflow:auto; text-transform:uppercase; display:block; text-decoration:none; font-size:11px; color:#999; }

/***** End *****/	




@media only screen and (min-width: 768px) and (max-width: 959px) {

/***** Place iPad view CSS under here (Smaller than 959px) *****/

.note-outer,
.link-outer,
.zoom-outer									{ font-size:12px; }

.media iframe, 
.media embed 								{ background:transparent; width:392px; z-index:-20; }
.media 										{ background:black; text-align:center; }	
.html_photoset								{ margin:0; padding:0; width:392px; }

.side-info									{ margin:0 0 0 28px; }
.main-post-outer							{ margin:0 28px 0 0; }

/***** End *****/




} 
@media only screen and (max-width: 767px) {

/***** Place iPhone portrait view CSS under here (300px) *****/

.side-info									{ margin:0; }

.note-outer									{ margin:0 0 0 10px; padding:0; width:100px; float:left; }
.note-inner									{ padding:10px 10px 10px 35px; width:50px; border:none; color:#FFF; }

.link-outer									{ margin:0 0 0 10px; padding:0; width:40px; float:left; }
.link-inner									{ padding:10px 10px 10px 65px; width:10px; border:none; color:#a2c70c; }

.zoom-outer									{ margin:0 0 0 10px; padding:0; width:40px; float:left; }
.zoom-inner									{ padding:10px 10px 10px 65px; width:10px; border:none; color:#31b2be; }

.main-post-inner							{ padding:8px 8px 0 8px;  }

.media iframe, 
.media embed 								{ background:transparent; width:284px; z-index:-20; }
.media 										{ background:black; text-align:center; }	
.html_photoset								{ margin:0; padding:0; width:284px; }

.side-column								{ position:relative; }

/***** End *****/




} 
@media only screen and (min-width: 480px) and (max-width: 767px) {

/***** Place iPhone landscape view CSS under here (456px) *****/


.media iframe, 
.media embed 								{ background:transparent; width:440px; z-index:-20; }
.media 										{ background:black; text-align:center; }	
.html_photoset								{ margin:0; padding:0; width:440px; }


/***** End *****/

}