* {
padding:0;
margin:0 auto;
}
/*h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }*/
fieldset { padding: .5em; }
select option{ padding:0 5px; }
select, option { color:black; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; margin-bottom: 10px; }
a img{ border:none; outline: none }


body{
background:#fff;
color:#333;
font-size:14px;
font-family:Georgia;
line-height:140%;
}

#wrapper{
background: #ffffff;
border: 10px;
border-bottom: 10px solid #FFFFFF;
width: 920px;
font-family:sans-serif;
}


.inside{
width:920px;
padding-top: 10px;
text-align: center;
margin:0 auto;
}

.inside2{
width:100%;
margin:0 auto;
}

a{
color:#777;
outline: none;
text-decoration:none;
}

a:hover{
color:#42c9bb;
text-decoration:none;
}


h1{
font-family: trebuchet MS,sans-serif;
font-size:2.2em;
color: #151515;
margin-right: 15px;
padding-bottom: 15px;
padding-top: 10px;
font-weight:normal;
line-height: 100%;
}

h2, h3{
font-family: trebuchet MS,sans-serif;
color:#151515;
font-weight:bold;
font-size:1.1em;
letter-spacing: 0.3px;
padding: 10px;
padding-bottom: 0px;
padding-top: 17px
}

#primary h2{
font-family: Arial,sans-serif;
color:#666;
font-weight:normal;
text-transform: none;
letter-spacing: 0px;
font-size: 12px;
padding-bottom: 30px;
padding-left: 10px;
padding-top: 5px
}

#secondary h1{
color:#151515;
font-family: trebuchet MS, sans-serif;
letter-spacing: 0.3px;
font-size: 15px;
padding-left: 4px;
padding-bottom: 5px;
padding-top: 20px;
}

#secondaryother h1{
color:#151515;
font-family: Georgia,serif;
letter-spacing: 0.3px;
font-size: 13px;
padding-left: 4px;
padding-bottom: 5px;
padding-top: 20px;
}

#featured .block h3{
font-family: Arial,sans-serif;
color:#222;
font-weight:normal;
font-size: 12px;
padding: 10px;
padding-top: 20px
}


#primary .secondary h4{
font-family: Georgia,serif;
color: #222;
font-size: 13px;
line-height: 130%;
padding-bottom: 5px;
letter-spacing: 0.8px;
padding-left: 10px;
padding-top: 10px
}


#primary .secondary h1{
font-family: Georgia,serif;
color: #333;
font-size: 12px;
line-height: 140%;
padding-bottom: 5px;
padding-top: 0px;
padding-left: 10px
}

.ancillary h1{
font-family: Arial,sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
margin: 0;
padding-top: 20px;
padding-left: 10px
}

h4{
color:#222;
font-family: georgia,serif;
font-size:13px;
font-weight:bold;
padding-top: 1.5em
}

#secondary .block h2{
font-family: helvetica,sans-serif;
letter-spacing: .02em;
text-transform: none;
color:#00AEEF;
font-size: 18px;
font-weight:normal;
padding-top: 0.35em;
padding-bottom:0.65em;
}

#secondary h3{
font-weight: bold;
color: #151515;
letter-spacing: 0.3px;
font-family: trebuchet MS, sans-serif;
padding-left: 0;
letter-spacing: 0.3px
}

#secondaryother h3{
font-weight: bold;
color: #151515;
padding-left: 0;
letter-spacing: 0.3px;
font-family: trebuchet MS, sans-serif;

}

#secondary p{
padding-left: 4px;
font-family: Georgia, serif;
font-size: 13px;
line-height: 130%;
padding-right: 10px
}


#secondaryother p{
padding-left: 4px;
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 130%;
padding-right: 10px
}

#featured .block h2{
font-family: helvetica,sans-serif;
letter-spacing: .02em;
text-transform: none;
color:#00AEEF;
font-size: 18px;
font-weight:normal;
padding-top: 0.35em;
padding-bottom:0.65em;
}

.primary p{
line-height:135%;
font-size: 1.36em;
color:#999999;
margin:0;
margin-top:18px;
margin-bottom:30px;
}


#primary .intro p{
line-height:160%;
font-size: 1.1em;
padding-bottom: 20px;
}

.content p{
line-height:140%;
font-size: .89em;
margin-right: 12px;
padding-bottom: 20px;
color:#7b7b7b;
margin-top:16px;
}

#primary ul li{
list-style-type:none;
margin:0.4em 0;
}


pre{
width:100%;
padding:1em 0;
overflow:auto;
border-top:1px dotted #333;
border-bottom:1px dotted #333;
}

table{
float: left;
border-spacing:2px;
border: 1px solid #ccc;
padding: 20px
}
table th, table td{ padding:0.3em}
table th{
background:#CCC;
color:#000;
text-align:left;
}
table td{
background:#fff;
font-family: Arial, sans-serif;
font-size: 13px;
}
table caption{
text-align:left;
color:Ivory;
margin-bottom:-1em;
margin-top:1em;
}

input{
background-color: #eee
}


/*-----------------------------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------------------------*/
#header{
background:#fff none repeat scroll 0 0;

}


/*-----------------------------------------------------------------------------------------------
Nav
-----------------------------------------------------------------------------------------------*/
#nav{
background: #ffffff;
position:fixed;
opacity: 0.9;
border-bottom: 1px solid #CDCDCD;
height:42px;
width: 920px;
margin-top: 40px;
padding-top: 40px;
top: -40px
}

#logo{
position:absolute;
top:30px;
left:0
}

#items{
position:absolute; 
top:0; 
left:642px
}

ul#navlist{
padding-bottom:9px;
float:right;
}


#navlist li
{
float:left;
list-style-type: none;
font-family: trebuchet MS,sans-serif;
font-size: 12px;
margin-left: 20px;
padding-top:26px;
border-top:10px solid #ffffff;
text-align:center
}


#navlist li.cur
{
color: #5F9EA0;
}

#navlist a:link, #navlist a:visited
{
color: #999;
text-decoration: none;
}

#navlist li.cur a
{
color: #000000;
text-decoration:none;
}

#navlist a:hover
{
color: #1ba8ac;
text-decoration:none;
border-bottom:0;
}

/*-----------------------------------------------------------------------------------------------
Primary Items
-----------------------------------------------------------------------------------------------*/

#primary{
/* border-bottom: 1px solid #999; */
width: 920px;
margin-top: 90px;
color:#333;
}


#primary.onecol-stories .primary{
float:left;
width:640px;
}
#primary.onecol-stories .secondary{
float:left;
width:300px;
margin-right:20px;
}

#primary.threecol-stories .story{
float:left;
width:300px;
margin-bottom:3.57em;
display:inline;
}
* html #primary.threecol-stories .story{
margin-left:20px;
}
#primary.twocol-stories .first, * html #primary.twocol-stories .first{
margin:0 0 0 0;
}

.story h3{
font-size:1.43em;
font-family: helvetica,sans-serif;
margin:0;
color:#222222;
}
.story h3 a{
color:#FF2222;
text-decoration:none;
}

.story .details{
margin:1em 0;
text-align:left;
border-top:1px dotted #333;
padding:0.5em 0;
font-size:0.75em;
color:#4D4D4D;
}
.story .details .read-on{
background:url(images/readon_black.gif) 100% 60% no-repeat;
padding-right:20px;
}
.story .details a{
color:#4D4D4D;
text-decoration:none;
}
.story .details a:hover{ color:#fa8d0d; }

/* Single Post Styles */

#primary .primary{
float:right;
text-align: left;
width:620px;
}

#primary .intro{
float:left;
text-align: justify;
border-right: 1px solid #eee;
padding-right: 20px;
margin-right: 7px;
width:640px;
}


#primary .leftcol {float:right; 
width:250px;
border-right: 10px solid #fff}


#primary .leftmaincol {float:right; 
width:230px;
border-right: 10px solid #fff}


#primary .secondary{
float:left;
font-family: Verdana,sans-serif;
font-size:11px;
text-align: left;
width:270px;
padding-bottom: 0px;
display:inline;
}

#primary .navigation{
display:inline;
float:left;
width:260px;
padding-bottom: 30px;
padding-top: 10px;
border-bottom: 1px solid #e1e1e1;
}

.navigation p{
clear:right;
font-family:Arial,sans-serif;
float: left;
font-size: 12px;
margin-left: 16%;
margin-top: 23px

} 


.secondary .featured p{
border-bottom:1px solid #333333;
border-top: 1px solid #333333;
padding:0.5em 0 0.6em 0;
line-height:1.5em;
margin:1em 0 0 0;
}
.secondary .featured dl{
margin:0 0;
border-bottom:1px solid #333333;
padding:0.5em 0 0.6em 0;
}

.secondary p{
padding-left: 10px;
color: #333;
line-height: 130%;
font-family: Arial, sans-serif;
font-size: 12px;
padding-right: 15px
}

.secondary p.caption{
padding-left: 10px;
line-height: 130%;
font-style: italic;
color: #666666;
padding-top: 10px;
padding-bottom: 20px;
font-size: 11px;
padding-right: 15px
}

.secondary dt{
display:inline;
margin:0;
padding:0;
color:#AAA;
}
.secondary dd{
display:inline;
margin:0;
padding:0;
}
.secondary dd a{ color:#808080; }
.secondary dd a:hover{ color:#fa8d0d; }

.single-post h1, .single-post h2{ 
margin-top:0;
margin-bottom:0.75em;
}

/*-----------------------------------------------------------------------------------------------
Secondary Items
-----------------------------------------------------------------------------------------------*/

#secondary{
width: 920px;
padding-top: 10px;
margin-top: 20px;
border-top:1px solid #ddd;
}


.homeblock{
float:left;
margin-top:10px;
background: #fff;
border: 1px solid #eee;
border-bottom: 2px solid #ddd;
width: 269px;
height: 290px;
margin: 10px 25px 10px 0;
padding: 10px 10px 15px;
display:inline;
}


.homeblock:hover{
background: #efefef;
}

.homeblockthird{
float:left;
margin-top:10px;
background: #fff;
border: 1px solid #eee;
border-bottom: 2px solid #ddd;
width: 269px;
height: 291px;
margin:10px -20px 35px 0;
padding: 8px 8px 15px;
display:inline;
}

.homeblockthird:hover{
background: #efefef;
}


.featureblock{
float:left;
margin-top:10px;
background: #fff;
border: 1px solid #eee;
border-bottom: 2px solid #ddd;
width: 269px;
height: 130px;
margin: 10px 25px 10px 0;
padding: 10px 10px 15px;
display:inline;
}


.featureblock:hover{
background: #efefef;
}

.blockthird{
float:left;
margin-top:10px;
background: #fff;
border: 1px solid #eee;
border-bottom: 2px solid #ddd;
width: 269px;
height: 130px;
margin:10px -20px 40px 0;
padding: 8px 8px 15px;
display:inline;
}

.blockthird:hover{
background: #efefef;
}

#secondaryother{
width: 920px;
padding-top: 0px;
}


#secondary .blockfirst{
float:left;
width: 270px;
margin: 0;
margin-bottom:50px;
display:inline;
}

.featureblockother{
float:left;
margin-top:10px;
background: #fff;
border: 1px solid #eee;
border-bottom: 2px solid #ddd;
width: 269px;
height: 210px;
margin: 10px 25px 10px 0;
padding: 10px 10px 15px;
display:inline;
}

.featureblockother:hover{
float:left;
margin-top:10px;
background: #efefef;
border: 1px solid #ddd;
border-bottom: 2px solid #ddd;
width: 269px;
height: 210px;
margin: 10px 25px 10px 0;
padding: 10px 10px 15px;
display:inline;
}

.blockthirdother{
float:left;
margin-top:10px;
background: #fff;
border: 1px solid #eee;
border-bottom: 2px solid #ddd;
width: 269px;
height: 210px;
margin:10px -20px 40px 0;
padding: 8px 8px 15px;
display:inline;
}

.blockthirdother:hover{
float:left;
margin-top:10px;
background: #efefef;
border: 1px solid #ddd;
border-bottom: 2px solid #ddd;
width: 269px;
height: 210px;
margin:10px -20px 40px 0;
padding: 8px 8px 15px;
display:inline;
}


/*-----------------------------------------------------------------------------------------------
Featured Items
-----------------------------------------------------------------------------------------------*/


#featured{
border-top:1px solid #ccc;
padding-top:25px;
width: 920px
}


#featured .block{
margin-bottom:50px;
}



/*-----------------------------------------------------------------------------------------------
Ancillary Items
-----------------------------------------------------------------------------------------------*/

#primary .ancillary{
margin-bottom: 20px;
padding-top: 10px;
border-top: 1px solid #eee;
float: left;
width:280px;
overflow:hidden
}

#primary .ancillary .block{ 
float:left;
padding-bottom: 20px;
padding-left: 10px
}

#ancillary .block.last { 
margin-right:0;
border-right:1px dotted #fff
}


#primary .ancillary .block h2{ 
color:#999999;
font-size:12px;
height:5px;
line-height:0;
}

#primary .ancillary .block h3{ 
font-size:1px;
line-height:0.1em;
text-indent:-9999px;
height:20px;
width:260px;
padding-left:0;
margin-left:0;
background:url(images/web-hed.gif) 0 0 no-repeat;

}

#primary .ancillary .block h3#block1{ 
background:url(images/web-hed.gif) 0 0 no-repeat;
height: 1px
}

#primary .ancillary .block h3#block2{ 
background:url(images/apps-hed.gif) 0 0 no-repeat;
height: 1px
}

#primary .block h3#block3{ 
background:url(images/print-hed.gif) 0 0 no-repeat;
height: 1px
}

#primary .block ul { 
float:left;
text-align: left;
width:260px;
list-style:none;
}

#primary .block ul li { 
float:left;
width:260px;
margin-right:10px;
margin-bottom:5px
}

#ancillary .block ul li.even { 
margin-right:0px
}

#primary .ancillary .block ul li p { 
line-height:1em;
color: #151515;
font-family:Arial, sans-serif;
font-size:12px
}

#primary .ancillary .block ul li a { 
color:#777;
}

#primary .ancillary .block ul li a:hover { 
color:#42C9BB;
}


#primary .ancillary .block ul li.cur a { 
color:#151515;
background-color: #eee;
padding: 4px
}


#primary .ancillary .block ul li cur { 
border-bottom: 1px solid #fff;
color:#151515;
}


ul.dates, ul.counts, ul.blogroll ul, ul.pages{
list-style-type:none;
margin:1.5em 0 2em 0;
border-top:1px dotted DarkSalmon;
}

.primary ul.dates, ul.counts, ul.blogroll ul, ul.pages{
list-style-type:none;
margin:1.5em 0 2em 0;
border-top:1px dotted Ivory;
}

ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
list-style-type:none;
margin:0;
padding:0.6em 0;
}
ul.dates .date{
color:#333;
padding:0 0.5em 0 0;
}

ul.counts .count{
float:right;
color:#333;
}

ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
color:LightGoldenRodYellow;
text-decoration:none;
}

.primary ul.dates a{
color:#808080;
text-decoration:underline;
}

ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 
color:Ivory;
}

.primary ul.dates a:hover{ 
color:#FF3333;
}

ul.blogroll{ margin-top:0; }
ul.blogroll li{
list-style-type:none;
margin:0;
}

ul.pages ul{
margin:0;
}
ul.pages ul li{
border:none;
margin-left:2em;
list-style-type:none;
}
/*-----------------------------------------------------------------------------------------------
Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
margin-top:10px;
margin-bottom: 20px;
width: 920px;
border-top: 1px solid #E1E1E1;
}
#footer .inside{
background:url(images/footer_black.gif) 50% 0 repeat-x;
padding:1em 0;
}
#footer p{
margin-top:7px;
font-size:0.75em;
}
#footer p.copyright{ float:left; }
#footer p.attributes{ float:right; }
#footer p.attributes a{
padding:0 0 0 1em;
text-decoration:none;
color:#525252;
}
#footer p.attributes a:hover{
color:Ivory;
}

.static {
display: inline;
margin-top: 10px;
float: right;
}

.alignleft {
display: inline;
float: left;
}

.specials {
display: inline;
border: 1px solid #fff;
margin-bottom: 10px;
margin-left: 5px;
margin-top: 3px;
float: left;
}

.alignright {
float: right;
}

.icons {
display: inline;
float: left;
margin-right: 9px;
padding-top: 15px;
}

.heds {
display: inline;
float: left;
margin-right: 900px;
padding-top: 20px;
}

.back {
margin-top: 20px;
display: inline;
padding-left: 10px;
float: left;
}

.forward {
margin-top: 20px;
display: inline;
padding-right: 5px;
float: right;
}


/*-----------------------------------------------------------------------------------------------
Form
-----------------------------------------------------------------------------------------------*/
#contactform {
padding:0 0 26px;
padding-left: 10px;
float:left;
width:354px;
}

#contactform form {
position:relative;
}

#contactform dl {
padding:0;
}

#contactform dt {
font-family: Arial, sans-serif;
font-size: 12px;
}

#contactform dt#submit {
display:block;
left:-5px;
position:relative;
}

#contactform dd input, #contactform dd textarea {
-x-system-font:none;
border:medium none;
color:#000000;
font-family:'Arial',sans-serif;
font-size-adjust:none;
font-size: 11px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
margin:0 0 1.5em;
padding:0.3em 9px;
width:215px;
}

#contactform dd input, #contactform dd textarea {
background-color:#eee;
}

#contactform dd input.empty, #contactform dd textarea.empty {
color:#666666;
}

#contactform dd input.stillempty, #contactform dd textarea.stillempty {
background-color:red;
}

#contactform dd input.filled, #contactform dd textarea.filled {
color:#777;
}