* {
	margin: 0; 
	padding: 0;
}

body {
	min-width: 1024px;
	background: url(http://s3.amazonaws.com/ilovecoffee-img/header_bg.png) repeat-x;
	font-family: "Avenir Next", Helvetica, arial, "メイリオ", sans-serif;
	font-size: 15px;
	color: #000;
}

h1, h2, h3, h4, h5, .alternate_font {
	font-family: "Avenir Next", Helvetica, verdana, "メイリオ", sans-serif;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	line-height: 1.25em;
	margin-bottom: .25em;
}


h1 {
	font-size: 35px;
}

a {
	color: #F83264;
}

a img { border: none !important; }



ul {
	list-style-type: none;
}

	li {
		background: url(http://s3.amazonaws.com/ilovecoffee-img/tiny_star.png) no-repeat 0 5px;
		padding-left: 10px;
		line-height: 1.75em;
	}

p {
	line-height: 1.5em;
	padding: .25em 0 1em 0;
	
}

small {
	font-size: 11px;
	text-transform: uppercase;
}


#container {
	width: 1000px;
	margin: 0 auto;
}

.main-image {
	width: 750px;
}

/* sidebar */

.no_sidebar #sidebar {
	display: none !important;
}

#sidebar {
	width: 225px;
	background: url(http://s3.amazonaws.com/ilovecoffee-img/coffee_heart.png) no-repeat 0 0;
	padding-top: 230px;
	float: left;
	font-size: 15px;
}


	.with_sushi #sidebar {
		background: url(http://s3.amazonaws.com/ilovecoffee-img/sushi_on_wood.png) no-repeat 0 55px !important; 
	}
	
	.with_animals #sidebar {
		background: url(http://s3.amazonaws.com/ilovecoffee-img/animal_logo.png) no-repeat 0 0; 
		background-size: 220px;
	}
	
	#sidebar ul {
		margin-bottom: 15px;
	}

	#sidebar #coffee_cup {
		margin-top: 10px;
		margin-bottom: 5px;
	}


	#sidebar #sidebar_about {
		margin-bottom: 5px;
		padding-right: 1.5em;
	}
	

/* header and content container */
#header_and_content {
	width: 750px;
	float: left;
}


/* header */
#header {
	position: relative;
	height: 185px;
}

	#logo {
		position: absolute; 
		top: 20px;
		left: 10px;
	}
	
	#logo_mobile {
		display: none;
	}
	
	
	.with_sushi #logo {
		top: 20px !important;
	}

	#nav {
		position: absolute; 
		bottom: 19px;
		padding: 7px;
		color: #fff;
	}

		#nav a { 
			border-right: 1px solid #ccc;
			padding: 6px;
			color: #F83264;
			text-transform: uppercase;
			text-decoration: none;
		}
	
		#nav a:hover {
			color: #ff6600;
		}
		
		#nav .active {
			color: #000;
		}
		
		#nav .last { border: none; }
	
	#follow {
		position: absolute; 
		right: 0px;
		top 0px;
		background: url(http://s3.amazonaws.com/ilovecoffee-img/follow_bg_new.png) no-repeat 0 0;
		background-size: 250px 52px;
		width: 250px;
		height: 52px;
		text-align: center;
		padding-top: 9px;
	}
	
		#text_follow { padding-top: 8px;}	
	
	#language {
		position: absolute; 
		right: 0px;
		bottom: 25px;
	}

	#mobile_contact {
		display: none;
	}
	
	#admin_nav {
		position: absolute;
		top: 170px;
		left: 0px;
	}


#content {

}

	.no_sidebar #content {
		width: 900px; 
		margin: 0 auto;
	}



/* list of blog posts */ 

#posts {
	margin-top: 20px; 
}

#posts li {
	background: none; 
	margin-bottom: 40px;
}

#posts .title {
	background: url(http://s3.amazonaws.com/ilovecoffee-img/little_coffee_cup.png) no-repeat 0 0;
	padding-left: 35px;
}
#posts .title a {
	color: #000;
	text-decoration: none;
	padding-bottom: 5px;
	
}

#posts .who_when_where {
	background-color: #efefef;
	padding: 10px;
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 5px;
	height: 25px;
}

#posts .who_when {
	float: left; 
}

#posts .where {
	float: right; 
}

#posts .sources {
	text-align: center;
	font-size: 10px;
	padding: .5em;
}
#posts .preview {
	clear: both !important;
}

#posts .preview a {
	text-decoration: none !important; 
	color: #000;
}

#posts .continue_reading { 
	text-align: right; 
}

	#posts .continue_reading a {
		text-decoration: none;
	}

	#posts #like_and_tweet_buttons {
		text-align: left;
		background: #efefef;
		padding-top: 5px !important;
		padding-left: 200px;
		padding-bottom: 10px;

	}
	
	
	#post_ads	{
		text-align: center; 
	}
	
#category_header {
	border: 4px dotted #efefef;
}

#category_header h1 {
	margin-bottom: 0;
}


/* contact page */
#contact img{
	display: block;
	float: left;
	padding-right: 20px;
}


#pagination {
	border:dashed 2px #F83264; 
	padding: 1em; 
	text-align: center;
}

#pagination * { font-size: 15px !important; }

#pagination a { 
	padding-right: .5em;
	padding-left: .25em; 
}


/* post ads */

#ad_mobileonly {
	display: none;
}
	
#ad300 {
	display: none;
}


/* footer */
#footer {
	background: #493D2F url(http://s3.amazonaws.com/ilovecoffee-img/footer_bg.png) repeat-x 0 0;
	padding-top: 50px;
	text-align: center;
	color: #fff;
}

#footer a { 
	padding-right: 1em;
}


/*MOBILE - iphones*/

/* responsive ad */


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

	body {
	background: url(http://s3.amazonaws.com/ilovecoffee-img/header_bg_mobile.png) repeat-x;
	}
	
	h1 {
		font-size: 45px;
	}
	
	
	#sidebar {
  		display: none; 
  	}
	 
	#logo_mobile {
  		position: absolute; 
		top: 10px;
		left: 160px;
		display: block;
	}

  	#follow {
  		display: none;
  	}
	  
	#language {
		position: absolute; 
		right: 3%;
		bottom: 7%;
	}

	#nav {
		padding-left: 2%;
		font-size: 28px;
		bottom: 230px;
	}
	
	.main-image { 
		width: 100%;
	}
	
	
	li {
    padding-left: 0px;
    }
	
  	#header {
		position: relative;
		height: 450px;
		padding-bottom: 60px;
		border-bottom:dashed 3px #F83264;
	}

	#mobile_contact {
		position: absolute;
		display: block;
		top: 60%;
		left: 6%;
	}

  	#header_and_content {
  		width: 100%;
  		font-size: 25px;
  	}
	  
	.pad_left { 
		border: none !important;
		width: 400px;
	}
	
  	#logo {
  		display: none;
  	}
  	
  	.button{
		transform:scale(2.5);
		padding-right: 55px;
		padding-bottom:70px;
		padding-top: 70px;
		padding-left: 30px;
	}
	
	#posts .who_when_where {
		background-color: #efefef;
		padding: 10px;
		font-size: 25px;
		margin-bottom: 5px;
		margin-top: 5px;
		height: 40px;
	}
	  
	#pagination * {
  		font-size: 25px !important;
  	}

	#pagination a { 
		padding-right: .3em;
		padding-left: .3em; 
	}

	#ad300x250_top {
		display: none;
	}

	#ad_mobileonly {
		display: block;
	}
	
	#ad200 {
		display: none;
	}

	#ad300{
		display: -webkit-inline-box;
	}
	
	#post_ads a img {
		width: 300px;
	}

	#sns_icons a img {
		width: 130px;
		padding-left: 20px;
	}
}



/* reusable classes */
.clear { 
	clear: both;
}

.pad { padding: 10px; }

.faint_bg { background: #efefef; }

.faint { color: #ccc; }

.floor { margin-bottom: 10px; }

.floor2 { margin-bottom: 20px; }

.color1 { color: #F83264; }

.inline { display: inline; }

.button1 {
	background-color: #F83264;
	color: #fff; 
	padding: 3px;
	text-decoration: none; 
}

.squiggle_arrow {
	background: url(http://s3.amazonaws.com/ilovecoffee-img/squiggle_arrow.png) no-repeat 0 5px; 
	padding-left: 37px;
}

.super_vacuum, .super_vacuum * {
	margin: 0 !important; 
	padding: 0 !important;
	line-height: 1em !important;
}



/* forms */
.text label, .textarea label, .password label, .select label { 
	display: block;
	text-transform: uppercase;
}

.text, .textarea, .password, .select {
	margin-bottom: 20px;
}


fieldset {
	border: 1px solid #ccc;
	padding: 1em;
	margin-bottom: 1em;
}

legend { font-size: 24px; }

#flashMessage { 
	background: #ff6600;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 18px;
}

.jHtmlArea li { background: none; }

.delete_button {
	font-size: 20px;
	color: #fff; 
	background-color: #920000;
	padding: 10px; 
	text-decoration: none;
}

.save_button {
	font-size: 20px;
	color: #fff; 
	background-color: green;
	padding: 10px; 
	text-decoration: none;
	margin-bottom: 50px;
	cursor: pointer;
}

#dsq-like-thread-button, #dsq-dislike-thread-button {
	display: none !important; 
}

.ghost {
	display: none !important;
}

/* ryoko's css classes */
.pad_left {
	padding-left: 10px; 
}