html {font-size: 72%;}
body {font-family:Arial, verdana, Helvetica, sans-serif;color:#666;line-height:1.5;}
h1, h2, h3, h4, h5, h6 {font-family:Arial, verdana, Helvetica, sans-serif;}
body, div, fieldset {margin:0;padding:0;}
fieldset {width:auto;padding:0 10px 10px 10px;border:none;}
label {display:block;font-weight:bold;margin-top:10px;}
label span {font-weight:normal;color:#666;}
h1 {font-size:2.2em;font-weight:normal;color:#666;background:#eee;padding-left:10px;}
h2 {font-size:2em;display:block;margin:5px 0 0;padding:0;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;margin:5px 0 0;}
h5 {font-size:1.4em;}
h6 {font-size:1.2em;}
a {text-decoration:none;color:#d88c2e;}
a:hover {text-decoration:underline;}
a img {border:none;}
a.cancel, a.ok {padding:2px 5px;}
ul {list-style: square;}
ul li ul {margin-bottom:5px;}
input, textarea, select {border:1px solid #aaa;padding:1px 3px;margin:1px;font-size:11px;}
button {padding:1px 3px;margin:1px;font-family:inherit;background-color:#d88c2e;font-size:12px;border:0;color:#fff;}
input:hover, textarea:hover, select:hover {border:1px solid #666;}
input:focus, textarea:focus, select:focus {border:1px solid #d88c2e;}
textarea {width:70%;}
table {width:100%;background-color:#eee;padding:0;border-collapse:collapse;border-spacing:0;font-size:inherit;}
td {margin:	1px 0 0 1px;padding: 1px 5px;vertical-align: top;}

/* classes */
.clear { clear: both; }
.xcenter { width: auto; margin: 10px auto; text-align: center; }
.xbig {font-size:1.4em;font-weight:bold;}
.xsmall { font-size:0.9em; }
p .xsmall, li .xsmall, td .xsmall {color:#666; }
.aright {text-align:right;}
.fleft {float:left; }
.fright {float:right; }
.sbox {border-bottom:1px solid #ddd;}



/* containers */

#container {width:900px;margin:0 auto;background:#fff url(../img/bg_page.gif) top left repeat-y;}
#page {width:900px;height:100%;background:url(../img/addv_bottom.jpg) bottom left no-repeat;}
#left {float:left;width:233px;height:30px;color:#fff;text-align:center;}
#portfolio {width:200px;margin:30px auto 230px auto;text-align:left;}
#portfolio h3 {font-size:10px;font-weight:normal;color:#fff;margin:0 0 8px 0;border-bottom:1px solid #eee;line-height:20px;}
#portfolio a {margin:0;padding:0;line-height:0;}
#portfolio img {float:left;margin:1px;padding:0;}

#right {float:right;width:640px;}

#menu {margin-top:20px;text-align:left;}
#menu ul {list-style:none;margin:0;padding:0;}
#menu ul li {display:inline;margin-right:18px;}
#menu ul li a {font-size:10px;text-transform:uppercase;}
#menu ul li a.active {color:#333;}

#submenu {border-top:1px solid #ddd;}
#submenu ul li a.active {color:#333;}



#topic {margin:0 auto 25px auto;}
#topic img {margin:0 10px;}

#menubottom {text-align:right;margin-bottom:10px;}
#menubottom ul {list-style:none;margin:0;padding:0;}
#menubottom ul li {display:inline;margin-right:18px;}
#menubottom ul li a {font-size:10px;text-transform:uppercase;}
#menubottom ul li a.active {color:#333;}

#foot {margin:0 auto;background:#fff;border-top:1px solid #d88c2e;text-align:right;color:#666;font-size:0.9em;}
#foot p span {line-height:30px;color:#aaa;}

/* pagination */
#pager {border-top:1px dotted #ccc;margin-bottom:10px;}
#pager span {color:#fff;background:#d88c2e;padding:0 4px;}
#pager a {font-weight:bold;margin:0 2px;}

#webmail{margin-top:20px;text-align:left;background:#eee;}
#webmail h1 {font-size:20px;font-weight:normal;color:#fff;background:#666;padding:10px;}
#webmail p {padding-left:10px;}

#last_news{text-align:left;}
#last_news h2 {font-size:12px;font-weight:bold;color:#d88c2e;padding:10px;background:#eee;}
#last_news p {padding-left:10px;}

div.dotted{border-bottom:1px dotted #000;margin:40px 0 40px 0;}

/* news */
div.newsmenu {text-align:right;border-bottom:1px dotted #ccc;}
h3.newstitle {font-weight:normal;background:#eee;padding-left:10px;margin-bottom:0;}
#news img.newsthumb, #news p img {float:left;margin:0 5px 5px 0;}
a.newstag:hover {font-weight:bold;}
p.newstags {clear:both;color:#666;border-top:1px dotted #ccc;padding:2px 5px;}
p.newsdata {padding-left:10px;color:#666;font-size:10px;}
p.newstags span {font-weight:bold;}

/* tag cloud */
.txxs {font-size:0.7em;}
.txs {font-size:1em;}
.ts {font-size:2em;}
.tm {font-size:3em;}
.tl {font-size:4em;}
.txl {font-size:5em;}
.txxl {font-size:6em;}


/* portfolio */
div.pfmenu {text-align:right;border-bottom:1px dotted #ccc;}
h3.pftitle {font-weight:bold;margin-bottom:0;background:#eee;padding:7px;font-size:12px;}
#pf img.pfthumb {float:left;margin:0 5px 5px 0;}
#pf img.pfthumb_archive {float:left;margin:5px 5px 0 7px;}
a.pftag:hover {font-weight:bold;}
p.pftags {clear:both;color:#666;border-top:1px dotted #ccc;padding:2px 5px;}
p.pftags span {font-weight:bold;}

a[target$='_blank'] { padding:0 0 0 20px;background:url(../img/external_link.gif) no-repeat 3px center; }
a[target$='_blank'] img { padding-left:0;background:none;}