/*
Theme Name: Ypthima Magic
Theme URI: http://www.iptima.com
Author URI: http://www.iptima.com
Description: Yphtima is a fast loading and Search Engine Optimized theme, specifically designed for all types of niche and professional content, valid Xhtml 1.0 strict version with two columns. Sidebar (one area) and footer (three areas) are Widget Ready. Sandra, take care to maintain code for validation Xhtml Transitional!<br />
Author: Vincent Roulet<br />
Author URI: http://www.iptima.com<br />
The CSS, XHTML and design is released under GPL<br />
http://www.opensource.org/licenses/gpl-license.php
*/

/*-----------Magic (#0B77D5)--------------*/

/*-----------Block Level Elements--------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #777;
	background-image:url(images/bodybg.gif);
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
body a, body a:visited {
	color: #0b54d5;
	text-decoration: none;
}
body a:hover {
	color: #0b33d5;
}
body p {
	margin: 5px 0px;
	padding: 5px 0px;
}
#page {
	background-color: #fff;
	margin: 0px auto;
	padding: 0 3px 0 3px;
	width: 760px;
}
#super_header {
	background-image:url(images/superheaderbg.gif);
	height: 13px;
	padding: 0;
	margin: 0;
}
#header {
	background-image:url(images/headerbg.jpg);
	border-bottom:2px solid #fff;
	padding: 0 0 0 0;
	height: 205px;
	margin: 0 0 0px 0;
}
#header h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	color: #fff;
}
#header h1 a {
	color: #fff;
}
.description {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.25em;
}
#header #header_left {
	color: #fff;
	float: left;
	font-size: 24px;
	padding: 10px 0 20px 20px;
	text-align: left;
}
#content {
/*ex wrapper ---> Kubrick*/
}
.column {
/* ex "content" . instead of # div ---> class - Kubrick's narrowcolum & widecolumn !*/
	float: left;
	line-height: 1.8em;
	margin-left: 5px;
	margin-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	width: 540px;
}
/*-------------Headings-------------*/
h1, h2, h3, h4, h5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1 {
	color: #0b33d5;
	font-size: 1.5em;
}
h2 {
	color: #0b33d5;
	font-size: 1.4em;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: left;
}
h3 {
	color: #0b33d5;
	font-size: 1.3em;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: left;
}
h4 {
	color: #0b33d5;
	font-size: 1.2em;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: left;
}
h5 {
	color: #0b33d5;
	font-size: 1.1em;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
}
h6 {
	color: #0b33d5;
	font-size: 1em;
	padding-bottom: 1px;
	padding-top: 1px;
	text-align: left;
}
/*-------------The post-------------*/
.post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a {
	color: #0b33d5;
	font-size: 1.166em; /* font-size post x!!! */
	font-variant: small-caps;
	margin-bottom: 10px;
	text-align:left;
	text-decoration: none;
}
.post {
	font-size: 1.2em;
	margin-bottom: 20px;
	text-align: justify;
}
.post p {
	margin: 5px 0px;
	padding: 5px 0px;
}
.post ul {
	list-style-position: inside;
	list-style-type: square;
	margin: 10px 0 10px 0;
	padding-left: 40px;
}
.post ol {
	list-style-position: inside;
	list-style-type: decimal;
	margin: 10px 0 10px 0;
	padding-left: 40px;
}
.post li {
	list-style-position: outside;
	margin: 5px 0px;
	padding: 5px 0px;
}
.post dl {
	font-variant: small-caps;
	font-weight: bold;
}
.post dd {
	font-variant: normal;
	font-weight: normal;
}
.post dd:before {
	content: "» "
}
.entry {
	margin-bottom: 10px;
	text-align: justify;
}
.column .smallattachment {
	float: left;
	margin: 5px 5px 5px 0px;
	text-align: center;
	width: 128px;
}
.column .attachment {
	margin: 5px 0px;
	text-align: center;
}
.column .postmetadata {
	background-color: #e6f3ff;
	border-top: 1px dashed #6092bf;
	font-size: 11px;
	margin-bottom: 40px;
	margin-top: 10px;
	padding-top: 2px;
	text-align: justify;
}
.column .postmetadata alt {
	border-top: 1px dashed #6092bf;
	margin-bottom: 40px;
	margin-top: 10px;
	padding-top: 2px;
	text-align: left;
}
.postmetadata {
	clear: both;
}
.navigation {
	display: block;
	margin-bottom: 20px;
}
#nav {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	height: 40px;
	line-height: 3.15em;
	list-style-type: none;
	text-align: center;
}
#nav a {
	display: block;
	font-weight: bold;
	font-style: normal;
	height: 20px;
	margin: 0px;
	padding: 0 0 10px 0;
	width: 94px;
}
#nav a:hover {
	background: #000;
}
#nav li {
	border-right: solid 1px #fff;
	float: right;
	list-style-type: none;
	margin: 0px;
}
.positionleft {
	float: left;
	text-align: left;
	width: 49%;
/* not 50 % for Internet Explorer */
}
.positionright {
	float: right;
	text-align: right;
	width: 49%;
/* not 50 % for Internet Explorer */
}
.pagetitle {
	color: #0b33d5;
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 20px;
	text-decoration: none;
}
p.book {
	line-height: 1.8em;
	text-align: justify;
}
p.prose { 
	text-align: center;
}
p.poetry {
	line-height: 1.8em;
	margin-left: 100px;
	margin-right: 100px;
	text-align: center;
}
p.center {
	text-align: center;
}
p.home {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-left: 75px;
	margin-right: 75px;
	text-align: center;
}
/*p.home:first-letter {
	background: #0b33d5;
	border: 1px solid #0b33d5;
	color: #fff;
	float: left;
	font-size: 200%;
}*/
blockquote {
	color: #666;
	font-weight: bold;
}
cite {
	color: #666;
	font-style: normal;
	font-weight: bold;
}
code {
	background-color: #eee;
	color: #000;
	display: block;
	font-family: "Courier New", Courier, monospace;
	font-size: x-large;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
a img {
	border: 0;
}
/*-------------Other------------------*/
hr {
	display: none;
}
/*--------------Comments--------------*/
#comments {
	border-bottom: 2px solid #bfe1ff;
	font-size: 1.6em;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#respond {
	font-size: 1.6em;
	margin-bottom: 5px;
}
ol.commentlist {
	font-size: 1.2em;
	list-style-type: none;
}
ol.commentlist li {
	border-bottom: 1px solid #bfe1ff;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
ol.commentlist li.alt {
	border-bottom: 1px dashed #bfe1ff;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
ol.commentlist li .avatar {
	background:-color #fff;
	border: 1px solid #eee;
	float: right;
	padding: 2px;
}
#comment_title {
	margin-bottom: 5px;
}
#commentform {
	margin-bottom: 20px;
}
#commentform p {
	margin-bottom: 10px;
}
#commentform textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	padding: 2px;
	width: 99%;
}
/*--------------Acronyms------------*/
acronym {
	border-bottom: #000000 1px dotted;
	cursor: help;
}
/*--------------Sidebar------------*/
#sidebar {
	float: left;
	margin: 20px 10px 0 5px;
	padding: 0 0 0 0;
	width: 180px;
}
#sidebar ul {
	margin-bottom: 20px;
}
#sidebar a {
	color: #0b54d5;
}
.widget_sidebar, .widget_footer {
	display: block;
	float: left;
	font-size: 1em;
	margin: 0 0 5px 0;
	padding: 0;
	width: 180px;
}
.widget_sidebar h1, .widget_sidebar h2, .widget_sidebar h3, .widget_footer h1, .widget_footer h2, .widget_footer h3 {
	background-color: #e6f3ff;
	border-top: 3px solid #6092bf;
	border-bottom: 1px solid #6092bf;
	color: #333;
	font-variant:small-caps;
	margin: 0;
	padding : 2px 0px 2px 5px;
	text-align: center;
}
.widget_sidebar ul h2, .widget_footer ul h2 {
	border-bottom: dashed 1px #6092bf;
	font-size: 1.5em;
	padding-bottom: 10px;
}
.widget_sidebar ul li, .widget_footer ul li {
	border-bottom: dashed 1px #6092bf;
	font-size: 1.1em;
	list-style: none;
	line-height: 1.6em;
	text-align: center;
}
.widget_sidebar ul ul li, .widget_footer ul ul li  {
	border-bottom: dashed 1px #6092bf;
}
#sidebar a:hover, #footer a:hover {
	color: #0b33d5;
}
.widget_sidebar p, .widget_footer p {
	padding: 10px;
	text-align: center;
}
/*--------------Widgets--------------*/
li.widget h2 {
	color: #0b33d5;
}
/*---------- Text Widgets----------*/
.textwidget {
	text-align: center;
	padding-top : 5px;
}
/*-----NextGen Gallery (Unused!)----*/
#ngg-widget-1 {
	padding-top: 10px;
	text-align: center;
}
/*----Search (and Dropdown - Unused!)---*/
#search {
	padding : 10px 0 10px 0;
	text-align: center;
}

#search #s, #author, #email, #url, #comment {
	border: 1px solid #6092bf;
}
#search #searchsubmit, #submit {
	background-color: #6092bf;
	border: 1px solid #0b54d5;
	color: #fff;
	margin-top: 5px;
}
#dropdown {
	padding : 10px 0 10px 0;
	text-align: center;
}
#dropdown select {
  /*background-color:#6092bf;*/
}
.postform {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#search #searchsubmit, #submit {
	background-color: #6092bf;
	border: 1px solid #0b54d5;
	color: #fff;
}
/*--------------Footer------------*/
#footer {
	padding-bottom: 25px;
}
#footer_sidebar {
	display: block;
	height: 260px;
	margin-left: 85px;
	margin-right: 85px;
	padding-top: 25px;
}
#footer_sidebar_1 {
	float: left;
	margin-right: 25px;
	width: 180px;
}
#footer_sidebar_2 {
	float: left;
	margin-right: 25px;
	width: 180px;
}
#footer_sidebar_3 {
	float: left;
	width: 180px;
}
#footer ul {
	margin-bottom: 20px;
}
#footer a {
	color: #0b54d5;
}
#footer_infos {
	border-bottom: 1px solid #0066b3;
	border-top: 1px solid #0066b3;
	display: block;
	margin-left: 85px;
	margin-right: 85px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}
/*-------------Calendar-----------------*/
#wp-calendar {
	margin-top: 5px;
	text-align: left;
	width: 180px;
}
#wp-calendar th {
	margin-top: 5px;
}
#wp-calendar caption {
	font-size: 1.2em;
	margin-top: 5px;
}
/*--------------Menu------------*/
#menu {
	background-color: #000;
	padding: 0;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 3px 0;
}
#menu ul li {
	border-right: 2px solid #fff;
	display: inline;
	margin: 10px 0 3px 15px;
	padding: 6px 15px 6px 0px;
}
#menu ul li a {
	color: #fff;
}
#menu ul li a:hover {
	color: #6092bf;
	text-decoration:none;
}
/*-------------Images-----------------*/
p img {
	padding: 0;
	max-width: 100%;
}
/*Using 'class="alignright"' on an image will (who would'vethought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than usingalign="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
/*Using 'class="alignright"' on an image will (who would'vethought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than usingalign="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* End Images */
/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	color: #000;
	padding-top: 4px;
	margin: 10px;
	-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: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */