/*
Theme Name: Coffee Works

*/
@font-face {
    font-family: 'AlbertsthalTypewriterRegular';
    src: url('../../../font/albertsthaltypewriter.eot');
    src: url('../../../font/albertsthaltypewriter.eot') format('embedded-opentype'),
         url('../../../font/albertsthaltypewriter.woff') format('woff2'),
         url('../../../font/albertsthaltypewriter.woff') format('woff'),
         url('../../../font/albertsthaltypewriter.ttf') format('truetype'),
         url('../../../font/albertsthaltypewriter.svg') format('svg');
}
body{
margin: 0;
padding: 0;
font-size: 12px;
line-height: 21px;
background:#fff;
color: #2f292a;
font-family: 'AlbertsthalTypewriterRegular';
}
div,h1,h2,h3,h4,h5,h6,form,p, ul, li, span, ul, li{
margin: 0;
padding: 0;
}
li{
list-style-type: none;
}
a{
color: #7e4412;
text-decoration: none;
}
a:hover{
color: #7e4412;
text-decoration: underline;
}
a img{
border: none;
}
h1{
color: #000;
background-color: inherit;
font-size: 17px;
line-height: 21px;
}
h2{
color: #000;
background-color: inherit;
font-size: 15px;
line-height:19px;
}
h3{
color: #000;
background-color: inherit;
font-size: 13px;
line-height: 17px;
}
p{
padding-bottom: 10px;
}
spacer{
font-size: 0;
line-height: 0;
clear: both;
}
img {
	border:0;
}

input {
	font-size:1.2em;
}

input[type=text], textarea{
	background:#fff;
	border:1px inset #aaa;
}
input[type=submit] {
	background:#eee;
	border:1px outset #aaa;
}

textarea {
	font-size:12px;
}

pre {
	font-size:12px;
	overflow:auto;
}
code {
	font-size:12px;
	background-color:#f8f8f8;
	color:#111;
}


#sidebar{
	float:left;
	width:190px;
	margin:0 -230px 0 0;
	padding:20px;
	background:#eee;
}

.search {
	float:right;
	padding:1.5em 5% 0 0;
}
.search form {
	margin:0;
	padding:0;
}
.search input {
	display:inline;
	width:218px;
	border:1px solid #69b;
	margin:0;
	padding:0.2em 5px;
	background:#38b;
	color:#ddd;
	font-size:1.1em;
}

/* Sidebar */


#sidebar ul {
	padding:0;
	margin:0;
	list-style: none;
	font-size:1.1em;
}
#sidebar ul ul {
	font-size:1em;
}

#sidebar ul li {
	margin:0 0 2em 0;
}

#sidebar ul ul {
	margin:0;
	padding:0;
}

#sidebar li li {
	margin:0.1em 0;
}

#sidebar li li li {
	padding-left:10px;
}

#sidebar ul h2 {
	margin:0;
	padding:0;
	color:#4588c4;
	font-size:1.2em;
	text-transform:uppercase;
}
/* Post */
.post {
	margin:0;
}

.post p, .post ol li, .post ul li{

}
.post li li {

}
.post blockquote {

}
.post blockquote blockquote {

}

.postentry a {

}
.postentry a:hover {

}

.postmetadata {

}

div.navigation {
padding: 0 0 20px 0;
}

.postentry table {
}


.postentry table tr td {
	padding:5px 10px;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;

}

.postentry table tr th {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
	padding:5px 10px;
	background:#f4f4f4;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}

/* Comments */

#comments {
	font-size:1.2em;
}

.commentlist {
	margin:20px 0;
	padding:0;
	border-width:0 0.1em 0.1em 0;
	border-color:#eee;
	border-style:solid;
}

.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
	border-width:0.1em 0 0 0.1em;
	border-color:#eee;
	border-style:solid;
}

li.comment div, li.pingback div {
	padding:20px;
	overflow:auto;
}

li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}

.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#f6f6f6;
}

ul.children li {
	list-style:none;
}

img.avatar {
	float:right;
	border:1px solid #eee;
	padding:2px;
	margin:0;
	background:#fff;
}

.comment-meta, .reply {
	margin:0;
	padding:0;
	font-size:0.8em;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
	font-size:1.2em;
}


textarea#comment {
	width:100%;

}

#comments div.navigation {
	font-size:0.9em;
}

/* Comment ends */


/* Calendar */
#wp-calendar caption {
	text-transform:uppercase;
	font-weight:bold;
	color:#aaa;
	text-align:left;
}
#wp-calendar thead th {
	font-weight:normal;
	color:#27a;
	text-align:center;
}
#wp-calendar tbody td {
	text-align:center;
}
#wp-calendar tbody td a {
	font-weight:bold;
}
#wp-calendar tbody td.pad {
	border:none;
}
/* Calendar ends */

abbr {
	cursor:help;
	border-bottom: 0.1em dotted;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 5px 5px 5px 0;
}

.alignright {
   float: right;
   margin: 5px 0 5px 5px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/*.......general css......*/
#wrapper{ float: left; width: 100%; position: relative; }
.top_cnt { width: 100%; float:left; }
.main_wrapper { width: 962px; margin: 0 auto; }

.media_list { float: right; 
	/*margin: 18px -135px 14px 0; */
	margin: 18px 0px 14px 0; 
	position:fixed;
	top:0;
	right:0;
 }

.media_list li { padding: 0 0 0 5px; float: left; }

.media_list li.hide_tumblr { display:none;}

.logo { width: 100%; text-align: center; float: left; padding: 0 0 34px 0; }
.nav_top { width: 100%; float:left; text-align: center;  background: url(../../../images/dottoed_line.jpg) repeat-x center bottom; padding: 0 0 14px 0; margin: 0 0 5px 0; }
.nav_top li { display: inline; background: url(../../../images/devider.jpg) no-repeat 0 0; padding: 0 0 0 10px; margin: 0 0 0 4px; }
.nav_top li:first-child { padding: 0; margin: 0; background: none; }
.nav_top li a { font-family: 'AlbertsthalTypewriterRegular'; font-size: 14px; color: #828182; }
.nav_top li a:hover, .nav_top li.current-menu-item a { text-decoration: underline; }
.cnt_sec { width: 100%; float:left; }
.cnt_sec p { padding: 0 0 28px 0; color:#000; }
.cnt_sec h1 { font-family: 'AlbertsthalTypewriterRegular'; font-size: 12px; color: #7e4412; margin: 16px 0 0 0; }
.cnt_sec h2 { font-family: 'AlbertsthalTypewriterRegular'; font-size: 12px; color: #7e4412; margin: 0; }
.img_cnt { padding: 0 0 27px 0; }
.img_cnt img { width: 100%; height: auto; }
.footer { width: 100%; background-color: #e7e7e7; padding: 30px 0 35px 0; float: left; text-align: center; margin: 0 0 30px 0; }
.footer p { color: #616261; padding: 0 0 3px 0; }
.opn_list { float:left; width: 100%; padding: 0 0 20px 0; }
.opn_list li { display:inline; padding: 0 0 0 7px; margin: 0 0 0 3px; border-left: 1px solid #616261; line-height: 12px; color: #616261; }
.opn_list li:first-child { padding: 0; margin: 0; border-left: none; }
.footer p.add { padding: 0 0 20px 0; }
.footer p.add a { display: block; color: #616261; }
.footer p.add a:hover { color: #616261; }
.footer a { color: #616261; }
.footer p.add a:hover { color: #616261; }



.cof_list { float:left; width: 100%; padding: 0 0 10px 0; background: url(../../../images/dottoed_line.jpg) repeat-x center bottom; margin: 0 0 13px 0; }
.cof_list li{ float:left; padding: 0 0 0 14px; }
.cof_list li:first-child { padding: 0; }
.cof_list li a { font-size: 14px; color: #818083; }
.cof_list li a:hover { color: #7e4412 !important; text-decoration:none !important; } 
.img_list {/* float:left;*/ clear: both; }
.img_list li { float:left; margin: 0 0 10px 10px; height: 302px; }
.img_list li.even{ margin-left: 0; }
.img_list li img { width: 100%; }
.cat_sec {   background: url(../../../images/dottoed_line.jpg) repeat-x center bottom; margin: 0 0 20px 0; }
.cnt_sec_pro h2 { text-transform: uppercase; }
.scl_media { position: fixed; right: 0; bottom: 0; padding: 0 20px 20px 0; }
.scl_media li { display: inline; padding: 0 0 0 10px; }

/* ================================= bottom link
=============================================================== */
.bot_link{
	border:1px solid #ccc;
	position:fixed;
	bottom:0;
	right:0;
	padding:20px 0px;
	background:#fff;
	display:none;
}

.bot_link h4{
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:16px;
	line-height:25px;
}

.bot_link h4 a{
	float:right;
	display:inline;
}

.bot_link a{
	display:block;
	float:left;
	margin:0 0px 0 0;
	padding-left: 5px;
	padding-right: 5px;
}
.scl_icon_ft { float: left; }
.cnt_top { width: 100%; float:left; background: url(../../../images/dottoed_line.jpg) repeat-x center bottom; margin: 0 0 20px 0; }

/*===================================320_screen================================*/
@media only screen and (max-width:1024px) {
	
.aligncenter, div.aligncenter {
	max-width:100%;
	height:inherit;
}

#wrapper{
		padding-bottom: 100px;
	}
	
}

@media only screen and (max-width:360px) {
	.top_cnt {
		padding-top:60px; 
	}
	#wrapper{
		padding-bottom: 100px;
	}
	.scl_icon_ft { margin: 10px 0 0 0px; }
}



@media only screen and (min-width:1px) and (max-width: 320px) {
.main_wrapper { width: 70%; }
.media_list { margin-right: 0; }
.img_list li { margin: 0 0 10px 0; height: auto; }
.img_list li img { width: 100%; }
.cof_list { width: 100%; }
.cof_list li { width: 100%; border-bottom: 1px solid #ccc; padding: 5px 0; text-align:center; }
.cof_list li:last-child { border-bottom: none; }
.opn_list { padding: 10px 20px; width: 81%; }
.footer p.add { padding: 0 0 5px; }
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
.main_wrapper { width: 70%; }
.media_list { margin-right: 0; }
.img_list li { margin: 0 0 10px 0; height: auto; }
.img_list li img { width: 100%; }
.cof_list { width: 100%; }
.cof_list li { width: 100%; border-bottom: 1px solid #ccc; padding: 5px 0; text-align:center; }
.cof_list li:last-child { border-bottom: none; }
.opn_list { padding: 10px 20px; width: 88%; }
.footer p.add { padding: 0 0 5px; }
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
.main_wrapper { width: 70%; }
.media_list { margin-right: 0; }
.img_list li { margin: 0 0 10px 0; height: auto; }
.img_list li img { width: 100%; }
}
@media only screen and (min-width: 601px) and (max-width: 768px) {
.main_wrapper { width: 70%; }
.media_list { margin-right: 0; }
.img_list li { margin: 0 0 10px 0; height: auto; }
.img_list li img { width: 100%; }
}
@media only screen and (min-width: 769px) and (max-width: 800px) {
.main_wrapper { width: 70%; }
.media_list { margin-right: 0; }
}
@media only screen and (min-width: 801px) and (max-width: 1000px) {
.main_wrapper { width: 70%; }
.media_list { margin-right: 0; }
}
@media only screen and (min-width: 1001px) and (max-width: 1024px) {
.media_list { margin-right: 0; }
}