/*
Theme Name: ViaCake
Theme URI: http://www.piksal.com/
Description: Wordpress Theme used to display the website ViaCake.com
Version: 1.0
Author: Phan Hoang - Piksal
Author URI: http://www.piksal.com/
Tags: custom header, fixed width, two columns, widgets
*/



/* Begin Typography & Colors */
body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	background: #FFFFFF
	color: #333;
}

/*******HEADER*********/
#page_header {
	width: 100%;
}
#page_header_top {
	background: #FFF;
	height: 10px;
	display: block;
}
#page_header_body {
	background: url('images/layout/page_header_body_bkgr.gif') repeat-x #FFF top;
	text-align: center;
}
#page_header_body h1 {
	background: url('images/layout/logo.png') no-repeat;
	display: block;
	width: 343px;
	height: 97px;
	text-indent: -9999px;
	float: left;
	margin-top: 32px;
	margin-bottom: 15px;
}
#page_header_bottom {
	background: #EEE;
	height: 10px;
	display: block;
}
/*** menu ***/
#menu {
	float: right;
}
#menu li {
	display: block;
	float: left;
}
#menu li a {
	display: block;
	height: 138px;
	background-image: url('images/layout/menu.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a#menu_home {
	width: 144px;
}
a#menu_home:link, a#menu_home:visited {
	background-position: 0 0;
}
a#menu_home:hover {
	background-position: 0 -138px;
}
a#menu_home:active, a#menu_home.on {
	background-position: 0 -276px;
}
a#menu_about {
	width: 137px;
}
a#menu_about:link, a#menu_about:visited {
	background-position: -144px 0;
}
a#menu_about:hover {
	background-position: -144px -138px;
}
a#menu_about:active, a#menu_about.on {
	background-position: -144px -276px;
}
a#menu_cakes {
	width: 180px;
}
a#menu_cakes:link, a#menu_cakes:visited {
	background-position: -281px 0;
}
a#menu_cakes:hover {
	background-position: -281px -138px;
}
a#menu_cakes:active, a#menu_cakes.on {
	background-position: -281px -276px;
}
a#menu_contact {
	width: 104px;
}
a#menu_contact:link, a#menu_contact:visited {
	background-position: -461px 0;
}
a#menu_contact:hover {
	background-position: -461px -138px;
}
a#menu_contact:active, a#menu_contact.on {
	background-position: -461px -276px;
}

/**********************/

/********FOOTER*******/
#page_footer {
	width: 100%;
}
#page_footer_top {
	display: block;
	height: 8px;
	background: #bababa;
	border-bottom: 1px solid #FFF;
}
#page_footer_body {
	background: url('images/layout/page_footer_body_bkgr.gif') repeat-x #FFF top;
	padding: 10px 0;
}
#page_footer_tel p {
	font-size: 1em;
	color: #838383;
	font-style: italic;
}
#page_footer_tel span {
	font-size: 1.5em;
	font-weight: bold;
	font-style: normal;
	color: #c71d22;
	clear: both;
	display: block;
	margin: 5px 0;
}
#page_footer_nav {
	margin: 5px 0;
	color: #838383;
	text-align: right;
	line-height: 1.6em;
}
#page_footer_nav a {
	font-size: 1.1em;
	color: #838383;
}
#page_footer_nav a:hover {
	color: #c71d22;
}
/*********************/

/******BODY********/
#page_body {
	background: url('images/layout/page_body_bkgr.gif') repeat-x #FFF top;
	padding: 10px 0;
}
/*********************/
h2 {
	display: none;
}
h3 {
	display: block;
	background-image: url('images/layout/h3_sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 10px 0;
}
.date {
	color: #ADADAD;
	font-style: italic;
	font-size: 0.9em;
}
p {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #444;
}
a {
	color: #333;
}
a:hover {
	color: #c71d22;
}
#breadcrumb {
	margin: 10px 0;
	font-size: 1.4em;
	color: #666;
	font-style: italic;
	font-weight: normal;
	display: block;
	height: 21px;
}
#breadcrumb a {
	color: #666;
}
#breadcrumb a:hover {
	color: #c71d22;
}
/* index page */
#index_messages {
	background: #FFF;
}
#index_messages h3 {
	display: none;
}
#index_messages_thumbs {
	margin-top: 10px;
}
#index_messages_thumbs li {
	margin-bottom: 10px;
}
#index_messages_thumbs li img {
	border: 6px solid #EAEAEA;
}
#index_messages_thumbs li img:hover {
	border: 6px solid #CCCCCC;
}
#index_messages_cycle {
	margin: 10px 0;
}
.page_body_content {
	margin-top: 10px;
	margin-bottom: 10px;
}
/***news***/
#index_news h3 {
	width: 152px; height: 25px;
	background-position: 0 0;
	margin: 10px 0;
}
#index_news_list li {
	margin: 10px 0 20px 0;
}
#index_news h4 {
	font-size: 1.3em;
	margin: 8px 0;
	font-weight: bold;
}
#index_news h4 a {
	color: #c71d22;
}
#index_news p {
	font-size: 1em;
}
#index_news h4 a:hover {
	color: #333333;
}
a.bt_detail {
	background-image: url('images/layout/bt_detail.png');
	background-repeat: no-repeat;
	width: 108px; height: 21px;
	display: block;
	margin: 10px 0;
	text-indent: -9999px;
	
}
a.bt_detail:hover {
	background-position: 0 -21px;
}
/***new cakes***/
#index_cakes h3 {
	width: 230px; height: 22px;
	background-position: 0 -26px;
	margin: 10px 0;
}
#index_cakes_list li {
	width: 190px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 7px;
	float: left;
	display: block;
}
#index_cakes h4 {
	font-size: 1.3em;
	margin: 5px 0;
	font-weight: normal;
	display: inline-block;
}
.description {
	color: #666;
	font-style: italic;
}
#index_cakes h4 a {
	color: #333;
}
#index_cakes h4 a:hover {
	color: #c71d22;
}
/**----------**/

/*cakes page*/
#cakes_content, #news_content {
	background: #FFF;
}
#cakes_list_all li {
	margin-bottom: 20px;
}
#cakes_list_all li>div {
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 10px;
	min-height: 280px;
}
#cakes_list_all h4 {
	font-size: 1.4em;
	font-weight: normal;
	color: #666;
	margin-bottom: 10px;
}
#cakes_list_all img {
	background: #EAEAEA;
}

#cakes_categories {
	margin: 10px 0;
}
#cakes_categories h3 {
	width: 60px; height: 20px;
	background-position: 0 -49px;
}
#cakes_categories_list>li {
	padding: 10px;
	margin: 5px 0;
	background: #EAEAEA;
}
#cakes_categories_list>li:hover {
	background: #fff2f2;
}
#cakes_categories_list h4 {
	font-size: 1.4em;
	font-style: italic;
	color: #333;
}
#cakes_categories_list h4:hover, .ui-state-active {
	color: #c71d22 !important;
}
.cakes_categories_list_posts {
	margin-top: 10px;
}
.cakes_categories_list_posts a {
	padding: 5px;
	border-bottom: 1px solid #CCC;
	font-size: 1.3em;
	color: #333;
	display: block;
}
.cakes_categories_list_posts a:hover, .cakes_categories_list_posts a.selected {
	color: #c71d22;
}
.cakes_list_thumb {
	margin-bottom: 20px;
}
.cakes_list_thumb:hover {
	background: #fff2f2;
}
.cakes_list_thumb>div {
	border-bottom: 1px solid #EAEAEA;
	min-height: 245px;
}
.cakes_list_thumb img {
}
.cakes_list_thumb h4 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 10px 0;
	display: inline-block;
}
.cakes_list_thumb .price {
	color: #CCCCCC;
	font-style: italic;
	font-size: 1.4em;
	display: block;
}
.cakes_list_thumb h4 a {
	color: #666;
}
.cakes_list_thumb h4 a:hover {
	color: #c71d22;
}
/***page****/
#viacake_page_contact, #viacake_page_about {
	background: #FFF;
}
#viacake_page_about h3 {
	width: 105px; height: 23px;
	background-position: 0 -69px;
}
#viacake_page_contact h3 {
	width: 85px; height:26px;
	background-position: 0 -91px;
}

#testimonials h3, #address_box h3 {
	text-indent: 0;
	background: none;
	width: auto;
	color: #666;
	font-size: 1.4em;
}
#testimonials , #address_box {
	background: #EAEAEA;
	padding: 10px;
}
#testimonials li {
	display: block;
	margin: 1.5em 0;
}
#testimonials blockquote {
	quotes: "\201C" "\201D";
}
#testimonials blockquote p {
	font-style: italic;
	line-height: 1.6em;
	font-size: 1.1em;
}
#testimonials li blockquote p:before { content: open-quote; font-weight: bold; color: #c7c7c7; font-size: 2.4em; vertical-align: bottom;}
#testimonials li blockquote p:after { content: close-quote; font-weight: bold; color: #c7c7c7; font-size: 2.4em; vertical-align: bottom;}
#testimonials li blockquote cite {
	margin-top: 0.4em;
	display: inline-block;
	float: right;
	font-style: normal;
	color: #666;
}
#testimonials li blockquote em {
	font-weight: bold;
}
#address {
	font-size: 1.2em;
	font-weight: normal;
}
#address #tel, #address #email {
	color: #666;
	font-size: 0.9em;
	display: block;
}
#address_box img {
	margin: 10px 0;
}
#address_box {
	margin-bottom: 10px;
}
.tel {
	font-size: 1.4em;
	color: #c71d22;
}
/*single*/
.entry h3 {
	text-indent: 0;
	background: none;
	font-size: 1.8em;
	font-style: italic;
	color: #666;
	margin-top: 0;
}
.entry .ingredients, .entry .price {
	color: #999;
	margin-bottom: 10px;
}
.price .price_type ul, .price .price_type ul li {
	list-style: disc;
	line-height: 1.6em;
}
.price .price_type ul {
	padding-left: 25px;
	margin-bottom: 10px;
}
.price .price_type ul li {
	display: block;
	width: 150px;
	border-bottom: 1px solid #EAEAEA;
}
span.pricenum {
	float: right;
	color: #666;
	font-weight: bold;
}
.entry .ingredients li, .entry .price li {
	list-style: circle;
	list-style-position: inside;
	text-transform: capitalize;
	line-height: 1.5em;
}
.entry .ingredients li {
	display: block;
	float: left;
	width: 120px;
	padding-left: 10px;
	background: url('images/layout/list_bkgr.png') no-repeat center left;
	list-style: none;
}
/*contact form*/
.wpcf7-form {
	margin: 10px 0;
}
.wpcf7-form label {
	color: #666;
	font-style: italic;
	font-size: 1.2em;
}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
	margin: 7px 0;
	background: #EAEAEA;
	border: none;
	font-size: 1.2em;
	padding: 5px 0;
	width: 35em;
	-moz-border-radius: 6px;
	-khtml-border-radius-: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #CCC;
}
.wpcf7-form input:hover {
	background: #DDD;
}

/***news ***/
#news_list h3 {
	width: 140px; height: 21px;
	background-position: 0 -120px;
}
#news_list ul {
	background: #EAEAEA;
	padding: 10px;
}
#news_list ul li {
	font-size: 1em;
	line-height: 1.6em;
	list-style: circle;
	list-style-position: inside;
}
#image_gallery {
	clear: both;
	padding-top: 20px;
}
.entry h4 {
	clear: both;
	font-size: 1.3em;
	color: #999;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 5px;
}
.ngg-galleryoverview {
	margin-top: 5px;
}
.ngg-gallery-thumbnail-box {
	margin-bottom: 20px;
	float: left;
	display: block;
}
.oddthumb {
	margin-left: 10px;
	margin-right: 0;
}
.eventhumb {
	margin-right: 10px;
	margin-left: 0;
}
.ngg-gallery-thumbnail-box a {
	line-height: 0;
}
.normalweight {
	font-style: normal !important;
	font-weight: lighter !important;
}