/* CSS Document 2010. All Right Reserved*/

body { margin: 0; padding: 0; font-family: 'Tahoma'; font-size: 12px; color: #282e33; background: #f4eee6 url('/mstyle/backAll.jpg') repeat-x 0 0; }
table, td { margin: 0; padding: 0; font-size: 12px; border-collapse: collapse; vertical-align: top; }
img { border: 0; }
h1, h2, h3, h4, h5, h6, h7, p { padding: 0 0 5px 0; margin: 0; }
ul, ol, li { padding: 0; margin: 0; list-style: none; }
form { padding: 0; margin: 0; }
.radio { vertical-align: middle; }
select, input, textarea, option { padding: 0; margin: 0; font-size: 12px; font-family: 'Tahoma'; color: #282e33; outline: none; }
a { color: #7c9b00; cursor: pointer; outline: none; }
a:hover { color: #bfb400; }

/*********************************************/

div.a1 { background: url('/mstyle/a1.jpg') no-repeat 50% 0; height: 378px; }
div.logo { background: url('/mstyle/logo.jpg') no-repeat 50% 0; height: 136px; }
div.logo a { width: 1004px; height: 126px; display: block; }

div.page { width: 1004px; margin: 0 auto; text-align: left; }

div.ax { width: 1004px; height: 378px; margin: 0 auto; text-align: left; position: relative; }
div.ax div.links { width: 300px; height: 378px; position: absolute; left: 50px; top: 58px; font-size: 11px; }
div.ax div.links img { display: none; }
div.ax div.links h3 { font-size: 16px; padding: 0 0 3px 20px; font-family: 'Arial'; }
div.ax div.links a { display: block; padding: 0 0 4px 20px; background: url('/mstyle/vz1.gif') no-repeat 0 4px; color: #000000; }
div.ax div.links a:hover { background: url('/mstyle/vz2.gif') no-repeat 0 4px; color: #7c9b00; }

div.ax div.banner { width: 130px; height: 160px; position: absolute; right: 25px; top: 32px;  }
div.ax div.banner img { width: 130px; height: 160px; }
div.ax div.banner object { width: 130px; height: 160px; }

div.ax div.menu { position: absolute; left: 21px; top: 325px; font-size: 13px; font-weight: normal; }
div.ax div.menu a { margin: 0 23px 0 0; color: #3d1800; }
div.ax div.menu a:hover { color: #7f9f01; }

/**************************************************/
div.ax div.fol {position:absolute;top:325px;right: 15px;width:180px; height:20px;overflow: hidden;}

/****************************************************/
div.a2 { width: 1004px; height: 90px; overflow: hidden; background: url('/mstyle/a2.jpg') no-repeat 0 0; position: relative; }
div.a2 div.banner { position: absolute; left: 26px; top: 12px; }
div.a2 div.info { position: absolute; right: 26px; top: 12px; }

div.a9 { background: url('/mstyle/a9.jpg') repeat-x 0 0; height: 359px; }

div.lside { width: 709px; float: left; }
div.rside { width: 295px; float: left; }

div.main { background: url('/mstyle/main.jpg') repeat-y 0 0; }
div.main2 { background: url('/mstyle/main2.jpg') no-repeat 0 0; clear: both; height: 16px; overflow: hidden; }

div.post { background: url('/mstyle/b3.jpg') repeat-y 0 0; }
div.post-title { background: url('/mstyle/b1.jpg') no-repeat 0 0; height: 86px; position: relative; }
div.post-title h2 { font-family: 'Arial'; font-size: 24px; color: #7c9b00; text-shadow: 1px 1px #f8f7f6; padding: 25px 120px 0 121px; line-height: 26px; }
div.post-title b { position: absolute; left: 35px; top: 30px; font-size: 40px; font-family: 'Arial'; font-weight: normal; color: #7c9b00; }

div.post-date { float: left; width: 118px; color: #6d7275; }
div.post-date div { padding: 15px 0 0 30px; }
div.post-body { float: left; width: 563px; padding: 15px 0 0 0; }
div.post-info { clear: both; background: url('/mstyle/b4.jpg') no-repeat 0 0; height: 131px; overflow: hidden; position: relative; }
div.post-info div.comms { width: 71px; height: 58px; position: absolute; left: 24px; top: 26px; text-align: center; }
div.post-info div.comms b { font-size: 22px; font-weight: normal; color: #7c9b00; display: block; margin: 10px 0; }
div.post-info div.next { position: absolute; right: 44px; top:56px; font-size: 14px; font-weight: bold; }


div.cr { clear: both; height: 1px; overflow: hidden; }


div.copy { width: 1004px; height: 359px; margin: 0 auto; text-align: left; position: relative; background: url('/mstyle/copy.jpg') no-repeat 0 0; }
div.copy h3 { font-size: 20px; font-family: 'Arial'; font-weight: normal; color: #000000; }
div.copy div.cite { width: 197px; height: 98px; position: absolute; left: 17px; top: 236px; font-size: 11px; color: #ffffff; }
div.copy div.who { position: absolute; left: 529px; top: 243px; font-size: 11px; color: #ffffff; }
div.copy div.who span { font-size: 10px; }
div.copy div.design { position: absolute; left: 529px; top: 281px; font-size: 11px; color: #ffffff; }
div.copy div.design a { color: #ffffff; }
div.copy div.design a:hover { color: #e6ff83; }
div.copy div.lastcomms { width: 354px; height: 201px; position: absolute; overflow: hidden; left: 529px; top: 14px; font-size: 11px; color: #ffffff; }
div.copy div.lastcomms p { padding: 0 0 4px 0; font-weight: bold; line-height: 12px; }
div.copy div.lastcomms li { padding: 0 0 4px 0; font-weight: bold; line-height: 12px; }
div.copy div.lastcomms a { color: #ffffff; text-decoration: none; }
div.copy div.lastcomms a:hover { color: #e6ff83; }
div.copy div.lastcomms h3 { padding: 0 0 10px 0; }
div.copy div.tags { width: 180px; height: 200px; position: absolute; left: 20px; top: 14px; }
div.copy div.tags h3 { padding: 0; }
div.copy div.stats { position: absolute; right: 5px; top: 14px; }
div.copy div.stats h3 { display: none; }

div.c1 { width: 295px; height: 15px; background: url('/mstyle/c1.jpg') no-repeat 0 0; }
div.c2 { width: 295px; background: url('/mstyle/c2.jpg') repeat-y 0 0; }
div.c3 { width: 295px; height: 24px; background: url('/mstyle/c3.jpg') no-repeat 0 0; }
div.c4 { width: 295px; background: url('/mstyle/c4.jpg') repeat-y 0 0; }

div.d1 { width: 295px; height: 15px; background: url('/mstyle/d1.jpg') no-repeat 0 0; }
div.d2 { background: url('/mstyle/d2.jpg') repeat-y 0 0; padding: 0 30px 0 20px; }
div.d3 { width: 295px; height: 26px; background: url('/mstyle/d3.jpg') no-repeat 0 0; }


div.seo { padding: 0 9px 0 43px; font-weight: bold; }
div.seo div { background: url('/mstyle/b-seo.gif') repeat-y 100% 3px; line-height: 26px; padding: 0 20px 0 0; }



div.t-popular { width: 295px; height: 78px; background: url('/mstyle/t-popular.jpg') no-repeat 0 0; }
div.t-hack { width: 295px; height: 80px; background: url('/mstyle/t-hack.jpg') no-repeat 0 0; }
div.t-tech { width: 295px; height: 84px; background: url('/mstyle/t-tech.jpg') no-repeat 0 0; }
div.t-theory { width: 295px; height: 72px; background: url('/mstyle/t-theory.jpg') no-repeat 0 0; }

div.t-popular h3 { font-size: 26px; padding: 18px 20px 0 94px; line-height: 22px; font-family: 'Arial'; }
div.t-popular h3 b { font-size: 30px; font-weight: normal; }
div.t-hack h3 { font-size: 18px; padding: 20px 20px 0 94px; line-height: 16px; font-family: 'Arial'; }
div.t-tech h3 { font-size: 18px; padding: 30px 40px 0 100px; line-height: 16px; font-family: 'Arial'; }
div.t-theory h3 { font-size: 18px; padding: 26px 40px 0 96px; line-height: 16px; font-family: 'Arial'; }


div.popular { padding: 0 20px 0 30px; }
div.popular li { background: url('/mstyle/li-popular2.gif') no-repeat 0 100%; padding: 3px 0 8px 0; display: block; }
div.popular a { background: url('/mstyle/li-popular.gif') no-repeat 3px 1px; padding: 0 0 0 20px; display: block; color: #000000; text-decoration: none; }
div.popular a:hover { color: #7c9b00; text-decoration: none; }


div.tw0 { float: left; width: 709px; height: 222px; background: url('/mstyle/tw0.jpg') no-repeat 0 0; font-style: italic; font-family: 'Arial'; }
div.tw0 div { padding: 65px 50px 0 255px; }
div.tw0 strong { font-size: 13px; }
div.tw0 p.author { font-size: 11px; text-align: right; font-style: normal; }
div.tw1 { float: left; width: 136px; height: 222px; }
div.tw2 { float: left; width: 159px; height: 222px; }


a.readmore-link { display: none; }






/* Joomla */
div.moduletable_popular { width: 295px; background: url('/mstyle/t-popular.jpg') no-repeat 0 0; }
div.moduletable_popular h3 { font-size: 26px; line-height: 22px; font-family: 'Arial'; padding: 18px 20px 11px 94px; }

div.moduletable_hack { width: 295px; background: url('/mstyle/t-hack.jpg') no-repeat 0 0; }
div.moduletable_hack h3 { font-size: 18px; line-height: 16px; font-family: 'Arial'; padding: 20px 20px 11px 94px; }

div.moduletable_tech { width: 295px; background: url('/mstyle/t-tech.jpg') no-repeat 0 0; }
div.moduletable_tech h3 { font-size: 18px; line-height: 16px; font-family: 'Arial'; padding: 30px 40px 18px 100px; }

div.moduletable_theory { width: 295px; background: url('/mstyle/t-theory.jpg') no-repeat 0 0; }
div.moduletable_theory h3 { font-size: 18px; line-height: 16px; font-family: 'Arial'; padding: 26px 40px 14px 96px; }

div.moduletable_popular ul { padding: 5px 20px 10px 30px; background: url('/mstyle/c4.jpg') repeat-y 0 0; }
div.moduletable_popular li { background: url('/mstyle/li-popular2.gif') no-repeat 0 100%; padding: 3px 0 8px 0; display: block; }
div.moduletable_popular a { background: url('/mstyle/li-popular.gif') no-repeat 3px 1px; padding: 0 0 0 20px; display: block; color: #000000; text-decoration: none; font-weight: normal; }
div.moduletable_popular a:hover { color: #7c9b00; text-decoration: none; }
.imageContainer { margin-right: 15px; }

div.d2 a._seoal_c { font-weight: normal; }
div.d2 div.more { text-align: right; padding: 15px 8px 0 0; }

div.pagesnav { text-align: center; }


div.search { width: 295px; height: 98px; position: relative; background: url('/mstyle/search.jpg') no-repeat 0 0; }
div.search input.inputbox { width: 155px; height: 16px; position: absolute; left: 24px; top: 31px; margin: 0; padding: 2px; border: 0; }
div.search input.button { width: 102px; height: 27px; position: absolute; left: 43px; top: 59px; background: url('/mstyle/go.jpg') no-repeat 0 0; margin: 0; padding: 0; border: 0; color: #7c9b00; font-weight: bold; }


div.bseo { width: 295px; height: 221px; position: relative; background: url('/mstyle/seo.jpg') no-repeat 0 0; }
div.bseo h3 { font-size: 24px; line-height: 24px; font-family: 'Arial'; position: absolute; left: 34px; top: 50px; }
div.bseo p { font-size: 18px; line-height: 16px; font-family: 'Arial'; position: absolute; left: 34px; top: 117px; }
div.bseo input.email { width: 150px; height: 16px; position: absolute; left: 36px; top: 182px; margin: 0; padding: 2px; border: 0; }
div.bseo input.button { width: 97px; height: 33px; position: absolute; left: 198px; top: 175px; background: url('/mstyle/go2.jpg') no-repeat 0 0; margin: 0; padding: 0; border: 0; color: transparent; }


div.moduletable_dgm { padding: 0 20px 0 40px; }
div.moduletable_dgm div.componentheading { font-size: 18px; line-height: 16px; font-family: 'Arial'; color: #000000; padding: 0; margin: 0; }
div.moduletable_dgm div.componentheading ul { margin: 0 0 10px 0; }

.pagenav_next { padding: 0 20px 0 40px; }

.componentheading { color: #000000; }


div.p404 h3 { font-size: 18px; line-height: 26px; font-family: 'Arial'; color: #000000; padding: 0; margin: 0; font-weight: normal; } 

div._seonewscontent a { margin: 0 0 0 4px; font-weight: normal; font-size: 11px; }
div._seonewscontent a._seonewstitle_c { font-size: 14px; font-family: 'Arial'; padding: 0 0 5px 0; display: block; margin: 0; font-weight: bold; }