/* @override 
	http://xan.machive.com/stylesheets/machive.css
	http://machive.com/stylesheets/machive.css
*/

/*CSS 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: #000;
  background: #222;
  font-size:62.5%;
}
ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
.fir span{display:none;}
a{text-decoration:none;}


#page{
  width:980px;
  margin:0 auto;
  padding:0 9px;
  background:#333;
  overflow:hidden;
  border-left:1px solid #444;
  border-right:1px solid #444;
  font-family: 'Gill Sans','Lucida Grande',Arial,sans-serif;
}

/*header*/
#header {
  background:url(../images/header-bg.gif) repeat-x 0 0;
  margin:10px 0 5px;
}
#header .start{background:url(../images/header-bg1.gif) no-repeat 0 0;}
#header .end{background:url(../images/header-bg2.gif) no-repeat 100% 0;height:155px;}
#header h1{
  height:98px;
  padding:27px 0 5px 17px;
}
#header h1 a{
  display:block;
  width:297px;
  height:73px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(../images/logo.jpg) no-repeat 0 0;
}
#header .menu{
  font:1.3em/25px 'Gill Sans','Lucida Grande',Arial,sans-serif;
  text-transform: uppercase;
  height:25px;
  overflow:hidden;
}
#header .menu a{
  color:#444;
  text-decoration:none;
}
#header .menu a:hover{color:#000;border-bottom: 1px solid #999;}
#header .menu ul.left{float:left;padding:0 0 0 20px;}
#header .menu ul.right{float:right;padding:0 20px 0 0;}
#header .menu ul li{
  float:left;
  padding:0 23px 0 0;
}
#header .menu ul li.last{
  padding:0;
}

/*main*/
#main{
  background:#ddd url(../images/main-bg1.gif) no-repeat 0 0;
}
#main .end{
  background:url(../images/main-bg2.gif) no-repeat 0 100%;
  width:100%;
  overflow:hidden;
  padding:10px 0;
}

/*content*/
#main .content{
  float:left;
  width:731px;
  margin:0 0 0 10px;
  display:inline;
  background:#fff url(../images/content-bg.gif) repeat-y 0 0;
}
#main .content .start{
  background:url(../images/content-bg1.gif) no-repeat 0 0; 
}
#main .content .end{
  background:url(../images/content-bg2.gif) no-repeat 0 100%;  
  padding:10px 31px 10px 20px;
  min-height:796px;
  width:auto;
}

#main .content #home ul,
#main .content #archives ul{
  padding:5px 0 0;
  border-bottom:2px solid #ddd;
}
#main .content #home ul.last,
#main .content #archives ul.last{
  border:none;
}
#main .content #home h2,
#main .content #archives h2,
#main .content #about_us h2 {
  color:#333;
  font:1.8em/25px 'Gill Sans','Lucida Grande',Arial,sans-serif;
  font-weight: bold;
  border-bottom:2px solid #ddd;
}
#main .content #home h3,
#main .content #archives h3{
  font:1.5em/25px 'Gill Sans','Lucida Grande',Arial,sans-serif;
  font-weight: bold;
}
#main .content #home h3 a,
#main .content #archives h3 a{
  color:#333;
  text-decoration:none;
  border-bottom:1px solid #eee;
}
#main .content #home h3 a:hover,
#main .content #archives h3 a:hover{
  color:#111;
  border-bottom:1px solid #ccc;
}
#main .content #about_us p{
  font:1.5em/18px 'Gill Sans','Lucida Grande',Arial,sans-serif;
  color:#000;
  padding:1em 0 0 0;
}
#main .content #home ul li,
#main .content #archives ul li{
  overflow:hidden;
  width:100%;
  padding:0 0 12px;
  border-bottom: 1px dashed #ccc;
}
#main .content #home ul li.last,
#main .content #archives ul li.last {
  border-bottom: none;
}
#main .content #home ul li .pic,
#main .content #archives ul li .pic{
  float:left;
  width:110px;
  padding:14px 0 0;
}
#main .content #home ul li .post,
#main .content #archives ul li .post{
  float:left;
  width:570px;
  padding:9px 0 0;
}
#main .content #home ul li .post p,
#main .content #archives ul li .post p{
  font:1.3em/18px 'Gill Sans','Lucida Grande',Arial,sans-serif;
  color:#000;
  padding:0.5em 0 0 0;
}
#main .content #home ul li .post p.author,
#main .content #archives ul li .post p.author{
  font:1.3em/18px 'Gill Sans','Lucida Grande',Arial,sans-serif;
  color:#999;
  padding:0;
}
#main .content #home ul li .post p.author a,
#main .content #archives ul li .post p.author a,
#main .content #home ul li .post p.author span,
#main .content #archives ul li .post p.author span{
  color:#666;
}

#main .content #home ul li .post p.author a:hover,
#main .content #archives ul li .post p.author a:hover{
  text-decoration:underline;
}
#main .content #home ul li .post p.first,
#main .content #archives ul li .post p.first {
  padding:2px 0 0 0;
}

#main .content #home ul li .post p strong,
#main .content #archives ul li .post p strong {
  font-weight: bold;
}

#main .content #home ul li .post p em,
#main .content #archives ul li .post p em {
  text-decoration: underline;
}

#main .content #home ul li .post p a,
#main .content #archives ul li .post p a {
  color:#666;
  text-decoration:none;
  border-bottom:1px solid #eee;
}
#main .content #home ul li .post p a:hover,
#main .content #archives ul li .post p a:hover{
  color:#333;
  border-bottom:1px solid #ccc;
}

#main .content #archive-link {
  text-align: center;
  margin-top: 1em;
}
#main .content #archive-link a{
  font:1.5em/25px 'Gill Sans','Lucida Grande',Arial,sans-serif;
  color:#333;
  text-decoration:none;
  border-bottom:1px solid #eee;
}
#main .content #archive-link a:hover{
  color:#000;
  border-bottom:1px solid #999;
}

#main .content #home hr,
#main .content #archives hr{
  border:0;
  height:2px;
  background-color:#ccc;
  padding:0;
  margin:0;
}






/*single article*/
#main .content #single-article strong {
  font-weight:bold;
}
#main .content #single-article em {
  font-style: italic;
}
#main .content #single-article ins {
  text-decoration: underline;
}
#main .content #single-article acronym {
  border-bottom: 1px dashed #666;
  cursor: default;
}

#main .content #single-article #heading{
  margin-top: 2px;
}
#main .content #single-article #heading h2 {
  color:#333;
  font:1.8em/25px 'Lucida Grande',Arial,sans-serif;
  font-weight: bold;
  border-bottom:2px solid #ddd;
}

#main .content #single-article #meta {}
#main .content #single-article #meta p.author{
  font:1em/18px 'Lucida Grande',Arial,sans-serif;
  color:#999;
  padding:0;
}
#main .content #single-article #meta p.author span{
  color:#666;
}
#main .content #single-article #meta p.author a {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
#main .content #single-article #meta p.author a:hover{
  border-bottom: 1px solid #999;
}

#main .content #single-article #meta .image,
#main .content #single-article #meta .excerpt{
  margin:20px 0;
}
#main .content #single-article #meta .image {
  height: 90px;
  width: 90px;
  float: left;
  margin-right: 20px;
}

#main .content #single-article #meta .excerpt {
  font:1.4em/18px 'Lucida Grande',Arial,sans-serif;
  color:#333;
}

#main .content #single-article hr {
  border:0;
  height:2px;
  background-color:#ccc;
  padding:0;
  margin: 0;
  clear: both;
}

#main .content #single-article #body {
  margin-bottom: 5em;
  padding: 10px 0;
  font: 1.2em/18px 'Lucida Grande',Arial,sans-serif;
  font-weight: normal;
}
#main .content #single-article #body h4{
  color:#369;
  font:1.2em/20px 'Lucida Grande',Arial,sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.5em;
  clear: both;
}
#main .content #single-article #body p {
  margin-bottom: 1.5em;
}

#main .content #single-article #body div.qa-set {
  border-bottom: 1px solid #ddd;
  padding: 0 0 1em;
  margin: 1em;
  clear: both;
  overflow: hidden;
}
#main .content #single-article #body dl.qa-dl dt {
  display: inline-block;
  float: left;
  width: 15%;
  font-weight: bold;
  padding-top: 1em;
}
#main .content #single-article #body dl.qa-dl dd {
  display: inline-block;
  float: left;
  width: 80%;
  padding-top: 1em;
}

#main .content #single-article #body sup {
  margin: 0;
  padding: 0;
  font-size:0.7em;
  font-weight: bold;
  vertical-align: super;
}
#main .content #single-article #body sup a {
  margin: 0;
  padding: 0;
  border:none;
}
#main .content #single-article #body p#fn1 sup,
#main .content #single-article #body p#fn2 sup,
#main .content #single-article #body p#fn3 sup,
#main .content #single-article #body p#fn4 sup,
#main .content #single-article #body p#fn5 sup {
  font-size: 0.8em;
  margin-right: 0.5em;
}

#main .content #single-article #body ol {
  margin: 0.5em 3em 1.5em;
  list-style-type: decimal;
  list-style-position: outside;
}
#main .content #single-article #body ul {
  margin: 0.5em 2em 1.5em;
  list-style-type: disc;
  list-style-position: outside;
}
#main .content #single-article #body ul li,
#main .content #single-article #body ol li {
  padding: 0.2em;
}
#main .content #single-article #body ul li ul {
  margin: 0.5em 1.5em;
  list-style-type: circle;
  list-style-position: outside;  
}

#main .content #single-article #body a {
  color: #369;
  text-decoration: none;
  border-bottom: 1px dotted #369;
}
#main .content #single-article #body a:hover{
  border-bottom: 1px solid #369;
}

#main .content #single-article #comments{
  padding:0;
  font: 1.2em/18px 'Lucida Grande',Arial,sans-serif;
  font-weight: normal;
}

#main .content #single-article #comments h3{
  font: 1.3em/25px 'Lucida Grande',Arial,sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin-bottom: 1em;
  color: #333;
}

#main .content #single-article #comments ol{
  margin-bottom:3em;
}

#main .content #single-article #comments li{
  padding:0.5em 0;
  border-bottom: 1px solid #ccc;
}
#main .content #single-article #comments li.last{
  border-bottom: none;
}
#main .content #single-article #comments li a {
  color: #369;
  text-decoration: none;
  border-bottom: 1px dotted #9cf;
}
#main .content #single-article #comments li a:hover {
  border-bottom: 1px solid #369;
}

#main .content #single-article #comments p.comment-body {
  padding:0.5em;
}
#main .content #single-article #comments p.comment-body span {
  color: #666;
  font-weight: bold;
  padding: 0.3em;
}



/*application profile*/
#main .content #app-meta-container{
  margin: 2em 0;
  text-align: center;
}
#main .content #app-meta{
  border:1px solid #999;
  text-align:left;
  background: #eee;
  padding: 8px;
  display: inline-block;
  width: 90%;
}
#main .content #app-meta-container #app-meta h4{
  font: 1.2em/20px 'Lucida Grande',Arial,sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.5em;
  color: #222;
}
#main .content #app-meta dl{
  padding: 0;
  margin: 0;
}
#main .content #app-meta dt{
  float: left;
  display: inline-block;
  vertical-align: top;
}

#main .content #app-meta dd {
  display: inline-block;
  float: left;
}

#main .content #app-meta dt {
  color: #333;
  font-weight: bold;
  width: 22%;
}
#main .content #app-meta dd {
  font-weight: bold;
}


/*sidebar*/
#main .sidebar{
  float:right;
  width:220px;
  margin:0 10px 0 9px;
  display:inline;
}
#main .sidebar .search-box{
  width:210px;
  height:65px;
  padding:0 0 0 10px;
  overflow:hidden;
  background:url(../images/search-bg.gif) no-repeat 0 0;
}
#main .sidebar fieldset {
  margin-top: 10px;
}
#main .sidebar .search-box p{
  margin:0;
  font:1em/14px 'Lucida Grande',Arial,sans-serif;
  padding:0 0 5px;
  color:#666;
  font-weight: bold;
}
#main .sidebar .search-box div{
  float:left;
  background:url(../images/search-box.gif) no-repeat 0 0;
  padding:0 10px 0 0;
}
#main .sidebar .search-box input.text{
  float:left;
  font:1.3em/16px 'Gill Sans','Lucida Grande',Arial,sans-serif;
  color:#666;
  height:16px;
  width:167px;
  padding:4px 4px 5px;
  background:none;
  border:0;
}
#main .sidebar .search-box input.btn{
  float:left;
  margin:6px 0 0;
}
#main .sidebar .block{
  padding:20px 0 0;
  background:url(../images/separator1.gif) no-repeat 50% 9px;
}
#main .sidebar .block .body{
  background:#fff url(../images/block-bg.gif) repeat-y 0 0;
}
#main .sidebar .block .start{
  background:url(../images/block-bg1.gif) no-repeat 0 0;
}
#main .sidebar .block .end{
  background:url(../images/block-bg2.gif) no-repeat 0 100%;
  padding:1px 10px;
  width:200px;
}
#main .sidebar .white .end{
  padding-bottom:10px;
}
#main .sidebar .block h4{
  padding:9px 0 6px;
  color:#369;
  font:1em/14px 'Lucida Grande',Arial,sans-serif;
  font-weight: bold;
}
#main .sidebar .block h4 a{
  color:#039;
}

#main .sidebar .gray{
  min-height: 290px;
}
#main .sidebar .gray .body{
  background-color:#eee;
}
#main .sidebar .block h4{
  width:200px;
}
#main .sidebar .block img{
  display:block;
}
#main .sidebar .block ul li img{
  padding:2px 13px 0 0;
  float:left;
}
#main .sidebar .block ul li{
  clear:left;
  overflow:hidden;
  padding:0 0 10px;
}
#main .sidebar .block ul li p{
  font:1.1em/13px 'Gill Sans','Lucida Grande',Arial,sans-serif;
  float:left;
  width:149px;
  color:#333;
}
#main .sidebar .block ul li p strong{
  font-weight:bold;
}
#main .sidebar .block ul li p strong a{color:#333;}
#main .sidebar .block ul li p strong a:hover{text-decoration:underline;}
#main .sidebar .gray .end{
  padding-top:10px;
  padding-bottom: 10px;
}
#main .sidebar .gray .ad{
  padding-bottom: 10px;
}
#main .sidebar .gray .last{
  padding-bottom: 0;
}
#main .sidebar .gray .ad-200{
  height:200px;
  width: 200px;
}
#main .sidebar .gray .ad-90{
  height: 90px;
  width: 200px;
}
/*footer*/
#footer{
  padding:4px 0 6px;
  margin-bottom: 10px;
}
#footer .menu{
  overflow:hidden;
  width:100%;
}
#footer .menu .center{
  float:left;
  left:50%;
  position:relative;
}
#footer ul{
/*  margin:0 auto;*/
  position:relative;
  left:-50%;
  top:0;
}
* html #footer ul{
  float:left;
}
#footer ul li{
  float:left;
  padding:0 0 0 9px;
  background:url(../images/separator2.gif) no-repeat 4px 50%;
  font:bold 1.1em/1.4em 'Lucida Grande',Arial,sans-serif;
}
#footer ul li a{text-decoration:none;color:#a2aaaa;}
#footer ul li a:hover{text-decoration:underline;}
#footer ul li.first{
  padding:0;
  background:none;
}
#footer p{
  font:1.1em/14px 'Gill Sans','Lucida Grande',Arial,sans-serif;
  color:#727777;
  text-align:center;
}