/*  
Theme Name: Atahualpa 
Theme URI: http://wordpress.bytesforall.com/
Description: v. 2.01 - Fluid width, 2 or 3 column theme for WP 2.2 - WP 2.6, with rotating header images, customizable logo and options page. Plug & Play for various plugins. 
Version: 2.01
Author: BFA Webdesign
Author URI: http://www.bytesforall.com/
Tags: fluid width, options page, widget ready, 2 columns, 3 columns, left sidebar, right sidebar, custom header, rotating header images, seo friendly, gravatars, popular posts, related posts, wp-pagenavi, wp-print, wp-email, subscribe to comments
 
*/
/*
*
*
YOUR OWN HEADER IMAGE(S) HOW-TO: Upload one or several images with any filename(s) but
all ending on either ".jpg", ".gif" or ".png" (you can mix and match) to the directory 
"/wp-content/themes/atahualpa2/images/header" in the wordpress installation directory on 
your web hosting account. All gif, jpg and png images in that directory will be used for the
header rotation. This is a fluid layout, 
meaning that the visible width of the header image(s) will depend on the visitor's browser 
viewport. To account for bigger monitors incl. 1280 pixels, the images should be 1280 pixels wide or 
even wider, i.e. 1600 pixels if you want to cover those who surf with such a large browser window as well. 
Say your header images are 1600 pixels wide and someone with a 1024 screen comes along. He'll see
only the center 1024 pixels of the images, but not the remaining 288 pixels on the left hand side
and the 288 pixels of the right hand side. You can set the visible height of the image on the options page. 
*
*
YOUR OWN LOGO ICON IMAGE HOWTO: Upload a "logosymbol.gif" 
with the size of 50x50 pixels and white background to 
"/wp-content/themes/atahualpa2/images/".
*
*
*
Credits:
Layout and browser compatibility hacks based on Ruthsarian's Skidoo Redux 
http://webhost.bridgew.edu/etribou/layouts/ - ruthsarian@gmail.com
*/

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px; 
	margin-bottom: 0px; 
	padding-top: 0; 
	padding-bottom: 0; 
	}


h2 {
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding-top: 0; 
	padding-bottom: 0; 
	}
	
ul ul, ul ol, ol ul, ol ol {
	margin-top: 0; 
	margin-bottom: 0; 
	}
	
h1 {font-size: 240%; }
h2 {font-size: 180%; }
h3 {font-size: 140%; }
h4 {font-size: 100%; }
h5 {font-size: 70%; }
h6 {font-size: 50%; }

.entry h1, .entry h2, .entry h3, .entry h4 {
	clear:both;
	}
	
a, a:link, a:visited, a:active {
	text-decoration: underline; 
	}
	
a:hover {
	text-decoration: none; 
	}
	
code, pre {
	font-family: "Courier New", Courier, monospace; 
	}
	
label {
	cursor: pointer; 
	}
	
table {
	font-size: 100%; 
	}
	
td, th {
	vertical-align: top; 
	}
	
body {
	font-size: 100.1%; 
	}
	
/* -----------------------------------------------------------------------------------------------------------
------------------------------------- BASE LAYOUT ------------------------------------------------------------ 
------------------------------------------------------------------------------------------------------------ */

.clear-columns {
	clear: both; 
	}
	
#outer-column-container {
	border-left: solid 13em #fff; 
	border-right: solid 13em #fff; 
	}
	
#inner-column-container {
	width: 100%; 
	}
	
#source-order-container {
	float: left; width: 100%; margin-right: -1px; 
	}
	
#left-column {
	float: left; 
	margin-left: -13em; 
	width: 13em; 
	margin-right: 1px; 
	}
	
#middle-column {
	float: right; 
	width: 100%; 
	margin-left: -1px; 
	}
	
#right-column {
	float: right; 
	margin-right: -13em; 
	width: 13em; 
	margin-left: 1px; 
	}
	
body {
	background-color: #ccc; 
	color: #000; 
	padding: 0; 
	margin: 14px 0; 
	}
	
#masthead {
	padding-top: 1px; 
	border-bottom: solid 1px #000; 
	}
	
/**************** change middle column left and right borders *****************/

#inner-column-container {
	border: solid 0px #000; 
	border-width: 0 0px; 
	margin: 0 -0px; 
	}
	
#middle-column div.rMenu-center {
	border-bottom: solid 1px #000; 
	}
	
#footer {
	border-top: solid 1px #000; 
	padding-bottom: 1px;
	}
	
.inside {
	margin: 10px; 
	}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- HACKS ------------------------------------------------------------------ 
------------------------------------------------------------------------------------------------------------ */

.clear-columns { 
	/* hide from IE/Mac \*/ padding-bottom: 1px; margin-bottom: -1px;	
	}
	
* html #page-container { 
	/* \*/ height: 0.1%; position: relative; 
	}
	
* html #middle-column, * html #left-column, * html #right-column, * html #source-order-container {
	/* hide from IE/Mac \*/ overflow: visible; 
	/* hide from IE/Mac \*/ position: relative; 
	}
	
* html #middle-column {
	margin-right: -4px; margin-right/* */: 0; 
	}
	
* html #middle-column .inside { 
	margin-right: 14px; margin-right/* */: 10px;
	}
	
* html #masthead, * html #footer { 
	/* hide from IE/Mac \*/ height: 0.1%; height/**/: auto;	 
	}
	
* html #masthead .inside, * html #footer .inside {
	margin-top: 0; margin-bottom: 0; margin/* */: 10px; 
	}
	
* html .inside {
	margin: 10px 0.75em; margin/* */: 10px; 
	}

* html #inner-column-container {
	display: block; 
	}
	
* html #source-order-container {
	margin-right: -100%; /* \*/ margin-right: -1px; 
	}
	
#left-column, #right-column {
	position: relative; 
	}
	
/******************************************************************************/

#page-container {
	font-size: 80%; 
	font-family: tahoma, candara, helvetica, verdana, arial, sans-serif; 
	}
	
#page-container, #inner-column-container, #masthead, #footer {
	border-color: #99a;
	}
	
#outer-column-container {
	border-left-color: #f6f6f6; 
	border-right-color: #e6e6e6;	
	}
	
#masthead {
	background-color: #f6f6f6;	
	}
	
#footer {
	background-color: #e6e6e6;
	}
	
#inner-column-container {
	background-color: #fcfcfc; 
	}
	
#left-column h3, #right-column h3 {
	margin-bottom: 0; 
	}
	
#right-column p, #right-column ul {
	margin-top: 0; 
	}
	
p.fontsize-set {
	text-align: center;
	}
	
p.fontsize-set input {
	margin: 0 2px;
	}

/**** Highlight current subpage *******/

li.current_page_item a:link, li.current_page_item a:active, li.current_page_item a:visited, li.current_page_item a:hover { 
	color: black; font-weight: bold; 
	}

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

#left-column .inside ul, #right-column .inside ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
	
#left-column .inside ul li, #right-column .inside ul li {
	margin: 2px 0 2px 5px; 
	}
	
a:link, a:visited, a:active {
	color: #004b9f; 
	text-decoration: none; 
	}
	
a:hover {
	text-decoration: underline; 
	}
	
.inside h1{ 
	font-family: verdana, tahoma, arial, sans-serif; 
	letter-spacing:-3px; 
	line-height: 1.0em; 
	font-size:2.5em; 
	float:left; 
	/*width: 49%;*/ 
	margin: 10px 5px 0 0; 
	}
	
a.header:link, a.header:visited, a.header:active, a.header:hover {
	color: #999; 
	text-decoration: none; 
	}
	
div#search {
	float: right; 
	width: 15em; 
	text-align: right; 
	padding: 0.6em 0 0.2em 0; 
	margin: 0 1em; 
	}

/***************** wordpress defaults *****************/

.navigation {display: block; margin: 0; padding: 0; width: 100%; /*height: 15px;*/ } 
.older{float: left; width: 49%; text-align: left; margin:0; padding:0;}
.newer{float:right; width: 49%; text-align: right; margin:0; padding:0; }
.postmetadata{clear:both; margin: 15px 0 15px 0; color: #999; background: #f4f4f4; padding: 5px; }
.postmetadata2{float: left; padding: 0; margin: 0px 0 0px 0; color: #666; font-size: 90%}
.postmetadata2 a:link, .postmetadata2 a:active, .postmetadata2 a:visited {color: #666; text-decoration: underline}
.post-last {margin-bottom: 20px; } /*different style for last post on page*/
.post-page {margin-top: 20px; margin-bottom: 20px; }
.pagetitle {margin-bottom: 15px;}
.entry {margin: 0px;}

/* CSS for forms -------------------------------------- */

form {
	margin: 0; 
	padding: 0; 
	}
	
form p {
	margin: 5px 0 0 0; 
	padding: 0; 
	}
	
label {
	margin-right: 0.5em; 
	/*display: block;*/ 
	font-family: arial;
	}
	
.submit input {
	margin-left: 4.5em; 
	}
	
form input {
	color: #000; 
	background: #efd3de; 
	/*border: 1px solid #c2547d;*/ 
	}
	
.submit input {
	color: #000; 
	background: #fff; 
	border: 2px outset #999; 
	height: 18px; 
	padding:0
	}
	
fieldset {
	border: 1px solid #781351; 
	width: 45em; 
	}
	
legend { 
	color: #000; 
	background: #FFB0B3; 
	border: 1px solid #781351; 
	padding: 2px 6px; 
	margin-bottom: 15px; 
	}
	
.comment-textarea{
	width: 96%; 
	padding: 0; 
	margin: 0; 
	}
	
#s{width: 75%;}

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

/* hack to vertically align the calendar style date side by side with the post title, curr. not used
.vert1 {display: table; height: 56px;  #position: relative; overflow: hidden; }
.vert2 { #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
.vert3 { #position: relative;  #top: -50%}
*/
/******************clearfix********************/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {min-width: 0; display: inline-block; /* \*/	display: block; }
* html .clearfix {/* \*/  height: 1%;}

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

body {background: #ffffff; color: #000000; margin: 0 0;}

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

/*Credits: Dynamic Drive CSS Library 
URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu {
	padding: 0; 
	width: auto; 
	background: transparent; 
	border-bottom: dashed 1px #cccccc; 
	border-left: dashed 1px #cccccc; 
	voice-family: "\"}\"";
	voice-family: inherit;
	}
	
#modernbricksmenu ul{
	font: bold 11px Arial; 
	margin:0; 
	margin-left: 0px; 
	padding: 0; 
	list-style: none;
	}
	
#modernbricksmenu li {
	display: inline; 
	margin: 0; 
	padding: 0; 
	text-transform:uppercase; 
	}
	
#modernbricksmenu li:first-child {
	margin-left: 1px; 
	}
	
#modernbricksmenu a {
	float: left; 
	display: block; 
	color: #666666; 
	margin: 0 0 0 0; /*Margin between each menu item*/ 
	padding: 5px 10px; 
	text-decoration: none; 
	letter-spacing: 1px;
	background-color: #ffffff; 
	border: dashed 1px #cccccc; 
	border-width: 0 1px 0 0
	}
	
#modernbricksmenu a:hover {
	color: #000000; 
	background-color: #eeeeee; 
	}
	
#modernbricksmenu li.current_page_item a {
	color: #000000; 
	background-color: #eeeeee; 
	}
	
#modernbricksmenuline { 
	font-size: 1px;
	clear: both; 
	height: 5px; 
	padding: 0; 
	width: 100%; 
	background: #ffffff; 
	border-top: dashed 1px #cccccc; 
	/*border-bottom: solid 2px #cccccc*/ 
	}
	
#modernbricksmenuline2 { 
	font-size: 1px;
	clear: both; 
	height: 5px; 
	padding: 0; 
	width: 100%; 
	background: #ffffff; 
	/*border-top: solid 2px #cccccc;*/ 
	border-bottom: dashed 1px #cccccc 
	}

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

/* currently not used, calendar style post dates
.calendar {float:left; width: 46px; height: 54px; margin: 0 10px 0 0;} 
.calendar1, .calendar2, .calendar3 {text-align: center; font-weight: bold; width: 46px; float:left; font-family: Arial, sans-serif;}
.calendar1{border-top: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; vertical-align: bottom; margin-bottom: 0; padding-bottom: 0; font-weight: bold; color: #666; font-size: 95%; height: 16px; text-transform:uppercase; background: #ddd;}
.calendar2{border-right: solid 1px #666; border-left: solid 1px #666; font-family: tahoma, sans-serif; padding-top:0; line-height: 23px; vertical-align: top; color: #ddd; font-size: 160%; height: 23px; background: #666;}
.calendar3{border-bottom: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; color: #666; font-size: 90%; height: 16px; background: #ddd;}
*/
/************************************************/

.line1pix { 
	width: 100%; 
	height: 1px; 
	margin: 0px; 
	border-top: 1px dashed #cccccc; 
	padding: 0; 
	margin: 10px 0 10px 0; 
	display: block; 
	font-size: 1px; 
	}
	
.headerleft {
	float: left; 
	/*width: 49%;*/ 
	text-align: left; 
	margin-bottom: 0; 
	margin-top: 0; 
	position: relative; 
	padding-bottom: 0;
	}
	
.headerright {
	float:right; 
	width: 15em; 
	/*text-align: right;*/ 
	padding: 0; 
	margin: 10px -1px 0 0; 
	background: #ffffff; 
	border: 1px dashed #cccccc; 
	border-width: 1px 1px 0 1px
	}
	
	
/*.entry ul, .entry ol {
	clear:both
	}
	
.entry ul li, .entry ol li {
	clear: both
	}
*/
	 
.postmetadata {
	clear:both
	}
	
.post {
	/*border-bottom: dotted 1px #ccc;*/ 
	margin-bottom: 20px; 
	}
	
blockquote {
	height: 1%; 
	color: #555; 
	/*margin-left: 20px*/; 
	/*border-left: solid 10px #ccc;*/ 
	padding: 1em 1em; 
	background: #f4f4f4; 
	border: solid 1px #e1e1e1;  /* hack for IE6 and older*/ 
	}
	
blockquote blockquote {
	height: 1%; 
	color: #444; 
	/*margin-left: 20px*/; 
	/*border-left: solid 10px #ccc;*/ 
	padding: 1em 1em; 
	background: #e1e1e1; 
	border: solid 1px #d3d3d3;  /* hack for IE6 and older*/ 
	}
	
blockquote p {
	margin-top: 0
	}
	
#left-column .inside ul li, #right-column .inside ul li {
	margin: 2px 0 2px 0;  
	}
	
#left-column .inside ul li ul li, #right-column .inside ul li ul li {
	margin: 2px 0 2px 5px;  
	}
	
#left-column .inside ul li a, #right-column .inside ul li a {
	text-decoration: none; 
	font-weight: normal; 
	color: #666; 
	padding: 0 0 0 5px; 
	border-left: solid 7px #dddddd; 
	display: block
	}
	
* html #left-column .inside ul li a, #right-column .inside ul li a {
	display:inline-block 	 /* IE6 needs inline-block */
	}

* + html #left-column .inside ul li a, #right-column .inside ul li a {
	display:inline-block /* IE7 needs inline-block */
	}
	
#left-column .inside ul li a:hover, #right-column .inside ul li a:hover {
	text-decoration: none; 
	color: #000; 
	padding: 0 0 0 5px; 
	border-left: solid 7px #000; 
	}
	
#footer .inside, #footer .inside a {
	color: #999; 
	font-weight: normal;
	font-size: 12px;
	}
	

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- COMMENTS --------------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */

ol.commentlist {
	margin: 15px 0 25px 0;
	list-style-type: none;
	padding: 0;
	border-top: dotted 1px #ccc;
	/*border-bottom: dotted 1px #ccc;*/
	}
	
ol.commentlist li {
	border-bottom: dotted 1px #ccc;
	/*background-color: #ebebeb;*/
	padding: 15px 10px;
	}

ol.commentlist li.alt {
	background-color: #f6f6f6;
	}

ol.commentlist li.authorcomment {
	background-color: #ffecec;
	}
		
ol.commentlist li p {
	margin: 2px 0 5px 0;
	}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- GRAVATARS -------------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */

img.avatar {
	float: left; 
	margin: 0 8px 3px 0;
	padding: 3px;
	border: solid 1px #ddd;
	background-color: #f3f3f3;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}



/* -----------------------------------------------------------------------------------------------------------
------------------------------------- New WP 2.6 image classes ----------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */


.entry img {
	margin: 10px 10px 0 0;
	padding: 5px;
	border: solid 1px #ddd;
	background-color: #f3f3f3;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}

.postmetadata img {
	border: none;
	margin: 0 0 -3px 0;
	padding: 0;
	}
				
img.alignleft {
	float: left; 
	margin: 10px 10px 5px 0; 

	}
	
img.alignright {
	float: right; 
	margin: 10px 0 5px 10px; 

	}

img.aligncenter {
	display: block;
	margin: 10px auto;
	}

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

.alignleft,
div.alignleft {
   float: left;
   margin: 10px 10px 5px 0;
}

.alignright,
div.alignright {
   float: right;
   margin: 10px 0 5px 10px;
}


/* -----------------------------------------------------------------------------------------------------------
------------------------------------- New WP 2.6 image caption ----------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px 0 0 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
	}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 13px;
   padding: 2px 4px 5px;
   margin: 0;
   color: #666;
	}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- Smileys ---------------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */
		
img.wp-smiley {
    	float: none;  /* don't float smileys */
    	border: none; 
	margin: 0 1px -1px 1px; 
	padding: 0;
	background: none;
	}


	
/* -----------------------------------------------------------------------------------------------------------
------------------------------------- CALENDAR TABLE --------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */

#calendar_wrap {
	padding: 0;
	border: solid 1px #ccc;
	}
	
table#wp-calendar caption {
	width: auto;
	background: #eee;
	border: #999;
	padding: 3px;
	margin: 0 auto;
	color: #666;
	}
	
table#wp-calendar {
	width: 100%;
	border-width: 0;
	border-spacing: 0;
	border-style: solid;
	border-color: #ccc;
	border-collapse: separate;
	background-color: white;
	margin: 0 auto;
	}
	
table#wp-calendar th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #eee;
	background-color: white;
	text-align: center;
	}
	
table#wp-calendar td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #eee;
	background-color: white;
	text-align: center;
	}