@charset "utf-8";
/*

 *	Theme Name: Teneo Coffee Shop

 *	Theme URI: http://teneocoffee.com

 *	Description: Custom WordPress theme designed and developed by Web inkubator exclusively for website teneocoffee.com 

 *	Author: Web inkubator

 *	Author URI: http://webinkubator.com.hr

 *	Version: 1.0

 *

 *	All content & design (c) 2009~ Web inkubator, All Rights Reserved

 *	Exclusive licence for usage given to teneocoffee.com

 *	Feel free to have a look around and learn from this code, but please don't steal.

 */



/* Reset all elements */

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 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus { outline:0 }
ins { text-decoration:none }
del { text-decoration:line-through }
table {
	border-collapse:collapse;
	border-spacing:0
}
iframe { display:none }
/* Text Style */

html, body { height:100%; }
body {
	font:14px/1.5 times, 'Times New Roman', times-roman, georgia, serif;
	background:#eae3d3 url(img/mbg.jpg) repeat scroll 0 0;
	color:#4b4b4b;
}
a:focus { outline:0px dotted; }
a:link {
	color: #9e3821;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #9e3821;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}
hr {
	border:0 #999 dotted;
	border-top-width:1px;
	clear:both;
	height:0
}
h1 {
	font-size: 48px;
	font-weight:100;
}
h2 {
	font-size: 36px;
	font-weight:100;
}
h3 {
	font-size: 24px;
	font-weight:100;
}
h4 {
	font-size: 21px;
	font-weight:100;
}
h5 {
	font-size: 18px;
	font-weight:100;
}
h6 {
	font-size: 16px;
	font-weight:100;
}
ol { list-style:decimal }
ul { list-style:disc }
li { margin-left:30px }
/* General Contructors */

#teneo {
	min-height:100%;
	position:relative;
	background:transparent url(img/hbg.jpg) repeat-x scroll 0 0;
}
.wrap {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	min-height:600px;
	padding-bottom:600px;
}
.fwrap {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:600px;
	overflow:hidden;
	background:transparent url(img/coffee_bag.png) no-repeat scroll 100% 100%;
}
.head {
	width:960px;
	height:159px;
	display:inline;
	float:left;
	position:relative;
}
#logo {
	width:140px;
	height:159px;
	display:inline;
	float:left;
	position:relative;
}
#logo h1 { text-indent:-9999px; }
#logo h1 a {
	display:block;
	background:transparent url(img/logo.png) no-repeat scroll 0 0;
	width:140px;
	height:159px;
}
.hmoto {
	width:820px;
	height:75px;
	display:inline;
	float:left;
	position:relative;
}
.hml {
	width:550px;
	height:75px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
}
.hmr {
	width:248px;
	height:30px;
	display:inline;
	float:right;
	position:relative;
	overflow:hidden;
	background:transparent url(img/smenu_bg.png) no-repeat scroll 0 0;
}
.fb_like {
	width:248px;
	height:40px;
	display:inline;
	float:right;
	position:relative;
	overflow:hidden;
	margin-top:4px;
}
.fb_like iframe {
	display:inline;
}
.hmoto .hml h2 {
	color:#FFF;
	font:normal 36px Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	margin: 0;
	padding: 7px 0 0 5px;
	line-height:30px;
	width:550px;
}
.hmoto .hml h2 small {
	color:#998675;
	font:italic 18px times, 'Times New Roman', times-roman, georgia, serif;
	letter-spacing:normal;
	font-weight:200;
	display:block;
	margin:0;
	padding:0;
}
ul#topnav {
	list-style: none;
	float: right;
	width: 240px;
	margin: 3px 4px 0 4px;
	padding: 0;
}
ul#topnav li {
	float: right;
	margin: 0 0 0 8px;
	padding: 0;
}
ul#topnav li a {
	float: left;
	display: block;
	padding: 0 5px 0 18px;
	color: #bc975d;
	text-decoration: none;
	text-transform:uppercase;
	font-size:11px;
}
ul#topnav li.tmail a { background:transparent url(img/mail.png) no-repeat scroll 0 50%; }
ul#topnav li.tmail a:hover { background:transparent url(img/mail_hov.png) no-repeat scroll 0 50%; }
ul#topnav li.tfav a {
	background:transparent url(img/fav.png) no-repeat scroll 0 50%;
	height:16px!important;
	margin:0!important;
	overflow:hidden!important;
}
ul#topnav li.tfav a:hover { background:transparent url(img/fav_hov.png) no-repeat scroll 0 50%; }
ul#topnav li.trss a { background:transparent url(img/rss.png) no-repeat scroll 0 50%; }
ul#topnav li.trss a:hover { background:transparent url(img/rss_hov.png) no-repeat scroll 0 50%; }
.prelme { display:none; }
ul#topnav li a:hover { color:#FFF; }
.menu {
	width:820px;
	height:60px;
	display:inline;
	float:left;
	position:relative;
}
ul#mainnav {
	list-style: none;
	float: left;
	width: 820px;
	margin: 0;
	padding: 0;
}
ul#mainnav li {
	float: right;
	margin: 0;
	padding: 0;
}
ul#mainnav li a {
	float: left;
	display: block;
	padding: 10px;
	margin:5px 5px 0;
	color: #f8cc7a;
	text-decoration: none;
	font:normal 16px times, 'Times New Roman', times-roman, georgia, serif;
	text-transform:uppercase;
}
ul#mainnav li.active a {
	color:#FFF;
	border-top:3px solid #FFF;
	padding-top: 7px;
}
ul#mainnav li a:hover {
	color:#FFF;
	border-top:3px solid #FFF;
	padding-top: 7px;
}
.search {
	width:345px;
	height:30px;
	display:inline;
	float:right;
	position:relative;
	background:transparent url(img/searchbg.png) no-repeat scroll 0 0;
}
.search p {
	margin:0;
	padding:0;
}
.search_text {
	width:178px;
	height:20px;
	display:inline;
	float:right;
	background:transparent none scroll 0 0;
	border:none;
	color:#999;
	font:normal 14px "Courier New", Courier, monospace;
	padding:2px;
	margin:4px 0 0 0;
}
.search_text:focus { color:#000; }
.search_btn {
	width:22px;
	height:22px;
	display:inline;
	float:right;
	text-indent:-9999px;
	background:transparent url(img/search_btn.png) no-repeat scroll 0 0;
	border:none;
	margin:2px 10px 0 0;
	cursor:pointer;
}
.introduction {
	width:960px;
	height:148px;
	display:inline;
	float:left;
	position:relative;
	background:transparent url(img/teneo_coffee.jpg) no-repeat scroll 100% 0;
	overflow:hidden;
	margin:10px 0 20px 0;
}
.introduction h2 {
	font:normal 44px/40px times, 'Times New Roman', times-roman, georgia, serif;
	letter-spacing: -1px;
	color: #444;
	margin: 0;
	padding: 0;
	font-weight: 100;
}
.introduction h2 small {
	font-size: 26px;
	line-height: 34px;
	letter-spacing: -1px;
	color: #444;
	display:block;
	padding:4px 280px 0 0;
}
/* Three columns */

.gridlock {
	width:295px;
	float:left;
	display:inline;
	position:relative;
}
.gridlock.smarg { margin-left:10px; }
.gridlock.bmarg { margin-left:35px; }
.gbw {
	width:292px;
	min-height:420px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
}
.gbcw { padding:10px; }
.gbh {
	width:292px;
	height:187px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
}
.lgbh { background:url(img/lghead.jpg) no-repeat scroll 0 0; }
.cgbh { background:url(img/cghead.jpg) no-repeat scroll 0 0; }
.rgbh { background:url(img/rghead.jpg) no-repeat scroll 0 0; }
.gbc {
	width:292px;
	min-height:225px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	background:url(img/lgcenter.jpg) repeat-y scroll 0 0;
}
.gbc h2 {
	font-size:24px;
	color:#9e3821;
	font-weight:100;
	letter-spacing:-1px;
	margin:10px 15px 0 15px;
	line-height:26px;
}
.gbc h3 {
	font:normal 12px/20px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight:100;
	margin:0 15px 10px 15px;
	text-transform:uppercase;
	color:#737373;
}
.gbc p {
	display:block;
	padding:0 15px;
}
.gbf {
	width:292px;
	height:8px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
}
.lgbf { background:url(img/lgfooter.jpg) repeat-y scroll 0 0; }
.cgbf { background:url(img/cgfooter.jpg) repeat-y scroll 0 0; }
.rgbf { background:url(img/rgfooter.jpg) repeat-y scroll 0 0; }
p.gblnk {
	height:47px;
	margin:5px 15px 10px 15px;
	padding:0;
}
p.gblnk a {
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	border-bottom:1px dotted;
	display:inline-block;
	margin-top:30px;
}
p.gblnk.ishop { background:url(img/teneo_icon.png) no-repeat scroll 100% 100%; }
p.gblnk.ishop a { margin-top:5px; }
p.gblnk.ishop span {
	background:url(img/world.png) no-repeat scroll 0 50%;
	padding-left:18px;
}
p.gblnk.ishop span.tmenu { background:url(img/adober.png) no-repeat scroll 0 50%;/*background:url(img/attach.png) no-repeat scroll 0 50%;*/

}
p.gblnk.iprod { background:url(img/coffee_icon.png) no-repeat scroll 100% 100%; }
p.gblnk.iprod span {
	background:url(img/adober.png) no-repeat scroll 0 50%;
	/*background:url(img/page_cup.png) no-repeat scroll 0 50%;*/

	padding-left:18px;
}
p.gblnk.ischo { background:url(img/school_icon.png) no-repeat scroll 100% 100%; }
p.gblnk.ischo span {
	background:url(img/time.png) no-repeat scroll 0 50%;
	padding-left:18px;
}
.news_box { margin-bottom:20px; }
.news_box h2, .news_box h2 a {
	font-size:15px;
	color:#332615;
	font-weight:700;
	margin-bottom:5px;
	text-transform:uppercase;
	letter-spacing:-1px;
}
.news_box h2 a:hover { color:#666; }
.news_box h3 {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#737373;
	font-weight:700;
	margin-bottom:5px;
}
.news_box p {
	line-height:20px;
	font-size:1.1em;
}
h2.titel {
	font:normal 34px/30px times, 'Times New Roman', times-roman, georgia, serif;
	letter-spacing: -1px;
	color: #888;
	margin: 0;
	padding: 0;
	font-weight: 100;
	font-style:italic;
	border-bottom:1px dotted #999;
}
h2.titel small {
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -1px;
	color: #666;
	display:block;
	padding:8px 0 0 0;
	font-style:normal;
}
h2.titel small em {
	text-transform:lowercase;
	color:#777;
	font-style:italic;
}
.greyed { color:#888!important; }
/* Single, post and Etc... */

/* Gallery */

#galw {
	width:960px;
	display:inline;
	float:left;
	position:relative;
	margin:20px 0 0 0;
}
.tphoto {
	margin: 7px 7px 0 0;
	position: relative;
	width: 130px;
	height: 100px;
	float: left;
}
.tphoto img {
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #bbb;
	border-left: solid 1px #ccc;
	padding:2px;
	background-color:#fff;
}
.tphoto span {
	width: 87px;
	height: 18px;
	display: block;
	position: absolute;
	top: -7px;
	left: 20px;
	background: url(img/tape.png) no-repeat;
}
.tphoto a {
	text-decoration: none;
	opacity:0.87;
}
.tphoto a:hover { opacity:1; }
#pagew {
	width:960px;
	display:inline;
	float:left;
	position:relative;
	margin:30px 0;
}
#content {
	width:630px;
	min-height:850px;
	padding:10px 20px 0 0;
	display:inline;
	float:left;
	position:relative;
	border-right:1px dotted #999;
}
.post {
	width:600px;
	display:inline;
	position:relative;
	float:left;
	margin-bottom:40px;
}
.post h2 {
	font:normal 30px/30px times, 'Times New Roman', times-roman, georgia, serif;
	letter-spacing: -1px;
	color: #444;
	margin: 0;
	padding: 0;
	font-weight: 100;
}
.post h2 a { color:#444; }
.post h2 a:hover { color:#000; }
.post h3 {
	font:normal 12px/20px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight:100;
	margin:10px 0;
	text-transform:lowercase;
	color:#737373;
}
.post h3 a {
	text-transform:uppercase;
	font:normal 10px/20px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
.post h3 a:hover { border-bottom:1px dotted; }
.post p { margin-top:10px; }
.thumbl {
	padding:2px;
	background-color:#fff;
	border:1px solid #999;
}
.nicel img {
	padding:2px;
	background-color:#fff;
	border:1px solid #999;
}
.addtoany_share_save_container img {
	padding:0;
	background-color:transparent;
	border:none;
}
.nicel span.drop {
	color:#777777;
	float:left;
	font-size:3em;
	line-height:0.6em;
	margin:0;
	padding:0.25em 0.08em 0 0;
	text-transform:capitalize;
}
.nicel h3 {
	font:normal 14px/22px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight:100;
	margin:20px 0 10px 0;
	padding-left:26px;
	text-transform:uppercase;
	color:#333;
	background:transparent url(img/cbean.png) no-repeat scroll 0 50%;
}
.nicel h2 {
	font:normal 34px/30px times, 'Times New Roman', times-roman, georgia, serif;
	letter-spacing: -1px;
	color: #444;
	margin: 0;
	padding: 0;
	font-weight: 100;
	font-style:italic;
	border-bottom:1px dotted #999;
}
/* Sidebar */

#sidebar {
	width:280px;
	min-height:800px;
	padding:10px 0 0 20px;
	display:inline;
	float:right;
	position:relative;
}
#sidebar ul {
	margin:0px 0px 30px 0px;
	padding:0px;
}
#sidebar ul li {
	list-style:none;
	margin:0px 0px 5px 0px;
	padding:0px;
}
#sidebar h3 {
	font:normal 14px/20px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight:100;
	margin:4px 0 10px 0;
	text-transform:uppercase;
	color:#444;
}
#sidebar h2.widgettitle {
	font:normal 14px/20px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight:100;
	margin:4px 0 10px 0;
	text-transform:uppercase;
	color:#444;
}
.flicki {
	width:81px;
	height:81px;
	display:inline;
	float:left;
	position:relative;
	margin:7px 7px 0 0;
}
#flickrrss .flicki a img {
	padding:2px;
	background:#FFF none scroll 0 0;
	border:1px solid #e1e1e1;
}
#flickrrss .flicki a:hover img {
	padding:2px;
	background:#FFF none scroll 0 0;
	border:1px solid #999;
}
/* Comments */

/*

	Comment-Styles

*/



#comments_template {
	margin-top:20px;
	padding-top:20px;
}
ol#comments {
	margin:0px;
	padding:0px;
	margin-top:20px;
}
ol#comments li {
	margin:0px;
	padding:0px;
	position:relative;
	padding-left:60px;
	list-style:none;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}
ol#comments .avatar {
	position:absolute;
	top:0px;
	left:0px;
}
ol#comments small a {
	font-weight:normal;
	color:#999999;
}
textarea.textarea {
	background:#fff url(img/shadow.gif) repeat-x scroll top;
	border:1px solid #aaa;
	color:#333;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:79%;
	overflow:auto;
}
input.text {
	background:#fff url(img/shadow.gif) repeat-x scroll top;
	border:1px solid #aaa;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
	width:40%;
}
#commentform p { margin-bottom:15px; }
#commentform label small {
	font-size:11px;
	text-transform:uppercase;
}
ul.commentlist {
	margin:20px 0px 20px 0px;
	padding:0px;
	border:1px dotted #999;
}
ul.commentlist li {
	margin:0px;
	padding:10px 0px 20px 60px;
	position:relative;
	list-style:none;
	border:1px solid #dedede;
	border-bottom:0px;
	background:#eae1d0 none scroll 0 0;
	background-position:1px 1px;
}
ul.commentlist .avatar {
	position:absolute;
	top:10px;
	left:10px;
	border:1px solid #999;
	padding:2px;
	background-color:#CCC;
}
ul.commentlist .commentmetadata { display:none; }
ul.commentlist ul {
	margin:20px 0px 20px 0px;
	padding:0px;
}
ul.commentlist ul li {
	border:0px;
	background-color:#eae1d0;
	overflow:auto;
	background-image:none;
	padding-bottom:0px;
}
/* Footer */

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:600px;
	overflow:hidden;
	background:transparent url(img/fbg.jpg) repeat-x scroll 0 0;
}
#coffe2go {
	width:119px;
	height:118px;
	float:left;
	display:inline;
	position:relative;
	background:transparent url(img/coffe_2go.png) no-repeat scroll 0 0;
}
#taddress {
	width:840px;
	height:75px;
	float:left;
	display:inline;
	position:relative;
	font-family:"Courier New", Courier, monospace;
	color:#CCC;
	text-align:right;
}
#taddress p { margin:32px 0 0 0; }
.fbox {
	width:255px;
	height:360px;
	overflow:hidden;
	float:left;
	display:inline;
	position:relative;
	color:#c7b299;
	font-size:14px;
	margin-top:40px;
}
.fboxc {
	width:395px;
	height:400px;
	overflow:hidden;
	padding-left:20px;
	margin-left:5px;
	margin-top:10px;
	background:transparent url(img/fdelleft.png) no-repeat scroll 0 0;
	float:left;
	display:inline;
	position:relative;
	color:#c7b299;
	font-size:14px;
}
.fboxc h2 { margin-bottom:10px; }
.fboxc .addtoany_share_save_container { display:none!important; }
.fboxr {
	width:255px;
	height:400px;
	overflow:hidden;
	padding-left:20px;
	margin-left:5px;
	margin-top:10px;
	background:transparent url(img/fdelright.png) no-repeat scroll 0 0;
	float:left;
	display:inline;
	position:relative;
	color:#c7b299;
	font-size:14px;
}
.fbox a, .fboxc a, .fboxr a { color:#dd5820; }
.fbox a:hover, .fboxc a:hover, .fboxr a:hover { color:#fff; }
.fbox.smarg { margin-left:10px; }
.fbox.bmarg { margin-left:35px; }
.fbox h2, .fboxc h2, .fboxr h2 {
	color:#dacc7a;
	font-size:18px;
	font-weight:100;
}
ul.flist {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
ul.flist li {
	padding: 3px 5px 3px 20px;
	margin: 0;
	background: url(img/coffee_bullet.png) no-repeat left center;
}
.copybox {
	width:790px;
	float:left;
	display:inline;
	position:relative;
	color:#998675;
	font-size:14px;
	background:transparent url(img/fdelbottom.png) no-repeat scroll 0 0;
	padding-top:16px;
}
.copybox a {
	color:#998675;
	border-bottom:1px dotted;
}
.copybox a:hover {
	color:#fff;
	border-bottom:1px dotted;
}
/* Products page */

.oprod {
	width:960px;
	height:154px;
	margin:20px auto 0 auto;
	background:transparent url(img/proizvodi.jpg) no-repeat scroll 0 0;
}
/* Table design for sample price list */

#price-list {
	font-size: 12px;
	background: url(img/prilist.jpg) no-repeat scroll 100% 100%;
	margin: 25px 0;
	width: 590px;
	border-collapse: collapse;
	text-align: left;
}
#price-list th {
	font-size: 16px;
	font-weight: normal;
	color: #413424;
	padding: 10px 8px;
	border-bottom: 2px solid #413424;
}
#price-list th.hot {
	color: #9e0b0f;
	font-size: 15px;
	font-weight: bold;
	text-transform:uppercase;
}
#price-list th.cold {
	color: #0072bc;
	font-size: 15px;
	font-weight: bold;
	text-transform:uppercase;
}
#price-list td {
	color: #666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	padding: 9px 8px;
	border-bottom: 1px dotted #413424;
}
#price-list td.hotp { color: #9e0b0f; }
#price-list td.coldp { color: #0072bc; }
#price-list tbody tr:hover td { color: #000; }
.areader {
	background: url(img/adober.png) no-repeat scroll 0 50%;
	padding-left:18px;
}
.fsmall { font-size:12px; }
h2.rectje {
	font-size:15px;
	font-weight:700;
	margin:0 10px 5px 0;
	text-transform:uppercase;
	letter-spacing:-1px;
	background: url(img/srce.png) no-repeat scroll 0 70%;
	padding:8px 0 2px 18px;
	border-top:1px dotted #553f20;
}
/* Reset and etc. Classes */

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.fix {
	clear:both;
	height:1px;
	margin:-1px 0 0;
	overflow:hidden;
}
.alignl { text-align:left; }
.alignr { text-align:right; }
.alignc { text-align:center; }
.morel {
	display:inline;
	white-space:nowrap;
}