/* Global reset */
* {
padding:0;
margin:0;
border:0;
}

/* Top logo */

a {
color:#025;
text-decoration: underline;
}
a:hover {
background:#125;
color:#89a;
color:#eef;
text-decoration: none;
}

#logo {
background: transparent url("/images/website/SGLogo.gif") no-repeat 50% 0%;
display: block;
width: 320px;
width: 100%;
height: 54px;
overflow: hidden;
line-height: 1000px;
text-align:center;
}


#logo-bg {
background: url("/images/website/SGLogo-BG.gif") repeat-x 0% 0% ; 
width: 100%
height: 54px; 
}

#logo-tl {
display: block;
width: 64px;
height: 54px;
background-position: top left;
background: url("/images/website/TL.gif") no-repeat 0% 0%;
width:100%;
}

#logo-tr {
display: block;
width: 64px;
height: 54px;
background-position: top right;
background: url("/images/website/TR.gif") no-repeat;
float:right;
}

#area-top {  
border-bottom: 1px solid #000;
text-align: center;
background-color: #c8cdd9;
}


/* Navigation menu */
ul.NavMenu {
background: transparent;
list-style-type: none;
font-size: 16px;
font-weight: bold;
margin: 4px;
padding-bottom: 0px;
}

ul.NavMenu li {
display: inline;
}

ul.NavMenu li a {
color: #9aa;
padding: 0px 5px;
text-decoration: none;
cursor: pointer;
}

ul.NavMenu li a:hover {
color: #8aa;
/*border-bottom: 3px solid #688;*/
background-color: #000;
color: #fff;
}

ul.NavMenu li a.active {
color: #000;
border-bottom: 4px solid #000;
cursor: text;
}

ul.NavMenu li a.active:hover {
background: transparent;
}

/* Main body */
body {
font-family: Arial,"Trebuchet MS" ,sans-serif, Verdana;
min-width: 780px;
width: 100%;
font-size: 13px;
background-color: #c8cdd9;
}


/* whole center area */
#area-center {
background: url("/images/website/BGSep.gif") repeat-x 0% 0%;
background-position: top; 
border-bottom: 1px solid #000;
background-color: #789aa3;
min-height: 600px;

}

#area-center-table {
/*border: 1px solid #000;*/
width:98%;
margin-left:1%;
margin-right:1%;
}

#area-left-col {
/*border: 1px solid #000;*/
width:280px;
postion:absolute;
vertical-align: top;
}

#area-center-col {
/*border: 1px solid #000;*/
width:90%;
vertical-align: top;
}

#area-right-col {
/*border: 1px solid #000;*/
width:80px;
vertical-align: top;
}


#area-left{
width:280px;
padding-right:10px;
}

#area-right{
width:80px;
}

#area-bottom{
text-align:center;
font-size: 10px;
}


/*shadow to posts*/

.blog-shadow{
position:relative.
background-position: top;
background: #789aa3 url("/images/website/BoxShadow.gif") repeat-x 0% 0%; 
/*width: auto;
margin-left: 1%;
margin-right: 1%;*/
width:100%;
height: 8px;
font-size: 1px;
}

.blog-shadow-left{
display: block;
width: 6px;
height: 6px;
background-position: top left;
background: url("/images/website/BoxLeftShadow.gif") no-repeat 0% 0%;
width:100%;
}

.blog-shadow-right{
display: block;
width: 6px;
height: 6px;
background: url("/images/website/BoxRightShadow.gif") no-repeat 0% 0%;
float:right;
}




/* blog postings */
.blog-box {
border: 1px solid #000;
margin-top:8px;
margin-bottom:0px;
}

.post-main {
background-color: #efefff;
}

.blog-title-main{
padding:10px;
/*border-bottom: 1px solid #666;*/
background: #efefff url("/images/website/WhiteSplit.gif") repeat-x 0% 0%; 
background-position: bottom;
}

.blog-body-main{
background: #efefff url("/images/website/efefff-bg-cog.gif") no-repeat 0% 0%;
padding:16px;
font-family: "Trebuchet MS" ,sans-serif, Verdana;
}

.post-sticky {
background-color: #c8cdd9;
}

.blog-title-sticky{
padding:10px;
/*border-bottom: 1px solid #666;*/
background: #c8cdd9 url("/images/website/GreySplit.gif") repeat-x 0% 0%; 
background-position: bottom;
}


.blog-body-sticky{
background: #c8cdd9 url("/images/website/c8cdd9-bg-cog.gif") no-repeat 100% 100%; 
background-position: bottom right;
padding:16px;
font-family: "Trebuchet MS" ,sans-serif, Verdana;
font-family: Arial;
}

.blog-body-main ul{
padding: 6px;
margin-left:20px;
margin-right:12px;
}


.post-main h1, .post-sticky h1{
font-size: 18px;
text-align:center;
}

.post-main p, .post-sticky p{
padding:8px;
}

.post-main h2, .post-sticky h2{
font-family: Arial;
font-size:17px;
padding:6px;
text-align:center;
padding-bottom:0px;
}

.post-main h3, .post-sticky h3{
font-family: Arial;
font-size:14px;
padding:6px;
text-align:center;
padding-bottom:0px;
}

table.blog-footer {
width:100%;
}

td.blog-author {
font-size:12px;
text-align:right;
padding:4px;
padding-bottom:2px;
width:40%;
}

td.blog-comments {
font-size:12px;
text-align:left;
padding:4px;
padding-bottom:2px;
width:40%;
}

td.blog-bookmark {
font-size:12px;
padding:2px;
width:20%;
text-align:center;
padding:4px;
padding-bottom:2px;
font-weight: bold;
}

.center{
text-align:center;
}

.right{
text-align:right;
}

.left{
text-align:left;
}


/*side bar bloxs*/
.side-box-a{
background:#c8cdd9;
margin-top:8px;
border:1px solid #000;
}

.side-box-a h3{
font-size:13px;
text-align:center;
}

.side-box-a table{
border-top:1px solid #111;
font-size:10px;
width:100%;
background: #92aeb5 url("/images/website/92aeb5-bg-cog-small.gif") no-repeat 100% 100%; 
background-position: top right;
padding:4px;
}

.side-box-a div.detail{
width:100%;
border-top:1px solid #111;
background: #c8cdd9 url("/images/website/c8cdd9-bg-cog.gif") no-repeat top right;
}

div.detail p{
padding: 4px;
}

.side-box-b{
background:#e8edd9;
margin-top:8px;
border:1px solid #000;
}

.side-box-b h3{
font-size:13px;
text-align:center;
}

.side-box-b div.detail{
width:100%;
}

.side-box-b table{
font-size:12px;
width:100%;
background: #92aeb5 url("/images/website/92aeb5-bg-cog-small.gif") no-repeat 100% 100%; 
background-position: top right;
padding:4px;
}

.article-nav-prev{
width:50%;
text-align:left;
}

.article-nav-next{
width:50%;
text-align:right;
}

/*comments*/
.readers_comments {
border:#99a 1px solid;
background:#eef;
padding:0;
margin:0;
}

.readers_details {
background:#c8cdd9;
padding:5px;
margin:10px;
}


.comment_detail_tab {
width:100%;
}

.comment_detail_left {
text-align:left;
font-weight: bold;
}


.comment_detail_right {
text-align:right;
}

/*forms*/



table.cf_tab {
width:100%;

}

td.cf_left {
width:30%;
text-align:right;
}

td.cf_right {
width:60%;
text-align:right;
}

div.comments-wrapper {
width:100%;
}

#txpCommentInputForm {
width:100%;
}

label {
margin-right: 8px;
}

#txpCommentPreview, #txpCommentSubmit {
border-top:#fff 1px solid;
border-left:#fff 1px solid;
border-bottom:#000 1px solid;
border-right:#000 1px solid;
}

#txpCommentPreview:active, #txpCommentSubmit:active {
border-top:#000 1px solid;
border-left:#000 1px solid;
border-bottom:#fff 1px solid;
border-right:#fff 1px solid;
}


#txpCommentPreview {
}

#txpCommentSubmit {
}

#message {
border:#000 1px solid;
width:100%;
}

#web{
border:#000 1px solid;
}

#email{
border:#000 1px solid;
}

#name {
border:#000 1px solid;
}

#remember {

}


/* Excerpt */
.excerpt_img {
margin-right: 10px;
margin-left: 10px;
margin:4px;
padding:4px;
}