/*
Theme Name: pell_final
Description: Clean and easy customizable WordPress theme 
Version: 0.1

Tags: simple, clean, widgets, widget ready, two columns, right sidebar, fixed width, valid CSS, valid XHTML
*/

/*
	- GENERAL
	- BASIC LAYOUT
	- HEADINGS
	- HEADER
	- CONTENT
		+ CONTENT LEFT
		+ CONTENT RIGHT
	- COMMENTS
	- SEARCHFORM
	- FOOTER
	- USEFUL

/*	##################################
   	GENERAL
	################################## */


body {
	margin: 0px 0px;
	padding: 40px 0px;
        /*background: #000000 url(img/crinkle5.jpg) repeat;*/
        /*background: #222222 url(img/swirl6.gif) top center repeat-y;*/
        color:#dddddd;
        /*background: #333333 url(img/grey_grad2.jpg) top right repeat-y;*/
        /*background: #333333 url(img/flower_back_1.jpg) top right repeat;*/
        font: 14px/18px Arial, sans-serif;
	/*font: 11px/18px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;*/
        /*font: 11px/18px "Georgia", serif;*/
        text-align:center;
        /*background: #333333 url(img/background/floral_1.jpg) top left fixed;*/
        background: #333333 url(img/background/vgrad.jpg) repeat-x;
        background: #777777 url(img/background/hr_grad_2.png) repeat-y;
        background-position: -300px 0px;
}

#top_spacer {
	width: 100%;
	height:0px;
        
}	

#visual_box
{
width:100%;
height:400px;
position:relative;      
top:-40px;
Z-index:0;
/*background:#222222;*/
border-width: 0px 0px;
border-color:#444444;
border-style:dotted;
}

#page_shadow {
        border-style:dotted;
        border-width:0 0px 0px 0px;
        border-color:#333333;
        margin: 0px auto 0px auto;
        Z-index:1;
}

#page {
	width: 800px;
	margin: -400px auto 0px auto;
        text-align:left;
        clear:both;     
        Z-index:2;
}
	
#rounded_graphic {
background: url(img/rounded_top_2.gif);
clear:both;
width:800px;
height:50px;
position:relative;
Z-index:3;
}

#header {
	position: relative;
        height:175px;
        margin: 0px;
        border-width:0px;
        border-color:#000000;
        border-style:dotted; 
        Z-index:4;
/*        background: url(img/slideshow/image<?php echo(rand(1,5)); ?>.jpg) no-repeat;*/
        
}

#bubble_overlay {
/*background: url(img/grass_overlay2.png) !important;
background: url(img/grass_overlay2.gif);*/
clear:both;
width:800px;
height:100px;
margin: -100px 0 0 0;
position:relative;
Z-index:5;
}


#navigator {
 position:relative;      
 height:175px;
 Z-index:6;
 margin:0px;
 margin-top:-175px;      
}

#content {
       padding: 5px;
       padding-top:0px; 
       padding-left:10px;   
       border-width: 0px 0 0 0;
       border-style:dotted;border-color:#333333;
       background-color:#111111;
       background-color:#000000;
       margin: 0px;
       opacity:1.0;
       filter:alpha(opacity=100);
       position:relative;      
       Z-index:6;
        
}

#content-left {
	float: left;
	width: 515px;
        margin: 7px 0 0 0;
        padding: 7px 10px 20px 5px;
        border-width: 0px 0px 0 0;
        border-color:#333333;
        border-style:dotted;
        opacity:1.00;
        filter:alpha(opacity=100);
        position:relative;      
        Z-index:7;

        
}

#content-right {
	float: right;
	width: 227px;
        margin:20px 0 0 0;
        padding: 0px 0px 20px 0px !important;
        padding: 0px 15px 20px 0px ;
        border-width: 0px 0px 0px 1px;
        border-color:#333333;
        border-style:dotted;
        opacity:1.00;
        filter:alpha(opacity=100);
        position:relative;      
        Z-index:7;
        
        
}

#content-right {
color:#cdcdcd;
}

#content-right h2, #content-right h4{
color:#444444;
font-size:24px;
font-family: "Georgia", serif;
font-weight:normal;

}


#footer {
        padding: 3px 10px 0 0;
        border-width:0px 0px 0px 0px;
        border-color:#333333;
        border-style:dotted solid;
        background: url(img/rounded_bottom_2.gif);
        display:block;
        height:47px;
        margin:0px;
        position:relative;      
        Z-index:7;
        
          
}

#footer p {
	margin: 0 0 0px 0;
}

#legal {
	margin-top:10px;
        width: 300px;
        height:70px;
        float:right;
        text-align:left;
        /*font-size:16px;
        font-family:"Georgia", serif;*/
        font-weight:bold;
        color:#666667;
color:#111111;
        opacity:0.50;
        filter:alpha(opacity=50);        
}
#legal p {
	margin: 0 0 0px 0;
}





a {
	color: #cccccc;
	outline: none;
}


a:hover {
	color:#559955;
        color:#7CFF03;
}



p {
	margin: 0 0 20px 0;
}

ul, ol {
	margin-bottom: 20px;
}

blockquote {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #f7f7f7;
}

img {border-color:#dddddd;}



#back_img_1
{
width:100px;
height:125px;
position: absolute;
top:0px;
left:0px;
Z-index:-1;
/*background: url(img/background_top_left.png) no-repeat;*/
clear:left;
}


#back_img_2
{
width:100px;
height:125px;
position: absolute;
top:0px;
right:0px;
Z-index:-1;
clear:right;
/*background: url(img/background_top_right.png) no-repeat;*/
}
	

#back_img_3
{
width:100px;
height:125px;
position: relative;
float:left;
bottom:0px;
Z-index:-1;
clear:right;
/*background: url(img/background_bottom_left.png) no-repeat;*/
margin-top:-75px;
}

#back_img_4
{
width:100px;
height:125px;
position: relative;
bottom:0px;
float:right;
Z-index:-1;
clear:right;
/*background: url(img/background_bottom_right.png) no-repeat;*/
margin-top:-75px;
}

#top-nav {
	position: relative;
	top: 0px;
	left: -10px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#top-nav li {
	float: left;
	margin: 0 0px 0 10px;
}

#top-nav ul {
	margin: 0 0px 0 0px;
}

#top-nav li#rss {
	padding: 0 0 0 0px;
	/*background: url(img/rss-icon.gif) no-repeat left center;*/
}

/*	##################################
   	CONTENT
	################################## */
	
/** box left */

.box-left {
	/*margin: 15px 15px 30px 15px;*/
        margin: 15px 0px 30px 0px;
        padding-left:10px;
        border-width: 0 0 0 2px;
        border-color:#333333;
        border-style:dotted;
        text-align:justify;


        
}
	
.meta {
	clear: both;
        padding: 10px;
        /*background: none;*/
	color: #bbffbb;
        opacity:0.6;
        filter:alpha(opacity=60);
        text-align:left;
        
}

.meta-date {
	padding: 0 10px 0 10px;
	/*background: url(img/bg-meta-date.gif) no-repeat 0px 2px;*/
}

.meta-categories {
	padding: 0 10px 0 10px;
	/*background: url(img/bg-meta-categories.gif) no-repeat 0px 2px;*/
}

.meta-comments {
	padding: 0 10px 0 10px;
	/*background: url(img/bg-meta-comments.gif) no-repeat 0px 2px;*/
}

p.tags {
	clear: both;
}

/** box right */

.box-right {
	margin: 5px;
	padding: 5px;
        padding-bottom:25px;
        text-align:justify;
	/*background: url(img/opaque.png);*/
}

.box-right ul {
	margin: 0 0 0px 0;
	padding: 0px;
	list-style: none;
}

.box-right li {
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #444444;
}

.box-right li a {
	text-decoration: none;
}

.box-right h2 {

	margin: 0 0 5px 0;
	font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        font-family: Arial, sans-serif;

}

/*	##################################
   	COMMENTS
	################################## */
	
#commentform label {
	display: block;
	margin: 0 0 5px 0;
        width:95%;
}

#commentform input.text, #commentform textarea {
	width: 95%;
	margin: 0 0 10px 0;
}

#commentform .text {
	height: 22px;
	padding: 6px 6px 0 6px;
	background: #fff url(img/bg-form-text.gif) repeat-x left top;
	border: 1px solid #dadada;
	color: #5e5e5e;
}

#commentform textarea {
	height: 150px;
        width:95%;
	padding: 6px 6px 0 6px;
	background: #fff url(img/bg-form-text.gif) repeat-x left top;
	border: 1px solid #dadada;
	color: #5e5e5e;
}

#commentform .button {
	width: auto;
	height: 30px;
	margin: 0px;
	padding: 0 20px;
	background: #4a4f54;
	border-width: 0px;
	color: #fff;
}

.commentlist {
	margin: 0px;
	padding: 0 0 0 15px;
	list-style: none;
        width:95%;
}

.commentlist .quote {
	padding: 20px;
	//background: url(img/bg-comment-quote.gif) no-repeat left top;
        background:#102010;
        border-width: 0 5px 5px 0px;
        border-color:#222222;
        border-style:solid;
        color:#888888;

}

.commentlist li {
	margin: 0 0 20px 0;
	padding: 0px;
/*	background: #4a4f54 url(img/bg-comment-bubble.gif) no-repeat left bottom;*/
        color: #fff;
}

.commentlist cite {
	display: block;
	font-style: normal;
        color:#555555;
}

.commentlist a {
        color:#556655;
}

.avatar {
	float: left;
	margin: 0 20px 10px 0;
}

/*	##################################
   	SEARCHFORM
	################################## */
	
#searchform #search {
	float: left;
	width: 70%;
	height: 20px;
	padding: 6px 6px 0 6px;
	background: url(img/bg-form-text.gif) left top;      
border: 1px solid #dadada;
	color: #5e5e5e;
}

#searchform .button {

	width: 27px;
	height: 27px;
	margin: 0px;
	padding: 0px 0px;
        foreground:url(img/opaque.png);
        background: url(img/opaque.png);
        border-width:0px;
        border-color:#000000;
        font-weight:bold;
        font-size:16px;
        color:#ffffff;
}

/*	##################################
   	USEFUL
	################################## */

.clear {
	clear:both;
}

/** WORDPRESS CSS */

.aligncenter,
div.aligncenter {
   	display: block;
   	margin: 0 auto;
}

.aligncenter {
	margin-bottom: 10px!important;
}

.alignleft {
   	float: left;
   	margin: 0 20px 20px 0;
}

.alignright {
   	float: right;
   	margin: 0 0 20px 20px;
}

.wp-caption {
	margin: 5px 10px 10px 10px;
	padding: 5px 1px 5px 1px;
   	border: 1px solid #ccc;
   	text-align: center;
   	background-color: #f7f7f7;
        color:#000000;
}

.wp-caption img {
   	float: none;
   	margin: 0px;
   	padding: 0px;
   	border: none;
}

.wp-caption p.wp-caption-text {
   	padding: 0px;
  	margin: 0px;
}

/** WIDGETS CSS */

#calendar_wrap table {
	width: 100%;
}

#calendar_wrap td {
	text-align: center;
}

#wp-calendar caption {
	margin: 0 0 10px 0;
	background: #dedede;
}

/*PRICE LIST*/

#store {
margin:15px auto;
width:95%;
height:95%;
text-align:justify;


}
#pricelistcategory {
border: 1px solid #cccccc;
margin: 10px;
padding: 10px;
background-color: #444444;
}

#pricelistcategory h4{
font-size:18px;
font-family: "Georgia", serif;
font-weight:normal;
margin: 10px 0px;

}

#pricelistlist {
width:325px;
float:left;
margin-right:15px;
border-width: 0 5px 0 0;
border-style:solid;
border-color:#999999
}

#pricelistlist li {
font-size:12px;
border-style:solid;
border-color:#000000;
border-width:0 0 1px 0;margin-left:-15px;
padding:5px;
width:95%;
text-align:left;


}


#payform {
text-align:center;
margin-left:5px;
padding:15px;
width:270px;
height:175px;
border-style:solid;
border-width:2px;
border-color:#bbbbbb;
background: #dddddd;
color:#333333;
font-weight:bold;
clear:right;
margin-bottom:10px;
display:block;
float:left;
}

#payform table {margin-bottom:10px;}

#payform tr {margin-bottom:10px;}


/*	##################################
   	HEADINGS
	################################## */
	
h1 {
	position: absolute;
	top: -45px;
        left: 35px;
	margin: 0px;
	padding: 0px;
	font-size: 35px;
	font-weight: normal;
        font-family: "Georgia", serif;
        line-height:40px;
        
}

h1 a {
	color: #fff;
	text-decoration: none;
        font-family: "Georgia", serif;
}

h2 {
	color: #ffffff;
        font-weight: normal;
        font-family: "Georgia", serif;
        margin: 0 0 30px 0px;
        font-size: 25px;
}

h2#blog-description {
	position: absolute;
	top: -23px;
        /*left: 320px;*/
        right:150px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-style: italic;
        font-weight:bold;
        font-family:Arial, sans-serif;
        /*font-family: "Caflisch Script", "Adobe Poetica", "Sanvito", "Ex Ponto", "Snell Roundhand", "Zapf-Chancery",cursive;*/
        color: #7CFF03;  
}

h3 {
	margin: 0 0 20px 0;
	font-size: 1.8em;
	font-weight: normal;
        color: #ffffff;
        font-family: "Georgia", serif;
}

h3 a {
	text-decoration: none;
        color: #cccccc; 
}

h3 a:hover {
	text-decoration: underline;
}

h4 {
	margin: 0 0 5px 0;
	font-size: 14px;
        font-weight: bold;
        color: #ffffff;
}

//Links Format

#links {
color:#ffffff;
padding-top:50px;
}

#links h2{
margin: 30px 15px;
font-size:20px;
}

#links a {
	text-decoration: none;
	border: none;
        width:100%;
        text-align:center;
        display: block;
        color:#ffffff; 
	}

#links a:hover {
	background: #113311;
	border: solid;
        border-width: 0px;
        border-color: #fff;
        display: block;
        color:#ffffff;
        font-weight:bold;
	}

#links a:visited {
	display: block;
}


#links a:hover, #links a:active, {
	text-decoration: none;
        display: block; 
	}	


#links li {
	list-style: none;
        font-size:16px;      
        display: block;
        width:350px;
        }

#links ul {
	line-height: 70px;
        margin: 0 0 20px 40px;
        border-width: 0 0 0 5px;
        border-color:#ffffff;
        border-style:solid;
        display: block;
        }

#links li ul {
	height: auto;
	background: #113311;
        display: block;
	}

#links li li {
	border-right: 1px solid #6e7073;
	border-left: 1px solid #6e7073;
	background: #1e1f21;*/
        background: #000000;
        display: block;
	}

#links li li a, #links li li a:visited {
	font-weight:normal;
	background: #000000;
        display: block; 
        color:#000000;

	}

#links li li a:hover, #links li li a:active {
	background:#113311;
        display: block; 
        
	}	
		
/*#links li:hover ul, #links li li:hover ul, #links li li li:hover ul, #links li.sfhover ul, #links li li.sfhover ul, #links li li li.sfhover ul {
	left: auto;
	}*/
#postie-attachment-div {

text-align:center;
}