/* ============= reset ================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label,legend,
table, caption, tbody, tfoot, thead, tr, th, td, footer {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* ============= body settings ================== */
body {
  font: 12px/155%  tahoma, arial, helvetica ;
  color: #676767; 
  text-align:left;
  padding:0 0 0 20px;
}
#angelalogo{
  background:url(logo.png) top left no-repeat;
  position:fixed;
  right:0px;top:0px;
  z-index:50;
  width:350px;
  height:158px;
}
#content {
  float:right; 
  width:320px;
  padding-top:158px;
}
#location_1 {
width:300px;
padding:10px;
}
#location_0 {
margin-right:320px;
padding:130px 20px 20px 20px;
}
#footer{
  text-align:right;
  padding:30px 300px 30px 300px;
  clear:both;
  height:20px;
}

/* ============= nav settings ================== */
#nav {
	width:320px;
	padding:0px;
}

.nav_menu{
	width:280px;
	margin:0px 20px;
	font-size:22px;
	line-height:28px;
	background-color:none;
	padding:0px 0px 6px 0px;
}
.nav_list {
    line-height:22px;
	width:120px;
	font-size:12px;
	background-color:none;
	padding:2px ;
	overflow-y:hidden;
}


/* ============= itemshow settings ================== */
.itemshow{overflow:hidden;padding-bottom:50px;}   
.itemshow ul li{
  list-style:none;
  display: -moz-inline-stack; /* FF2 */
  display:inline-block;
 *display:inline; /* IE7 */
  zoom:1; /* IE???*/
  vertical-align:top;
  width:260px;
  /*background:url(/assets/picbg.png) right bottom no-repeat;*/
  padding:20px 0px 30px 15px;;
}   
.itemshow a{
  /* display:block; */
  font-size:11px;
  text-decoration:none;
}   
.itemshow img{padding-right:11px;}  
.itemshow a img{opacity:1; filter:alpha(opacity=1); -moz-opacity:1;}
.itemshow a:hover img{opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6;}


/* ============= hot sale settings ================== */

.hotsale{overflow:hidden;padding:0px;}   
.hotsale ul li{
  list-style:none;
  display: -moz-inline-stack; /* FF2 */
  display:inline-block;
 *display:inline; /* IE7 */
  zoom:1; /* IE???*/
  vertical-align:top;
  width:120px;
  padding:5px 10px;;
}   
.hotsale a{
  text-decoration:none;
}   
.hotsale a img{opacity:1; filter:alpha(opacity=1); -moz-opacity:1;}
.hotsale a:hover img{opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6;}

/* =============  navmenu settings ================== */
.navmenu{overflow:hidden;padding-bottom:50px;}   
.navmenu ul li{
  list-style:none;
  display: -moz-inline-stack; /* FF2 */
  display:inline-block;
 *display:inline; /* IE7 */
  zoom:1; /* IE???*/
  vertical-align:top;
  width:180px;
  /*background:url(/assets/picbg.png) right bottom no-repeat;*/
  padding:0px 5px 0px 5px;
}   
.navmenu img{padding:0px;margin:0px;} 
.navmenu a{
  /* display:block; */
  /* font-size:12px; */
  padding:0px 5px 0px 17px;
  text-decoration:none;
}   






/* ============= link settings ================== */
a:link {
	color:#9fa0a0;
	text-decoration:none;
}
a:visited {
	color:#9fa0a0;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:none;
}
a:active  {
	color: #666666;
	text-decoration:none;
	/* background-color:#4b4b4b; */
}


/* ============= general settings ================== */

/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-separateacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ============= tittle settings ================== */

h1, h2, h3, h4 {
font: bold 1em/1.5em tahoma, arial, helvetica;
color: #676767;
padding: 5px;  
}
h1 { font-size: 3.7em; font-weight: normal; letter-spacing: -2px; }
h2 { font-size: 1.5em; font-weight: bold; color: #676767; text-align:right; }
h3 { font-size: 1.5em; font-weight: normal; letter-spacing: -0.5px; /* padding-top: 15px */ }
h4 { font-size: 1.3em; }

/* ============= list settings ================== */

ul {  margin: 0;  padding: 4px; list-style: none; }
ol {  margin: 0;  padding: 4px; }
dt {  /* font-weight: bold; color: #7ba857;  */ }
dd {   padding-left: 2px;  }
p, dl {   padding: 2px 0px;  }


code {
   margin: 3px 0;
   padding: 15px;
   text-align: left;
   display: block;
   overflow: auto;  
   font: 500 1em/1.5em tahoma, arial, helvetica ;
   /* white-space: pre; */
   border: 1px solid #f0f0f0;
   background: #f8f8f8;  
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #895f30;
}
blockquote {
  margin: 10px;
  padding: 10px 10px 10px 32px;  
  border: 1px solid #f0f0f0;
  /* background: #f8f8f8 url(quote.gif) no-repeat 12px 12px; */
  /* background: #f8f8f8; */
  font-weight: normal;
  font-size: 17px;
  line-height: 1.5em;
  font-style: italic;
  font-family: tahoma, arial, helvetica;
  color: #555;
}

/* ============= table settings ================== */
table {  border-collapse: collapse;   margin: 4px;   }
tr {  background: #ffffff;  }
tr.altrow { /* background: #f9f9f9; */ }

th, td {
  text-align: left;   
  /* border-width: 1px;
  border-style: solid; */
}
th {
  color: #7ba857;
  background: #effae6;
  padding: .8em 1em;
  /* border-color: #dff4d5 #d3efc3 #a7df8a #d3efc3; */
}
td {
  border-color: #efefef;
  padding: .7em 1em;
}

/* ============= form elements settings ================== */
/*
form {
margin: 10px;
padding: 15px 25px 25px 20px;
border: 1px solid #f0f0f0;
background: #f8f8f8;
}
form p {
border-bottom: 1px solid #e6e6e6;
padding: 12px 0 5px 0; margin: 0;
color: #7ba857;
}
label {
font-weight: bold;
color: #7ba857;
}
*/

/* input, select, textarea {
margin: 5px 0;
padding: 5px;
color: #6a6969;
border-width: 1px;
border-style: solid;
border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
}

 */

input:focus, select:focus, textarea:focus {
color: 969696;
background: #f5f9ff;
}

/*
input {
  color: #6a6969;
  padding: 2px;
  border: 1px #cccccc solid;
}
*/

input.button {
/* font: bold 12px tahoma, arial, helvetica; */
  height: 30px;
  margin: 0;
  padding: 2px 3px;
  color: #fff;
/*  
  background: #9ccf5f;
  border-width: 1px;
  border-style: solid;
  border-color: #b6de8f #8db836 #8db836 #b6de8f;  
*/
}
.form_field .label, .form_text_field_field label, .form_text_area_field label,.form_select_box_field label {
width: 100px;
}


/* ============= images settings ================== */
/*
img {
background: #fafafa;
 border: 1px #dcdcdc solid;
padding: 8px; 
}

img.float-right {
   margin: 5px 0px 10px 10px;  
}
img.float-left {
   margin: 5px 10px 10px 0px;
}
*/


/* ============= blog settings ================== */
.blog_post {
display: -moz-inline-stack;
display:inline-block;
*display:inline;
zoom:1;
vertical-align:top;
width:140px;
padding:0 30px 35px 10px;
}

.blog_post .title {
  display:none;
  margin-left: 0;
  padding-left:0;
  background:none;
}
.blog_post .date {
  display:none;
  color: #cccccc;
}
/*

.blog_post a { background: transparent; }
.blog_post a:hover { border: none;  }
*/

.blog_post h3.title {
  /* border-bottom: 1px solid #ebebeb;  */
}
.blog_post h3.title a { color: #444; text-decoration: none;}
.blog_post h3.title a:hover { color: #444; text-decoration: underline;}


.post_wrapper {
  /* padding-left:10px; */
}


#comments .odd {
  border: 1px solid #ebebeb;
  background: #fff;

}
#comments .even {
  border: 1px solid #ebebeb;
  background: #f8f8f8;

}
#comments .owner {
  border: 1px solid #666;
  color: #000;
  background-color: #c2d2d9;

}

/* ============= layout ================== */

#location_2 h1,#location_2 h2, #location_0 h3, #location_2 h4,
#location_1 h1,#location_1 h2, #location_1 h3, #location_1 h4,
#location_3 h1,#location_3 h2, #location_3 h3, #location_3 h4{
  display:none;
}


#location_0 .metadata {
  padding: 0 0 15px 0;
  /* background: #f8f8f8; */
}

.category{display:none;}  

/*. category, */
.tags{
  width:140px;
}
.tags, .comments {
  display: block;
  font-size:11px;
  padding: 0px;
}
.comments {
  border-left-width: 0px;
  padding-left: 0px;
}

/* thumbnails */
p.thumbs{ padding: 10px 0 0 10px; }
.thumbs img {
  position: relative;
  padding: 8px;
  margin: 5px;
  /* background: #fafafa;*/
  border: 1px solid #ddd;
}
.thumbs img:hover {
  border: 1px solid #d2d2d2;
  /* background: #ddd; */
}
.thumbs a:hover { background-color: transparent; border: none }


/* comments list */
ol.commentlist {
  margin: 12px 10px;
  padding: 0;
  border-style: solid;
  border-color: #f0f0f0;
  border-width: 1px 1px 0 1px;
}
.commentlist li {
  margin: 0;
  padding: 10px;
  list-style: none;
  border-bottom: 1px solid #f0f0f0;
}
.commentlist li cite {
  display: block;
  font-style: normal;
  font-weight: bold;
  padding: 7px;
}
.commentlist li cite img {
  float: left;
  margin-right: 10px;
}
.commentlist li cite .comment-data {
  font-size: .8em;
  font-weight: normal;
}
.commentlist li .comment-text {
  clear: both;
  margin: 0; padding: 0;
}
.commentlist li.alt {
  background: #f8f8f8
}


/* alignment classes & additional classes*/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }

/* clearing */
.clearer { clear: both; }
.clear { display:inline-block; }
.clear:after {
  display:block;
  visibility:hidden;
  clear:both;
  height:0;
  content: ".";
}