#newsbox {
margin:0 0 10px 0;
border-bottom:1px solid #cccccc;
width:620px;
}
#newsbox .articletitle, #newsboxd .articletitle {
display:block;
background:#cccccc;
width:600px;
padding:10px;
font-size:14px;
}
#newsbox .articletitle a {
color:#cf0000;
}
#newsbox .articletitle a:visited {
color:#990000;
}
.pubdate, #newsbox p {
padding:0;
}
img#thumbnail {
border:1px solid #666666;
margin:0 10px 10px 0;
}
div#thumbnail {
border:1px solid #666666;
width:125px;
height:85px;
float:left;
margin:0 10px 10px 0;
padding:40px 0 0 0;
text-align:center;
}
/******** right column ****/
#right {
width:240px;
float:right;
}
/**feed**/
#feedwrap {
border:1px solid #222;
width:230px;
padding:3px;
}
#feedwrap a {
color:#880000;
}
#feedwrap a:hover {
color:#ff0000;
}
#feedwrap a img {
border:none;
}
a#feedlink span {
border-top:1px solid #000000;
border-bottom:1px solid #000000;
background:#efefef;
display:block;
width:225px;
text-align:center;
padding:2px;
}
a#feedlink2 span {
border-bottom:1px solid #6d2c91;
background:#efefef;
display:block;
width:225px;
text-align:center;
padding:2px;
}
/** search **/
#Asearch {
width:236px;
padding:0;
border:1px solid #cccccc;
margin:10px 0 0 0;
}
#Asearch h2 {
display:block;
background:#cccccc;
padding:3px;
}
#Asearch input {
background:#ffffff;
color:#000000;
margin:3px;
border:1px solid #000000;
}
.message {
color:#ff0000;
font-weight:bold;
}
/** detail **/
#newsboxd {
width:695px;
}
#newsboxd .articletitle {
display:block;
background:#cccccc;
font-size:14px;
font-weight:bold;
color:#990000;
padding:10px;
width:675px;
}
#newsboxd .pubdate, #newsboxd p {
padding:0 10px;
}
.pics {
width:250px;
height:167px;
float:right;
padding:0;
border:1px solid #000000;
margin:5px;
}
/******** article pics ********/
/******************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*left aligned*/
.thumbnail-l{
position: relative;
z-index: 0;
}
.thumbnail-l img {
border:2px solid #333;
}
.thumbnail-l:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail-l span{ /*CSS for enlarged image*/
position: absolute;
background:#000;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail-l span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail-l:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -20px;
left: -150px; /*position where enlarged image should offset horizontally */
}
/*right aligned*/
.thumbnail-r {
position: relative;
z-index: 0;
}
.thumbnail-r img {
border:2px solid #333;
}
.thumbnail-r:hover {
background-color: transparent;
z-index: 50;
}

.thumbnail-r span { /*CSS for enlarged image*/
position: absolute;
background:#000;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail-r span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail-r:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 60px;
left: 40px; /*position where enlarged image should offset horizontally */
}

/**/
#lolink {
margin:10px 0 10px 0;
display:block;
clear:both;

}
/**pagination**/
.pagination {
display:block;
margin:auto;
width:240px;
height:35px;
}
.older, .newer {
display:block;
float:left;
height:20px;
width:100px;
font-size:18px;
border:2px solid #222222;
padding:3px;
text-align:center;
margin:0 5px 0 5px;
font-weight:bold;
}