/*
Theme Name: Niki
Theme URI: http://www.nikisticks.com/
Description: Developed and programmed by My Studio Space.
Version: 1.0
Author: My Studio Space
Author URI: http://www.MyStudioSpace.com/
Tags: blue, custom header, fixed width, two columns, widgets


*/


/* Body + Wrapper */

body {font-size:12px; height:100%; font-family:Arial; background:#003700 url('images/niki-bg.jpg'); color:#303030; text-align:center; margin:0; padding:0;}

#wrapper {width:854px; margin:20px auto; padding:0; text-align:left;}

/*  END Body + Wrapper */


/* Page */

#page {width:854px; margin:0; padding:0; text-align:left; float:left;}

#top {width:854px; height:12px; margin:0; padding:0; float:left; background:url(images/niki-top.png) no-repeat;}

#bottom {width:854px; height:44px; margin:0; padding:0; float:left; background:url('images/niki-bottom.png') no-repeat;}

/* END Page */





/* Header */

#header {width:854px; height:224px; margin:0; padding:0; float:left; background:url('images/niki-header.jpg') no-repeat;}

#rotator {width:160px; height:180px; margin:9px 28px 0 0; float:right;}

/* END Header */



/* Navigation */

#navi {width:854px; height:72px; margin:0; padding:0px; float:left; background:url('images/niki-navi.jpg') no-repeat; text-align:center;}

#navi ul {margin:13px 0 0 0; padding:0; list-style-type:none;}

#navi li {margin:0; padding:0 20px 0 20px; display:inline; list-style-type:none;}

#navi a {text-transform:uppercase; font-size:12px; color:#FFFFFF; text-decoration:none;}

#navi a:hover {color:#003700;}

/*  END Navigation */







/* Content */

#contentwrapper {width:854px; margin:0; padding:0; float:left; background-color:#FFFFFF;}

#textcolumn {width:590px; margin:0; padding:20px 0 20px 0; float:left; text-align:left;}

#textcolumn ul {margin:0; padding:0; list-style-type:none;}

#textcolumn li {margin:0 0 2px 40px; padding:0; list-style-type:circle;}

.pagecontent {width:550px; margin:0; padding:0 20px 0 20px; float:left; text-align:left; line-height:16px;}

.pagecontent h1 {font-size:28px; padding:0; margin:0 0 15px 0; font-weight:normal; line-height:30px; color:#003700;}

.pagecontent h2 {font-size:23px; padding:0; margin:25px 0 15px 0; font-weight:normal; line-height:27px; color:#90C127;}

.pagecontent h3 {font-size:18px; padding:0; margin:25px 0 15px 0; font-weight:normal; line-height:23px; color:#90C127;}

.post {padding:0 20px 50px 20px; margin:0; font-family:Arial;}

.post h1 {font-size:28px; padding:0; margin:0 0 15px 0; font-weight:normal; line-height:30px; color:#003700;}

.post h2 {font-size:28px; padding:0; margin:0 0 15px 0; font-weight:normal; line-height:30px; color:#003700;}

.post h2 a {font-size:28px; padding:0; margin:0 0 15px 0; font-weight:normal; line-height:30px; color:#003700; text-decoration:none;}

.post h2 a:hover {color:#90C127;}

.entry {padding:0; margin:0; line-height:16px;}

.postmeta {font-size:10px; color:#999999; line-height:13px; letter-spacing:1px; margin:30px 0 0 0; padding:0;}

.postmetaheadline {font-size:10px; color:#999999; line-height:13px; letter-spacing:1px; margin:10px 0 30px 0; padding:0;}

/* ??? */ .postmetadatabox {font-size:10px; color:#999999; border:#CCCCCC 1px solid; background:#CCFFFF; margin:20px 0 20px 0; padding:4px; line-height:11px;}

/*  END Content */


/* Sidebar */

#sidebar {width:264px; margin:20px 0 0 0; padding:0; float:left; text-align:left;}

#sidebar ul {margin:0; padding:0; list-style-type:none;}

#sidebar li {width:244px; margin:0 0 30px 0; padding:0 0 20px 0; list-style-type:none; border-bottom:1px #999999 dashed;}

#sidebar li ul {margin:0; padding:0; list-style-type:none;}

#sidebar li ul li {margin:0 0 3px 10px; padding:0; list-style-type:none; border-bottom:none;}

#sidebar h2 {margin:0 0 10px 0; padding:0; color:#003700; font-size:16px; font-weight:bold;}

#sidebar h3 {margin:0 0 5px 0; padding:0; color:#003700; font-size:14px; font-weight:bold;}

#sidebar a h3 {margin:0 0 5px 0; padding:0; color:#08A0EE; font-size:13px; font-weight:bold; text-decoration:none;}

#sidebar a:hover h3 {color:#90C127;}

/*  END Sidebar */


/* Footer */

#footer {width:854px; margin:15px 0 0 0; padding:0 0 50px 0; float:left;}

#footertop {width:854px; height:12px; margin:0; padding:0; float:left; background:url('images/niki-top.png') no-repeat;}

#footermiddle {width:834px; margin:0; padding:10px 10px 20px 10px; float:left; background-color:#FFFFFF;}

#footermiddle h2 {font-size:16px; font-weight:normal; color:#003700; width:100%; border-bottom:1px #999999 dashed; padding:0; margin:0 0 15px 0;}

#footermiddle h3 {margin:0 0 5px 0; padding:0; color:#003700; font-size:14px; font-weight:bold;}

#footerbottom {width:854px; height:44px; margin:0; padding:0; float:left; background:url('images/niki-bottom.png') no-repeat;}

#footerboxone {width:268px; margin:0; padding:0 10px 0 0; float:left;}

#footerboxone ul {margin:0; padding:0; list-style-type:none;}

#footerboxone li {margin:0 0 3px 10px; padding:0; list-style-type:none;}

#footerboxone a {font-weight:12px; color:#303030; text-decoration:none;}

#footerboxone a:hover {font-weight:12px; color:#90C127; text-decoration:none;}

#footerboxtwo {width:258px; margin:0; padding:0 10px 0 10px; float:left;}

#footerboxthree {width:268px; margin:0; padding:0 0 0 10px; float:left;}

#footercopy {width:834px; margin:0; padding:10px 10px 0 10px; float:left; color:#FFFFFF; font-size:10px;}

#footercopy a {color:#FFFFFF; text-decoration:none; font-size:10px;}

#footercopy a:hover {color:#FFFFFF; text-decoration:underline;}


/*  END Footer */












/* Recent Comments 

.recentcommentbox {width:278px; margin:0 0 4px 0; padding:10px; float:left; background-color:#F2F2F2; border:1px solid #EAEAEA;}

.recentgravatar {width:54px; float:left; margin:0; padding:0;}

.recentgravatar img {padding:4px; margin:0; border:1px #CCCCCC solid; background-color:#FFFFFF;}

.recentgravatar img:hover {background-color:#90C127;}

.recenttext {width:214px; float:left; margin:0; padding:0 0 0 10px; letter-spacing:normal;}

  END Recent Comments */







/* Twitter 

#twitterbox {background-color:#DDEEF6; background-image:url(images/pk-twitterbox-bg.jpg); background-position:top right; background-repeat:no-repeat; border:1px solid #002233; margin:0; padding:20px 10px 5px 5px; float:left;}

#twitter_update_list ul {padding:5px; margin:0; list-style-type:none;}

#twitter_update_list li {padding:0; margin:0 0 20px 0; list-style-type:none; letter-spacing:normal;}

  END Twitter */







/* Comments */

#commentswrapper {width:550px; margin:0 20px 20px 20px; padding:0; float:left;}

#commentform {width:550px; margin:0; padding:0;}

#commentform p {margin:5px 0 5px 0;}

#commentform input {width:180px; padding:2px;}

#commentform textarea {width:100%; padding:2px;}

#commentform small {color:#333333;}

#commentform submit {}

.commentlist {padding:0; margin:0;}

.commentlist ul {padding:0; margin:0;}

.commentlist li {padding:0; margin:0 0 35px 0; list-style-type:none;}

.commentsh3 {font-size:23px; color:#003700; font-weight:bold; margin:30px 0 20px 0;}

.commentbox {color:#333333; margin:0; padding:0; width:550px; float:left;}

.commentgravatar {float:left; margin:0 10px 0 0; padding:0;}

.commentgravatar img {padding:4px; border:#CCCCCC 1px solid;}

.commentgravatar img:hover {padding:4px; border:#CCCCCC 1px solid; background:#90C127;}

.commentauthor {float:left; padding:14px 0 0 0; margin:0; font-size:19px;}

.commentauthor a {color:#003700; text-decoration:none;}

.commentauthor a:hover {color:#90C127; text-decoration:none;}

.commentstatus {width:550px; text-align:center; font-size:12px; color:#90C127; font-weight:bold; padding:0; margin:20px 0 0 0; float:left; font-style:italic;}

.commenttext {width:550px; float:left; margin:0 0 0 0; padding:0 0 20px 0; line-height:16px; letter-spacing:1px; border-bottom:1px #999999 dashed;}

.commentlist cite {padding:0; margin:0 0 0 4px; font-size:12px; font-weight:bold; color:#333333; font-style:normal;}

.commentlist small {font-size:10px; color:#999999;}


/*  END Comments */








/* Previous and Next */

#navigation {padding:0; margin:40px 0 0 0; width:550px; float:left; font-size:15px;}

#navigationindex {padding:0; margin:-20px 0 0 20px; width:550px; float:left; font-size:15px;}

.previouspost {float:left; width:265px; padding:0 10px 0 0; margin:0;}

.nextpost {float:left; width:265px; padding:0 0 0 10px; margin:0; text-align:right;}

#navigation h2 a {font-size:15px; color:#0066CC; font-weight:normal; text-decoration:none;}

#navigation h2 a:hover {font-size:15px; color:#0066CC; font-weight:normal; text-decoration:underline;}

/*  END Previous and Next */






/* Links */

a {color:#0066CC; text-decoration:underline;}

a:hover {color:#303030; text-decoration:underline;}

/*  END Links */







/* Images */

img {border:0;}

img.centered {display:block; margin-left:auto; margin-right:auto;}

img.alignright {padding:4px; margin:0 0 2px 7px; display:inline; float:right;}

img.alignleft {padding:0px; margin:3px 10px 2px 0; display:inline; float:left;}

/*  END Images */








/* Font Colors */

.green {color:#90C127;}

/*  END Font Colors */







/* Special Classes */

.archiveheadline {font-size:19px; color:#90C127; margin:0 0 30px 20px; font-weight:normal;}

small {font-size:10px; color:#999999;}

.alignleft {float:left;}

.alignright {float:right;}

.center {text-align:center;}

/*  END Special Classes */