/* Begin Typography & Colors */
body {width:982px; font: 11px Tahoma,Arial;
line-height:16px;  
color: #444; margin:0 auto; padding: 0;text-align:left; background: #f4f4f4 url(images/bg.gif);}

/* Set Layout Section */
#page,#header,#content,#pics,#footer { overflow:hidden; display:inline-block }
#page,#header,#pics,#footer {width:100%;} /* safari and opera need this */
#header {height:160px; width:982px; background: url(images/header-f.jpg) no-repeat top;}
#page {background:url(images/pagebg.jpg) repeat-y top;}


#content {margin:0; padding:7px 12px 10px 8px;}
#pics { margin:0; font: 12px Tahoma,Arial; background:url(images/footpagebg.jpg) repeat-y top; padding-bottom:40px;}
#footer {clear:both; height: 64px; background: url(images/footerbg.jpg) no-repeat top; line-height:16px;}



/* Header Section */
#header a {color: #111111; text-decoration: none;}
#header a:hover {color: #dd0000; text-decoration: none;}



#headerimg { height: 20px; margin:0; padding: 101px 0 0 535px;}
#headerimg h2{color: #990000; font:bold 1.2em Tahoma,Arial; margin:0; padding:0;}




/* Header Page Menu Section */
#pagemenu { color: #777; margin:0;padding:0; height: 26px; margin:0; padding:5px 0 0 490px;}
#pagemenu li {display:inline; margin: 0 3px 0 0;}
#pagemenu a {background: transparent; margin: 0; padding: 7px 12px; font:bold 11px Tahoma,Arial; line-height:26px; letter-spacing:0;}
#pagemenu a:hover { background:url(images/headhover.gif);}


/* Content Section */
#content h1 {font:bold 1.4em Arial,Tahoma; padding:0 0 0 220px; margin-bottom:5px;}
#content h2 {font:bold 1.4em Arial,Tahoma; padding:0 0 0 220px; margin-bottom:5px;}
#content h3 {color: #990000; font:bold 1.1em Tahoma; margin-bottom:5px; text-decoration:none;}



#content a {color:#444;  text-decoration:none;}
#content a:hover {color:#dd0000;  text-decoration:none;}


#content .post {margin: 0; width:940px; height:340px; border:1px solid #e6e6e6; padding:10px;}
#content .tx { float:left; }
#content .screen { float:right;}
#content .tx { width:620px; padding:0; font:12px Tahoma,Arial;}
#content .screen { width:300px; padding:0;}


#pics .cn {margin: 0; padding: 10px 12px 10px 10px;}
#pics .cn  img {padding:0; border: 1px solid #999999; margin:2px;}
#pics h2 {font:bold 1.8em Arial; color:#dd0000; margin-bottom:5px;}


/* Footer Section */
#footer .copy { font: 9px Arial; color: #999999; padding:20px 50px 0 360px; }
#footer a { color: #999; text-decoration:none;}
#footer a:hover { color: #dd0000; text-decoration:none;}



/* Other Parts */
img {padding:0; border: 0; margin:0;}
a img:hover {filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7}
p {text-indent: 3px; text-align: justify; }