/*  
Theme Name: Pixabella04
Theme URI: http://www.pixabella.com/
Description: Designed by <a href="http://www.pixabella.com">Pixabella.</a> 3 column SEO optimized wordpress theme with navbar and advertisment slot. Colors available include green, blue, and red.
Version: 1
Author: Pixabella
Author URI: http://www.pixabella.com/

*/

* {
   margin: 0;
   padding: 0; }

body {
   color: #555555;
   font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
   font-size: 75%;
   background-color: #555555; }


/******** Content variations ********/
#head { 
   background-color: transparent; }
#outerwrapper {
   width: 960px; 
   background-color: #fff;
   margin: 5px auto;
   line-height: 1.4em;
   color: #404040; }
   
#contentwrapper { /* S-C-S Layout */
   float: left; 
   margin-left:5px;
   width:740px; }
#contentmid { /* S-C-S Layout */
   float: right;
   margin-right: 10px;
   width: 510px; }   
   
#contentleft { /* C-S-S Layout */
   margin-left: 5px;
   float: left;
   width: 510px; }
#contentright { /* S-S-C Layout */
   margin-right: 5px;
   float: right;
   width: 510px; }
  
#sidebarwrapper { /* C-S-S and S-C-C Layouts*/
   width:430px; }
.left { /* S-S-C Layout */
   float: left; 
   margin-left: -5px;}
.right { /* C-S-S Layout */
   float: right; }

#midsidebar { /* C-S-S Layout */
   margin-left: 10px; 
   width: 200px;
   float: left; }
#leftsidebar { /* S-C-S Layout */
   margin-right: 10px; 
   width: 200px;
   float: left; }
#rightsidebar {
   float: right; 
   margin-right: 5px; 
   width: 200px; }


/***** General Styles *****/
a {
   text-decoration: underline;
   color: #111111;
   font-weight: bold; }
a:hover {
   text-decoration: underline; }
a img {
   border: 0; }
p {
   margin-bottom: 10px; }
code, pre {
   font-size: 1.3em; }
blockquote:before, blockquote:after {
   content: "\"";
   font-size: 1.6em;
   font-family: serif; }
blockquote {
   margin: 10px 0 0 0; 
   padding: 5px;
   background: #dfdfdf;
   border: 1px solid #afafaf;
   line-height: 1.6em;
   font-style: italic; }
blockquote p {
   display: inline; }

form {
   background: #333; 
   margin: 10px auto; 
   padding: 5px; }
label {
   color: #fff;
   display: block; 
   font-weight: bold; 
   margin: 5px 0 ; }
input {
   padding: 2px; 
   border: 1px solid #eee; }
textarea {
   width: 400px; 
   padding: 2px; 
   border: 1px solid #eee;
   height: 100px; 
   display: block; }
input, select, textarea {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 1.0em; }
h2 {
   font-size: 1.1em;
   font-weight: bold;
   line-height: 1.2;  }
h2.entrytitle {
   padding-left:30px;
   height: 30px; 
   line-height: 2.2em;
   margin-bottom: 10px; }
h3 {
   font-size: 1.1em; 
   display: block; 
   margin: 10px 0; } 
h4 {
   margin-bottom: 15px; 
   font-size: 10pt; 
   font-weight: bold; }
ul, ol {
   list-style-position: inside; }

   
/***** Identity ******/
#identity {
   margin: 5px 0 0 20px; 
   height: 55px;
   width: 410px;
   border: 0px;
   float: left; }
#identity h1 {
   font-size: 1.2em;
   padding: 15px 0 0 75px; }
#identity h1 a, #identity h1 a:hover {
   color: #fff;
   text-decoration: none; }
#identity p.head2 {
   font-size: 0.9em; 
   padding-left: 75px; 
   font-weight: normal;
   line-height: 1.7; }



/****** Banner ******/
#banner {
   height: 93px;
   width: 960px; }


/****** Navigation ******/
#navigation {
   width: 960px;
   height: 23px;
   margin-bottom: 20px;}
#navbar_link {
   height: 23px;
   float: left; }
#navigation #navbar_link ul {
   float: left;
   height:23px;
   width: 100%;
   list-style-type: none; }
#navigation #navbar_link ul li {
   display: inline; }
#navigation #navbar_link ul li a {
   padding: 3px 15px;
   color: #fff;
   text-decoration: none;
   line-height: 1.5em;
   float: left;
   text-decoration: none;
   font-size: 0.95em;
   font-weight: bold; }

   
#navigation #navbar_link a:hover, #navigation #navbar_link ul li a.currentpage:hover { 
   text-decoration: none;
   color: #222; }
   

/****** Blog EntryFooter ******/
.entryfooter {clear: left;
   position: relative; 
   margin: 10px 0 40px 0; 
   padding: 3px;
   border-top: 1px solid #f3f4f4; 
   border-bottom: 1px solid #f3f4f4;
   font-size: 0.95em; 
   background-color: #fafafa; }
.postedby, .date, .tags, .commentslink, .entry-edit {
   padding-left: 17px;
   padding-right: 10px; 
   height: 25px; }
.postedby {
   padding-left: 14px; 
   background: url(img/person.gif) no-repeat top left; }
.date {
   padding-left: 15px; 
   background: url(img/calendar_day.gif) no-repeat top left; }
.tags {
   padding-left: 15px; 
   background: url(img/key.gif) no-repeat top left; }
.commentslink {
   background: url(img/comment.gif) no-repeat top left; }
.entry-edit {
   background: url(img/save.gif) no-repeat top left; }
.entryfooter a, .entrytitle a {
   text-decoration: none; }
   

/****** Sidebar Items ******/
#sidebarwrapper a {
   text-decoration: none; }
#sidebarwrapper a:hover {
   text-decoration: underline; }
#sidebarwrapper h2 a {
   color: #ffffff; }
#sidebarwrapper ul, #sidebarwrapper ol {
   list-style: none; }
   
.topsidebar { /* C-S-S and S-C-C Layouts*/
   text-align: left; 
   float: right;
   color: #fff;
   background-color: #0f0f0f;
   margin: 0 5px 15px 0; 
   padding: 10px 0;
   width : 415px;
   border-top: #a8d200 5px solid;
   overflow: hidden; }
.topsidebar img.withmargin { /* C-S-S and S-C-C Layouts*/
   margin-right: 8px;
   overflow: hidden }
.topsidebar .first {margin-left: 8px; }
.topsidebar h2 {
   font-size: 1.2em; }
.topsidebar p, .topsidebar h2, .topsidebar div, .topsidebar ul {
   padding: 0 5px; }
   
.SidebarItem {
   margin: 0 0 10px 0;
   padding: 0 0 5px 0; 
   background-color: #0f0f0f; 
   color: #fff; }
.SidebarItem h2 {
   height: 25px; 
   padding: 5px 0 0 5px; }
.SidebarItem ul, .SidebarItem div, .SidebarItem p {
   padding: 5px; }
.SidebarItem li {
   margin: 0; padding: 0; }
.SidebarItem p {
   margin-bottom: 0; }

.SidebarItem ul  {
   line-height: 1.2; }
.SidebarItem img { 
   border: none; }
.feed {
   background: transparent url(img/feed.png) no-repeat left;
   padding-left: 20px; }
   
/****** Widget Styles ******/
#wp-calendar table {
   border-collapse: collapse; }
#wp-calendar th { 
   font-size: 1.1em;
   padding: 0 6px;
   text-align: left; 
   font-style: normal;
   text-transform: capitalize;}
#wp-calendar td {
   margin: 5px 0;
   text-align: center; }
#wp-calendar #prev a, #wp-calendar #next a {
   font-size: 9pt; } 
#wp-calendar a {
   text-decoration: none; }
#wp-calendar caption {
   font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
   text-align: center; }

#searchform #s {
   width: 90%;
   margin: 0 0 10px 0; }
.postform {
   width: 90%;
   margin: 10px 5px; }
#searchform form {
   border: none; }
a.rsswidget {
   border: none!important; }


   
/****** Comments ******/
.Comments .List {
   width: 500px; 
   margin:0 auto; }
.Comments a {
   text-decoration: none; }
.Comments .List li { 
   position: relative; 
   border: 1px solid #f3f4f4;
   padding: 5px;
   margin-bottom: 10px;
  list-style-type: none; }
.Comments .List li p {
   padding: 5px 0px;
   color: #484c4f; }
.Comments .List li blockquote { 
   font-style: italic; 
   border-top: dashed 1px #ccc; 
   border-bottom: dashed 1px #ccc; }
.Comments .List li blockquote p { 
   padding: 5px 0px; }
.Comments .List li ul { 
   padding: 5px 0px; }
.Comments .List li ul li {
   list-style-type: none; 
   background: none; }
/**/ * html .Comments .List .ListGrav { left: 0px;} /* */ 
.Comments .List .ListNumber { 
   position: absolute; }
.Comments .gravatar {float: right; }
.Comments .List big { 
   font-weight: bold; 
   display: block; }
.Comments .List small { 
   color: #999; 
   padding: 0px 0px 5px 0px; 
   border-bottom: solid 1px #f3f4f4; 
   display: block; }
.Comments .List small a { 
   color:#999; }


.Comments .Form { 
   padding: 10px 0 20px 0; }
.Comments .Form p small strong { 
   font-weight: bold; 
   color: #333; }
.Comments .Form p small { 
   display: block; 
   padding: 5px 0px; }
.Comments .Form p {
    color: #fff; }
.Comments .Form p a {
    color: #fff; 
    text-decoration: underline; }
.Comments .Form .TextField {
   background: #fff; 
   padding: 4px; 
   display: block; 
   color: #666; 
   width: 200px; }
.Comments .Form .TextArea {
   background: #fff; 
   color: #666; 
   padding: 4px; }
.Comments .Form input.SubmitComment {
   padding: 4px; 
   margin-top: 10px; }
.Comments .Form input.SubmitComment:hover { 
   margin-top: 10px; 
   color: #666; } 
.Comments .Form input.SubmitCommentIE { 
   margin-top: 10px; }



/****** Footer ******/
#footer {
   clear: both;
   width: 960px; 
   color: #fff;
   height: 38px;
   font-size: 0.8em;
   line-height: 1.2em;
   font-weight: bold;
   margin: 0px auto; }
#footer p {
   font-weight: bold;
   border-top: 1px solid #aaa;
   padding: 15px 0 5px 5px; }
#footer p span {
   padding-right: 5px; }
#footer a {
   color: #fff;
   text-decoration: underline; }

/* IMAGES */
img.alignleft
{
float: left;
}
 
img.alignright
{
float: right;
}
 
img.aligncenter
{
display: block;
margin: 0px auto 0px auto;
}