/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {height:100%}
body { /*font:14px/18px Arial, Tahoma, Verdana, sans-serif; */ height:100%; color:#333; font-size:0.9em; font-family:'Lucida Grande',sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;}
h1 {font-size:3em;line-height:1;margin-bottom:0.2em;}
h2 {font-size:2em;margin-bottom:0.2em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.2em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:0.2em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:0.2em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
input {vertical-align:middle}
p {margin:0 0 0.5em; text-align:justify; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#4A92D8; text-decoration:underline;outline: none;}
a {color:#4A92D8; text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
code { color:#ccc; background:#444; padding:5px; }
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}

tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
/*.last {margin-right:0;padding-right:0;}*/
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

img { border:none; vertical-align:middle; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em 0; text-align:justify; }
p.last      { margin-bottom:0; }
/*p img       { float: left; margin: 1em 1em 0 0; padding:0; }
p img.top   { margin-top:0; } */ /* Use this if the image is at the top of the <p>. */

ul, ol      { margin: 0 0 1.5em 1.5em; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

/* Use this to create a horizontal ruler across a column. */
hr { background: #B2CCFF; color: #B2CCFF; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.4em 0; border: none; }
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }


/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #777;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

h3, h3 a { font-size: 1.3em; line-height: 1.2; color: #296584; letter-spacing: 0px; text-decoration: none; }

h2 { color: #4a92d8; margin-bottom: 15px; margin-top:0px;}
h2 a { color: #4a92d8;  text-decoration: none; }
.post h2 { margin-bottom: 5px; }
.content { padding: 15px 10px 20px 30px;}

.navigation, .navigation a { color: #aaa; }
.alignright { float: right; }
.alignleft { float: left; }
.post { /*margin-bottom:25px;*/ }

#wrapper { width:100%; min-width:1000px; min-height:100%; height:auto !important; height:100%; }

/* Header
-----------------------------------------------------------------------------*/
#header { height:160px; background:#3275ac url(/i/highlight_bg.jpg) 50% 0px no-repeat; }

#header-logo { height:120px; }

#search { background:#fff; float:right; margin-right:25px; margin-top:25px; }
#search #s { background:transparent url(/i/icons/search_grey.gif) no-repeat scroll 0 center; color:#777; font-size:0.9em; margin:0; padding:2px 0 2px 17px; width:185px; }
input { border:1px solid #ccc; padding-left:0; }

#auth { margin:-25px 0 0 0; padding:0px; height:40px; z-index:1000; float:right; }
img.auth { float:right; margin-right:10px; }


/* Navigation
-----------------------------------------------------------------------------*/
#header-menu { height:30px; margin:0px; float:left; width:100%; border-top:1px solid #b5dbf7; border-bottom:1px solid #b5dbf7; background: url('/i/menu-bg.gif') repeat-x; z-index:1010; }
ul#menu { margin:0px; padding:0; list-style:none; }
ul#menu li { margin: 0; padding: 0; float: left; display: inline; list-style: none; position: relative; height: 30px; }
ul#menu ul { margin: 0; padding: 0; border-top: 1px solid #b5dbf7; list-style: none; display: none; position: absolute; top: 30px; left: 0; }
ul#menu ul:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#menu ul li { float: left; display: block !important; display: inline; }

/* Main Menu */
ul#menu a { border:0px; padding: 0 16px; float: none !important; float: left; display: block; background: url('/i/menu-bg.gif') repeat-x; height:30px; color: #424542; font: bold 14px/28px Lucida Grande, sans-serif; text-decoration: none; }

/* Main Menu Hover */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a { background: url('/i/menu-hover.gif') repeat-x; height:30px; }

/* Second Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a { float: none; font: normal 14px/28px Verdana, Arial;  background: #fff8b1; color: #424542; width:15em; padding: 0px 2px 0px 5px; border-bottom: 1px solid #b5dbf7; border-right: 1px solid #b5dbf7; border-left: 1px solid #b5dbf7; z-index: 1012; }

/* Second Menu Hover */
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a { background: #fff555; border: 0 none; color: #222; padding: 0px 2px 0px 5px; border-bottom: 1px solid #b5dbf7;  border-right: 1px solid #b5dbf7; border-left: 1px solid #b5dbf7; z-index: 1012; }

ul#menu ul ul { display: none; position: absolute; top: 0; left: 170px; z-index: 1012; }

ul#menu li:hover ul ul,
ul#menu li.iehover ul ul { display: none; z-index: 1012; }

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul { display: block; z-index: 1012; } 


/* Middle
-----------------------------------------------------------------------------*/
#middle { width:99%; padding:0 0 60px; height:1%; }
#middle:after { content:'.'; display:block; clear:both; visibility:hidden; height:0; }
#container { width:100%; float:left; overflow:hidden; }
#content { padding:15px 270px 0 270px; }

.navigation { padding: 0 0 25px 0; }

.entry { min-height:170px; }
.entry img { border:none; margin-right:10px; }

ul.list li { list-style-image:url(/i/list-icon.png); list-style-position:outside; }

#social { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #eee; font-size:12px; margin:0; color:#ccc;
padding:8px; }
#social img { margin-right:2px; }

.authtable { padding:0; vertical-align:middle; border:0px; }
.authtable th, .authtable td, .authtable tr { border:0px;  } 

.authmap { font-size:10px; }
.authmap tr.header {background-color:#fff8b1; color:#000; }
.authmap td.brand {background-color:#ddd; color:#000; }
.authmap td.plus { background-color:#7bbe18; color:#fff; text-align:center;}

.box  {
background-color:#FFFF99;
border:1px solid #ECEC19;
margin:10px 0;
padding:5px 10px;
}

/* Sidebar
-----------------------------------------------------------------------------*/

#sidebar { margin-top:10px; }
#sidebar h2 { font-weight:bold; font-size: 1em; line-height:1.2; background: url('/i/s-top.gif'); padding: 4px; margin:0px; color:#4d4d4d;}
#sidebar ul, #sidebar ul ol { margin: 0; background: url('/i/s-left-right.gif'); }
.sidebarbottom { background: url('/i/s-bottom.gif'); width:224px; height:24px; } 
#sidebar ul li	{ padding: 0; }
#sidebar ul li ul { padding-top: 0; padding: 5px 5px 0 5px;}
#sidebar ul li ul li { 	padding: 2px 0 2px 9px;list-style-type: none; font-size: 1em; }
#sidebar ul.clean { background: #fff;}
#sidebar ul li, #sidebar ul li#subscribe ul li { list-style-type: none; background: none; margin-bottom: 2px; }
#sidebar ul li#subscribe ul li { margin: 0 0 0 -30px; }
#sidebar #search { display: none; }

.news { background: #7bbe18; color:#fff; padding:1px 3px; font-size:80%; }

.sl { float:left; width:224px; margin-left:-99%; position:relative; }
.sr { float:left; margin-right:-3px; width:224px; margin-left:-224px; position:relative; }

#sidebar ul.work-time {padding:0;background:#fff;}

/* Footer
-----------------------------------------------------------------------------*/
/*#footer { margin:-60px auto 0; min-width:1000px; height:60px; background:#BFF08E; }*/
#footer {min-width:1000px; height:90px;  text-align: center;  font-size:1em; color: #999; clear:both; background-color:#F8F8F8; bottom:0px; }
#footer-wrap { width:960px; margin:0 auto; padding:15px 0 0 0;}

#footer-wrap #logo { width:160px; height:41px; float:left; margin:0;  background:url(/i/footer_gray.png); }
#footer-wrap #logo:hover { background:url(/i/footer.png); }

#footer #logo span { float:left; margin:36px 0 0 16px; }

#footer .menu { float:right;width:800px; height:25px; }

#footer a { text-decoration: none; }

#footer img { float:left; margin-top:0px; margin-left:-5px; }

#footer span#twitter a { float:right; margin-right:180px; background:url(/i/twitter_gray.png); width:16px; height:16px; }
#footer span#twitter a:hover { float:right; margin-right:180px; background:url(/i/twitter.png); width:16px; height:16px; }
#footer span#facebook { float:right; margin-right:130px; background:url(/i/facebook_gray.png); width:16px; height:16px; }

#footer #about { }
#footer #developer { font-size:80%; margin:3px 0 0 0; }