/* @override http://koiatjungle.co.za/wp-content/themes/koiatjungle/style.css */

html {
margin : 0;
padding : 0;
background : #006300 url(images/background.gif) repeat-x;
font-style : normal;
font-family : "Lucida Grande", Lucida, Verdana, sans-serif;
}
body {
color : #484848;
width : auto;
font : normal 0.9em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif;
background : url(images/dropbg.png) repeat-y center;
}
#top_container {
width : 760px;
margin-top : 0;
margin-left : auto;
margin-right : auto;
padding-bottom : 5px;
background-position : center bottom;
background-repeat : no-repeat;
}
#header {
width : 760px;
margin-left : auto;
background : black url(images/head_bg_top.gif) no-repeat 0 top;
height : 168px;
}
#logo {
margin-right : 0;
margin : 0;
float : left;
}
#logo img {
margin : 0;
padding-top : 20px;
}
#logo a {
color : #000;
text-decoration : none;
font : normal 2.4em Georgia, serif;
}
#slogan {
letter-spacing : 2px;
float : right;
color : black;
line-height : 14px;
font-weight : bold;
padding-top : 80px;
margin-right : 20px;
}
#MainMenu {
border : 0;
display : block;
padding-bottom : 5px;
background : url(images/menu_shadow.png) center bottom;
}
#pages_nav {
margin-right : auto;
margin-left : auto;
width : 760px;
}
ul.nav.fix {
list-style : square;
margin-bottom : 5px;
}
#pages_nav li {
display : inline;
padding-right : 5px;
padding-top : 30px;
padding-left : 20px;
}
#pages_nav a {
color : white;
text-decoration : none;
font : 14px "Lucida Grande", Lucida, Verdana, sans-serif;
text-transform : uppercase;
}
#pages_nav a:hover {
color : #fff294;
text-decoration : none;
padding-bottom : 1px;
border-bottom : 10px solid white;
}
#main_container {
width : 758px;
margin : 10px auto;
}
#welcome {
padding : 20px 15px 20px 20px;
width : 350px;
margin-right : 10px;
margin-bottom : 0;
float : left;
clear : left;
}
#latestnews {
float : left;
padding : 20px 20px 20px 5px;
width : 300px;
}
#latestnews h2 {
margin : 0;
padding-bottom : 0;
letter-spacing : 1px;
color : gray;
padding-top : 10px;
font : bold 15px Helvetica, sans-serif;
text-transform : capitalize;
}
#latestnews p {
float : left;
text-align : justify;
font-weight : normal;
font-style : normal;
color : #484848;
text-transform : none;
font-size : 12px;
line-height : 1.6em;
}
#latestnews ul li {
padding-left : 10px;
width : 300px;
}
#main_top {
font-size : 18px;
float : left;
padding-left : 15px;
padding-right : 20px;
margin : 5px auto 10px;
}
#main_shop {
margin-right : auto;
margin-left : auto;
padding-top : 10px;
width : 760px;
}
#main_checkout {
margin-right : auto;
margin-left : auto;
padding-top : 10px;
width : 760px;
}
.post {
margin : 0 0 5px;
text-align : justify;
padding : 0 5px 5px;
float : left;
}
.post_article {
width : 480px;
margin-right : 20px;
float : left;
}
.postentry {
margin : 0 0 20px;
}
#share {
background-color : #006300;
border : 1px solid #1b5201;
font-size : 12px;
color : white;
padding : 10px 5px 5px;
vertical-align : middle;
text-align : left;
margin-bottom : 10px;
float : left;
width : 490px;
margin-top : 5px;
}
#share a {
text-align : left;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
#share img {
text-align : left;
margin-bottom : 0;
margin-left : 10px;
margin-right : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
p {
font-size : 12px;
text-align : left;
margin-bottom : 5px;
}
p.postmeta {
font-style : italic;
font-size : 10px;
color : #4da121;
margin-left : 5px;
margin-top : -15px;
}
p img {
padding : 0;
max-width : 100%;
}
ul.articles {
clear : left;
margin-bottom : 20px;
background-color : #e6e5e6;
padding : 5px;
font-size : 14px;
width : 490px;
}
li.page_item {
border-bottom : 2px solid white;
margin-top : 4px;
}
#shop_top {
margin : 0;
padding : 0;
float : left;
width : 760px;
}
#sidebar2 {
background : none no-repeat center bottom;
width : 210px;
margin-top : 0;
padding : 0;
float : left;
}
#sidebar3 {
color : #474647;
font-weight : bold;
font-family : Helvetica, sans-serif;
width : 200px;
margin-bottom : 5px;
margin-top : 0;
padding-right : 5px;
padding-bottom : 5px;
padding-left : 5px;
float : left;
}
#sidebar_RSS {
font-size : 12px;
vertical-align : middle;
margin-top : 5px;
padding : 5px;
font-weight : normal;
font-style : normal;
}
#sidebar_RSS ul li img {
margin : 2px;
vertical-align : middle;
}
#sidebar_shop {
color : #474647;
font-weight : bold;
font-variant : small-caps;
font-family : Helvetica, sans-serif;
width : 200px;
margin-bottom : 5px;
margin-top : 0;
padding-right : 5px;
padding-bottom : 5px;
padding-left : 5px;
float : left;
}
#sidebar_contact {
color : #474647;
font-weight : bold;
float : left;
font-family : Helvetica, sans-serif;
width : 200px;
margin-bottom : 5px;
margin-top : 0;
padding-right : 5px;
padding-bottom : 5px;
padding-left : 5px;
}
#sidebar_shop h2 {
color : #474647;
font-weight : bold;
font-variant : small-caps;
margin-top : 0;
font-family : Helvetica, sans-serif;
margin-bottom : 5px;
padding : 5px;
float : left;
background-color : #ccc;
}
#sidebar_shop ul {
margin-bottom : 2px;
float : left;
padding-top : 4px;
padding-bottom : 4px;
width : 100%;
}
#sidebar_shop a {
color : #006300;
float : left;
font : 14px Helvetica, sans-serif;
text-decoration : none;
margin-top : 0;
text-indent : 10px;
}
#sidebar_shop a:hover {
color : #123801;
float : left;
font : 14px Helvetica, sans-serif;
text-decoration : none;
}
#sideshoppingcart {
float : left;
width : 200px;
font-weight : bold;
font-size : 14px;
margin-bottom : 20px;
background : #fef092 url(images/shoppingcart.png) no-repeat right 4px;
padding : 2px 5px 2px 2px;
}
#sideshoppingcart a {
color : #006300;
float : left;
font : bold 14px Helvetica, sans-serif;
text-decoration : none;
}
#sideshoppingcart a:hover {
color : #123801;
float : left;
font : bold 14px Helvetica, sans-serif;
text-decoration : none;
}
img.floatright {
float : right;
margin : 45px 20px 20px;
}
h1 {
padding-bottom : 1px;
color : #006300;
font : bold 20px Helvetica, sans-serif;
letter-spacing : 2px;
text-transform : uppercase;
margin : 1px 0 10px;
}
h2 {
margin : 0;
padding-bottom : 0;
letter-spacing : 1px;
color : gray;
padding-top : 10px;
font : bold 15px Helvetica, sans-serif;
text-transform : uppercase;
}
h3 {
margin : 5px 0 10px;
padding-bottom : 10px;
letter-spacing : 1px;
color : #808080;
font : bold 15px "Lucida Grande", Lucida, Verdana, sans-serif;
}
h3.commenttitle {
font-weight : bold;
color : gray;
text-transform : capitalize;
margin-bottom : 0;
}
a:link {
color : #006300;
text-decoration : none;
font-weight : bold;
}
img {
margin : 0 10px 10px;
}
a:visited {
color : #006300;
text-decoration : none;
font-weight : bold;
}
a:hover {
color : #bd9c00;
text-decoration : none;
font-weight : bold;
}
a:active {
color : #006300;
text-decoration : none;
font-weight : bold;
}
#sidebar {
margin-left : auto;
margin-right : auto;
width : 758px;
background-position : center top;
background-repeat : no-repeat;
clear : left;
text-transform : none;
}
#sidebar_inside {
margin-right : auto;
margin-left : auto;
padding : 20px 19px 10px;
width : 720px;
background : #ccc url(images/sidebar_bg.gif) no-repeat center bottom;
}
#sidebar_image {
padding-right : 20px;
float : left;
margin-right : 10px;
}
img.random {
float : left;
padding-top : 0;
padding-bottom : 0;
margin : 0 50px 0 0;
}
#side_links {
padding : 0;
margin-top : 10px;
}
img.sidebaricon {
float : left;
margin : 0 10px 0 0;
padding-right : 10px;
}
#side_links li {
font : 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
margin-bottom : 10px;
padding-bottom : 20px;
}
#side_links li img {
margin : 0;
padding-bottom : 5px;
}
#side_links p {
float : left;
}
#footer {
color : #333;
width : 758px;
text-align : left;
font : 0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
letter-spacing : 1px;
margin-right : auto;
margin-left : auto;
height : 45px;
margin-bottom : 0;
padding-bottom : 0;
background-position : 0;
}
#footwrapper {
width : 760px;
margin : 5px auto 0;
background : url(images/menu_shadow.png) repeat-x center bottom;
clear : both;
padding : 0;
}
#footer p {
color : #a1a1a1;
font-size : 10px;
text-align : center;
padding-bottom : 0;
margin-bottom : 0;
text-transform : none;
}
#comment {
width : 100%;
margin-bottom : 10px;
}
ol#commentlist {
background-color : #dadada;
float : left;
width : 500px;
margin-bottom : 20px;
}
#commentlist li {
padding : 5px 10px;
}
#commentform {
margin-bottom : 20px;
float : left;
}
.commentmeta {
font-size : 10px;
color : #999;
}
h3#comments {
font-size : 12px;
color : gray;
margin-bottom : 2px;
}