/*  
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: 0px; 
	margin-bottom: 0px; 
	padding-top: 0; 
	padding-bottom: 0; 
	}


p {
	margin: 10px;
}
h2 {
	margin-top: 0px; 
	margin-bottom: 10px; 
	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%; margin-top: 10px;}
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%; 
	position: absolute;
	z-index: 1;
	top : 0px;
	left : 0px;
	width : 100%;
	padding-right : 10px;
	}
	
/* -----------------------------------------------------------------------------------------------------------
------------------------------------- BASE LAYOUT ------------------------------------------------------------ 
------------------------------------------------------------------------------------------------------------ */

.clear-columns {
	clear: both; 
	}
	
#outer-column-container {
	border-left: solid 202px #ffffff; 
	border-right: solid 202px #ffffff;
	margin: 15px;
	padding-left: 5px;
	}
	
#inner-column-container {
	width: 100%;
	}
	
#source-order-container {
	float: left;
	padding: 2px;
	width: 100%;
	background-color: #7cb2e8;
	margin-left: -2px;
	}
	
#left-column {
	float: left; 
	margin-left: -207px; 
	margin-top: -2px;
	padding-left: 5px;
	width: 190px; 
	border: 1px dashed #1e7bd8; 
	min-height: 640px;
	background-color: #e8f2fb;
	}
	
#middle-column {
	background-color: #FFFFFF;
	float: right; 
	width: 100%; 
	margin-left: -1px; 
	}
	
#right-column {
	float: right; 
	margin-right: -200px; 
	width: 190px; 
	border: 1px dashed #1e7bd8; 
	min-height: 640px;
	background-color: #e8f2fb;
	}
	
	
#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; 
	}
	
.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%; 
	background: #ffffff; 
	min-width: 800px; 
	font-family: Tahoma,Arial,sans-serif; 
	margin: 10px;

	}
	
#page-container, #inner-column-container, #masthead, #footer {
	border-color: #99a;
	}
	
#masthead {
	background-color: #f6f6f6;	
	}
	
#footer {
	background-color: #1e7bd8; 
	padding-bottom: 1px;
	margin-top:0px;
	padding-top: 10px;
	border-top: dashed 2px #ffffff; 
	}
	
#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: #002490; 
	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: #7cb2e8; background: #e8f2fb; padding: 5px; border-bottom:solid 2px;}
.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-color: #1e7bd8; 
	color: #000; 
	padding: 0; 
	margin: 0;
	position:relative;
}

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

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

#modernbricksmenuspace {

	padding: 0; 
	height: 23px;
	width: auto;
	padding-left:222px;
	background-image:url(images/headerbgshadow.png);
	background-repeat: no-repeat;
	background-color: #e8f2fb;
	border-bottom: dashed 1px #1e7bd8; 
	voice-family: "\"}\"";
	voice-family: inherit;
}

#modernbricksmenu {
	position: absolute; /* placement du menu, à modifier selon vos besoins */
	top: 125px;
	left: 150px;
	z-index:100;
	margin:0;
	padding: 0;
	border-right: dashed 1px #1e7bd8; 
	}

#modernbricksmenu dl{
	float: left;
	display:inline;
	width: 136px;
	overflow: hidden;
}

#modernbricksmenu dt {
	color: #000000; 
	margin: 0;
	padding: 3px 0px 3px 0px; 
	text-decoration: none; 
	letter-spacing: 1px;
	background-color: #e8f2fb;
	border-left: dashed 1px #1e7bd8; 
	border-bottom: dashed 1px #1e7bd8; 
	text-align: center;
	height:16px;
	width:200px;
}

#modernbricksmenu dd {
	display: none;
	background-color: #e8f2fb;
	margin-left: 0px;
}

#modernbricksmenu ul{
	margin:0px;
	padding: 0px;
	list-style: none;
}

#modernbricksmenu li {
	background-color: #7CB2E8;
}

#modernbricksmenu li a{
	color: #e8f2fb;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	margin:0;
	padding: 2px 2px 2px 7px;
}

#modernbricksmenu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	margin-left: -65px;

}

#modernbricksmenu li:hover, #modernbricksmenu li:focus{
	background-color: #1e7bd8;
}


#modernbricksmenu dt:hover, #modernbricksmenu dt:focus {
	background-color: #7cb2e8; 
}

/*
#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: #000000; 
	margin: 0 0 0 0;
	padding: 5px 10px; 
	text-decoration: none; 
	letter-spacing: 1px;
	background-color: #e8f2fb;
	border-left: dashed 1px #1e7bd8; 

	}
	
#modernbricksmenu a:hover {
	color: #000000; 
	background-color: #7cb2e8; 
	}
	
#modernbricksmenu li.current_page_item a {
	color: #000000; 
	background-color: #e8f2fb; 
	}
	
#modernbricksmenuline { 
	font-size: 1px;
	clear: both; 
	height: 5px; 
	padding: 0; 
	width: 100%; 
	background: #ffffff; 
	border-top: dashed 1px #cccccc; 

	}
	*/
#modernbricksmenuline2 { 
	font-size: 1px;
	clear: both; 
	height: 5px; 
	padding: 0; 
	width: 100%; 
	background: #ffffff; 
	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: 100%;
	text-align: left; 
	margin-bottom: 0; 
	margin-top: 0; 
	position: relative; 
	padding-bottom: 0;
	background-color: #e8f2fb;
	background-image:url(images/photos.png);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: 2px dashed #1e7bd8; 

	}
	
.headerright {
	float:right; 
	width: 15em; 
	/*text-align: right;*/ 
	padding: 0; 
	margin: 10px -1px 0 0; 
	background: #0000ff; 
	border: 1px dashed #1e7bd8; 
	border-width: 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: #7cb2e8; 
	padding: 0 0 0 5px; 
	border-left: solid 7px #7cb2e8; 
	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: #e8f2fb; 
	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;
	}