* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #142830; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #fff; font-family: Lucida Grande,Lucida Sans Unicode,sans-serif; line-height: 1.4; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.1em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #2c5866; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */
.dropcap {background:#55AED0 none repeat scroll 0 0;border:1px solid #f0f0f0;color:white;float:left;font-family:Georgia,serif;font-size:40px;line-height:42px;margin-right:6px;margin-top:5px;padding-right:5px;padding-top:2px;}
#root { }
 #top { background: #fff url(../images/bg-top.png) 50% 0 no-repeat; }
  #top div.wrap { position: relative; width: 850px; margin: 0 auto; padding: 110px 46px 1px; }
   #logo { position: absolute; left: 0px; top: 30px; }
    #logo a { }
   #nav { width: 862px; height: 52px; margin: 0 -6px; background: url(../images/nav-bg.png) no-repeat; }
    #nav ul { float: left; list-style: none; margin: 0; padding: 10px 5px 0; }
     #nav ul li { display: inline; float: left; margin: 0 0 0 5px; font-weight: bold; line-height: 1; }
      #nav ul li a { float: left; padding: 2px; background: url(../images/nav-active.gif) -10001px -10001px repeat-x; color: #fff; }
      #nav ul li a:hover,
      #nav ul li a:focus { color: #e2ecf6; text-decoration: none; }
      #nav ul li a:active {margin-top:1px;}
       #nav ul li a span { float: left; padding: 8px; cursor: pointer; }
      #nav ul li a.active { float: left; padding: 0; border: 1px solid #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #306a84; background-position: 0 0; color: #fff; text-shadow: #244f61 0 1px 0; }
       #nav ul li a.active span { padding: 8px; border: 1px solid #4c8aa6; }
      #nav ul li em { position: absolute; left: -10001px; top: -10001px; }
    #nav p { display: inline; float: right; margin: 10px 10px 0 0; padding: 0 11px 0 0; line-height: 1; background: url(../images/nav-button-a.png) 100% 0 no-repeat; font-weight: bold; }
     #nav p input { border:0px none;position: relative; float: left; min-width: 140px;width:146px; margin: 0 0 0 -1px; padding: 10px 0 10px 11px; background: url(../images/nav-button-a.png) 0 0 no-repeat; color: #fbdb39; text-align: center; }
      #nav p span a { color: #fff; }
      #nav p span a:hover,
      #nav p span a:focus,
      #nav p span a:active { color: #e2ecf6; text-decoration: none; }
   #action { position: absolute; right: 0px; top: 45px; }
    #action a { display: block; overflow: hidden; width: 208px; height: 53px; background: url(../images/button-learn.png) no-repeat; text-indent: -10001px; }
    #action a:focus, #action a:hover { background-image: url(../images/button-learn-hover.png); }
   #seefeature { display: block; overflow: hidden; width: 177px; height: 41px; background: url(../images/seefeatures.png) no-repeat; text-indent: -10001px; float:left; margin-left:70px;}
   #seebenchmark { display: block; overflow: hidden; width: 177px; height: 41px; background: url(../images/seebenchmark.png) no-repeat; text-indent: -10001px; float:left;margin-left:30px;}
   #info { position: absolute; right: 51px; top: 3px; list-style: none; margin: 0; padding: 0; }
    #info li { float: left; margin: 0 0 0 5px; padding: 0 0 0 7px; background: url(../images/sep-a.gif) 0 75% no-repeat; }
    #info li.first { margin-left: 0; padding-left: 0; background: none; }
     #info li a { float: left; color: #142830; text-shadow: #fff 0 1px 0; }
   #intro { overflow: hidden; width: 850px; margin: 0 -40px; padding: 15px 40px 10px; color: #555; }
    #intro div.main { float: left; width: 405px; padding: 20px 0 0; }
     #intro div.main h1 { margin: 0; color: #000; font: 3em/1.2 Georgia,serif; letter-spacing: -0.5px; text-align: center; }
     #intro div.main div.paper { width: 387px; margin: 0 auto; padding: 15px 0 1px; background: url(../images/intro-sides.png) no-repeat; text-align: center; }
      #intro div.main div.paper p.subheader { width: 315px; margin: 0 auto; font: 1.6em/1.4 Georgia,serif; color:#111; }
      #intro div.main div.paper p.ribbon { position: relative; width: 388px; margin: 5px -6px 20px; padding: 24px 6px 35px; background: url(../images/intro-ribbon.png) no-repeat; color: #726519; font-weight: bold; text-align: center; text-shadow: #fef4c4 0 1px 0;font-style:italic; }
     #intro div.main div.action { margin: -5px 0 0; text-align: center; }
      #intro div.main div.action p { display: -moz-inline-stack; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #d3e9f0; text-shadow: #F0FAFC 0 1px 0; font-size: 1.3em; }
      * html #intro div.main div.action p { display: inline; }
      *:first-child+html #intro div.main div.action p { display: inline; }
       #intro div.main div.action p span { float: left; padding: 8px 20px; border: 1px solid #ecf8fc; background: #d1eff7 url(../images/intro-action.png) repeat-x; color: #6a797f; word-spacing: 5px; }
        #intro div.main div.action p span a { color: #151819; font-weight: bold; word-spacing: 0; }
    #intro div.side { position: relative; float: right; width: 402px; padding-right:15px; }
     #intro div.side div.screen { display:block; width:400px; height:350px; background: transparent url(../images/bx_notes_bg.png) no-repeat; }
     #intro div.side div.writings { display:block; width:260px;height:202px; background: transparent url(../images/bx_graph.png) no-repeat; position:absolute; left:54px; top:75px; padding: 10px 15px 10px; font-size:12px; text-align:justify;overflow:hidden;}
	 #writeup{position:absolute;top:0px;}
	 .writein{ display:block; width:260px; height:217px;}
	 .writeinUl{ margin-left:0px;padding-left:0px;text-align:left;list-style-type:none;}
	 .writeinLI{padding-left:23px;line-height:15px;height:36px;background:transparent url(../images/arrow.png) no-repeat;}
     #intro div.side div.writehead { display:block;font-size:140%; font-weight:bold; position:absolute; left:58px; top:46px; }
 /*     #intro div.side p.screen img { display: block; padding: 0 0 7px; }*/
     #intro div.side p.label { position: absolute; right: -35px; top: 40px; line-height: 25px; }
      #intro div.side p.label a { position: relative; float: left; padding: 0 0 0 20px; background: url(../images/intro-label.png) no-repeat; color: #60668f; }
      #intro div.side p.label a:hover,
      #intro div.side p.label a:focus,
      #intro div.side p.label a:active { color: #254d5d; text-decoration: none;font-size:125%; }
       #intro div.side p.label a span { float: left; height: 28px; margin: 0 -5px 0 0; padding: 0 7px 0 0; background: url(../images/intro-label.png) 100% -28px no-repeat; cursor: pointer; }
   #subintro { overflow: hidden; width: 100%; margin: -6px 0 -1px; background: url(../images/bg-intro.png) no-repeat; text-align: center; }
    #subintro div.main { float: left; width: 628px; padding: 15px 10px 15px 9px; border-right: 1px solid #edf7f9; }
    #subintro.single div.main { float: none; width: auto; padding: 15px 10px; border: none; }
     #subintro div.main h1 { margin: 0 0 3px; font: 2.7em/1.1 Georgia,serif; letter-spacing: -0.5px; color:#111; }
     #subintro div.main h2 { margin: 0; color: #3983a4; font: 2.3em/1.1 Georgia,serif; letter-spacing: -0.5px; }
    #subintro div.side { float: right; width: 192px; padding: 20px 4px 0 4px; border: 1px solid #dbe5e8; border-width: 0 1px; background: #fff; }
    #subintro.single div.side { display: none; }
     #subintro div.side h3 { margin: 0 0 5px; color: #5ebedd; font-size: 1.3em; }
      #subintro div.side h3 a { color: #5ebedd; }
     #subintro div.side p { color: #888; }
 #content { background: #63c4e1 url(../images/bg-down.png) repeat-x; }
  #content div.wrap { overflow: hidden; width: 850px; margin: 0 auto; padding: 20px 0 10px; background: url(../images/bg-content-b.png) no-repeat; }
  #content div.single-a { padding-top: 35px; background: none; }
  #content div.double-a { }
   #side { display: inline; float: left; width: 205px; margin: 0 0 0 20px; }
   #main { display: inline; float: right; width: 585px; margin: 0 20px 0 0; }
  #content div.double-b { }
   div.double-b #side { float: right; width: 160px; margin: 0 20px 0 0; }
   div.double-b #main { float: left; width: 625px; margin: 0 0 0 20px; }
  #content div.double-c { }
   div.double-c #side { float: right; width: 182px; margin: 0 20px 0 0; }
   div.double-c #main { float: left; width: 610px; margin: 0 0 0 20px; }
 #footer { padding: 40px 0; background: url(../images/bg-footer.gif) repeat-x; }
  #footer div.wrap { overflow: hidden; width: 850px; margin: 0 auto; background: url(../images/logo-b2.png) 0 50% no-repeat; height:60px;}
   #footer div.wrap ul { float: right; list-style: none; margin: 0; padding: 0; }
    #footer div.wrap ul li { display: inline; float: left; margin: 0; font-weight: bold; }
     #footer div.wrap ul li a { float: left; padding: 10px; color: #fff; }
     #footer div.wrap ul li a[href*=donate] { color: #fbdb39; }
     #footer div.wrap ul li a:hover,
     #footer div.wrap ul li a:focus,
     #footer div.wrap ul li a:active { color: #a2eaff; text-decoration: none; }
     #footer div.wrap ul li a.active { padding: 9px; border: 1px solid #0d1a20; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #0c1a20 url(../images/footer-nav-bg.gif) no-repeat; color: #fff; }
#viewlicense p span { float: left; padding: 8px 20px;margin-left:190px; border: 1px solid #99b6e0; background: #d1eff7 url(../images/intro-action.png) repeat-x; color: #000; word-spacing: 5px; }
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { color: #244b59; font-weight: bold; line-height: 1.2; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.7em; }
#content h2 { text-shadow: #b1e2f0 0 1px 0; }
#content div.post-a-featured h2 { text-shadow:none; }
h3 { margin: 0 0 10px; font-size: 1.2em; /*text-shadow: #b1e2f0 0 1px 0;*/ }
h4 { margin: 0 0 10px; font-size: 1.2em; text-shadow: #b1e2f0 0 1px 0; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

h3.a { margin: 0 0 10px; padding: 0 0 7px; background: url(../images/sep-b.png) 50% 100% no-repeat; color: #31667f; font-size: 1.1em; }
h3.b { margin: 0 0 25px; padding: 7px 10px; border: 1px solid #4f9fb8; border-bottom-color: #57b0cc; background: #5ebedd url(../images/nav-b-bg.gif) repeat-x; color: #fff; font-weight: bold; font-size: 1.1em; text-shadow: #4fa0bc 0 1px 0; }
 h3.b a { color: #fff; }
h4.a { margin: 0; color: #fff; font-size: 1.1em; line-height: 1.4; text-shadow: #51a5c0 0 1px 0; }

/* columns */

div.cols-two-a { overflow: hidden; width: 100%; margin: 0 -5px; padding: 0 5px; }
 div.cols-two-a div.primary,
 div.cols-two-a div.secondary { display: inline; float: left; width: 400px; margin: 0 0 0 50px; }
 div.cols-two-a div.primary { margin-left: 0; }

div.cols-four-a { overflow: hidden; width: 100%; }
 div.cols-four-a div.primary,
 div.cols-four-a div.secondary,
 div.cols-four-a div.tertiary,
 div.cols-four-a div.quaternary { display: inline; float: left; width: 175px; margin: 0 0 0 50px; }
 div.cols-four-a div.primary { margin-left: 0; }

/* line up */

div.content-a { padding: 0 20px; }

/* containers */

div.box-a { margin: 0 0 15px; border: 1px solid #51a5bf; background: #57b2ce url(../images/box-a-bg.png) 0 100% repeat-x; }
 div.box-a h3 { margin: 0 0 10px; padding: 7px 10px; border-bottom: 1px solid #4fa4c1; background: #58b8d6 url(../images/box-a-header.png) repeat-x; color: #fff; text-shadow: #4fa0bc 0 1px 0; font-size: 1.1em; }
 div.box-a div.content { padding: 0 10px; }
  div.box-a div.content p { margin-bottom: 10px; }
  div.box-a div.content ul { margin-bottom: 10px; }
   div.box-a div.content ul li { margin-bottom: 5px; }
  div.box-a div.content ol { margin-bottom: 10px; }

div.comments-a { overflow: hidden; width: 100%; margin: 0 0 25px; }
 div.comments-a div.add { float: right; width: 260px; border-left: 25px solid #63c4e1; }
 div.comments-a div.comment { margin: 0 0 20px; padding: 20px 0 0; border-top: 1px solid #8fd5e9; }
 div.comments-a div.comment-first { padding-top: 0; border-top: none; }
  div.comments-a div.comment p { margin: 0 0 10px; }
  div.comments-a div.comment p.info {  }
   div.comments-a div.comment p.info span { display: block; color: #376c7e; }
   div.comments-a div.comment p.info a { color: #fff !important; font-weight: bold; text-shadow: #57a9c3 0 1px 1; }

div.index-a { margin: 0 0 20px; border: 1px solid #4fa1ba; border-bottom-color: #9bdbee; background: #59b5d2 url(../images/index-a-bg.gif) 0 100% repeat-x; }
 div.index-a h3 { margin: 0; padding: 7px 10px; border-bottom: 1px solid #4fa1ba; background: #58b8d6 url(../images/index-a-header.gif) repeat-x; color: #fff; text-shadow: #58b8d6 0 1px 0; }
 div.index-a ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #4fa1ba; }
  div.index-a ul li { }
   div.index-a ul li a { position: relative; display: block; padding: 5px 10px 5px 35px; text-decoration: none !important; }
   * html div.index-a ul li a { height: 1%; }
   div.index-a ul li a:hover { background-color: #fde435; }
    div.index-a ul li a span { position: absolute; left: 6px; top: 50%; width: 17px; height: 17px; margin: -8px 0 0; background: url(../images/index-a-spot.png) 50% 0 no-repeat; color: #fff; line-height: 17px; text-align: center; }

div.item-a { overflow: hidden; width: 100%; margin: 0 0 25px; }
 div.item-a p.image { float: left; margin: 0 -400px 0 0; }
  div.item-a p.image img { float: left; }
 div.item-a h2 { margin: 0 0 10px 430px; padding: 15px 0 0; color: #000; font-size: 1.7em; }
 div.item-a h3 { margin: 0 0 10px 430px; color: #fff; font-size: 1.4em; line-height: 1.3; text-shadow: #51a5c0 0 1px 0; }
 div.item-a p { margin: 10px 0 0 430px; color: #fff; font-size: 1.3em; text-shadow: #51a5c0 0 1px 0; }

div.item-b { overflow: hidden; width: 100%; margin: 0 0 25px; }
 div.item-b ul.hasThumbnail { list-style:inside; }
 div.item-b h2 { margin: 0 0 10px; }
 div.item-b p.image { display: inline; float: left; margin: 0 12px 10px 0; font-size: 1.1em; text-align: center; }
  div.item-b p.image br { display: none; }
  div.item-b p.image img { display: block; border: 5px solid #fff; }
  div.item-b p.image strong { display: block; padding: 5px 0; background: #55aed0 url(../images/screens-a-label.gif) 0 100% repeat-x; text-shadow: #4891ad 0 -1px 0; }
  div.item-b p.image a { color: #fff !important; text-decoration: none !important; }
 div.item-b p { margin: 0 0 10px; font-size: 1.3em; text-shadow: #55abc6 0 1px 0; }
 div.item-b p.more-a { font-size: 1.1em; }

div.note-a { background: #bae5f2; color: #376d7f; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
 div.note-a div.inner { padding: 3px 15px 1px; border-bottom: 1px solid #c6e9f4; text-shadow: #dcf2f8 0 1px 0; }
  div.note-a div.inner p { margin: 0 0 2px; }
 div.note-a p.go { padding: 3px 15px; background: #8fd5ea; border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; color: #fff; text-shadow: #78bace 0 1px 0; font-weight: bold; }
  div.note-a p.go a { color: #fff; text-decoration: none !important; }

div.post-a { margin: 0 0 25px; padding: 0 20px; }
 div.post-a h3.header { margin: -20px -20px 20px; padding: 7px 10px; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; background: #55aed0 url(../images/header_pic5.png) 0 100% repeat-x;background-position:right; color: #fff; font-size: 1.1em; text-shadow: #4891ad 0 -1px 0; }
 div.post-a h2 { color: #000; }
  div.post-a h2 a { color: #000; }
 div.post-a p.info { margin: -13px 0 15px; color: #244c60; }
  div.post-a p.info a.comments { font-weight: bold; }
  div.post-a p.info span.sep { display: -moz-inline-stack; display: inline-block; overflow: hidden; width: 1px; height: 10px; margin: 0 3px; border-left: 1px solid #4da2c3; background: #84d3ea; text-indent: 1px; }
  * html div.post-a p.info span.sep { display: inline; }
  *:first-child+html div.post-a p.info span.sep { display: inline; }
 div.post-a div.content { overflow: hidden; width: 100%; margin-bottom: 10px; }
  div.post-a div.content p.image { float: right; margin: 0 0 10px 15px; border: 2px solid #fff; }
   div.post-a div.content p.image img { float: left; }
 div.post-a div.logo { width: auto; min-height: 70px; height: auto !important; height: 70px; padding-left: 155px; }
 * html div.post-a div.logo { overflow: visible; }
  div.post-a div.logo p.image { float: none; position: absolute; margin: 0 0 0 -155px; border: none; }
   div.post-a div.logo p.image img { float: none; }
  div.post-a div.content p { font-size: 1.3em; }
  div.post-a div.content ul { list-style: none; padding: 0 0 0 20px; }
   div.post-a div.content li { font-size: 1.3em; }
   div.post-a div.content ul li { padding: 0 0 0 15px; background: url(../images/bullet-d.gif) 0 8px no-repeat; }
 div.post-a div.content p.more { overflow: hidden; width: 100%; margin: 20px 0 20px; color: #fff; font-size: 1em; line-height: 2; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; text-shadow: #51a5c0 0 1px 0; }
  div.post-a div.content p.more a { float: left; padding: 0; border-left: 20px solid #8fd5e9; background: #73cae4; color: #fff !important; text-decoration: none !important; }
   div.post-a div.content p.more a span { position: relative; float: left; margin: 0 0 0 -14px; padding: 0 10px 0 22px; background: url(../images/bullet-c.gif) 0 60% no-repeat; }

div.post-a-featured { margin-bottom: 35px; padding-top: 20px; padding-bottom: 1px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #dcf2f8 url(../images/post-a-special-bg.png) repeat-x; }
 div.post-a-featured p.info { color: #30667f; }
  div.post-a-featured p.info a { color: #30667f; }
  div.post-a-featured p.info span.sep { border-color: #ccc; background: #eee; }
 div.post-a-featured div.content { color: #132831; }
  div.post-a-featured div.content a { color: #52a5c6; }

div.subscribe-a { width: 100%; margin: 0 0 25px; padding: 22px 0 0; }
 div.subscribe-a div.inner { position: relative; height: 95px; padding: 25px 15px 0 440px; background: url(../images/subscribe-a-bg.png) no-repeat; text-align: center; }
  div.subscribe-a div.inner p.image { position: absolute; left: 50px; top: -64px; }
   div.subscribe-a div.inner p.image img { display: block; }
  div.subscribe-a div.inner p { color: #66c9e4; font-size: 1.5em; font-weight: bold; text-shadow: #fff 0 1px 0; }
   div.subscribe-a div.inner p a { color: #66c9e4 !important; text-decoration: none !important; }
   div.subscribe-a div.inner p strong { color: #1f414e; }
   div.content div.innerbut {padding-left:70px;}
  div.content div.innerbut ul,
  div.subscribe-a div.inner ul { list-style: none; margin: 0; padding: 0; }
  div.content div.innerbut ul li,
   div.subscribe-a div.inner ul li { display: inline; margin: 0 10px; font-size: 1.4em; font-weight: bold; text-transform: lowercase; }
    div.content div.innerbut ul li a,
	div.subscribe-a div.inner ul li a  { display: -moz-inline-stack; display: inline-block; min-width: 110px; padding: 5px 20px; border: 1px solid #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff url(../images/subscribe-a-buttons.gif) 0 100% repeat-x; color: #4692b0; text-align: center; }
    div.subscribe-a div.inner ul li a:hover,
    div.subscribe-a div.inner ul li a:focus,
    div.subscribe-a div.inner ul li a:active { color: #1f414e; text-decoration: none; }
    * html div.subscribe-a div.inner ul li a { display: inline; }
    *:first-child+html div.subscribe-a div.inner ul li a { display: inline; }

/* forms */

form.add-comment-a { display: block; margin: 0 0 25px; padding: 15px 15px 5px; border: 1px solid #fff; background: #fff url(../images/add-comment-a-bg.png) 0 100% repeat-x; color: #1f3e4c; }
 form.add-comment-a p { margin: 0 0 10px; padding-right: 5px; }
  form.add-comment-a p label { display: block; margin: 0 0 2px; font-weight: bold; }
   form.add-comment-a p label span { font-weight: normal; }
  form.add-comment-a p input { width: 100%; padding: 2px; border: 1px solid #c3c3c3; color: #1f3e4c; }
  form.add-comment-a p textarea { overflow: auto; width: 100%; height: 150px; padding: 2px; border: 1px solid #c3c3c3; color: #1f3e4c; }
 form.add-comment-a p.submit { color: #aaa; }
  form.add-comment-a p button { color: #1f3e4c; }
  form.add-comment-a p a { color: #3f7484; }

/* admin ui */
.blog_post_form input[type=text], .blog_post_form textarea {
  color:#000;
  padding:3px;
  width:480px;
}
.blog_post_form h3 {
  margin-top:18px;
}
.blog_post_form input[type=submit] {
  color:#000;
  margin:30px 0 20px;
}

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */

ul.a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.a li { margin: 0 0 3px; font-weight: bold; text-shadow: #c6ecf7 0 1px 0; }

ul.b { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.b li { padding: 0 0 0 15px; background: url(../images/bullet-d.gif) 0 7px no-repeat; }

ul.archive-a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.archive-a li { margin: 0 0 3px; text-shadow: #6fbad2 0 1px 0; font-weight: bold; }
  ul.archive-a li a { float: left; width: 75px; text-shadow: #c6ecf7 0 1px 0; }
   ul.archive-a li a span { float: left; width: 30px; }

ul.nav-a { list-style: none; margin: 0 0 15px; padding: 5px; border: 1px solid #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #daf1f8 url(../images/nav-a-bg.gif) repeat-x; }
 ul.nav-a li { padding: 4px 2px 2px; background: url(../images/nav-a-sep.gif) 50% 0 no-repeat; color: #1f3e4c; font-size: 1.3em; }
 ul.nav-a li.first { padding-top: 2px; background: none; }
  ul.nav-a li a { display: block; color: #1f3e4c; }
  * html ul.nav-a li a { height: 1%; }
   ul.nav-a li a span { display: block; padding: 7px; background: url(../images/nav-a-bullets.gif) 175px 55% no-repeat; cursor: pointer; }
 ul.nav-a li.active { padding: 1px; border: 0px solid #3985a8; background: #2C87F1 ; }
  ul.nav-a li.active a { background: #3a83a6 url(../images/bgselected.png) repeat-x; color: #fff; text-decoration: none !important; }
   ul.nav-a li.active a span { background-position: -25px 55%; }

ul.nav-b { overflow: hidden; list-style: none; margin: 0 0 25px; padding: 0 20px; }
* html ul.nav-b { overflow: visible; height: 1%; }
 ul.nav-b li { display: inline; float: left; margin: 0 10px 0 0; border: 1px solid #4f9fb8; border-bottom-color: #57b0cc; background: #5ebedd url(../images/nav-b-bg.gif) repeat-x; font-weight: bold; line-height: 28px; }
  ul.nav-b li a { float: left; height: 28px; padding: 0 10px 0 30px; background: url(../images/nav-b-bullets.png) no-repeat; color: #fff; text-decoration: none !important; text-shadow: #4fa0bc 0 1px 0; }
  ul.nav-b li.next a { padding-left: 10px; padding-right: 30px; background-position: 100% -28px; }

ul.screens-a { overflow: hidden; list-style: none; width: 100%; margin: 0 0 10px; padding: 0; }
*:first-child+html ul.screens-a { margin-bottom: 12px; }
 ul.screens-a li { float: left; width: 125px; height: 104px; margin: 0 0 12px 12px; text-align: center; }
 ul.screens-a li.row { margin-left: 0; margin-right: 1px; }
  ul.screens-a li br { display: none; }
  ul.screens-a li img { display: block; border: 5px solid #fff; }
  ul.screens-a li strong { display: block; padding: 5px 0; background: #55aed0 url(../images/screens-a-label.gif) 0 100% repeat-x; text-shadow: #4891ad 0 -1px 0; }
  ul.screens-a li a { color: #fff !important; text-decoration: none !important; }

ul.screens-a-b { }
*:first-child+html ul.screens-a-b { margin-bottom: 20px; }
 ul.screens-a-b li { width: 260px; height: auto; margin: 0 0 15px 15px; }
 ul.screens-a-b li.row { margin-left: 0; margin-right: 0; }
  ul.screens-a-b li img { border: 10px solid #fff; }

dl.a { margin: 0 0 25px; padding: 0; }
 dl.a dt { clear: both; float: left; width: 205px; margin: 0 -215px 0 0; font-weight: bold; text-shadow: #54aac6 0 1px 0; }
 dl.a dd { margin: 0 0 0 220px; }
  dl.a dd p { }

/* paragraphs */

p.action-a { font-weight: bold; }
 p.action-a a { display: -moz-inline-stack; display: inline-block; padding: 2px 5px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fbdb39; color: #000; }
 * html p.action-a a { display: inline; }
 *:first-child+html p.action-a a { display: inline; }

p.back-a { margin: 0 0 20px; border-left: 20px solid #8fd5e9; background: #73cae4; color: #fff; font-size: 1em; line-height: 2; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; text-shadow: #51a5c0 0 1px 0; }
 p.back-a a { margin: 0 0 0 -12px; padding: 0 0 0 20px; background: url(../images/bullet-b.gif) 0 50% no-repeat; color: #fff !important; text-decoration: none !important; }

p.message-a { overflow: hidden; width: 840px; margin: 0 0 25px; padding: 1px 10px 0 0; border-bottom: 1px solid #4fa4c1; background: url(../images/message-a-bg-a.png) no-repeat; font-weight: bold; line-height: 28px; text-shadow: #4c95b0 0 1px 0; white-space: nowrap; }
 p.message-a strong { display: inline; float: left; margin: 0 10px 0 1px; padding: 0 10px; border-right: 1px solid #54aac5; background: #58b8d6 url(../images/message-a-bg-b.gif) repeat-x; }
 p.message-a a {color:#fff;}
 p.message-a a:focus, p.message-a a:hover {text-decoration:none;}

p.message-b { margin: 0 0 25px; padding: 12px 10px; border: 1px solid #fff; background: #fff url(../images/message-b-bg.gif) 0 100% repeat-x; color: #1f404d; font-size: 1.5em; line-height: 1.2; text-align: center; text-shadow: #fff 0 1px 0; }

p.more-a { padding: 0 0 0 15px; background: url(../images/bullet-a.gif) 0 70% no-repeat; font-weight: bold; }
p.more-a:first-letter { text-transform: lowercase; }
 p.more-a a { padding: 0 2px; border-bottom: 1px solid #90d6ec; font-weight: normal; text-decoration: none !important; }

/* other */

.shadow-a { text-shadow: #51a5c0 0 1px 0; }

.shadow-box-a { background-color: #000 !important; }
.shadow-box-b { background-color: #000 !important; }
.shadow-box-c { background-color: #000 !important; }

.sep-a { margin-top: 20px !important; padding-top: 25px !important; background: url(../images/separator-a.png) 50% 0 no-repeat; }

.center { text-align: center; }

/* ELEMENTS
------------------------------------------- */

#points-a { margin: 0 0 10px; padding: 0 0 5px; }

#teaser-a { }
 #teaser-a div.secondary { padding-top: 10px; }
  #teaser-a div.picture { overflow: hidden; width: 100%; }
   #teaser-a div.picture p.image { float: left; }
   #teaser-a div.picture p { color: #142d35; text-shadow: #6ddfff 0 1px 0; }

#contact-me div.inner p textarea {
    background:#FFFFFF url(../images/sign-up-input-a.png) no-repeat scroll 0 0;
    border:1px solid #DBDBDB;
    color:#244A5C;
    float:left;
    margin:0 10px 0 0;
    padding:2px 3px;
}
#contact-me { margin: 0 0 25px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #ddf3f9 url(../images/sign-up-bg-b.png) repeat-x; }
 #contact-me h2 { margin: 0; padding: 7px 10px; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; background: #55aed0 url(../images/screens-a-label.gif) 0 100% repeat-x; color: #fff; font-size: 1.1em; text-shadow: #478fab 0 -1px 0; }
 #contact-me div.inner { padding: 9px 19px; border: 1px solid #fff; background: url(../images/sign-up-bg.gif) repeat-y; }
  #contact-me div.inner p { overflow: hidden; width: 100%; color: #244a5c; margin: 0; padding: 10px 0 8px; font-size: 1.3em; text-shadow: #fff 0 1px 0; }
   #contact-me div.inner p label { display: inline; float: left; width: 190px; margin: -10px 30px 0 0; padding: 11px 0 0; background: url(../images/sep-c.gif) repeat-x; vertical-align: middle; }
   #contact-me div.inner p.first label { background: none; }
   #contact-me div.inner p input { float: left; width: 292px; margin: 0 10px 0 0; padding: 2px 3px; border: 1px solid #dbdbdb; background: #fff url(../images/sign-up-input-a.png) no-repeat; color: #244a5c; vertical-align: middle; }
  #contact-me div.inner p.warning input, .add-comment-a p.warning input, .add-comment-a p.warning textarea {
    background:#FF7F7F!important;
    border:1px solid #FF3333;
    color:#fff;
  }
   #contact-me div.inner p span.ok { overflow: hidden; float: left; width: 7px; height: 7px; margin: 7px 0 0; background: url(../images/sign-up-icons.gif) no-repeat; text-indent: -10001px; }
   #contact-me div.inner p span.attention { overflow: hidden; float: left; width: 6px; height: 8px; margin: 6px 0 0; background: url(../images/sign-up-icons.gif) 2px -12px no-repeat; text-indent: -10001px; }
   #contact-me div.inner p a { color: #4d9fbd; }
  #contact-me div.inner p.url { background: url(../images/sign-up-url.png) 221px 10px no-repeat; }
   #contact-me div.inner p.url input { width: 135px; margin: 0 112px 0 55px; background: #fff url(../images/sign-up-input-b.png) no-repeat; }
  #contact-me div.inner p.tick { width: auto; padding-left: 220px; font-size: 1.1em; }
   #contact-me div.inner p.tick input { float: none; width: auto; height: 15px; margin: 0 5px 0 0; padding: 0; background: none; border: none; }
   #contact-me div.inner p.tick label { float: none; width: auto; margin: 0; padding: 0; background: none; position:relative; bottom:2px; }
 #contact-me p.submit { padding: 15px 10px 15px 240px; border-top: 1px solid #244b5c; border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; background: #234b5b url(../images/sign-up-footer.png) repeat-x; }
  #contact-me p.submit button { padding: 1px 8px 3px; color: #000; }
  #contact-me p.submit button:hover {opacity:.9;}

#complete { margin: 0 0 25px; text-align: center; }
 #complete div.box { margin: 0 0 25px; padding: 45px 85px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;border: 1px solid #fff; background: #ddf3f9 url(../images/sign-up-bg-b.png) 0 -25px repeat-x; color: #4893b0; }
  #complete div.box h2 { margin: 0 0 10px; font-size: 1.5em; }
  #complete div.box p { font-size: 1.3em; }
  #complete div.box p.url { margin: 0; color: #000; font-size: 1.8em; font-weight: bold; text-shadow: #fff 0 1px 0; }
   #complete div.box p.url a { display: -moz-inline-stack; display: inline-block; padding: 20px 35px; border: 1px solid #fbdb39; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #ffe03d url(../images/complete-url.gif) repeat-x; color: #000; }
   * html #complete div.box p.url a { display: inline; height: 1%; }
   *:first-child+html #complete div.box p.url a { display: inline; height: 1%; }
 #complete p.footer { line-height: 1.8; text-shadow: #51a4bf 0 1px 0; }