/*  
Theme Name: Veganpet
Theme URI:
Description: Veganpet theme - based on WordPress Default theme (v1.6).
Version: 1.0
Author: dom
Author URI: http://www.dominikdeak.com/
*/

body 
   {
   display: block;
   margin: 0em;
   padding: 0em;
   font-size: 0.8em;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
   text-align: center;
   color: #000333;
   background: transparent url(images/background.jpg) scroll repeat top left;
   }

#page
   {
   display: block;
   width: 90%; 
   margin: 0px auto;
   padding: 0 0 12px 12px;
   background: transparent url(images/background_page_04.png) scroll no-repeat bottom left;
   }

#page_layer1
   {
   display: block;
   margin: 0 0 -12px 0;
   padding: 0 12px 12px 0;
   background: transparent url(images/background_page_05.png) scroll no-repeat bottom right;
   }

#page_layer2
   {
   display: block;
   margin: 0 0 -12px 0;
   padding: 0 0 12px 0;
   background: transparent url(images/background_page_03.png) scroll repeat-x bottom center;
   }

#page_layer3
   {
   display: block;
   margin: 0 -12px 0 0;
   padding: 0 12px 0 0;
   background: transparent url(images/background_page_02.png) scroll repeat-y center right;
   }

#page_layer4
   {
   display: block;
   margin: 0 0 0 -12px;
   padding: 0 0 0 12px;
   background: transparent url(images/background_page_01.png) scroll repeat-y center left;
   }

#page_layer5
   {
   display: block;
   margin: 0em;
   padding: 0em;
   text-align: left;
   /*border-left: 1px solid red;
   border-right: 1px solid red;
   border-bottom: 1px solid red;*/
   background: #FFFFFF url(images/background_page_06.png) scroll no-repeat bottom right;
   }

#header 
   {
   display: block;
   width: 100%;
   margin: 0em;
   padding: 0em; 
   border-bottom: 1px solid #7f7f7f;
   background: #6AA33F url(images/background_header_01.png) scroll repeat-x center left;
   }

#header_layer1
   { 
   display: block;
   width: 100%;
   margin: 0;
   padding: 0;
   background: transparent url(images/background_header_02.jpg) scroll no-repeat center right;/**/
   } 

#header_layer2
   { 
   display: block;
   width: 100%;
   margin: 0;
   padding: 0;
   background: transparent url(images/background_header_05.png) scroll repeat-x top left;
   } 

#header_layer3
   { 
   display: table;
   width: 100%;
   margin: 0;
   padding: 0;
   background: transparent url(images/background_header_04.png) scroll no-repeat 5% center;
   } 

#headerimg,
#headertext
   {
   display: table-cell;
   width: 50%;
   height: 100px;
   margin: 0;
   padding: 0;
   }

#headertext
   {
   color: #FFFFFF;
   width: auto;
   padding-right: 5%;
   text-decoration: none;
   text-align: right;
   vertical-align: middle;
   /*background: blue;*/
   }

#headertext .title
   {
   font-weight: bold;
   font-size: 3em;
   }

#headertext .description
   {
   font-size: 1.2em;
   } 

#column_container
   {
   margin: 0;
   padding: 0;
   background: transparent url(images/background_content.png) scroll repeat-x top center;
   }

#content 
   {
   font-size: 1em; 
   }

#sidebar 
   {
   width: 16%; 
   margin: 0em;
   padding: 2em 2% 1em 2%; 
   font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; 
   /*border: 1px solid #E0E0E0;*/
   background: transparent url(images/background_menu.png) scroll repeat-x top left;
   }

#sidebar input#searchsubmit
   {
   margin: 0 0.2em;
   padding: 0.1em;
   font-size: 0.85em;
   font-weight: bold;
   text-decoration: none;
   white-space: nowrap;
   color: #606060;
   border: 1px solid #DCDCDC;
   background: transparent url(images/background_button.png) scroll repeat-x center center;
   }

#sidebar input#searchsubmit:hover
   {
   color: #608060;
   }

#footer 
   {
   margin: 0 auto;
   padding: 0.6em !important;
   clear: both;
   font-size: 0.8em;
   font-weight: bold;
   border-top: 1px solid #7f7f7f;
   background: #BAC542 url(images/background_footer.jpg) scroll repeat-x center left;
   }

.narrowcolumn 
   {
   float: right;
   width: 76%;
   margin: 0em;
   padding: 0em 2% 1.5em 2%; 
   }

.widecolumn 
   {
   margin: 0em auto 0em auto;
   padding: 10px 8% 20px 8%;
   line-height: 1.6em; 
   }

.widecolumn .entry p 
   {
   font-size: 1.05em;
   }

.narrowcolumn .entry, 
.widecolumn .entry 
   {
   line-height: 1.4em;
/*background: green;*/
   }

.narrowcolumn .entry h2, 
.widecolumn .entry h2,
.post h2
   {
   padding-left: 28px;
   line-height: 28px;
   background: transparent url(images/background_h2.png) scroll no-repeat left center;
   }

.narrowcolumn .entry h3, 
.widecolumn .entry h3,
.post h3
   {
   padding-left: 22px;
   line-height: 22px;
   background: transparent url(images/background_h3.png) scroll no-repeat left center;
   } 

.widecolumn 
   {
   line-height: 1.6em;
   }

.narrowcolumn .postmetadata 
   {
   text-align: center;
/*background: #FFFF00;*/
   }

.alt 
   {
   background-color: #f8f8f8;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   }

small 
   {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 0.9em;
   line-height: 1.5em;
   }

h1, h2, h3 
   {
   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-weight: bold;
   }

h1 {
   margin: 0em;
   padding: 0em; 
   font-size: 4em;
   text-align: center;
   }

#headerimg .description 
   {
   font-size: 1.2em;
   text-align: center;
   }

h2 {
   font-size: 1.6em;
   }

h2.pagetitle 
   {
   font-size: 1.6em;
   }

#sidebar h2 
   {
   font-family: 'Lucida Grande', Verdana, Sans-Serif;
   font-size: 1.2em;
   }

h3 {
   font-size: 1.3em;
   }

h1, 
h1 a, 
h1 a:hover, 
h1 a:visited, 
#headerimg .description 
   {
   text-decoration: none;
   color: white;
   }

h2, 
h2 a, 
h2 a:visited, 
h3, 
h3 a, 
h3 a:visited 
   {
   color: #0000333;
   }

h2, 
h2 a, 
h2 a:hover, 
h2 a:visited, 
h3, 
h3 a, 
h3 a:hover, 
h3 a:visited, 
#sidebar h2, 
#wp-calendar caption, 
cite 
   {
   text-decoration: none;
   }

.entry p a:visited 
   {
   /*color: #b85b5a;*/
   }

.commentlist li, 
#commentform input, 
#commentform textarea 
   {
   font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
   }

.commentlist li 
   {
   font-weight: bold;
   }

.commentlist cite, 
.commentlist cite a 
   {
   font-weight: bold;
   font-style: normal;
   font-size: 1.1em;
   }

.commentlist p 
   {
   font-weight: normal;
   line-height: 1.5em;
   text-transform: none;
   }

#commentform p 
   {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
   }

.commentmetadata 
   {
   font-weight: normal;
   }

small, 
#sidebar ul ul li, 
#sidebar ul ol li, 
.nocomments, 
.postmetadata, 
blockquote, 
strike 
   {
   color: #000777;
   }

code 
   {
   font: 1.1em 'Courier New', Courier, Fixed;
   }

acronym, 
abbr, 
span.caps
   {
   font-size: 0.9em;
   letter-spacing: .07em;
   }

a, 
h2 a:hover, 
h3 a:hover 
   {
   color: #06C;
   text-decoration: none;
   }

a:hover 
   {
   color: #A0A0FF;
   }

#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;
   }

#wp-calendar th 
   {
   font-style: normal;
   text-transform: capitalize;
   }
/* End Typography & Colors */




.post 
   {
   margin: 0 0 40px;
   text-align: justify;
   }

.post hr 
   {
   display: block;
   }

.widecolumn .post 
   {
   margin: 0;
   }

.narrowcolumn .postmetadata 
   {
   padding-top: 5px;
   }

.widecolumn .postmetadata 
   {
   margin: 30px 0;
   }

.widecolumn .smallattachment 
   {
   text-align: center;
   float: left;
   width: 128px;
   margin: 5px 5px 5px 0px;
   }

.widecolumn .attachment 
   {
   text-align: center;
   margin: 5px 0px;
   }

.postmetadata 
   {
   clear: left;
   }

#footer p 
   {
   margin: 0;
   padding: 0;
   text-align: center;
   }



/* Begin Headers */
h1 {
   margin: 0;
   }

h2 {
   margin: 30px 0 0;
   }

h2.pagetitle 
   {
   margin-top: 30px;
   text-align: center;
   }

#sidebar h2 
   {
   margin: 5px 0 0;
   padding: 0;
   }

h3 {
   padding: 0;
   margin: 30px 0 0;
   }

h3.comments 
   {
   padding: 0;
   margin: 40px auto 20px;
   }
/* End Headers */



/* Begin Images */
p img 
   {
   padding: 0;
   max-width: 100%;
   }

/* Using 'class="alignright"' on an image will (who would've
   thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
   align="center", being much more futureproof (and valid) */

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

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

img.alignleft 
   {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
   }

.alignright 
   {
   float: right;
   }

.alignleft 
   {
   float: left
   }
/* End Images */


.post li 
   {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   }

.entry ol 
   {
   padding: 0 0 0 35px;
   margin: 0;
   }

.entry ol li 
   {
   margin: 0;
   padding: 0;
   }

.postmetadata ul, 
.postmetadata li 
   {
   display: inline;
   list-style-type: none;
   list-style-image: none;
   }

#sidebar ul ul ul li
   {
   padding-left: 1em;
   }

#sidebar ul ul ul li:before 
   {
   content: "\00BB \0020";
   margin-left: -1em;
   }

#sidebar ul, 
#sidebar ul ol 
   {
   margin: 0;
   padding: 0;
   }

#sidebar ul li 
   {
   list-style-type: none;
   list-style-image: none;
   margin-bottom: 15px;
   }

#sidebar ul p, 
#sidebar ul select 
   {
   margin: 5px 0 8px;
   }

#sidebar ul ul, 
#sidebar ul ol 
   {
   margin: 5px 0 0 10px;
   }

#sidebar ul ul ul, 
#sidebar ul ol 
   {
   margin: 0 0 0 10px;
   }

ol li, 
#sidebar ul ol li 
   {
   list-style: decimal outside;
   }

#sidebar ul ul li, 
#sidebar ul ol li 
   {
   margin: 3px 0 0;
   padding: 0;
   }
/* End Entry Lists */



/* Begin Form Elements */
#searchform 
   {
   margin: 10px auto;
   padding: 5px 3px; 
   text-align: center;
   }

#sidebar #searchform #s 
   {
   width: 108px;
   padding: 2px;
   }

#sidebar #searchsubmit 
   {
   padding: 1px;
   }

.entry form 
   { /* This is mainly for password protected posts, makes them look better. */
   text-align: center;
   }

select 
   {
   width: 130px;
   }

#commentform input 
   {
   width: 170px;
   padding: 2px;
   margin: 5px 5px 1px 0;
   }

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

#commentform #submit 
   {
   margin: 0;
   float: right;
   }
/* End Form Elements */



/* Begin Comments*/
.alt 
   {
   margin: 0;
   padding: 10px;
   }

.commentlist 
   {
   padding: 0;
   text-align: justify;
   }

.commentlist li 
   {
   margin: 15px 0 3px;
   padding: 5px 10px 3px;
   list-style: none;
   }

.commentlist p 
   {
   margin: 10px 5px 10px 0;
   }

#commentform p 
   {
   margin: 5px 0;
   }

.nocomments 
   {
   text-align: center;
   margin: 0;
   padding: 0;
   }

.commentmetadata 
   {
   margin: 0;
   display: block;
   }
/* End Comments */



/* Begin Sidebar */
#sidebar form 
   {
   margin: 0;
   }
/* End Sidebar */



/* Begin Calendar */
#wp-calendar 
   {
   empty-cells: show;
   margin: 10px auto 0;
   width: 155px;
   }

#wp-calendar #next a 
   {
   padding-right: 10px;
   text-align: right;
   }

#wp-calendar #prev a 
   {
   padding-left: 10px;
   text-align: left;
   }

#wp-calendar a 
   {
   display: block;
   }

#wp-calendar caption 
   {
   text-align: center;
   width: 100%;
   }

#wp-calendar td 
   {
   padding: 3px 0;
   text-align: center;
   }

#wp-calendar td.pad:hover 
   { /* Doesn't work in IE */
   background-color: #fff; 
   }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, 
abbr, 
span.caps 
   {
   cursor: help;
   }

acronym, 
abbr 
   {
   border-bottom: 1px dashed #999;
   }

blockquote 
   {
   margin: 15px 30px 0 10px;
   padding-left: 20px;
   border-left: 5px solid #ddd;
   }

blockquote cite 
   {
   margin: 5px 0 0;
   display: block;
   }

.center 
   {
   text-align: center;
   }

hr {
   display: none;
   }

a img 
   {
   border: none;
   }

.navigation
   {
   display: block;
   text-align: center;
   margin: 1em 0em 3em 0em;
   padding: 0em;
   }

.navigation .alignleft
   {
   display: block;
   width: 50%;
   text-align: left;
   }

.navigation .alignright
   {
   display: block;
   width: 50%;
   text-align: right;
   }