* {
  margin:0;
  padding:0;
  }
body {
  font:13px Tahoma, serif;
  background-color:#fff2bf;
  color:#333;
  }
a {
  text-decoration:none;
  color:#822c0f;
  background-color: #ffffff;
  }
.external {
	background: url(http://www.webxperience.org/images/external.png) center right no-repeat;
	padding-right: 13px;
} 

a:hover {
  text-decoration: underline;
  }
img {
  border:0;
  }
.code {border: 1px dashed #e8d495; background-color:#fff2bf;color:#000000;padding:8px;width:700px;margin:10px 0 10px 0;
}

h1 {font-size:20px; font-family: Georgia,serif; font-weight: bold;}
h2, h3, h4, h5 {font-size:18px; font-family: Georgia,serif; font-weight: bold;}
  
ul.suggest li {margin:8px 0 0 15px;}

ul.suggest {margin: 15px 0 14px 0;}

#top {
  color: #000000;
  width:100%;
  background-color:#e8d495;  
  border-bottom:1px solid #822c0f;
  padding:4px 0px;
  }
#top_inner{
  width:750px;
  margin:0 auto;
  font-family: Georgia,serif;
  }
#top_inner_right, #top_inner_left{
  width: 49%;
  }
#top_inner_left h1 {
  display: inline;
  font-weight: normal;
  font:13px Georgia,serif;
}

#top_inner_left{
  text-align:left;
  float:left;
  }
#top_inner_left a {
  color:#822c0f;
  background-color: #e8d495;
  }
#top_inner_right{
  text-align:right;
  margin-left:50%;
  }
#top_inner_right a {
  color:#822c0f;
  background-color: #e8d495;
  }
#main {
  width:750px;
  margin:0 auto;
  }
#logo {
  height:90px;
  color: #000000;
  background:url("http://www.webxperience.org/images/logo.jpg") no-repeat 50% 50% #FFFFFF;
  }
  
.top_white {
  width:100%;
  height:10px;
  background:url("http://www.webxperience.org/images/layout/top_white.png") no-repeat;
  font-size:1px;
  }
.top_color {
  width:100%;
  height:10px;
  background:url("http://www.webxperience.org/images/layout/top_color.png") no-repeat;
  font-size:1px;
  margin-top:15px;
  }
.content_white {
  width:735px;
  padding:10px 0px 0px 15px;
  background:url("http://www.webxperience.org/images/layout/bg_white.png") repeat-y;
  }
  
.content_white_top {
  width:735px;
  padding:10px 0px 0px 15px;
  background:url("http://www.webxperience.org/images/layout/bg_white.png") repeat-y;
  min-height:300px;
  height:auto;
  }
  
* html .content_white_top {
height: 300px;
}

.content_color {
  width:720px;
  padding:10px 20px 0px 10px;
  background:url("http://www.webxperience.org/images/layout/bg_color.png") repeat-y;
  }
  
.mr {width: 720px; text-align:justify}

.bottom_white {
  width:100%;
  height:15px;
  background:url("http://www.webxperience.org/images/layout/bottom_white.png") no-repeat;
  font-size:1px;
  margin-bottom: 15px;
  }
.bottom_color {
  width:100%;
  height:15px;
  background:url("http://www.webxperience.org/images/layout/bottom_color.png") no-repeat;
  font-size:1px;
  }

form#search {
  text-align:center;
  padding:10px 0 10px 0;
  background-color:#e8d495;
  color: #000000;
  width:100%;
  border-top:1px solid #D67652;
  border-bottom:1px solid #D67652;
  }
  
form.add {padding:15px 0 15px 0}

form.add input, form.add textarea {
  background-color:#fff2bf;
  border:1px solid #822c0f;
  padding: 3px;
  width: 250px;
  vertical-align: middle;
  color: #000000;
  }

form.add textarea {
  height:150px;
  }

form.add input:focus, form.add textarea:focus {
  background-color: #FFFFA0;
  }

background-color: lightyellow;
  
form.comment select { 
  background-color:#fff2bf;
  width: 150px;
  color: #000000;
  vertical-align: middle;
}
form.comment option { 
  background-color:#fff2bf;
  color: #000000
}
div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 140px;
  text-align: right;
  padding-top: 3px;
  }
  
img.label {vertical-align: top}

div.row span.formw {
  float: right;
  width: 260px;
  text-align: left;
  } 
  
div.row a {
  line-height: 32px;
}
  
input {
  vertical-align:middle;
 }
label {
  margin:0px 15px 0px 5px;
  }
input.text, textarea.text {
  background-color:#fff2bf;
  border:1px solid #822c0f;
  color: #000000;
  }
input.text#q {
  width:400px;
  padding:3px;
  vertical-align:middle;
  }
a.submit {
  background-color:#e8d495;
  border:1px solid #822c0f; 
  padding:3px 10px 3px 10px;
  vertical-align:middle;
  font-weight: bold;
  color: #000000;
  }
a.submit:hover {
  background-color:#822c0f;
  color:#fff;
  text-decoration:none;
  cursor:default;
  font-weight: bold;
  }
input.submit {
  background-color:#e8d495;
  border:1px solid #822c0f; 
  padding:0px;
  color: #000000;
  }

#tabs {
  padding-left:15px;
  padding-right:15px;
  margin-top:20px;
  height:28px;
 }
#tabs a {
  background:url("http://www.webxperience.org/images/tab.png") no-repeat;
  float:left;
  margin-right:2px;
  width:147px;
  padding-top:5px;
  height:23px;
  text-align:center;
  }
div#boxes_left {
  width:355px;
  float:left;
  border-right:1px dashed #fdcdbd;
  }
div#boxes_right {
  width:363px;
  margin-left:364px;
  }
div.box {
  width:327px;
  height:100px;
  padding:5px;
  margin-bottom:10px;
  border-bottom:1px dashed #fdcdbd;
  }
div.box img {
  border:2px solid #e09278;
  float:left;
  margin:0px 15px 15px 0px;
  }
div.box h1,div.box h2  {
  font-size:13px;
  }
p {
  width:720px;
}
div.box p {
  width:180px;
  height:75px;
  margin:5px 0px 0px 115px;
  padding:0;
  }

#bottom_box .content_color {
  padding-bottom:10px;
  }
#bottom_box .content_white {
  padding:10px;
  }
#bottom_box img {
  margin:0px 4px 0px 0px;
  }
#bottom_right{
  width:40%;
  }
  
#bottom_left{
  width:58%;
  }
  
#bottom_left{
  text-align:left;
  float:left;
  }
#bottom_right{
  text-align:right;
  margin-left:58%;
  }

#current {
  padding:5px 5px 15px 5px;
  width: 710px;
  }
  
#current h2 { display:inline; margin-right: 5px}
 
#current img {
  border:1px solid #d56e4b;
  vertical-align:middle;
  }
#folders {
  background-color:#faf5e0;
  border:1px solid #d56e4b;
  padding:10px;
  width:700px;
  line-height:30px;
  color: #000000;
  min-height:30px;
  }
#folders ul {
  list-style-type:none;
  }
#folders ul#folders_left {
  float:left;
  width:330px;
  margin-left:30px;
  }
#folders ul#folders_right {
  margin-left:410px;
  }
#folders a {
  background:url("http://www.webxperience.org/images/folder.png") no-repeat 0% 50%;
  padding:5px 0px 5px 30px;
  margin-bottom:100px;
  width:250px;
  }
.site, .site_new {
  width:710px;
  padding:10px 10px 10px 0px;
  border-bottom:1px dashed #f7af97;
  min-height:115px;
  display:block;
  clear:both;
  }
.searchres {
  width:710px;
  padding:10px 10px 10px 0px;
  border-bottom:1px dashed #f7af97;
  min-height:115px;
  display:block;
  clear:both;
  }
.detail {  width:710px;
  padding:0px 0px 10px 0px;
  border-bottom:1px dashed #f7af97;
  display:block;
  clear:both;
}
.toolbox { float:right;
  width:170px;
  text-align:center;
  height:147px;
}
.toolbox div {
  padding-left:2px;
  padding-right:2px;
}
.tb_heading {
  background-color:#fff2bf;
  color:#333;
  border: 1px solid #e8d495;
}

.detail h1, .searchres h1 {
  display: inline;
  font-family: Georgia,serif;
  font-size:15px;
  margin-bottom:4px;
  }
.detail h2 {display: inline;font-size:13px;font-family: Tahoma, serif;font-weight:lighter;margin-bottom:8px;}
.detail h3 {
  display: inline;
  font-family: Georgia,serif;
  font-size:15px;
  margin-bottom:4px;
  }
.text {font:13px Tahoma, serif;}

.site img {
  float:left;
  margin:0px 10px 0px 0px;
  /* border:2px solid #d56e4b; */
  height:115px;
  width:161px;
  }
span.stars img {
  width:90px; 
  height:18px;
  float:none;
  vertical-align:text-bottom;
  }
.site h2, .site_new h2 {
  display: inline;
  font-family: Georgia,serif;
  font-size:15px;
  margin-right:5px;
  margin-bottom:4px;
  }
.searchres h2 {
  display: inline;
  font-family: Georgia,serif;
  font-size:15px;
  margin-right:5px;
  margin-bottom:4px;
}
.site p {
  margin-bottom:4px;
  width:701px;
  }
.searchres p {
  margin-bottom:4px;
  width:710px;
}
.site_new p {
  margin-bottom:4px;
  width:720px;
  }
.site a.site_link {
  color:#666666;
  background-color: #ffffff;
  background: url(http://www.webxperience.org/images/external.png) center right no-repeat;
  padding-right: 13px;
  }
.editor {
  width:700px;
  padding:10px 15px 10px 0px;
  border-bottom:1px dashed #fdcdbd;
  display:block;
  clear:both;
  }
.editor p {
  width:475px;
  margin-left:210px;
  }
.editor img {
  float:left;
  margin-right:10px;
  border:1px solid #D56E4B;
  }
  
.spacer {  display:block;
  clear:both;
  height:20px;}
  
.referral {
  margin-right: 5px;
  float: left;
}

#prevnext {float:left; width:350px}

#pages {float:right; width:350px;padding-right: 15px; text-align:right}

.adsense_defdir {
  padding:5px 0px 5px 0px;
  border-bottom:1px dashed #f7af97;
  min-height:90px;
  display:block;
  clear:both;
  }