/*

CUPCAKERIA

COLORS:
Cake Blue #89d6f8
Cake Brown #905c46
Cake Gray #a7a7a7

*/


/* RESET */

*				{ margin: 0; padding: 0; }
html			{ overflow-y: scroll }
html, body		{ height: 100% }
body			{ font-size:  14px; font-family: Helvetica; color: #333333;
				  background: url(images/pattern.png); }
ul				{ list-style: square inside; }
ol				{ list-style: decimal inside; }
a				{ outline: none; text-decoration: none; }
a img			{ border: none; }
img				{ vertical-align: middle; }
table			{ border-collapse: collapse; }


/* UTILITY */

.floatleft		{ float: left; }
.floatright		{ float: right; }
.clear			{ clear: both; }
.button			{ border: 1px solid #333333; background: white; padding: 3px 0px;
				  -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #333333; }
.button:hover	{ background: #89d6f8; color: white; }


/* TYPOGRAPHY */

h2 { font-size: 25px; font-family: Helvetica; color: #89d6f8; }
h3 { font-size: 20px; font-family: Helvetica; color: white; }
h4 { font-size: 20px; font-family: Helvetica; color: #89d6f8; }
		  
				  
/* STRUCTURE */

#pagewrap { width: 960px; margin: 0px auto; height: auto !important; height: 100%; background: none; }
#wood { width: 960px; height: auto !important 100%; background: url(images/wood.jpg) center repeat-y; }
#maincontent { width: 615px; float: left; margin: 0 20px 0 0; padding-bottom: 20px; }
#sidebar { width: 315px; float: right; height: 100%; margin: 0px auto; }
#footer { width: 960px; height: 200px; margin: 0px auto; background: url(images/footer.png) bottom center no-repeat; }


			
/* HEADER */

#navega { height: 270px; width: 960px; margin: 0 auto; background: url(images/header.png) bottom center no-repeat; }
a#logo { width: 496px; height: 97px; background: #ffffff url(images/logo.png) top left no-repeat; text-indent: -9999px; margin: 0 0 8px 10px; float: left; }


/* SEARCH */ 
#search { margin: 0 20px 10px 0; float: right; width: 309px; height: 77px; position: relative; background: url(images/bg_log.png) top center no-repeat; padding: 15px 0 0 45px; }
#searchform { height: 50px; font-size: 15px; color: #333333; }
#s { height: 18px; font-size: 15px; padding: 5px; vertical-align: top; color: #333333; }
		  
/* MENU */

#menu { float: left; margin: 11px 0 0 10px; }
#menu_nav ul li { display: inline; color: #FFFFFF; }

/* SPRITE */
 
#menu a { display:block; float:left; width:102px; height:44px; }
#menu a.blog {
	background: url(images/menu/sprite_blog.png)  0 -54px; }
#menu a.blog:hover {
	background: url(images/menu/sprite_blog.png); } 
#menu a.blog_a {
	background: url(images/menu/sprite_blog.png); }
#menu a.galeria {
	background: url(images/menu/sprite_galeria.png) 0 -54px; }
#menu a.galeria:hover {
	background: url(images/menu/sprite_galeria.png); } 
#menu a.galeria_a {
	background: url(images/menu/sprite_galeria.png); }	
#menu a.contato {
	background: url(images/menu/sprite_contato.png) 0 -54px; }
#menu a.contato:hover {
	background: url(images/menu/sprite_contato.png); } 
#menu a.contato_a {
	background: url(images/menu/sprite_contato.png); }	
#menu a.loja {
	background: url(images/menu/sprite_loja.png) 0 -54px; }
#menu a.loja:hover {
	background: url(images/menu/sprite_loja.png); } 
#menu a.loja_a {
	background: url(images/menu/sprite_loja.png); }

/* SIDEBAR */

#barra { list-style: none; margin: 0px auto; }
#faixa { width: 229px; height: 65px; background: url(images/bg_widget.png) top left no-repeat; margin: 0 70px 0 0; text-align: left; padding-top: 15px; text-indent: 15px; float: right; }
.widget { background: white;  -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 15px 25px 0; padding: 10px; }
#widget_list { background: white;  -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 15px 25px 0; padding: 10px; }
#widget_list a {  color: #89d6f8; padding: 2px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; }
#widget_list a:hover { background: #89d6f8; color: white; }
#widget_divider { height: 30px; background: url(images/under_widget.png) top left no-repeat; width: 315px; float: right; margin: -30px 0;}
#widget_tweet { background: white;  -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 15px 25px 0; padding: 10px; height: 270px; }
#widget_flick { background: white;  -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 15px 25px 0; padding: 10px; height: 450px; }
#under_widget { float: right; }
.warning {font-size: 16px; }

#flickr { height: 420px; width: 315px; }
.thumb { float: left; margin: 3px; }
.thumb img { height: 90px; width: 120px; padding: 5px; border: 1px solid #ebebeb; background-color: #89d6f8; }

/* BLOG ENTRIES */

.post { margin: 0 0 20px 18px; background: white; width: 577px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; }
.post p, li, dd { color:#333333; font-family:Helvetica; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style: normal; font-variant:normal; font-weight:normal; line-height:19px; margin:0 0 15px; text-align: justify; list-style: none; }
.aligncenter { text-align: center; margin: 0 auto; }

.post img { margin: 0 auto; padding: 7px; border: 1px solid #ebebeb; background-color: #89d6f8; text-align: center; vertical-align: middle; }
.post img.wp-smiley { float: none; margin: 0; padding: 0; border: none; background: none; width: 15px; height: 15px; }

.post a {  color: #89d6f8; padding: 2px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; }
.post a:hover { background: #89d6f8; color: white; }

ul#subheader { display: inline; list-style: none; font-size: 11px; margin: 2px; }
ul#subheader a {  color: #89d6f8; font-size: 11px; padding: 2px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
ul#subheader a:hover { background: #89d6f8; color: white; }
ul#subheader li { font-size: 11px; margin: 2px; width: 570px; }

.content { padding-top: 10px; }

#header-wrap { width: 420px; height: 70px; float: left; }
#post-wrap { width: 560px; float: left; }
#informa-post { width: 530px; float: left; margin: 0; }
#datebox { width: 90px; height: 66px; float: left; background: url(images/bg_date.png) top left no-repeat; color: white; text-align: center; margin: 0 10px 0 -18px; }
.day { text-transform: uppercase; margin: 15px 0; }

#user_comment { background:transparent url(images/icon_comment.png) no-repeat scroll 0 0; font-family: Helvetica; font-size: 20px; font-weight:bold; height: 58px; text-align:center; width: 70px; padding-top: 12px; margin-left: 4px; margin-bottom: 15px; float: left }
#user_comment a { color: white; font-size: 20px; }

.foot2 a {  color: #89d6f8; font-size: 12px; padding: 2px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.foot2 a:hover { background: #89d6f8; color: white; }

#divider { height: 29px; background: url(images/under_post.png) no-repeat ; width: 597px; float: left; margin: 0 0 0 -10px;}


/* COMMENT */

#comments { margin: 0 0 20px 18px; background: white; width: 577px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; }
#faixa_comment { width: 580px; height: 65px; background: url(images/bg_widget.png) top left no-repeat; text-align: left; padding-top: 15px; text-indent: 15px; float: left; margin: 9px 9px; }
#comments form input { margin-right: 5px; width: 240px; border: 1px solid #cccccc; }
#comments form input, textarea { border: 1px solid #cccccc; font-size: 14px; font-family: Verdana; padding: 4px; background-position: 4px 4px; background-repeat: no-repeat; }
#comments form input:hover { width: 240px; border: 1px solid #89d6f8; }
#comments form textarea { width: 560px; padding: 4px 4px !important; border: 1px solid #cccccc; }
#comments form textarea:hover { border: 1px solid #89d6f8; }
#comments form button { border: 1px solid #a0a0a0; font-size: 14px; font-family: Verdana; padding: 2px 6px; color: #89d6f8; }
p#respond { font-size: 16px; margin-bottom: 10px; font-weight: bold; }
#author { width: 560px; font-size: 12px; margin-bottom: 10px; }
#author img { float: left; margin-right: 10px; padding: 3px; border: 1px solid #ebebeb; background-color: #89d6f8; }
#author a {  color: #89d6f8; font-size: 12px; padding: 2px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#author a:hover { background: #89d6f8; color: white; }
#com_content { width: 560px; font-size: 14px; }


/* FOOTER */

#footer p { color: #89d6f8; font-size: 10px; }
#footer li { list-style: none; display: inline; margin: 5px; }
#foot_left { float: left; margin: 100px 0 0 15px; text-align: left;}
#foot_right { float: right; margin: 110px 15px 0; width: 350px; text-align: right;}
#feed { font-size: 14px; font-weight: bold; color: white; text-align: right; margin: 20px 0 0 15px; }
#copyright a { color: #89d6f8; font-size: 10px; padding: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#copyright a:hover { background: #89d6f8; color: white; }
#copyright { margin: 10px 0 0; }
#foot_menu { margin: 0 auto; }


/* TWITTER */ 

#twitter {
	margin-bottom: 10px;
	background: url(images/bg_tweet.png) top left no-repeat; 
	height: 120px; 
	width: 260px;
	float: left;
	display: inline;
}

div#twitter h2 {
	margin: 0;
	padding: 5px 10px;
	font-size: 14px;
	color: #fff;
	background-color: #888;
}

p#preloader {
	margin: 30px auto;
	padding: 10px;
	text-indent: 40px;
	background: transparent url(images/loader.gif) 10px center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

ul#twitter_update_list {
	margin: 0;
	padding: 10px;
	list-style-type: none;
	list-style: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #89d6f8;
	font-size: 12px;
}

ul#twitter_update_list li span {
	display: block;
	padding: 5px;
}

#firstTweet {
	font-size: 12px;
	color: #333333;
}

#lastTweet {
	font-size: 12px;
	color: #333333;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #89d6f8;
	font-size: 12px;
}

ul#twitter_update_list li.firstTweet {
	font-size: 12px;
	color: #333333;
}

ul#twitter_update_list li.lastTweet {
	font-size: 12px;
	color: #333333;
	border-bottom: none;
}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #888;
}