/* Copyright 2009 Xsevo */
.article-lead-photo img { width: 776px; height: 250px; }
.article-cont { padding: 20px 13px; background: #e5e1e2; }

/* Article Layout */
.article-tbl { width: 100%; }
.article-tbl td { vertical-align: top; }
.rc-l, .rc-r  { width: 13px; height: 13px; background: url(../images/blog/rc.png); background-repeat: no-repeat; }
.rc-top .rc-l { }
.rc-top .rc-r { background-position: -37px 0px; }
.rc-bot .rc-l { background-position: 0px -37px; }
.rc-bot .rc-r { background-position: -37px -37px; }
.rc-c, .rc-cont { background-color: #fff; }
.rc-c { width: 724px; }
.rc-cont { padding: 8px 15px; }

/* Submit Box */

.submit-box { margin: 10px 0; }

/* Submit Page */
.submit-page { display: block; margin-top:7px; padding:0; float: right; width: 70px; overflow: hidden; }
.submit-page li { list-style: none; display: block; border-left: 1px solid #888; padding: 0 3px; float: left;}
.submit-page li:first-child { border: none; }
.submit-page a { outline: none; }

/* Facebook Like */

.facebook-like { width: 450px; height: 35px; margin:0; overflow: hidden; }
.facebook-like iframe { border:none; overflow:hidden; width:450px; height:35px; float:left; }
.facebook-like, .facebook-like iframe { *width: 400px; }

/* Article Content */
.article-cont-tbl { width: 100%; }
.article-cont-tbl td.article-cont-lcol, .article-cont-tbl td.article-cont-rcol  { vertical-align: top; text-align: left;}
.article-cont-tbl td.article-cont-lcol { padding-right: 20px; padding-left: 7px; width: 100%; }
.article-cont-tbl td.article-cont-rcol { }
.article-title, .article-title a { font-size: 30px; margin: 0 0 13px 0; color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.article-title a:hover { color: #f00; }
.article-subtitle { font-size: 120%; margin: 0 0 3px 0; color: #f00; font-weight: bold; padding: 0 3px; }
.article-info { color: #888; margin: 10px 2px 3px 2px; height: 20px; }
.article-info span { color: #000; font-weight: bold; }
.article-info .submit-page  { float: right; }
.article-copy { text-align:justify; color: #585858; }
.article-copy a:link { color: #06b2e0; }
.article-copy a:visited { color: #666; }
.article-pages { padding: 20px 0; text-align: center; }
.article-pages ul {  }
.article-text .xs-box { width: 400px; padding: 1px; }
.article-text img.xs { width: 400px; }

/* Article Video */
.video-box {  }
.video-box-video { text-align: center; color: #585858; margin: 20px 0; }

/* Article Sidebar */
.article-rbox { }
.article-rbox a { color: #585858; }
.article-rbox a:hover { color: #f00; }
.article-edit { text-align: right; }
.article-photos {}
.article-rtitle { font-size: 100%; padding: 2px 6px; color: #000; font-weight: bold; }
.article-rtitle a { color: #000; font-weight: bold; text-decoration: none; }
.article-photos-tbl { border-collapse: separate;  }
.article-photos-tbl td { text-align: center; vertical-align: middle;  border: 1px solid #ddd;   width: 113px; height: 81px; }
.article-photos-tbl a { outline: none; }
.article-photos-tbl img {  max-width: 113px; max-height: 81px; }
/* Hack IE  */
* html .article-photos-tbl img { width: 113px; height: 81px; margin-top: 3px; }
*:first-child+html .article-photos-tbl img { margin-top: 3px; }
/* End Hack */
.article-photos-tbl a:hover img { opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; }
.photo-caption {}

.article-related-box {  margin: 20px auto; width: 120px; }
.article-related { margin-bottom: 20px;}
.article-related table { width: 100%;}
.article-related td { vertical-align: middle; }
.article-related td.lc { width: 40px; padding: 5px 0; text-align: center; }
.article-related td.rc { padding-left: 5px; }
.article-related a { font-size: 80%; color: #585858; }

/* Product Layout */
.prod-tbl { width: auto; border-collapse: collapse;  }
.prod-tbl td.lcol, .prod-tbl td.rcol  { vertical-align: top; }
.prod-tbl .lcol { background-color: #e8e8e8; width: 310px; }
.prod-tbl .rcol { width: 674px; }
.prod-cont { padding: 8px; background-color: #fff; }
.prod-feature { width: 276px; height: 184px; border: 2px solid #ccc; margin: 0 auto; overflow: hidden; }
.prod-feature img { width: 276px; height: 184px; }
.prod-title { font-size: 200%; margin: 0 0 8px 0; color: #777; border-bottom: 2px solid #777; padding-bottom: 0px; font-weight: bold; letter-spacing: -1px;}
.prod-subtitle { color: #f00; font-weight: bold; }
.prod-subtitle .submit-page  { float: right; }
.prod-info span { color: #fff; font-weight: bold; }
.prod-copy { text-align:justify; color: #666; margin: 0 6px;}
.prod-copy a:link { color: #00f; }
.prod-copy a:visited { color: #581C90; }
.prod-text { padding: 20px 10px;}
.prod-pages { padding: 20px 0; text-align: center; }
.prod-pages ul {  }
.prod-text img.xs { width: 220px; }
.prod-lbox { padding: 15px; }
.prod-lbox a { color: #000; }
.prod-lbox a:hover { color: #f00; }
.prod-edit { text-align: right; }
.prod-photos {  margin: 20px auto; width: 258px; }
.prod-photos-box { border: 3px solid #fff; width: 252px; background-color: #fff; }
.prod-ltitle { font-size: 100%; padding: 2px 0 4px 0; color: #888; font-weight: bold; }
.prod-ltitle a { color: #888; font-weight: bold; text-decoration: none; }
.prod-photo { margin: 0px; float: left; border: 2px solid #fff; width: 80px; height: 53px; text-align: center; display:table-cell; vertical-align:middle; cursor: pointer; overflow: hidden;}
.prod-photo a { outline: none; }
.prod-photo a:hover { opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }
.prod-photo img {  max-width: 80px; max-height: 53px; }
/* IE6 gets squished images */
* html .prod-photo img { width: 80px; height: 53px; }
/* End Hack */
.prod-related-box {  margin: 20px auto; width: 258px; }
.prod-related { }
.prod-related table { width: 100%;}
.prod-related td { vertical-align: middle; padding: 5px 0; }
.prod-related td.lc { width: 40px; text-align: center;}
.prod-related td.rc { padding-left: 5px; }
.prod-cont .pg a:visited, .prod-cont .pg a:active, .prod-cont .pg a:link  { color: #000;}
.prod-cont .pg a, .prod-cont .pg span { margin: auto 0px; padding: 2px 4px; background-color: #fff; border: 1px solid #666; text-decoration: none;}
.prod-cont .pg a:hover { background-color: #ccc;  }
.prod-cont .pg-c span { color: #f00; }


/* Photo View */
.photo-view { text-align: center; padding: 10px 0;}
.photo-view img { max-width: 776px; }
/* IE6 gets squished images */
* html .photo-view img { width: 776px; }
.photo-view-title { padding-bottom: 10px; color: #18C9F8; font-size: 150%; }
.photo-view-caption { padding: 10px 20px; text-align: left; }
.photo-view-nav { padding: 20px; }
.photo-view-nav .l { float: left; }
.photo-view-nav .r { float: right; }
.photo-view-nav a { font-weight: bold; font-size: 150%; color: #18C9F8; text-decoration: none; }
.photo-view-nav a:hover { color: #888; }
/* Grid also used for Lo-Fi Gallery */
.photo-grid { border: 1px solid #bbb; background-color: #ddd; padding: 5px; width: 528px; margin: 20px auto; }
.photo-grid-photo { margin: 2px; float: left; border: 2px solid #fff; width: 80px; height: 53px; background-color: #e8e8e8; text-align: center; display:table-cell; vertical-align:middle; cursor: pointer; overflow: hidden;}
.photo-grid-photo:hover  { opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; }
.photo-grid-photo img {   max-width: 80px; max-height: 53px; }
.photo-photo a:hover img { opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; border-color: #fff;}
/* IE6 gets squished images */
* html .photo-grid-photo img {   width: 80px; height: 53px; }
/* End Hack */


/* RC Boxes */
* html .bx { display: inline-block; color: inherit;  }
.bx-t, .bx-tl, .bx-tr { font-size: 1px; }
.bx-b, .bx-bl, .bx-br { font-size: 1px; }
.bx-tl { background: url(../images/bx/cmt/w/tl.png) no-repeat; width: 12px; height: 12px; float: left; }
.bx-t { background: url(../images/bx/cmt/w/t.png) repeat-x; width: 100%; height: 12px;  }
.bx-tr { background: url(../images/bx/cmt/w/tr.png) no-repeat; width: 12px; height: 12px; float: right;  }
.bx-bl { background: url(../images/bx/cmt/w/bl.png) no-repeat; width: 12px; height: 12px; float: left; }
.bx-b { background: url(../images/bx/cmt/w/b.png) bottom left repeat-x; width: 100%; height: 12px; }
.bx-br { background: url(../images/bx/cmt/w/br.png) no-repeat; width: 12px; height: 12px; float: right; }
.bx-cl { background: url(../images/bx/cmt/w/l.png) top left repeat-y; }
.bx-cr { background: url(../images/bx/cmt/w/r.png) top right repeat-y; padding: 0 10px; }

/* Comments */
.cmts { color: #000; margin-top: 20px; border-top: 1px solid #ddd; padding: 10px 0; }
.cmts .h { color: #171d7f; font-size: 20px; font-weight: bold; }
.cmts .l { float: left; }
.cmts .r { float: right; }
.cmts .bar { padding: 5px 15px; }
.cmts .bar .range { float: left; font-size: 9px; color: #aaa; }
.cmts .bar .range .all { font-size: 11px; }
.cmts .bar .range .all a { text-decoration: none; font-weight: bold; color: #666; }
.cmts .bar ul { line-height: 28px; }
.cmts .bar .range span { font-weight: bold; }
.cmts .pg { float: right; }
.cmts .pg a { color: #888 !important; }
.cmts .pg a, .cmts .pg span { background: none; border: 1px solid #ddd; }
.cmts .pg a:hover { background-color: #eee;  }
.cmts .pg-c span { color: #f00; }
.cmts .entry { padding: 0 15px; padding-top: 18px; margin-top: 8px; border-top: 1px solid #ddd; }
.cmts .name { font-weight: bold; }
.cmts .logout a { color:#888; }
.cmts .entry .form { margin-top: 10px; }
.cmts .entry .el { margin-bottom: 5px; }
.cmts .entry th { text-align: right; padding-right: 10px; }
.cmts .entry textarea, 
.cmts .entry .tb { width: 510px; border: 1px solid #555; background-color: #fff; color: #000;}
.cmts .entry textarea { height: 150px;   }
.cmts .entry .tb { width: 480px; }
.cmts .entry .inactive { color: #aaa; }
.cmts .entry input, .cmts .entry textarea { padding: 5px; }
.cmts .entry .login { margin-bottom: 8px; color: #000; }
.cmts .entry .opt { font-size: 11px; }
.cmts .entry .submit { margin-top: 8px; }
.cmts .opt-l { float: left; width: 20px; height: 20px; }
.cmts .opt-r { float: left; width: 430px; padding: 4px 2px; }

/* Comment List */
.cmt { margin: 1px 0; }
.cmt .bx-cr { padding: 5px 23px; }
.cmt .hdr { background-color: #f4f4f4; }
.cmt .name { float: left; font-weight: bold; color: #444; }
.cmt .date { float: right; font-size: 10px; line-height: 15px; font-weight: bold; color: #000; }
.cmt .edit { cursor: pointer; }
.cmt .body { padding-top: 5px; text-align: justify; font-size: 11px; color: #888; clear: both; }
.cmt .body a { color: #f00; }
.cmt .body a:hover { color: #888; }
.cmt .hl { color: #f00; /* background: url(../images/other/s2.png) center left no-repeat; padding-left: 25px; */ }
.cmt .hl-l { color: #08700a; }
.cmt .pend { background: url(../images/other/pend.png) repeat ! important;  }
.cmt .auth { }

/* Boxes */
.xs-box { margin: 5px auto; border: 1px solid #888; background-color: #333; padding: 5px; }
.xs-box-left { float: left; margin-left: 0; margin-right: 15px;}
.xs-box-right { float: right; margin-right: 0; margin-left: 15px;}
.xs-caption { color: #999; padding: 4px 8px; font-size: 90%; }