/*
Theme Name: Inko's 2009
Theme URI: http://www.inkospetsitting.com
Description: This is a custom WordPress theme designed and built by Mya Leigh Smith for Ali O'Connor and Inko's Pet Sitting.
Version: 1.0
Author: Mya Leigh Smith, Designer
Author URI: http://portfolio.myaleigh.com
*/

/* reset.css */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
li {list-style-type:none;}
body {line-height:1.5;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body { font-size:75%; font-family:arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family:arial, helvetica, sans-serif; font-weight:normal; }
h1 { font-size:1.6em; line-height:1.5em; margin:.75em 0 .75em 0; }
h2, h3, h4, h5, h6 { background:transparent; color:#c30b47; font-size:1.4em; line-height:1.5em; margin:.25em 0 .25em 0; }
p, ul { font-size:1.0em; line-height:1.5em; margin:.75em 0 .75em 0; }
a:focus, a:hover { color:#000; }
a { color:#009; text-decoration:underline; }
strong { font-weight:bold; }
em { font-style:italic; }

/* ------------------------------------------------------------------------------------------
BODY & BASICS */

body { background:#fdffe4; color:#333333; margin:25p 0 25p 0; }

a:link, a:visited { color:#38972e; text-decoration:none; }
a:active, a:hover { color:#38972e; text-decoration:underline; }

hr { background:#e9f4d1; border-top:1px dotted #cccccc; border-right:0; border-bottom:0; border-left:0px; color:#e9f4d1; height:1px; width:100%; }

/* ------------------------------------------------------------------------------------------
PAGE CONTAINER */

div#tag { background:transparent; color:#999999; text-align:right; width:880px; }
div#container { margin:0 auto 0 auto; width:936px; }
div#topmenu { margin:0 auto 0 auto; width:880px; }
div#header { clear:both; height:336px; overflow:hidden; width:936px; }
div#content { background:#e9f4d1 url(images/bkgContentBotCap.gif) bottom left no-repeat; clear:both; margin:0 auto 0 auto; overflow:hidden; padding:0 0 25px 0; width:880px; }
div#ibar { clear:both; margin:25px auto 0 auto; width:880px; }
div#footer { background:transparent; border-top:1px dotted #cccccc; clear:both; color:#999999; margin:25px auto 0 auto; padding:5px; text-align:right; width:880px; }

div.alignleft { float:left; }
div.alignright { float:right; }
div.pad { padding:25px; }

/* ------------------------------------------------------------------------------------------
TOP MENU */

#topmenu .alignleft { width:19%; }
#topmenu .alignright { width:79%; }

#topmenu ul { background:transparent; color:#38972e; font-size:1.5em; margin:70px 0 0 50px; }
#topmenu ul li { display:inline; float:left; margin:0 10px 0 10px; padding:0 5px 0 5px; }
#topmenu ul li.last { margin:0 0 0 10px; padding:0 0 0 5px; }

/* ------------------------------------------------------------------------------------------
HEADER */

#header h1 { color:#ffffff; font-size:1.4em; margin:64px 24px 0 44px; width:514px; }
span.name { float:right; }

/* homepage */
div.homepage { background:transparent url(images/bkgHomepage.jpg) top left no-repeat; }
/* about us */
div.about { background:transparent url(images/bkgAbout.jpg) top left no-repeat; }
/* services page */
div.services { background:transparent url(images/bkgServices.jpg) top left no-repeat; }
/* community talk or blog */
div.community { background:transparent url(images/bkgCommunity.jpg) top left no-repeat; }
/* inko-cam */
div.inkocam { background:transparent url(images/bkgInkoCam.jpg) top left no-repeat; }
/* contact */
div.contact { background:transparent url(images/bkgContact.jpg) top left no-repeat; }

/* ------------------------------------------------------------------------------------------
CONTENT */

#content .alignleft { border-right:1px dotted #cccccc; float:left; padding:0 20px 0 0; width:460px; }
#content .alignright { float:right; padding:0 0 0 10px; width:320px; }
#content h2 { font-size:1.8em; }
#content ul li { line-height:1.3em; list-style-type:disc; margin:0 0 0 15px; padding:5px 0 5px 5px; }

div#maincolumn { border-right:1px dotted #cccccc; float:left; padding:0 15px 0 0; width:540px; }
div#sidebar { float:right; padding:0 0 0 10px; width:260px; }

#maincolumn ul li { list-style-type:disc; margin:0 0 0 15px; padding:0 0 0 5px; }

.tipmain { background:transparent url(images/bkgTipMain.gif) top left no-repeat; height:90px; margin:25px auto 0 auto; overflow:hidden; width:490px; }
.tipmain blockquote { font-size:.90em; margin:0 15px 0 85px; }

.tipmainlong { background:transparent url(images/bkgTipMainLong.gif) top left no-repeat; height:200px; margin:25px auto 0 auto; overflow:hidden; width:620px; }
.tipmainlong blockquote { font-size:.90em; margin:0 15px 0 85px; }

#content .alignright ul li, #sidebar ul li { list-style-type:none; margin:0; padding:5px 0 5px 0; }

#content .halfleft { float:left; padding:0 10px 0 0; width:400px; }
#content .halfright { float:right; padding:0 0 0 10px; width:400px; }

.odd { background:#d2e2af; }

/* ------------------------------------------------------------------------------------------
IBAR - INTERACTIVE BAR THAT APPEARS ON HOMEPAGE */

div.leftcol { float:left; width:30%; }
div.middlecol { float:left; margin:0 3% 0 3%; width:30%; }
div.rightcol { float:right; width:30%; }

ul.list li { border-bottom:1px dotted #cccccc; padding:5px 0 5px 0; }

/* ------------------------------------------------------------------------------------------
POSTS */

.postmetadata { border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc; margin:25px 0 15px 0; padding:5px 0 5px 0; text-align:right; }

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

.commentlist {}
.commentlist li { margin:15px 0 15px 0; padding:5px 10px 10px 10px; }
.commentlist li ul li {}
.commentlist p { margin:10px 5px 10px 5px; }
.children { padding:0; }

.nocomments { margin:0; padding:0; }
.commentmetadata { display:block; margin:0; }