/*

Theme Name: FoodPress

Description: A Culinary WordPress Theme

Author: Sebrosen

Author URI: http://themeforest.net/user/sebrosen

Theme URI: http://themeforest.net/user/sebrosen

Version: 1.0

*/



@import url("css/reset.css");

@import url("css/nivo-slider.css");



/*** General Styles ***/

body { font-family: 'TitilliumText22LLight'; font-size:13px; color:#333; }

a { text-decoration:none; color:#f8560e; }

a:hover { text-decoration:underline; }

p { line-height:20px; }



/*** Header Styles ***/

#top-header-wrapper { background:url(images/top-header-bg.png) repeat-x; height:38px; }

#top-header { width:960px; margin:0 auto; }

#header-wrapper { background:url(images/header-bg.png) repeat; height:117px; }

#header { width:960px; margin:0 auto; }

#logo { padding-top:27px; float:left; }

#header-banner { float:right; padding-top:24px; }



/*** Top Navigation ***/

#top-navigation { float:left; z-index:999; }

#top-navigation li { float:left; margin-right:18px; padding-top:10px; text-transform: uppercase; position:relative; display:block; height:26px;  z-index:999;}

#top-navigation li a { color:#000; text-shadow: 1px 1px 1px #000; }

#top-navigation li ul { position:absolute; padding:0; top:36px; z-index:2; left:-20000px; background:#FFF; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; width:170px; }

#top-navigation li:hover ul { left:0; }

#top-navigation li ul li { float:none; padding-left:12px; height:25px; width:158px; padding-top:10px; background:none;}

#top-navigation li ul li:hover { background:#f1f1f1; }

#top-navigation li ul li ul { top:2000px; }

#top-navigation li ul li:hover ul { top:0; left:170px; width:170px; border-top:1px solid #CCC; }



/*** Search ***/

#search-wrapper { float:right; position:relative; }

#searchform input { background:url(images/search-bg.png) repeat-x; border:0; height:35px; position:absolute; top:0; right:42px; padding-left:10px; border-left:1px solid #DDD; width:185px; font-family: 'TitilliumText22LLight'; font-size:13px; color:#999; }

#searchform #search-button { right:0; border:none; width:42px; padding-left:0; }

#searchform #s:focus { outline:none; }



/*** Navigation Styles ***/

#navigation-wrapper { background:#f8560e url(images/navigation-bg.png) repeat-x; height:50px; margin-top: 60px;}

#navigation { width:960px; margin:0 auto; z-index:999;}

#navigation ul { text-transform: uppercase; z-index: 9999; }

#navigation li { float:left; display:block; margin-right:24px; height:50px; position:relative; }

#navigation li.current-menu-item { height:49px; margin-top:1px; }

#navigation li.current-menu-item a {  background:#f8560e url(images/navi-current-bg.png) repeat-x; padding:0 12px 0 14px; float:left; }

#navigation li.current-menu-item .right-line { background:#f8560e url(images/navi-line.png) repeat-y right; height:43px; width:2px; float:right;}

#navigation li ul li.current-menu-item .right-line { display:none; }

#navigation li a { color:#FFF; font-size:15px; text-shadow: 1px 1px 1px #9e3709; line-height:46px; }

#navigation li ul { position:absolute; padding:0; top:50px; z-index:2; left:-20000px; background:#FFF; border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; width:170px; }

#navigation li.current-menu-item ul { top:49px; }

#navigation li:hover ul { left:0; }

#navigation li ul li, #navigation li.current-menu-item ul li, #navigation li ul li.current-menu-item  { float:none; padding-left:12px; height:25px; width:158px; padding-top:10px; background:none;}

#navigation li ul li:hover, #navigation li.current-menu-item ul li:hover, #navigation li ul li.current-menu-item:hover { background:#f1f1f1; }

#navigation li.current-menu-item ul li a, #navigation li ul li.current-menu-item a { padding:0; float:none; background:none;}

#navigation li ul li a { font-size:13px; color:#777; text-shadow:none; line-height:0; }

#navigation li ul li ul, #navigation li.current-menu-item ul li ul, #navigation li ul li.current-menu-item ul { top:2000px; }

#navigation li ul li:hover ul { top:0; left:170px; width:170px; border-top:1px solid #999; }





/*** Main Styles ***/

#wrapper { /*background:url(images/content-bg.gif) repeat-y;*/ width:960px; margin:0 auto; overflow:hidden; }

.wrapper-full { width:960px; margin:0 auto; overflow:hidden; }

#main { float:left; clear:both; width:637px; overflow:hidden; }

.main-full { float:left; clear:both; width:960px; overflow:hidden; }

#homepage-sidebar {
	width: 1000px; text-align:center; margin-top: 5px; padding: 10px; background-color: #ebebeb; margin: auto;
	}

.col
{
    float: left;
    width: 25%;
}
.row{
    border: 0px solid green;
    overflow: hidden;  /* "overflow: auto;" works just as well instead */
    width:100%;        /* Helps older versions of IE */
    text-align:center;
    padding: 4px;
    margin-top: 20px;
}


.btn {
  background: #d9d9d9;
  background-image: -webkit-linear-gradient(top, #d9d9d9, #adaaa4);
  background-image: -moz-linear-gradient(top, #d9d9d9, #adaaa4);
  background-image: -ms-linear-gradient(top, #d9d9d9, #adaaa4);
  background-image: -o-linear-gradient(top, #d9d9d9, #adaaa4);
  background-image: linear-gradient(to bottom, #d9d9d9, #adaaa4);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #000000;
  font-size: 11px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #fad976;
  background-image: -webkit-linear-gradient(top, #fad976, #d9a234);
  background-image: -moz-linear-gradient(top, #fad976, #d9a234);
  background-image: -ms-linear-gradient(top, #fad976, #d9a234);
  background-image: -o-linear-gradient(top, #fad976, #d9a234);
  background-image: linear-gradient(to bottom, #fad976, #d9a234);
  text-decoration: none;
}


/*** Featured slider ***/

#featured-wrapper { padding-top:25px; width:620px; margin-bottom:25px; overflow:hidden; height:400px; z-index:-1;}

.featured-item { position:relative; margin-bottom:10px; height:300px; z-index:-1;}

.featured-text h2 a { font-family: 'TitilliumText22LMedium'; font-size:26px; color:#FFF; text-shadow: 1px 1px 1px #000; }

.featured-text span { color:#888; text-shadow: 1px 1px 1px #000; margin-bottom:5px; display:block; text-transform: uppercase; }



/*** Post block ***/

.post-block { clear:both; margin-bottom:30px; overflow:hidden; }

.post-block.latest { margin-top:25px; }

.post-block h3 { background:url(images/double-line.png) repeat-x bottom; font-size:17px; text-transform: uppercase; color:#888; padding-bottom:8px; margin-bottom:20px; }

.post-block  img { padding:4px; border:1px solid #E5E5E5; float:left; margin-right:10px; }

.post-block p { color:#444; line-height:20px; }

.post-block.archive { margin-top:25px; }



.post-item-meta { display:block; margin-bottom:8px; float:left;}

.post-item-meta span { margin-right:10px; color:#777; font-size:12px; display:inline-block; }

.post-item-meta a { color:#555; }

.post-item-meta .comments { background:url(images/comment.png) no-repeat left; padding-left:20px; }

.post-item-small .post-item-meta, .post-item-big .post-item-meta, .post-item-grid .post-item-meta { float:none; }



.post-item-small { width:620px; clear:both; margin-bottom:20px; overflow:hidden; }

.post-item-small h2 { font-size:22px; color:#333; font-family: 'TitilliumText22LRegular'; margin-bottom:6px; }



.post-item-big { margin-bottom:20px; }

.post-item-big h2 { font-size:24px; color:#333; font-family: 'TitilliumText22LRegular'; margin-bottom:6px; }

.post-block .post-item-big img { margin-bottom:6px; display:block; float:none; }



.post-item-grid { width:196px; float:left; margin-right:16px; height:290px; }

.post-item-grid.last { margin-right:0; }

.post-item-grid h2 { margin-bottom:6px; line-height:20px; }

.post-item-grid .post-item-meta { padding-bottom:10px; }

.post-block .post-item-grid img { float:none; margin-bottom:6px; }



/*** Title Styles ***/

#title-wrapper { background:url(images/title-bg.png) repeat-x; height:163px; margin-bottom:20px; }

#title { width:960px; margin:0 auto; }

.title-text { float:left; padding-top:42px; }

.title-text h1 { font-family:'TitilliumText22LRegular'; font-size:32px; text-shadow: 1px 1px 1px #FFF; color:#444; margin-bottom:6px; }

.title-text.big { padding-top:22px; }

.title-text.big h1 { width:810px; }

.title-text span { font-size:15px; color:#AAA; text-shadow: 1px 1px 1px #FFF; }

#recipe-info { float:right; text-align:right; padding-top:30px; }

.persons { background:url(images/people-icon.png) no-repeat right;  padding:13px 52px 13px 13px; display:block; margin-bottom:10px; color:#555; text-shadow: 1px 1px 1px #FFF; }

.time { background:url(images/clock-icon.png) no-repeat right;  padding:13px 52px 13px 13px; display:block; color:#555; text-shadow: 1px 1px 1px #FFF; }

.title-text.archive { padding-top:54px; }



/*** Breadcrumb ***/

#crumbs-wrapper { background:url(images/double-line.png) repeat-x bottom; width:960px; margin:0 auto; padding-bottom:25px; font-size:12px; color:#999; }

#crumbs { background:url(images/home-icon.png) no-repeat left; padding-left:26px; }

#crumbs a { color:#555; }

.delimiter { margin:0 6px 0 6px; }



/*** Sidebar Styles ***/

#sidebar { float:right; width:317px; margin-top:25px; }





/*** Footer Styles ***/

#footer-wrapper { background:#f0f0f0 url(images/footer-bg.png) repeat-x; overflow:hidden; }

#footer { width:960px; margin:0 auto; padding-top:40px; padding-left:30px; padding-bottom: 30px;}

#footer-bottom-wrapper { border-top:1px solid #DDD; }

#footer-bottom { width:960px; margin:0 auto; padding:12px 0 12px 0; color:#666; overflow:hidden; }

.footer-right { float:right; }

.footer-left { float:left; }





/*** Widgets Styles ***/

.post-item-side { margin-bottom:16px; overflow:hidden; }

.post-item-side:last-child { margin-bottom:0; }

.post-item-side h4 { margin-bottom:7px; line-height:20px; }

.post-item-side .post-item-meta span { display:block; margin-bottom:6px; overflow:hidden; }

.post-item-side .post-item-meta a { color:#555; }

.post-item-side:last-child .post-item-meta { margin-bottom:-7px; }

.widget li { border-bottom:1px dashed #E2E2E2; padding-bottom: 10px; margin-bottom: 10px; }



	/* Footer widgets */

	#footer .widget { width:250px; float:left; margin-right:70px; }

	#footer .widget.last { margin-right:0; }

	#footer .widget h3 { background:url(images/footer-line.png) repeat-x bottom; font-size:17px; color:#999; text-shadow: 1px 1px 1px #FFF; padding-bottom:10px; text-transform: uppercase; margin-bottom:20px; }

	#footer .widget p { line-height:20px; margin-bottom:16px; }

	#footer .widget .post-item-side img { width:50px; height:45px; background:#FFF; }

	#footer .widget li { border-bottom:1px dashed #D5D5D5; }



	/* Sidebar widgets */

	#sidebar .widget { margin-bottom:30px; width:300px; padding-left:17px; overflow:hidden; }

	#sidebar .widget h3 { background:url(images/double-line.png) repeat-x bottom; font-size:17px; text-transform: uppercase; color:#888; padding-bottom:8px; margin-left:-17px; padding-left:17px; margin-bottom:20px; }

	#sidebar .widget .widget-content { width:300px; margin-left:17px; }

	#sidebar .post-block { margin-bottom:0; }

	

	

		/* About author widget */

		.about-cook-text { border-bottom:1px solid #e8e8e8; margin-bottom:16px; padding-bottom:14px; line-height:20px; }

		.about-cook-image { float:right; padding:4px; bordeR:1px solid #E5E5E5; margin:0 0 5px 5px; }

		.about-email { float:right; width:145px; }

		.about-email input { background:#f6f6f6; border:1px solid #dfdfdf; width:98px; padding:6px; float:left; font-family: 'TitilliumText22LLight'; font-size:13px; color:#888; }

		.about-email input:focus { outline:none; }

		.about-email .email-button { background:#444; width:30px; float:right; color:#CCC; cursor:pointer; }

		

		/* Tabs widget */

		.tabs-wrapper ul.tabs { background:url(images/double-line.png) repeat-x bottom; margin-left:-17px; height:41px; margin-bottom:20px; padding-left:17px; }

		.tabs-wrapper ul.tabs li { background:none; float:left; margin-right:5px; border-top:1px solid #E8E8E8; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; padding:10px; text-transform: uppercase; }

		.tabs-wrapper ul.tabs li.active { background:#efefef; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; text-shadow: 1px 1px 1px #FFF; }

		.tabs-wrapper ul.tabs li a { color:#888; }

		.tabs-wrapper .tab_content { padding:0; }

		

		/* Tagcloud */

		.tagcloud a { background:url(images/tag.png) no-repeat left; padding-left:21px; padding-right:10px; height:18px; margin:4px; padding-top:5px; font-size:11px !important; color:#777; text-shadow: 1px 1px 1px #FFF; display:inline-block;  -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px; }

		

		/* Text widget */

		.textwidget p { margin-bottom:20px; }

		

		/* Flickr widget */

		.flickr_badge_image { float:left; margin-right:15px; margin-bottom:13px; }

		.flickr_badge_image img { padding:4px; border:1px solid #E5E5E5; }

		#footer .widget .flickr_badge_image { margin-right:5px; margin-bottom:6px; }

		#footer .widget .flickr_badge_image img { width:60px; height:60px; background:#FFF; }

		

		/* Twitter widget */

		#twitter_update_list li { background:url(images/twitter_small.png) no-repeat top left; padding-left:26px; line-height:20px; }



	

/*** Post styles ***/

#post { margin-top:25px; overflow:hidden; margin-bottom:10px; }

#post img { border:1px solid #E5E5E5; padding:4px; }

.post-thumb { margin-bottom:20px; }

.about-author-text { width:525px; overflow:hidden; }

.post-tags { margin-bottom:25px; clear:both; }

.post-tags a { background:url(images/tag.png) no-repeat left; padding-left:21px; padding-right:10px; height:18px; margin:4px 10px 4px 0; padding-top:5px; font-size:11px !important; color:#777; text-shadow: 1px 1px 1px #FFF; display:inline-block; -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px;}



	/* Post content */

	.post-content { width:620px; }

	.post-content.full { width:960px; }

	.post-content p { line-height:20px; margin-bottom:20px; }

	.post-content h1 { font-size:28px; margin-bottom:14px; }

	.post-content h2 { font-size:24px; margin-bottom:14px; }

	.post-content h3 { font-size:20px; margin-bottom:14px; }

	.post-content h4 { font-size:18px; margin-bottom:14px; }

	.post-content h5 { font-size:16px; margin-bottom:14px; }

	.post-content h6 { font-size:14px; margin-bottom:14px; }

	.post-content hr { border:0; background-color: #DDD; height:1px; margin-bottom:18px; color:#DDD; }

	.post-content ul { padding-left: 30px; margin-bottom:20px; font-size:13px; line-height:20px; }

	.post-content ul li{ background:url(images/ul-dot.png) no-repeat; padding-left:16px; margin-bottom:10px; }

	.post-content ol { padding-left:46px; margin-bottom:20px; font-size:13px; line-height:20px; }

	.post-content ol li { list-style-type: decimal; margin-bottom:6px; }

	.post-content .alignright { float:right; margin:0 0 4px 10px; }

	.post-content .alignleft { float:left; margin:0 10px 4px 0; }

	.post-content blockquote { background:url(images/quote.png) no-repeat; padding-left:32px; padding-top:3px; margin-left:25px; color:#777; font-style:italic; }

	.wp-caption, .gallery-caption  { margin-bottom:20px; text-align: center; }

	p.wp-caption-text { margin-bottom:2px; }

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

	

	/*** Ingredients ***/

	.note-wrapper { float:right; margin:0 0 10px 10px; width:251px; }

	.note-top { background:url(images/note-top.png) no-repeat; width:251px; height:42px; }

	.note-content { background:url(images/note-bg.png) repeat-y; padding-bottom:1px; }

	.note-content ul { padding-left:32px; margin:0 !important; }

	.note-content li { background:url(images/note-dot.png) no-repeat top left !important; padding:1px 2px 0 14px !important; margin:0 !important; line-height:25px; color:#444; }

	.note-bottom { background:url(images/note-bottom.png) no-repeat; width:251px; height:28px; }



	/* Share box */

	.share-box { width: 80px; text-align:center; padding: 10px 0px; padding-bottom:0; background: #FFF; border: 1px solid #DDD; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);

	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	position: fixed;

	top: 389px;

	left: auto;

	z-index: 15;

	margin-left: -108px;

	}

	

	.share-widget { margin-bottom:10px; }



	/*  Comments  */

	#comments-content { width:620px; }

	ol.commentlist { margin-bottom:30px; }

	li.commentlist { }

	.the-comment { margin-bottom:24px; }

	.avatar { border:1px solid #CCC; float:left; margin-right:14px; }

	.comment-arrow { background:url(images/comment-arrow.png) no-repeat; width:8px; height:15px; float:left; margin-top:16px; margin-right:-1px; }

	.comment-box { border:1px solid #E5E5E5; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:14px; overflow:hidden;  }

	.comment-author { margin-bottom:10px; color:#555; }

	.comment-author small { color:#888; }

	.comment-text { line-height:20px; }

	.comment-text p { margin-top:15px; }

	.children { margin: 20px 0 0 83px; }

	.children li.comment { margin: 0 0 20px 0; }

	.cancel-comment-reply { margin-bottom:10px; }

	.no-comments { color:#888; }

	.comment-text-side { color:#888; line-height:20px; }

	li.bypostauthor .comment-box { background:#F7F7F7; }

	

	#respond-content { width:620px; }

	#comment-input { float:left; margin-right:20px; }

	#comment-input input { border:0; margin-bottom:17px; color:#666; }

	#comment-input input:focus, textarea:focus { outline:none; }

	#comment-input label { display:block; margin-bottom:8px; }

	#comment-input label .req { color:#999; }

	.input-name { background:#E9E9E9; width:230px; height:28px; padding:11px 10px 0 10px; }

	.input-email { background:#E9E9E9; width:230px; height:28px; padding:11px 10px 0 10px; }

	.input-website { background:#E9E9E9; width:230px; height:28px; padding:11px 10px 0 10px; }

	#comment-textarea { float:right; }

	.textarea-comment { background:#E9E9E9; border:0; width:308px; height:168px; padding:14px; font-family:arial; color:#666; }

	#comment-textarea label { display:block; margin-bottom:8px; }

	#comment-textarea-admin { float:none; margin-bottom:16px; }

	#comment-textarea-admin label { display:block; margin:10px 0 5px 0; }

	#comment-submit { clear:both; float:right; margin-bottom:10px; }

	#comment-submit-admin { clear:both; margin-bottom:10px; }

	.comment-submit { background:#E9E9E9; border:0; color:#333; text-shadow: 1px 1px 1px #FFF; padding:12px; cursor:pointer; text-transform: uppercase; }

	.comment-submit:hover { background:#DDD; background-position:0 -42px;  }

	

/*** Shortcodes ***/



	/* Video shortcode */

	.video-shortcode { margin-bottom:20px; }

	

	/* button shortcode */

	.button { padding:9px 10px 9px 10px; display:inline-block; margin:0 10px 20px 0; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; }

	.button a:hover { text-decoration:none; }

	.button.black a { color:#FFF; }

	.button.black {

	 background: #333;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#333');

    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));

    background: -moz-linear-gradient(top,  #555, #333);

    border:1px solid #111;

	}

	.button.black:hover {

	 background: #444;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#444');

    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));

    background: -moz-linear-gradient(top,  #666, #444);

    border:1px solid #111;

	}

	

	.button.green a { color:#FFF; }

	.button.green {

	 background: #3ba323;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#43b928', endColorstr='#3ba323');

    background: -webkit-gradient(linear, left top, left bottom, from(#43b928), to(#3ba323));

    background: -moz-linear-gradient(top,  #43b928, #3ba323);

    border:1px solid #2c8816;

	}

	.button.green:hover {

	 background: #3ba323;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ac82d', endColorstr='#42b528');

    background: -webkit-gradient(linear, left top, left bottom, from(#4ac82d), to(#42b528));

    background: -moz-linear-gradient(top,  #4ac82d, #42b528);

    border:1px solid #2c8816;

	}

	

	.button.red a { color:#FFF; }

	.button.red {

	 background: #a80d0d;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c31010', endColorstr='#a80d0d');

    background: -webkit-gradient(linear, left top, left bottom, from(#c31010), to(#a80d0d));

    background: -moz-linear-gradient(top,  #c31010, #a80d0d);

    border:1px solid #990c0c;

	}

	.button.red:hover {

	 background: #a80d0d;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c80f0f', endColorstr='#b40e0e');

    background: -webkit-gradient(linear, left top, left bottom, from(#c80f0f), to(#b40e0e));

    background: -moz-linear-gradient(top,  #c80f0f, #b40e0e);

    border:1px solid #990c0c;

	}

	

	.button.blue a { color:#FFF; }

	.button.blue {

	 background: #0f57a2;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1062b5', endColorstr='#0f57a2');

    background: -webkit-gradient(linear, left top, left bottom, from(#1062b5), to(#0f57a2));

    background: -moz-linear-gradient(top,  #1062b5, #0f57a2);

    border:1px solid #0a447f;

	}

	.button.blue:hover {

	 background: #0f57a2;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1268c1', endColorstr='#105eaf');

    background: -webkit-gradient(linear, left top, left bottom, from(#1268c1), to(#105eaf));

    background: -moz-linear-gradient(top,  #1268c1, #105eaf);

    border:1px solid #0a447f;

	}

	

	.button.orange a { color:#FFF; }

	.button.orange {

	 background: #cd460a;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e24e0c', endColorstr='#cd460a');

    background: -webkit-gradient(linear, left top, left bottom, from(#e24e0c), to(#cd460a));

    background: -moz-linear-gradient(top,  #e24e0c, #cd460a);

    border:1px solid #bc400a;

	}

	.button.orange:hover {

	 background: #cd460a;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1530d', endColorstr='#dc4b0b');

    background: -webkit-gradient(linear, left top, left bottom, from(#f1530d), to(#dc4b0b));

    background: -moz-linear-gradient(top,  #f1530d, #dc4b0b);

    border:1px solid #bc400a;

	}

	

	.button.light a { color:#777; }

	.button.light {

	 background: #DDD;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#DDD');

    background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#DDD));

    background: -moz-linear-gradient(top,  #F1F1F1, #DDD);

    border:1px solid #CCC;

	}

	.button.light:hover {

	 background: #DDD;

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#E5E5E5');

    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#E5E5E5));

    background: -moz-linear-gradient(top,  #F7F7F7, #E5E5E5);

    border:1px solid #CCC;

	}

	

	/*     10.2. Dropcap    */

	.dropcap { font-size:36px; margin-right:6px; padding-top:4px; text-transform: uppercase; float: left; position: relative; top: 5px; color:#888; }

	

	/*     10.4. Highlight    */

	.highlight1 { background:#f6f67a; }

	.highlight2 { background:#222; color:#CCC; }

	

	/*     10.9. Columns    */

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 4%; float: left; font-size:13px; line-height:20px; margin-bottom:20px; }

	.one_half { 	width: 48%; }

	.one_third { width: 30.6666%; }

	.two_third { width: 65.3332%; }

	.one_fourth { width: 22%; }

	.three_fourth { width: 74%; }

	.last { margin-right: 0 !important; clear: right; }

	.clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }

	

	/*     10.8. Toggles    */

	.toggle { background:#EEE; border:1px solid #CCC; padding:10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; margin-bottom:6px; }

	.toggle:hover { background:#F3F3F3; }

	.toggle a { background:url(images/toggle-arrow.png) no-repeat; padding-left:13px; color:#FFF; text-decoration:none; text-shadow: 1px 1px 1px #FFF; color:#444; font-size:15px; }

	.toggle-content { display:none; background:#F7F7F7; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:10px; border:1px solid #DDD; font-size:13px; line-height:18px; text-shadow: 1px 1px 1px #FFF; margin-bottom:16px; }

	.toggle-content .block {padding:0px;}

	

/*** Pagination ***/

.pagination { margin-bottom:40px; clear:both; margin-top:-10px; }

.pagination a { background:#EEE; padding:8px 12px 8px 12px; border:1px solid #CCC; margin-right:6px; text-shadow: 1px 1px 1px #FFF; }

.pagination .current { font-weight:bold; background:url(http://www.cateringjakarta.net/wp-content/themes/foodpress/images/pagination-bg.png) repeat-x; padding:8px 12px 8px 12px; border:1px solid #CCC; margin-right:6px; text-shadow: 1px 1px 1px #FFF; }



 /** 404 page **/

 .entry404 { padding:55px; }

 .entry404 img { border:none !important; padding-right:30px; margin-right:30px; float:left; }

 .text404 p { color:#666; }





/*** Font Face ***/

@font-face {

    font-family: 'TitilliumText22LThin';

    src: url('fonts/TitilliumText22L001-webfont.eot');

    src: url('fonts/TitilliumText22L001-webfont.eot#iefix') format('embedded-opentype'),

         url('fonts/TitilliumText22L001-webfont.woff') format('woff'),

         url('fonts/TitilliumText22L001-webfont.ttf') format('truetype'),

         url('fonts/TitilliumText22L001-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'TitilliumText22LLight';

    src: url('fonts/TitilliumText22L002-webfont.eot');

    src: url('fonts/TitilliumText22L002-webfont.eot#iefix') format('embedded-opentype'),

         url('fonts/TitilliumText22L002-webfont.woff') format('woff'),

         url('fonts/TitilliumText22L002-webfont.ttf') format('truetype'),

         url('fonts/TitilliumText22L002-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'TitilliumText22LRegular';

    src: url('fonts/TitilliumText22L003-webfont.eot');

    src: url('fonts/TitilliumText22L003-webfont.eot#iefix') format('embedded-opentype'),

         url('fonts/TitilliumText22L003-webfont.woff') format('woff'),

         url('fonts/TitilliumText22L003-webfont.ttf') format('truetype'),

         url('fonts/TitilliumText22L003-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'TitilliumText22LMedium';

    src: url('fonts/TitilliumText22L004-webfont.eot');

    src: url('fonts/TitilliumText22L004-webfont.eot#iefix') format('embedded-opentype'),

         url('fonts/TitilliumText22L004-webfont.woff') format('woff'),

         url('fonts/TitilliumText22L004-webfont.ttf') format('truetype'),

         url('fonts/TitilliumText22L004-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'TitilliumText22LBold';

    src: url('fonts/TitilliumText22L005-webfont.eot');

    src: url('fonts/TitilliumText22L005-webfont.eot#iefix') format('embedded-opentype'),

         url('fonts/TitilliumText22L005-webfont.woff') format('woff'),

         url('fonts/TitilliumText22L005-webfont.ttf') format('truetype'),

         url('fonts/TitilliumText22L005-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'TitilliumText22LXBold';

    src: url('fonts/TitilliumText22L006-webfont.eot');

    src: url('fonts/TitilliumText22L006-webfont.eot#iefix') format('embedded-opentype'),

         url('fonts/TitilliumText22L006-webfont.woff') format('woff'),

         url('fonts/TitilliumText22L006-webfont.ttf') format('truetype'),

         url('fonts/TitilliumText22L006-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}