/**************************************/
/***    Master-CSS joyabella.de     ***/
/***  written by Korbinian Schmid   ***/
/***          www.omsn.de           ***/
/**************************************/

/**
/* COLORS
/*
/* pink:	#f02475
/* orange: 	#f27435
/* yellow:  #cfbe27
/* grey:	#bcbdac
/* dark:	#3b2d38
/*
 **/


/*********************/
/*** GENERAL STUFF ***/
/*********************/

* { margin:0; padding:0; border:0; }

h1 { font-size:38px; padding-bottom:10px; }
h2 { font-size:26px; padding:10px 0; }
h3 { font-size:20px; padding-bottom:7px; color:#f02475; }

p { padding:10px 0; }
#content ul { padding-left:20px; }

.center, .message { text-align:center; }
.message { border:2px solid #3b2d38; background-color:#eee; padding:20px; margin-bottom:20px; }

.paginator { text-align:center; font-weight:bold; padding:20px 0; margin:10px 0; border-top:1px solid #bcbdac; border-bottom:1px solid #bcbdac; background-color:#eee; }

.clearfix { clear:both; width:1px; height:1px; }

/**************/
/*** LAYOUT ***/
/**************/

/* CONTENT WIDTH: 640px */

body { background:url(/img/bg.png); }
#trans_top { background:url(/img/trans_top.png); height:220px; }
#header, #nav, #main, #footer { margin-left:auto; margin-right:auto; }
#header { width:1140px; height:163px; }
#nav { width:660px; height:57px; }
.nav_border { width:20px; float:left; }
#nav_content { background:url(/img/nav_bg.png); float:left; width:620px; }
#nav_content ul li { float:left; list-style-type:none; height:57px;   }
#nav_content ul li a { color:#fff; font-size:1.25em; padding:0 21px; line-height:57px; }
#nav_content ul li a:hover { color:#bcbdac; }
#nav_content ul li#startseite {  }
#nav_content ul li#schmuck {  }
#nav_content ul li#person {  }
#nav_content ul li#kontakt {  }
#main { /*background:url(/img/content_bg.png);*/ width:640px; min-height:600px; padding:10px 10px; }
#content { margin-bottom:25px; }
#footer { background:url(/img/footer.png); width:960px; height:150px; text-align:center; font-size:0.8em; }


/*************/
/*** FORMS ***/
/*************/

fieldset { padding:20px; border:2px solid #bcbdac; margin-top:25px; }
form div { padding:5px 0; }
legend { font-size:15px; padding:0 20px; font-weight:bold; }
label { display:block; float:left; width:90px; text-align:right; margin-right:5px; }
input, textarea, select { border:1px solid #ddd; padding:1px; }
input { width:250px; }
textarea { height:150px; width:420px; }
form .indent { margin-left:95px; }
form button 
{ width:200px; margin-top:12px; padding:3px 20px; border:1px outset #999; background-color:#efefef; font-size:1em; }
#captcha { margin-left:95px; }


/************/
/*** BLOG ***/
/************/

.post { margin:15px 0 25px 0; }
.post h2 { padding:0; }
.post .txt { margin:10px 0; }
.post .txt ul { padding:7px 0px 7px 20px; }
.tmstmp { font-size:x-small; }
.post .teaser { padding-bottom:10px; font-weight:bold; }
.post .footer { border-top:1px solid #bcbdac; }
#comments { margin-bottom:30px; }
.comment { padding:7px 0; min-height:50px; clear:left; border-bottom:1px dashed #bcbdac; }
.comment .author { width:150px; float:left; }
.comment .txt { padding-left:160px; }

/**********/
/*** GB ***/
/**********/

.gbentry { padding:20px; }
.gbentry h4 { color:#555; margin-bottom:10px; }

/***************/
/*** SCHMUCK ***/
/***************/


#jewel_options { padding:20px 10px; margin:10px 0; background-color:#eee; }

#jewel_options .field { float:left; width:33%; }
#jewel_options .field label { width:70px; padding-top:3px; }
#jewel_options .field input, #jewel_options .field select { width:110px; }






.jewel_container { padding:5px; }

.jewel { float:left; width:200px; text-align:center; margin:5px; padding:10px 0; }
.jewel:hover { background-color:#eee; }
.jewel h3 { font-size:1.1em; }

#jewel_images { float:left; width:280px; background-color:#eee; border:1px solid #3b2d38; }
#jewel_images .current { padding:20px 40px 0px 40px; }
#jewel_images .current .jqzoom { display:block; float:left; }

#jewel_images .pinkies { padding:20px; }
#jewel_images .pinkies img { float:left; width:80px; }
#jewel_images .pinkies img:hover { cursor:pointer; }

.jewel_txt { margin-left:290px; }
.order_button { margin-top:40px; text-align:center; }






/*************/
/*** ADMIN ***/
/*************/

#admin_menu { position:absolute; top:172px; width:185px; padding:15px; border:1px solid #3b2d38; background:url(/img/content_bg.png); }
#admin_menu ul { padding-left:15px; }
#admin_menu ul li { list-style-type:square; padding:3px 0; }
#admin_menu ul li ul li { list-style-type:circle; padding:0; }

.create_button { text-align:center; margin:15px 0; }
.admin_table { width:640px; }
.admin_table tr { border:1px solid #3b2d38; }
.admin_table th  { padding:20px 10px; background-color:#3b2d38; color:#fff; text-align:left; }
.admin_table td { padding:10px; background-color:#eee; }
.admin_table td.checkbox { width:1%; }
.admin_table td.checkbox input { width:15px; }
.admin_table td.title { width:20%; }
.admin_table td.pinkies { width:32%; }
.admin_table td.options { width:19%; }
.delete_marked_button { width:285px; }

#mark_all_container { padding-top:15px; }
#mark_all_container input { width:35px; margin-left:2px; }