/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

/* base */
body { background: rgb(212, 226, 237) /*url(body-bg.jpg) repeat-x*/; }
#page { width:960px; position:relative; margin:16px auto 0px; }

.replaced { display:block; height:1px; outline:none; overflow:hidden; text-indent:-9999px; width:1px; }
.clearer { clear:both; }
.more { padding:0 18px 0 18px; background: url('../images/more-bg.gif') no-repeat left center; }

.links { position:relative;top:0;left:0;}

/* links decoration */
a[href^="https:"],
a[href^="http:"] { background: url(../images/external.png) no-repeat right top; padding-right: 12px; }
a[href^="http://metacorus.com"],
a[href^="http://www.metacorus.com"] { background-image:none; padding-right:0; }

/* RSS/Atom feeds */
a[href$=".rss"], a[href$=".rdf"], a[href$=".atom"],
.feed { background:url(../images/icon_feed12.png) no-repeat 0% 50%; padding:2px 0px 2px 16px; }
a.addtogoogle { background: url(../images/add-to-google.png) no-repeat 0% 50%; padding: 2px 0px 2px 16px; }

/* globalheader */
#globalheader { height:81px; margin:0 0 20px; background: #0f5988 url(../images/globalheader-bg.png) no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#globalheader #logo { position: absolute; left:24px; top:12px; height:56px; background: url(../images/logo-bg.png) no-repeat; }
#globalheader #logo h1,
#globalheader a,
#globalheader a:visited,
#globalheader a:hover { color:#e2f1f9; text-decoration:none; }
#globalheader h1 { height:34px; width:250px; margin:0 0 0 64px; font-weight:normal; font-size:40px; background:url(../images/globalheader-h1-bg.png) no-repeat; text-indent:-9999px; }
#globalheader h1 a { display:block; text-transform:uppercase; }
#globalheader h2 { margin:0 0 0 64px; color:#e2f1f9; font-weight: normal; font-size:14px; }
#globalheader ul { position:absolute; right:24px; top:12px; margin:0; list-style:none; }
#globalheader ul>li { display:inline; margin-left:10px; color:#e2f1f9; text-decoration:none; font-size:14px; }

/* globalnav */
#globalnav { position: relative; height:42px; margin:8px 0 0; background: #bcd url(../images/globalnav-bg.png) no-repeat; }
#globalnav ul { list-style:none; padding:0 24px; }
#globalnav ul>li { display:inline; }
#globalnav ul>li a { display:block; float:left; height:30px; border:1px solid #99b4c7; padding:4px 16px; text-align:center; text-decoration:none; font-size:14px; }
#globalnav a,
#globalnav a:visited,
#globalnav a:hover { color: #000; text-decoration:none; }

/* featured */
#featured { position:relative;  margin:20px 0 0; border:1px solid #99b3c7; background:url(main-bg.png) repeat-y; -moz-border-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-box-shadow:rgba(0, 0, 0, 0.445313) 0px 1px 3px; }

#featured .opt { width:172px; height:181px; border:1px solid #dde; /* background:transparent url(promobox-top-bg.gif) no-repeat scroll 0 0; */ }
a.opt { display:block; float:left; padding:4px; text-decoration:none; color:#000; font-size: 16px; }
a.opt em {  display:block; font-size:12px; }
a.opt span { display:block; font-size:12px; font-weight:bold; }
#featured #opt11 { position:absolute; top:2px; right:182px; }
#featured #opt12 { position:absolute; top:2px; right:0; }
#featured #opt21 { position:absolute; top:191px; right:182px; }
#featured #opt22 { position:absolute; top:191px; right:0; }

.hero1 { position:relative; width:592px; height:364px; margin:16px 0 0; border:1px solid transparent; /* border-right:1px solid #ccc;*/ }
.hero1 h1 { margin:24px 0 6px 20px; min-height:40px; background:url(eset-nod32-bg.png) no-repeat; text-indent:-9999px; }
.hero1 h1 a{ display:block; text-decoration:none; }
.hero1 h2 { margin:12px 20px 24px;  }
.hero1 p { width:364px; margin:4px 20px 12px; }
.hero1>img { position:absolute; bottom:0; right:0; }

/* pageheader */
#pageheader { position:relative; height:2em; margin:0.75em 0; }
#pageheader h1 { position:absolute; display:inline; width:400px; height:40px; left:0.25em; font-size:2.5em; }
#pageheader h1 a { display:block; line-height:1em; }
#pageheader a,
#pageheader a:visited,
#pageheader a:hover { color: #000; text-decoration:none; }

#pageheader ul { position:absolute; right:0; top:0; list-style:none; padding:0; font-size:smaller; }
#pageheader ul>li { display:inline; }
#pageheader ul>li a { display:block; float:left; margin: 0.5em 0.25em 0 2em; }

a.download { display:block; float:left; width: 320px; background:#fff; border:1px solid #99b3c7; padding:14px 20px; -moz-border-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-box-shadow:rgba(0, 0, 0, 0.445313) 0px 1px 3px; text-decoration:none; color: #103c5e; font-size:24px; }
a.download em { display:block; font-size:12px; color:#000; }
a.download span { display:block; font-size:18px; color:#000; }
a.download img { float:left; margin-right:24px; border:0px; }

#pagetop { clear:both; height:10px; width:960px; margin:0; padding:0; background:url(../images/page-top-bg.png) no-repeat;}

/* main */
#main { position:relative; margin:0; padding:1px 24px 24px 24px; text-align:left; background:url(../images/main-bg.png) repeat-y; }

#news { background-color: #D4E2ED; font-family:Arial, Helvetica, sans-serif; }
#news { position:relative; top:0; left:0; border: 1px solid #B7B3ED; margin: 1em 0 0; padding: 8px 4px; }
#news #ticker-headline { float:left; font-weight:bold; margin-right: 0.5em; color: #103C5E; }
#news #ticker-text { padding-left:0.5em; border-left: 2px solid #BBE; }
#news #ticker-text a { color:#457; text-decoration:none; padding-right:0; background-image:none; }

/* pagebottom */
#pagebottom { clear:both; height:16px; width:960px; margin:0 0 24px; background:url(../images/page-bottom-bg.png) no-repeat;}

#pagefooter { position:relative; margin:0; padding:0; background-color: #abc;  }
#pagefooter .column { width:320px; margin-right:20px; float:left; }
#pagefooter .col1 { width:360px; }
#pagefooter .col2 { width:260px; }
#pagefooter h3 {  }
#pagefooter ul { list-style:none; margin: 0px; padding: 0px; text-decoration: none; }
#pagefooter a { color:#234; font-size:smaller; text-decoration: none; border-bottom: 1px solid #5E6F80;  background-image:none; padding-right:0;}
#pagefooter .f { display:none; }


#globalfooter #legal { float:right; padding:0 0 12px; font-size:11px; }

/* typegraphy */
body { font: 90%/1.5em Arial, Helvetica, sans-serif; }
h1,h2,h3,h4  { color: #103C5E; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 { margin:0.75em 0 0.75em; font-size:1.75em; font-weight:normal; }
h2 { margin:0.75em 0 0.25em; font-size:1.25em; font-weight:normal; }
h3 { margin:0.75em 0 0.25em; font-size:1.25em; font-weight:normal; }
p { margin:0 0 0.75em; }

/* paginator */
.paginator { margin-top:1em; margin-bottom:1em; font-size:smaller; }
.paginator h4 { display:none; }
.paginator ul { list-style:none; margin: 0px; padding: 0px; }
.paginator li { float:left; display:list-item; }
.paginator li a, .paginator li span { display:block; margin:0px 0.38em 0px 0px; padding:0.3em 0.7em; text-align:center; background-color: #D4E2ED; border: 1px solid #B7B3ED; color: #103C5E; text-decoration: none; }
.paginator li .current { background-color: #abb; }
.paginator li .disabled { background-color: #ddd; border: 1px solid #B7B3ED; color: #555; }
.paginator .empty { background-color: transparent; border: 1px solid transparent; color: #555; }

/* google fix url */
#goog-fixurl ul { list-style:none; margin: 0px; padding: 0px; text-decoration: none; }

/* comments */
#comments form { margin: 0; padding: 0; }
#comments form fieldset { border: 0; padding: 0; margin-bottom: 10px; }
#comments legend { margin: 0; padding: 0 2px; font-weight: bold; }
#comments fieldset fieldset { border: none; margin: 3px 0 0; }
#comments form fieldset fieldset label { display: block; width: auto; }
#comments form label { line-height: 1.8; vertical-align: top; }
#comments form p {}

#comments form input[type="text"],
#comments form textarea { display: block; width: 645px; margin-bottom: 6px; }
#comments div.submit { margin: 0; padding: 0; }
#comments form input[type="submit"],
#comments form input[type="reset"] { width: 8em; line-height: 1.5em; margin: 12px 0; }