@import url(tripoli/tripoli.base.css);
@import url(tripoli/plugins/tripoli.visual.css);
@import url(tripoli/plugins/tripoli.layout.css);

html,
body {
  font-family:"lucida grande","lucida sans unicode",garuda,sans-serif;
  color:#464648;
  background-color:#FBFBFB;
}

.content a {
  color:#D43C11;
  text-decoration:none;
}

.content a:hover {
  text-decoration:underline;
}

.georgia {
  font-family:Georgia,"Nimbus Roman No9 L",serif;
}

.italic {
  font-style:italic;
}

.orange {
  color:#F25325;
}

.sans_title {
  font-size:1.384em;
}

.serif_title {
  font-size:1.692em;
}

.serif_title.with-border {
  border-bottom:1px solid #E0E0E0;
  margin-right:5em;
}

.rounded {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.small-rounded {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.box {
  background:white;
  border:1px solid #E0E0E0;
  margin-top:0;
}

.box + .box {
  margin-top:1em;
}

#primary div.wrapper {
  padding:2em 3.5em 2em;
}

#primary div.content {
  font-size:1.3em;
}

#secondary {}
#secondary > div.content {
  padding-top:1.5em;
}

#secondary .box {
  padding:1em;
}

/*
  HEADER
*/

div#header {
  overflow:hidden;
  padding:1.5em 0 0;
}

/*
  HEADER: MENU
*/

ul#top-menu {
  float:right;
  overflow:hidden;
  background:#0077EB url(../images/menu_bg.gif) repeat-x bottom left;
  margin-top:1.5em;
}

ul#top-menu li {
  padding:1.3em 1em;
  float:left;
  border-style:solid;
  border-width:0 1px;
  border-left-color:#0077EB;
  border-right-color:#0B3D9C;
}

ul#top-menu li.first {
  border-left-width:0;
}

ul#top-menu li.last {
  border-right-width:0;
}

ul#top-menu li a {
  color:white;
  text-decoration:none;
  font-size:1.6em;
}

ul#top-menu li a:hover,
ul#top-menu li a.selected {
  text-decoration:underline;
}

/*
  HOME: SLOGAN
*/

#slogan-home {
  position:relative;
  padding-top:19px;
  margin-bottom:1em;
}

#slogan-home .box {
  font-size:1.8em;
  margin-top:0;
}

#slogan-home .box .wrapper {
  margin:1px;
  padding:0.55em 1em;
  line-height:1.2em;
  background:white url(../images/slogan_bg.gif) repeat-x bottom left;
}

#slogan-home-arrow {
  position:absolute;
  top:0;
  left:75px;
  width:39px;
  height:20px;
  background:transparent url(../images/slogan_arrow.gif) no-repeat 0 0;
}

/*
  HOME: FEATURES
*/

ul.features {
  list-style-type:none;
  margin-left:0;
}

ul.features li {
  line-height:1.2em;
  padding-left:45px;
  margin-bottom:1.5em;
  background:transparent no-repeat 15px 0;
}

ul.features li strong {
  font-size:1.23em;
}

#feature-01 { background-image:url(../images/features/01.gif); }
#feature-02 { background-image:url(../images/features/02.gif); }
#feature-03 { background-image:url(../images/features/03.gif); }
#feature-04 { background-image:url(../images/features/04.gif); }
#feature-05 { background-image:url(../images/features/05.gif); }
#feature-06 { background-image:url(../images/features/06.gif); }
#feature-07 { background-image:url(../images/features/07.gif); }
#feature-08 { background-image:url(../images/features/08.gif); }
#feature-09 { background-image:url(../images/features/09.gif); }
#feature-10 { background-image:url(../images/features/10.gif); background-position:13px 0; }

/*
  SCREENSHOTS
*/

ul#screenshots {
  overflow:hidden;
  list-style-type:none;
  margin-left:0;
}

ul#screenshots li {
  float:left;
  margin:15px;
  padding:0;
}

ul#screenshots li a {
  display:block;
  width:230px;
  height:230px;
  overflow:hidden;
  border:1px solid #E0E0E0;
  padding:0;
}

/*
  RIGHT COLUMN
*/

#secondary .big-button {
  color:white;
  border:1px solid #E0E0E0;
  background:#CCCCCC;
  padding:2em 0 2em 3em;
  margin-top:0;
}

#secondary .big-button a {
  display:block;
  color:white;
  text-decoration:none;
  font-size:1.307em;
  line-height:1em;
}

#secondary .big-button a:hover {
  text-decoration:underline;
}

#secondary .big-button small {
  display:block;
  font-size:0.846em;
  line-height:1em;
  margin-top:0.3em;
}

#secondary .big-button.bg-orange {
  background:#FC7954 url(../images/btn_o_bg.gif) repeat-x bottom left;
  border-color:#D43C11;
}

#secondary .big-button.bg-blue {
  background:#248FFA url(../images/btn_b_bg.gif) repeat-x bottom left;
  border-color:#0167C9;
}

#secondary .big-button.bg-gray {
  background:#FEFEFE;
  border-color:#E0E0E0;
}

#secondary .big-button.bg-gray,
#secondary .big-button.bg-gray a {
  color:#464648;
}

#secondary .big-button + .box,
#secondary .box + .big-button,
#secondary .big-button + .big-button {
  margin-top:1em;
}

/* Blog News (web) */
#blog-news {
  padding:2em !important;
}
#blog-news p.georgia {
  margin:0 5em 0.8em 0;
  border-bottom:1px solid #e0e0e0;
}
#blog-news ul {
  list-style-type:none;
  margin-left:0;
  margin-bottom:0;
}
#blog-news ul li {
  font-size:1em;
  line-height:1em;
  border-bottom:1px dotted #E0E0E0;
  padding-bottom:0.5em;
  margin-top:0.5em;
}

#blog-news span {
  display:block;
}

#blog-news span.rss-meta {
  font-size:0.769em;
  font-weight:bold;
}

/*
  FOOTER
*/

#footer {
  padding:5em 0 3em;
  text-align:center;
}