/*
Theme Name: Code Pie Theme
Description: Code Pie Theme by Face3media
Version: 1.0
Author: Face3media
Tags: code, pie
*/


@import url("reset.css");

body{ margin: 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; vertical-align: top;background:#333 url(images/kiss.jpg) fixed top center no-repeat; color: #000; }

h1, h2, h3, h4, h5{ font-weight:lighter; }
h1{ font-size: 24px; padding: 0 0 10px; }
h2{ font-size: 18px; padding: 10px 0 0; color:#0000ff; }
h3{ font-size: 14px; padding: 10px 0 0; color:#0000ff; font-weight:bold; }

.clear{ clear:both; }

p{ padding: 10px 0 0 0; }

a:link, a:visited{ text-decoration: underline; color:#fff; }
a:hover{ color:#000; }
a:active{ color:#C00; }

#wrap{ margin: 0 auto; text-align: left; width:694px; padding-right:145px; }

#header{ text-align:center; width:550px; height:154px; background:url(images/code_pie_header.png); margin:10px 0 10px 141px; }
#header h1{ color:#fff; text-transform:uppercase; padding:0 0 5px; font-size:28px; font-weight:bold; }
#header h1 a{ color:#fff; text-decoration:none; }
#header h1 a:hover{ color:#fff; }
#header h2{ text-transform:uppercase; color:#fff; font-size:16px; padding:5px 0; }
#title{ text-transform:uppercase; color:#fff; }

#container{ width:549px; float:left; display:inline; position:relative; z-index:100; left:141px;  }

#sideBar { position:relative; right:165px; bottom:145px; z-index:200; float:left;}
#menu{ padding-top:240px; padding-right:5px; text-align:center; position:absolute; display:inline; width:326px; height:392px; background:url(images/code_pie_menu.png) top center no-repeat;  }
#menu a{ color:#C00; text-decoration:none; text-transform:uppercase; font-size:12px; line-height:16px; font-weight:bold; }
#menu a:hover{ text-decoration:underline; }
#menu ul li{ color:#fff; }
#menu ul li ul{ position:relative; top:-12px; }

.post{ margin: 0 0 20px; background-color:#fff; }
.post a{ color:#0000ff; }
.post a:hover{ color:#000; }
.post a:active{ color:#C00; }
.post h1{ font-size: 17px; background-color:#0000ff; color:#fff; padding:10px; text-align:center; }
.post h1 a{ color:#fff; text-decoration:none; }
.post h1 a:hover{ text-decoration:underline; color:#fff; }
.entry{ line-height: 18px; padding:20px 25px; }
.entry p{ font-size:12px; color:#0000ff; }

.navigation{ background-color:#dc3933; padding:20px; text-align:center; width:308px; margin:0 auto 30px; }
.navigation a{ font-weight:bold; font-size:14px; text-decoration:none; margin:0 6px; }

#footer{ text-align:center; margin:20px 0; }