/*
THEME NAME: Eternal.com.my
THEME URI: http://www.eternal.com.my
DESCRIPTION: Kallista is based on minimal design offering basic and easy to view typography. Built using Sandbox.
VERSION: 1.0
AUTHOR: James Armstrong
AUTHOR URI: http://www.eternal.com.my
TAGS: white, microformats, two-columns, right-sidebar
*/



body {

background:#fff;

color:#111;

font-family:Helvetica, Arial, sans-serif;

margin:0;

padding:0;

}



div#wrapper {

margin:0 auto;

text-align:left;

width:970px;

}



.pos {

padding:10px;

}



/* positioning for IE 

 ELEMENTS */

img {

border:0;

}



img.left,img.alignleft,div.alignleft {

margin:0 15px 15px 0;

}



img.right,img.alignright,div.alignright {

margin:0 0 15px 15px;

}



img.frame {

border:1px solid #ddd;

padding:5px;

}



blockquote {

border:5px solid #eee;

border-width:0 0 0 5px;

color:#555;

font-family:Georgia, serif;

font-style:italic;

margin:0 15px 15px;

padding:0 0 0 15px;

}



blockquote.pullquoteleft p,blockquote.pullquoteright p {

font-size:18px;

line-height:24px !important;

margin:0 !important;

}



blockquote.pullquoteleft {

background:none !important;

border:1px solid #eee;

border-width:1px 0;

float:left;

margin:5px 15px 15px 0;

padding:10px;

text-align:center;

width:200px;

}



blockquote.pullquoteright {

background:none !important;

border:1px solid #eee;

border-width:1px 0;

float:right;

margin:5px 0 15px 15px;

padding:10px;

text-align:center;

width:200px;

}



a {

color:#036;

text-decoration:none;

}



a:hover {

color:#000;

text-decoration:underline;

}



form {

margin:0;

overflow:hidden;

padding:0;

}



input {

border:1px solid #767171;

color:#333;

font-family:Georgia, serif;

font-size:14px;

font-style:italic;

padding:3px;

}



/* searchform.php */

table {

border:1px solid #e4e2d3;

border-width:1px 0;

color:#333;

font-size:12px;

margin:0 0 15px;

padding:5px 0;

width:100%;

}



tr {

padding:2px 5px;

}



tr.alt {

background:#f4f3e9;

}



th {

font-weight:700;

padding-bottom:3px;

}



/* Two-column with sidebar on left from the /examples/ folder  */

div#container {

float:left;

margin:0 -200px 0 0;

}

.entry-content h1,h2 {
font-family:"trebuchet ms",arial,sans-serif;
font-weight:normal; }

.entry-content h1 {
font-size:24px;
color:#505050;
}

.side h2 {
font-size:18px;
color:#2A5A8A;
}


div#content {

font-size:14px;

margin:0 200px 0 0;

width:640px;

}



div#content p {

line-height:20px;

padding:0;

}



div#content ul li,ol li {

line-height:130%;

}



div#content h2 {

font-size:22px;

letter-spacing:-1px;

line-height:24px;

margin:20px 0 10px;

padding:0;

}



div#content h3 {

color:#7D7D7D;

font-size:12px;

line-height:0px;

margin:10px 0 10px;

padding:0;
font-weight:normal;
}



div#content h4 {

font-size:12px;

line-height:12px;

margin:12px 0 5px;

text-transform:uppercase;

}



div#content .listhead {

color:#555;

margin-bottom:30px;

text-transform:uppercase;

}



div#content p.alert {

background:#fcf5c9;

border:1px solid #fcef9d;

border-width:1px 0;

color:#555;

font-size:12px;

line-height:100%;

margin:0 0 20px;

padding:10px;

}



div#content .alert strong {

color:#000;

font-variant:small-caps;

letter-spacing:1px;

}



div#content .headline {

color:#666;

font-size:16px;

margin:0 0 10px;

}



div#content .post {

margin:0 0 30px;

}



div#content .post .meta {

background:url(img/meta-bg.gif) no-repeat;

clear:both;

float:left;

font-size:12px;

height:40px;

line-height:14px;

margin-bottom:30px;

overflow:hidden;

width:100%;

}



div#content .post .page {

background:none !important;

}



div#content .post .meta .where {

float:left;

font-size:14px;

width:130px;

}



div#content .post .meta .where p {

font-weight:700;

line-height:14px;

margin:7px 0 0 7px;

padding:0;

}



div#content .post .meta .where p span {

font-size:12px;

font-weight:400;

}



div#content .post .meta .postmeta {

float:right;

width:370px;

}



div#content .post .meta .postmeta .avatar {

float:right;

margin:0 0 0 5px;

}



div#content .post .meta .postmeta p {

line-height:14px;

margin:7px 0 0;

}



div#content .post .page .postmeta .avatar {

float:left;

margin:0 10px 0 0;

}



div#content .home {

border:1px solid #e4e2d3;

padding:20px;

}



div#content .home p.postmeta {

background:#f4f3e9;

font-size:12px;

line-height:100%;

margin:0 0 5px;

padding:5px;

}



div#content .home .entry {

margin-bottom:20px;

}



div#content .home p.box {

background:#e4e2d3;

font-size:14px;

line-height:100%;

margin:0;

padding:10px;

}



div#content .home p.box a {

font-weight:700;

}



div#content .post .related {

border:1px solid #e4e2d3;

color:#666;

float:left;

font-size:12px;

margin:0 0 20px;

padding:0;

width:100%;

}



div#content .post .related .pos {

margin:0;

padding:10px;

}



div#content .post .related .pos h3 {

background:url(img/dl.gif) no-repeat;

border:1px solid #f4f3e9;

border-width:0 0 1px;

color:#666;

font-size:14px;

font-weight:400;

line-height:18px;

margin:0;

padding:0 0 8px 22px;

}



div#content .post .related .pos .column {

width:300px;

}



div#content .post .related .pos .column a {

color:#666;

text-decoration:underline;

}



div#content .post .related .pos .column a:hover {

color:#222;

text-decoration:none;

}



div#content .post .related .pos .column h4,#content .post .related .pos .wp23related h3 {

color:#f70;

font-size:14px;

line-height:100%;

margin:10px 0 0;

padding:0 0 5px;

text-transform:none;

}



div#content .post .related .pos .column p {

font-size:12px;

line-height:14px;

}



div#content .post .related .pos .wp23related h3 {

background:none;

border:0;

font-weight:700;

}



div#content .post .related .pos .wp23related ul li {

font-size:12px;

margin-bottom:5px;

}



div#content .navigation {

clear:both;

padding:0;

width:100%;

}



div#content .navigation .right {

text-align:right;

}



div#content #searchform {

margin:0 0 12px;

}



div#content .tagcloud {

border:1px solid #bbb;

padding:20px;

text-align:center;

}



div#content .tagcloud h2 {

border-color:#efefef;

font-size:18px;

padding-bottom:5px;

text-align:center;

}



div#content .tagcloud a {

color:#111;

}



.entry-meta {

background-color:#f1f1f1;

font-size:0.9em;

padding:3px;

}



div.sidebar {

border-width:1px 0;

color:#767171;

float:right;

font-family:Helvetica, Arial, sans-serif;

font-size:12px;

width:310px;

}



div.sidebar ul,div.sidebar ol {

margin:0 0 40px;

padding:0;

}



div.sidebar a:hover {

color:#111;

text-decoration:none;

}



div.sidebar ul li h2,#sidebar ol li h2{

color:#767171;

font-size:14px;

margin:10px 0 2px;

padding:0 0 3px;

}



div.sidebar h3 {

margin: 0px 0px 5px 0px;

}



div.sidebar ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 1px;

}



div#secondary {

clear:right;

}



div#footer {

background:#fff;

clear:both;

float:left;

font-family:Helvetica, Arial, sans-serif;

margin:0;

padding:10px 0 30px;

text-align:center;

width:100%;

}



#footer .pos {

border-top:1px solid #888;

border-width:1px 0;

margin:0;

padding:10px 0;

}



#footer .pos p {

font-size:11px;

letter-spacing:-1px;

line-height:24px;

margin:0;

padding:0;
float:left;


}



/* Just some example content */

div.skip-link {

position:absolute;

right:1em;

top:1em;

}



div#menu {

background:#000;

height:2em;

margin:1em 0;

width:100%;

}



div#menu ul,div#menu ul ul {

line-height:1;

list-style:none;

margin:0;

padding:0.3em;

}



div#menu ul a {

display:block;

margin-right:1em;

padding:0.2em 0.5em;

text-decoration:none;

}



div#menu ul li ul {

left:-999em;

position:absolute;

}



div#menu ul li:hover ul {

left:auto;

}



.entry-title,.entry-meta {

clear:both;

}



div#container,div#primary {

margin-top:2em;

}



form#commentform .form-label {

margin:1em 0 0;

}



form#commentform span.required {

background:#fff;

color:#c30;

}



form#commentform,form#commentform p {

padding:0;

}



input#author,input#email,input#url,textarea#comment {

padding:0.2em;

}



div.comments ol li {

margin:0 0 3.5em;

}



textarea#comment {

height:13em;

margin:0 0 0.5em;

overflow:auto;

width:66%;

}



.alignright,img.alignright {

float:right;

margin:1em 0 0 1em;

}



.alignleft,img.alignleft {

float:left;

margin:1em 1em 0 0;

}



.aligncenter,img.aligncenter {

display:block;

margin:1em auto;

text-align:center;

}



div.gallery {

clear:both;

height:180px;

margin:1em 0;

width:100%;

}



div.gallery dl {

margin:1em auto;

overflow:hidden;

text-align:center;

}



div.gallery dl.gallery-columns-2 {

width:49%;

}



div.gallery dl.gallery-columns-3 {

width:33%;

}



div.gallery dl.gallery-columns-4 {

width:24%;

}



div.gallery dl.gallery-columns-5 {

width:19%;

}



div#nav-above {

margin-bottom:1em;

}



div#nav-below {

margin-top:1em;

}



div#nav-images {

height:150px;

margin:1em 0;

}



div.navigation {

height:1.25em;

}



div.navigation div.nav-next {

float:right;

text-align:right;

}



div#menu ul li,div.gallery dl,div.navigation div.nav-previous {

float:left;

}



div#header {
margin:0 0 20px 15px;
text-align:left;
}

#blog-description {
text-decoration:blink;
}


div#header h1 {

font-size:3em;

margin:35px 0 0;

}



input#author,input#email,input#url,div.navigation div {

width:50%;

}



li,div#content .home h2 {

margin-bottom:5px;

}



div#content ul,ol,div#content .tagcloud a:hover {

color:#555;

}



div#content h2 a:hover,div#content .post .meta a:hover {

text-decoration:none;

}



div#content .post .page .postmeta,div.gallery dl.gallery-columns-1 {

width:100%;

}



div#content .post .related .pos .column ul,div.gallery *,div.sidebar div {

margin:0;

padding:0;

}



div#content .post .related .pos .column ul li,div.sidebar ul li,#sidebar ol li {

list-style:none;

}



#footer a,#header a {

font-weight:700;

text-decoration:none;
color:#000;
font-weight:normal;

}



#footer a:hover,#header a:hover {

color:#000;

}



div#menu ul ul ul a,p.wp-caption-text {

font-style:italic;

}