/* base document margin and font setting */
body, html {
    margin : 0px;
  font : 11pt/15pt Arial,Helvetica,sans-serif;
}
/* removes default border on img when linked */
img { border: 0px; }
/* headings */
h1, h2, h3, h4, h5, h6 { margin-top : 0px; font-family : "Trebuchet MS", Garamond, sans-serif; }
h1 { font-size : 19pt; }
h2 { font-size : 16pt; }
h3 { font-size: 14pt; }
h4 { font-sie : 13pt; }
h5 { font-sie : 12pt; }
/* codes and tabular data */
pre { background-color : #fff; border: 1px solid #fcefa1; padding: 5px; overflow: auto; }
table { width : 100%; border-collapse: collapse; border : 0px; }
table td, table th { padding : 3px 5px;  border-right : 1px solid #e3fffc;  border-bottom : 1px solid #e3fffc; }
table tfoot td, table thead th, table tfoot th { border-right : 1px solid #a4c6c9; text-align : center; background-color :#c3dfe3; font-weight: bold; }
table .last { border-right : none; }
/* forms */
form { background-color : #e3fffc; padding : 10px;  -moz-border-radius : 10px;  -webkit-border-radius : 10px; border-radius : 10px; border: 1px solid #89b1ad; }
input, textarea { font : 11pt Arial,Helvetica,sans-serif; border : 0; padding : 3px; -moz-border-radius : 7px;  -webkit-border-radius : 7px; border-radius : 7px; border: 1px solid #89b1ad; }
/* layout header */
#rog-head {
  height : 99px;
  background : #46919a url(/assets/img/ui/head-bg.png) top left repeat-x;
  border-bottom: 1px solid #fff;
}
#rog-head h1, #rog-head ul { margin : 0px; padding : 0px; }
#rog-head .ui-wrapper {
  background: transparent url(/assets/img/ui/head-highlight-bg.png) top left no-repeat;
  height : 99px;
  position : relative;
}
#rog-head h1#site_heading {
  position : absolute;
  top : 10px;
  left : 20px;
  width : 272px;
  height : 73px;
  overflow : hidden;
  background : transparent url(/assets/img/brand/rogtopia.png) top left no-repeat;
}
#rog-head h1#site_heading a {
  display : block;
  width : 272px;
  height : 73px;
  text-indent : -3000em;
  cursor : pointer;
}
#rog-head #site_subheading { display: none; }
#rog-head ul {
  list-style-type : none;
  position : absolute;
  overflow : hidden;
  font : 13pt "Trebuchet MS", Garamond, sans-serif;
  zoom : 1;
  top : 35px;
  right : 20px;
}
#rog-head ul li {
  float : left;
  margin-right : 15px;
}
#rog-head ul li.last {
  margin-right : 0px;
}

#rog-head ul li a, #rog-head ul li a:visited {
  color : #fff;
  text-decoration : none;
  background : #2a8b97;
  padding : 5px 15px;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  border-radius : 10px;
  display : block;
}
.rounded-big {
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  border-radius : 10px;
}
.rounded-small {
  -moz-border-radius : 5px;
  -webkit-border-radius : 5px;
  border-radius : 5px;
}
#rog-head ul li a:hover {
  background-color : #07e4f3;
  color : #1f646d;
}
#rog-head ul li.active a, #rog-head ul li.active a:visited {
  background-color : #1f646d;
}
#rog-head ul li.active a:hover {
  color : #fff;
}
#rog-body {
  background : #a4c6c9 url(/assets/img/ui/body-bg.png) top left repeat-x;
  min-height : 400px;
  color : #4a686b;
}
#rog-body .ui-wrapper {
  zoom : 1;
  overflow : hidden;
}
#rog-body .sidebar {
  float : left;
  width : 276px;
  border: 3px solid #bce5e1;
  background : #feffff;
  margin-left: 15px;
  padding : 15px;
  font-size: 10pt;
}
#rog-body .sidebar h3, #rog-body .sidebar h2 {
  margin-bottom : 5px;
}
#rog-body .sidebar h2 {
  font-size : 16pt;  
}
#rog-body .sidebar form {
  margin-bottom : 15px;
}
#rob-body .sidebar .input_wrapper input {
 width : 170px;
}
#rog-body .sidebar ul {
  list-style-type: none;
  margin : 0px;
  padding-left: 10px;
  margin-bottom: 15px;
}
#rog-body .sidebar #tag-cloud {
  margin-bottom: 15px;
  padding-left: 10px;
}
#rog-body .rog-content {
  float : right;
  width : 613px;
  text-align : left;
  padding : 15px 20px;
}
#rog-body h2, #rog-body h3 {
  color : #1b5860;
}
#rog-body .rog-content a, #rog-foot a {
  color : #1786aa;
}
#rog-body .rog-content a:visited, #rog-foot a:visited {
  color : #061e23;
}
#rog-body .sidebar a {
  color : #31b6e2;
}
#rog-body .sidebar a:visited {
  color : #1786aa;
}
#rog-body h2 {
  font-size: 18pt;
}
.page-fold {
  background-color : #1f646d;
}
#recent-blog-posts .ui-wrapper {
  overflow : hidden;
  zoom : 1;
  color : #e3fffc;
}
#recent-blog-posts h2 {
  font: 15pt Georgia, sans-serif;
  text-align: center;
}
#recent-blog-posts h2 span {
  color : #14cce2;
}
#recent-blog-posts ul {
  list-style-type: none;
  margin : 0;
  padding : 0;
}
#recent-blog-posts ul li {
  font-size : 10pt;
  background: transparent url(/assets/img/ui/recent-list.png) left center no-repeat;
  padding-left: 21px;
}
#recent-blog-posts ul li a {
  color : #00e3fe;
}
#recent-blog-posts ul li a:visited {
  color : #a4c6c9;
}
#recent-blog-posts .archived {
  margin : 0px;
  padding : 0px;
  padding-left: 0px;
  text-align : right;
  background : transparent url(/assets/img/ui/recent-more.png) right 3px no-repeat;
  padding-right: 18px;
  margin-top : 15px;
}
#recent-blog-posts .archived a {
  color : #a4c6c9;
}
#recent-blog-posts .cat-recent {
  float: left;
  width : 276px;
  background: #061e23;
  padding : 15px;
  margin-left : 15px;
  min-height : 140px;
}
#recent-blog-posts .cat-recent h3 { margin-top: 0px; }
#recent-blog-posts .cat-recent.last {
  margin-right : 0px;
}
.ui-wrapper {
  margin : 0px auto;
  width : 980px;
  padding: 20px 0px;
}
.notice {
  background-color : #fbf9ee;
  border: 1px solid #fcefa1;
  color: #363636;
  padding : 5px;
}
#ie-notice {
  padding-top: 15px;
  font : 10pt/15pt Arial,Helvetica,sans-serif;
}
#ie-notice ol { list-style-type: none; margin: 0; padding: 0; margin-left : 15px; }
#ie-notice ol li { margin-bottom : 10px; padding: 5px 0px; padding-left: 69px; cursor: pointer; }
#ie-notice ol li a, ie-notice ol li a:visited { color:#2a8b97; font-weight: bold; }
#ie-notice li.firefox { background: url(/assets/img/notices/firefox.png) left top no-repeat; }
#ie-notice li.opera { background: url(/assets/img/notices/opera.png) left top no-repeat; }
#ie-notice li.safari { background: url(/assets/img/notices/safari.png) left top no-repeat; }
#ie-notice li.chrome { background: url(/assets/img/notices/chrome.png) left top no-repeat; }
#ie-notice li.ie { background: url(/assets/img/notices/ie8.png) left top no-repeat; }

#rog-foot {
  background-color :#e3fffc;
  border-top: 1px solid #1f646d;
  color : #4A686B;
  height : 90px;
}
#rog-foot .ui-wrapper {
  position : relative;
  
}
#copyright {
  position : absolute;
  top : 15px;
  left : 0px;
}
#copyright p { margin: 0px; padding : 0px; }
#powered_by {
  position : absolute;
  left : 450px;
  top : 10px;
}
#topdoc {
  position : absolute;
  right : 0px;
  top : 15px;
}
/* misc */
.blog_post .date { font-size: 10pt; color: #1786aa; background: transparent url(/assets/img/blog/author.png) left top no-repeat; padding-left: 50px; }
.blog_post .date .date_prefix { display : block ; }
.blog_post .date .date_prefix span { font-variant : small-caps; font-weight : bold; }
.photo { background-color : #2a8b97; border-radius : 10px; -moz-border-radius : 10px; padding : 5px; }
.photo span { display : block; padding : 0px 15px; color : #e3fffc; }
.search_wrapper #blog_search { width : 170px; }
.search_wrapper { padding-top : 0px; }