/*
Theme Name: Puebla Mexico Custom Theme
Theme URI: www.puebla-mexico.com
Description:  Custom Template for Puebla-Mexico.com
Version: 1.0
Author: Mark Wasyl
Author URI: http://www.wasylweb.com
Tags:  
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/ie.css";



/*
--------------------------------------------------
global
--------------------------------------------------
*/
	html {
		height: 100%;
		}
	body {
		background: #930 url(style/images/bg_main.gif) top left fixed repeat-x;
		color: #666;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size: 12px;
		height: 100%;
		}
/* headings */
	h1, h2, h3, h4, h5, h6 {
		color: #C30;
		font-family: Times, "Times New Roman", Georgia, serif;
		font-weight: normal;
		line-height: 1em;
		margin-bottom: 6px;
		}
	h1 {font-size: 36px;}
	h2 {font-size: 40px;}
	h3 {font-size: 20px;}
	h4 {font-size: 16px;}
	h5 {font-size: 14px;}
	h6 {font-size: 12px;}
/* paragraph */
	p {
		font-size: 14px;
		line-height: 1.5em;
		margin-bottom: 20px;
		}	
	blockquote {
		font-style: italic;
		letter-spacing: 1pt;
		margin-bottom: 20px;
		padding: 0 40px;
		}
/* links */
	a:link,
	a:visited {
		color: #C30;
		outline: none; /* fixes Firefox dotted outline */
		text-decoration: none;
		}
	a:hover,
	a:active {
		color: #000;
		outline: none; /* fixes Firefox dotted outline */
		text-decoration: none;
		}
/* table */
	table {}
/* other */
	hr {
		background-color: #FFF;
		border: none;
		border-bottom: 1px dotted #C30;
		display:block;
		height:1px;
		margin: 20px 0;
		}


/*
--------------------------------------------------
default styles
--------------------------------------------------
 */
	.clear {clear: both;}
	
	b, strong {font-weight: bold;}
	em, i {font-style: italic;}
	.underline {text-decoration: underline;}
	.small {font-size: 9px;}
	.big {font-size: 14px;}
	
	.center {text-align: center;}
	.left {text-align: left;}
	.right {text-align: right;}
	
	.attention {color: #F0C;}



/*
--------------------------------------------------
wrappers, containers
--------------------------------------------------
*/
	#wrapper {
		margin: 20px auto;
		text-align: center;
		width: 970px;
		}
	#page_shadow-top {
		background: url(style/images/bg_page-top.png) bottom no-repeat;
		height: 10px;
		width: 970px;
		}
	#page_shadow-middle {
		background: url(style/images/bg_page-middle.png) repeat-y;
		height: 100%;
		min-height: 100%;
		width: 970px;
		}
	#page_shadow-bottom {
		background: url(style/images/bg_page-bottom.png) top no-repeat;
		height: 10px;
		width: 970px;
		}
	#content_container {
		margin: 0 auto;
		padding: 25px 0;
		text-align: left;
		width: 900px;
		}



/*
--------------------------------------------------
header
--------------------------------------------------
*/
	#header {
		background: url(style/images/header_bg.gif) top no-repeat;
		height: 130px;
		width: 900px;
		}
	#header h1,
	#header h1 a {
		color: #C30;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size: 58px;
		letter-spacing: -2pt;
		margin-bottom: 0;
		padding: 45px 0 0 10px;
		}
	#header h1 span {
		color: #930;
		font-weight: bold;
		}
	#header .tagline {
		color: #930;
		font-size: 13px;
		font-style: italic;
		padding-left: 18px;
		}

/*
--------------------------------------------------
menu
--------------------------------------------------
*/
	#menu {
		background: #C30 url(style/images/menu_bg.gif) bottom left repeat-x;
		font-size: 16px;
		height: 40px;
		line-height: 40px;
		margin-bottom: 30px;
		}
	#menu ul li {
		float: left;
		display: inline;
		margin-left: 20px;
		}
	#menu ul li.current_page_item a { /* changes current WordPress menu item link state */
		color: #FC6;
		}
	#menu ul li a {
		color: #FFF;
		}
	#menu ul li a:hover {
		color: #FC6;
		}
/* menu icons */
	#menu .icons {
		float: right;
		margin: 8px 16px 0 0;
		}
	#menu .icons ul li {
		border: 2px solid #FEB;
		display: inline;
		margin-left: 4px;
		}
	#menu .icons ul li a {
		display: block;
		height: 16px;
		overflow:hidden; /* fixe IE6 problem with border extending too far downward */
		width: 16px;
		}
	#menu .icons .facebook {
		background: url(style/images/menu_facebook.gif) top left no-repeat;
		}
	#menu .icons .myspace {
		background: url(style/images/menu_myspace.gif) top left no-repeat;
		}
	#menu .icons .twitter {
		background: url(style/images/menu_twitter.gif) top left no-repeat;
		}
	#menu .icons .rss {
		background: url(style/images/menu_rss.gif) top left no-repeat;
		}



/*
--------------------------------------------------
footer
--------------------------------------------------
*/
	#footer {
		text-align: left;
		padding-top: 10px;
		width: 100%;
		}
	#footer p {
		color: #FC6;
		font-size: 10px;
		margin-bottom: 6px;
		}
	#footer ul {
		list-style: none;
		}
	#footer li {
		border-left: 1px solid #FC6;
		display: inline;
		font-size: 10px;
		margin-left: 2px;
		padding-left: 4px;
		}
	#footer a {
		color: #FFF;
		padding: 0 4px;
		}
/* footer menu */
	#footer .menu {
		display: inline;
		float: right;
		margin-bottom: 20px;
		text-align: right;
		width: 60%;
		}
/* footer copyright */
	#footer .copyright {
		display: inline;
		float: left;
		margin-bottom: 20px;
		width: 40%;
		}



/*
--------------------------------------------------
home page
--------------------------------------------------
*/

/* featured (top area) */
	#home-featured {
		border-bottom: 1px dotted #C30;
		height: 290px;
		margin-bottom: 30px;
		padding-bottom: 10px;
		overflow: hidden;
		}
	#home-featured_content {
		display: inline;
		float: left;
		}
	#home-featured h2 {
		font-size: 40px;
		margin-bottom: 10px;
		}
	#home-featured h3 {
		font-size: 14px;
		margin-bottom: 10px;
		}
	#home-featured p {
		color: #000;
		line-height: 1.5em;
		margin-top: 10px;
		margin-bottom: 10px;
		}
	#home-featured p img { /* this prevents the post image from displaying */
		display: none;
		}
	#home-featured img {
		display: inline;
		float: left;
		height: 270px;
		margin: 0 20px 20px 0;
		width: 450px;
		}

/* welcome message */
	#home-welcome-message {
		margin-bottom: 15px;
		padding-bottom: 15px;
		text-align: center;
		}
	#home-welcome-message h3 {
		font-size: 30px;
		margin-bottom: 0;
		text-align: center;
		}

/* teasers (middle boxes) */
	#home-teasers ul {
		border-bottom: 1px dotted #C30;
		border-top: 1px dotted #C30;
		height: 260px;
		margin-bottom: 20px;
		padding: 20px 0;
		}
	#home-teasers ul li {
		display: inline;
		float: left;
		margin-right: 20px;
		width: 210px;
		}
	#home-teasers ul li.last {
		margin-right: 0;
		}
	#home-teasers ul li h2 {
		background: url(style/images/heading_arrow.gif) top left no-repeat;
		font-size: 24px;
		margin-bottom: 4px;
		padding-left: 20px;
		}
	#home-teasers ul li img {
		height: 126px;
		margin-bottom: 10px;
		width: 210px;
		}

/* callouts (bottom boxes) */
	#home-callouts {
		margin-bottom: 20px;
		}
	#home-callouts ul li {
		background: #FC6;
		color: #000;
		display: inline;
		float: left;
		height: 110px;
		margin-right: 20px;
		overflow: hidden;
		padding: 10px 0;
		width: 440px;
		}
	#home-callouts ul li.last {
		margin-right: 0;
		}
	#home-callouts ul li h2 {
		font-size: 22px;
		margin: 0 10px 4px 0;
		}
	#home-callouts ul li p {
		color: #000;
		font-size: 11px;
		line-height: 1.25em;
		margin: 0 8px 0px 8px;
		}
	#home-callouts ul li img {
		display: inline;
		float: left;
		height: 110px;
		margin: 0 10px;
		width: 160px;
		}


/*
--------------------------------------------------
basic page
--------------------------------------------------
*/
	#main {
		}
	#main.narrow {
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
		width: 670px;
		}
	#main.wide {
		width: 100%;
		}
	#main_image {
		border: none;
		margin-bottom: 20px;
		width: 100%;
		}
	h2.page_title {
		font-size: 42px;
		}

/*
--------------------------------------------------
blog
--------------------------------------------------
*/
	.post {
		border-bottom: 1px dotted #DDD;
		margin: 0 0 40px 0;
		}
	.post h2,
	.post h2 a,
	.post_single h2 {
		}
	.post h2 a:hover {
		background: none;
		}
	.post h3 {
		margin-bottom: 4px;
		}
	.post p,
	.post ul,
	.post ol {
		margin-bottom: 20px;
		}
	.post blockquote {
		color: #C02;
		font-size: 14px;
		}
	.post img {
		border: none;
		}
	.post ul li	{
		list-style: circle;
		list-style-position: inside;
		}
	.post ol li	{
		list-style: decimal-leading-zero;
		list-style-position: inside;
		}
	
	.post-meta {
		}
	p.post-meta {
		border-top: 1px solid #CCC;
		font-size: 9px;
		margin-top: 10px;
		padding-top: 10px;
		}
	.post-single {
		margin: 20px 0;
		padding: 20px 0;
		}
	
	.post-image_wide img {
		display: inline;
		float: left;
		height: 200px;
		margin: 0 16px 16px 0;
		width: 100%;
		}
	.post-image img {
		display: inline;
		float: left;
		margin: 0 16px 16px 0;
		width: 160px;
		}
	.entry {
		}
	.entry_single {
		}


/*
--------------------------------------------------
sidebar
--------------------------------------------------
*/
	#sidebar {
		display: inline;
		float: right;
		padding-left: 30px;
		width: 180px;
		}
	#sidebar h2 {
		border-bottom: 1px solid #C30;
		font-size: 14px;
		line-height: 1.5em;
		margin-bottom: 0;
		padding: 2px 4px;
		}
	#sidebar li ul li {
		border-bottom: 1px dotted #CCC;
		font-size: 12px;
		line-height: 1em;
		margin-bottom: 0px;
		padding: 6px 0;
		}
	#sidebar li ul li li {
		border-bottom: none;
		font-size: 11px;
		list-style: disc;
		list-style-position: inside;
		margin-bottom: 0px;
		padding-left: 4px;
		}
	#sidebar ul li {
		margin-bottom: 30px;
		}
	#sidebar a {
		color: #666;
		padding: 2px 0;
		}
	#sidebar a:hover {
		color: #000;
		}	
/* calendar widget */
	table#wp-calendar {
		width: 100%;
		}
	table#wp-calendar td,
	table#wp-calendar th {
		padding: 2px;
		text-align: left;
		}
	table#wp-calendar th {
		color: #FFF;
		}



/*
--------------------------------------------------
form styles
--------------------------------------------------
*/
/* shared styles */
	input[type="text"],
	textarea {
		border: 1px solid #DDD;
		color: #000;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 12px;
		margin-bottom: 6px;
		padding: 2px 4px;
		}
	input:focus,
	textarea:focus,
	input[type="text"]:focus {
		border: 1px dotted #C30;
		}
	
	#submit,
	#searchsubmit {
		}
/* search */
	#searchform {
		}
	#searchform #s {
		width: 168px; /* search text field */
		}
	label.screen-reader-text {
		display: none; /* hides Search For text */
		}
/* default WP comment selectors */
	#respond { /* contains comment fields */
		line-height: 1em;
		margin-bottom: 10px;
		text-align: left;
		}
	#respond p {
		margin-bottom: 10px;
		}
	#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}
	#commentform { /* applied to form tag */
		}
	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}
	#commentform {
		margin: 5px 10px 0 0;
		}
	#commentform textarea {
		width: 100%;
		padding: 2px;
		}
	#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		width: 130px;
		}
	.comments {
		}
	.commentlist {
		}
	.nocomments {
		}
	.canncel-comment-reply{
		}
	#author { /* author input */
		}
	#email { /* email input */
		}
	#url { /* url input */
		}
	#comment { /* text area */
		width: 100%;
		}
	#submit { /* submit button */
		margin: 0 0 5px auto;
		width: 80px;
		}



/*
--------------------------------------------------
additional styles
--------------------------------------------------
*/

	.top-ad-banner {
		color: #EEE;
		font-size: 10px;
		margin-bottom: 30px;
		text-align: center;
		}