/*
Theme Name: Karmalina Yoga
Theme URI: http://karmalina.com/
Description: Karmalina wordpress Theme
Version: 1.0
Author: Carlos Porto
Author URI: http://www.designdrifter.com/
Tags: purple, custom header, fixed width, two columns

	This theme was designed and built by Carlos Porto,
	whose site you will find at http://designdrifter.com/

*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body{
font-size: 100%;
line-height: 1;
}

ol, ul{
list-style: none;
}

blockquote, q{
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after{
content: '';
content: none;
}

/* remember to define focus styles! */

:focus{
outline: 0;
}

/* remember to highlight inserts somehow! */

ins{
text-decoration: none;
}

del{
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table{
border-collapse: collapse;
border-spacing: 0;
}

/* !typography.css */
body{
color: #666;
font: .9em "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6{
color: #666;
}

h1{
font-size: 1.3em;
color: #424242;
margin-bottom: 0.5em;
color: #424242;
border-bottom: solid 5px #B1B7CC;
padding: 0 .5em .5em;
}

h2{
font-size: 1.1em;
margin-bottom: 0.5em;
padding: 0 .5em;
}

h3{
font-size: 1.1em;
margin-bottom: .5em;
}

h4{
font-size: .9em;
margin-bottom: 1.25em;
}

h5{
font-size: .9em;
font-weight: bold;
margin-bottom: 1.5em;
}

h6{
font-size: .9em;
font-weight: bold;
}

p{
margin: 1em 0;
padding: 0 .5em;
}

a:focus, a:hover{
color: #000;
}

a{
color: #54add4;
}

/* !layout */
html{
background: #554439 url(img/bg-wrapper.jpg) repeat-y center 0;
}

body{
background: url(img/bg.png) repeat-x 0 0;
}

#container{
background: url(img/bg.jpg) no-repeat center 0;
padding: 61px 0 0;
}

#wrapper{
width: 1020px;
min-height: 600px;
margin: 0 auto 0;
display: block;
}

#head,
#body,
#submenu{
margin: 0 auto;
display: block;
width: 900px;
}

#head{
height: 90px;
position: relative;
width: 929px;
}

#body{
padding: 1em;
background: #fff;
overflow: hidden;
}

#logo{
color: #fff;
position: absolute;
bottom: 24px;
right: 0;
width: 440px;
height: 105px;
margin: 0;
}

#logo a{
color: #fff;
text-decoration: none;
font-weight: normal;
display: block;
width: 440px;
height: 105px;
z-index: 1;
}

#logo a span{
display: block;
width: 440px;
height: 105px;
z-index: 5;
background: url(img/logo.png) no-repeat 0 0;
position: absolute;
top: 0;
left: 0;
}

#content{
width: 650px;
float: left;
margin: 0 15px 0 0;
}

#sidebar{
width: 235px;
min-height: 350px;
float: left;
}

/* !nav */

#nav{
overflow: hidden;
position: absolute;
bottom: 0;
left: 10px;
}

#nav li{
float: left;
background: #b6b869 url(img/nav-bg.png) repeat-x 0 bottom;
border-top: solid 1px #c7cb74;
border-right: solid 1px #a2a357;
border-left: solid 1px #cbcd81;
}

#nav li a{
color: #fff;
font-size: .7em;
display: block;
text-align: center;
line-height: 2.8em;
text-decoration: none;
text-transform: uppercase;
padding: 0 1.5em;
}

#nav li a:hover{
color: #333;
}

#nav li.current_page_item{
background: #fff;
color: #000;
border-top: solid 1px #ccc;
border-right: solid 1px #888;
border-left: solid 1px #ccc;
}

#nav li.current_page_item a{
color: #222;
font-weight: bold;
}

#submenu{
min-height: 40px;
overflow: hidden;
position: relative;
width: 929px;
background: #fff;
border-bottom: solid 15px #BFC5DB;
}

#submenu li {
float: left;
line-height: 40px;
font-size: .8em;
}

#submenu a {
padding: 0 10px;
border-right: solid 1px #9DA2B4;
}

#submenu li:last-child a {
border:0;	
}


/* !pagenation */

.pagenation{
overflow: hidden;
margin: 1em 0;

}

.pagenation a{
display: block;
text-decoration: none;
color: #fff;
background: #9592ab;
font-size: .7em;
padding: .1em .6em;
border: solid 1px #9592ab;
}

.pagenation a:hover{
background: #706C87;
border: solid 1px #706C87;
}

.prev{
float: left;
}

.prev a{
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
}

.next{
float: right;
}
.next a{
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
}

/* !splash */

#splash{
height: 370px;
background: #485d45 url(img/bg-splash.jpg) no-repeat 0 0;
margin-bottom: 1em;
position: relative;
}

/*#splash p{
position: absolute;
top: 70px;
width: 836px;
background: rgba(0%,0%,0%,.5);
color: #fff;
padding: 1em;
text-align: right;
}*/

/* !articles */

.article{
margin-bottom: 1.5em;
}

.title a{
color: #424242;
text-decoration: none;
border-bottom: dotted 1px #888;
}

.postmetadata{
margin: .25em 0;
color: #bfbfbf;
font-style: italic;
}

.postmetadata a{
color: #bfbfbf;
}

.postmetadata a:hover{
color: #666;
}

.alt {
margin: 1em 0;
}

.alignleft{
float: left;
margin-right: 1em;
}

.alignright{
float: right;
margin-left: 1em;
}

.avatar{
margin: 0 1em .5em 0;
float: left;
}

/* !comments */
.commentlist li{
margin: 1em 0;
padding: 1em;
background: #fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: solid 3px #eae8ef;
}

.commentlist li.alt{background: #f4f2f9;}

.commentlist li p.auhtor,
.commentlist li p.commentmetadata{
margin: 0;
padding: 0;
}

/* !sidebar */

#sidebar h2{
padding: .7em 0 0;
}

#sidebar p{
margin-bottom: .75em;
}

.section{
background: #d4d2dd;
margin-bottom: 1em;
}

#sidebar .section h2{
border-bottom: solid 1px #fff;
padding: .7em;
}

.section ul{
padding: 0 0 .7em;
}

.section li{
padding: .3em .7em;
}

.section li a{
color: #666;
text-decoration: none;
border-bottom: dotted 1px #999;
}

.section li a:hover{
color: #222;
}

/* !latest News */

#latestNews{
padding: 1em;
}

#latestNews h3{
color: #555;
font-size: 1.1em;
}

/* !search */

#content #searchform input{
margin-left: .5em;
}

/* !footer */

#footer{
background: #9da2b4;
min-height: 100px;
width: 900px;
padding: 1em;
margin: 0 auto;
border-top: solid 15px #b1b7cc;
}

#footer a{
color: #666;
}

#footer a:hover{
color: #222;
}

#copy{
text-align: center;
clear: both;
padding: 2em 0 0;
color: #fff;
}

/* !about me */

#aboutMe{
color: #fff;
width: 350px;
float: left;
}

#aboutMe p{
margin: 0;
padding: 0;
}

#aboutMe img{
float: left;
margin: .25em 1em 1em 0;
}

#footer .full{
width: 100%;
float: none;
border-bottom: solid 1px #B1B7CC;
padding-bottom: 1em;
overflow: hidden;
}

#footer form.full{
margin: 0 auto;

}

#footer .full #message{
width: 100%;
}

/* !messageUs */

#messageUs{
color: #fff;
width: 500px;
margin-left: 40px;
float: left;
}

#messageUs h2{
padding: 0;
}

#messageUs #message,
#messageUs #name,
#messageUs #email{
width: 490px;
display: block;
margin-bottom: 1em;
}

#messageUs .btn{
float: right;
}

.entry ul {
margin-left:10px;
}

.entry ul li {
margin:5px 0;
}

/* !list */
.entry .list {
	margin: 1em;
	padding-left: 2em;
}
.entry .list li {
	list-style: disc;
	list-style-position: outside;
	color: #555;
	padding-bottom: .75em;
}

.blogroll li {
	padding-bottom: .75em;
}

/* !quotes */
.entry blockquote {
	padding: .5em 2em;
}
.entry blockquote p{
text-indent: -1.5em;
line-height: 1.3em;
font-style: italic;
}
.entry blockquote p:before {
	content: "\201C \0020";
	font-size: 2em;
	color: #cecece;
}
.entry blockquote cite {
margin: .5em 0;
display: block;
font-weight: bold;
padding-left: 1em;
}
.entry blockquote cite:before {
	content: "\7e \0020";
}