/* font-face */
@font-face {  
  font-family:"texgyreadventor";  
  src:url(../fonts/texgyreadventor-regular.otf);
  font-weight:100;
}
@font-face {  
  font-family:"texgyreadventor-bold";  
  src:url(../fonts/texgyreadventor-bold.otf);
  font-weight:100;
}

/* Generic tag styles */
body {
background:url(../images/bg_main.png) repeat top left;
font-family:"texgyreadventor", Helvetica, Arial, sans-serif;
font-weight:100;
font-size:14px;
color:#cbd6e0;
overflow:hidden;
text-align:center;
}
h2 {
margin:0;
padding:23px 0 15px 0;
font-weight:100;
font-size:32px;
color:#fff;
line-height:1.0em;
}
p {
margin:0;
padding:5px 0;
font-weight:100;
line-height:1.5em;
}
p.intro {
padding:5px 0 15px 0;
font-family:"texgyreadventor-bold", Helvetica, Arial, sans-serif;
}
p.pricepoint {
padding:15px 0 20px 0;
font-size:42px;
line-height:1.0em;
}
img {
display:block;
border:0;
}
a {
color:#abb6e0;
text-decoration:none;
}
ul {
list-style:none;
}
form, fieldset {
border:0;
padding:10px 0 0 0;
margin:0;
}
label {
display:block;
position:absolute;
left:-10000px;
}
label.error {
position:static;
width:360px;
padding:8px 10px;
margin:-5px 0 5px 0;
background-color:#191d23;
color:#4c565f;
border-bottom:1px solid #000;
}
input.text, textarea {
background:url(../images/input_bg.png) repeat top left;
width:360px;
padding:8px 10px;
margin:0 0 5px 0;
border:1px solid #000;
font-family:"texgyreadventor", Helvetica, Arial, sans-serif;
font-size:14px;
color:#3c464f;
}
textarea {
height:135px;
}
input.submit {
display:block;
background:url(../images/btn_contact_us.png) no-repeat top left;
width:195px;
height:47px;
border:0;
font-size:1px;
color:#000;
cursor:pointer;
}

#container {
position:absolute;
top:25%;
left:0px;
right:0px;
width:960px;
margin:0 auto;
text-align:left;
}
#header {
float:left;
width:250px;
}
#content {
float:left;
width:680px;
}
#detail {
width:380px;
padding:0 0 0 90px;
}

#header h1 {
background:url(../images/logo_moby.png) no-repeat top left;
width:243px;
height:68px;
line-height:1.0em;
margin:0;
padding:0;
}
#header h1 span {
position:absolute;
left:-10000px;
}

#nav {
list-style:none;
width:250px;
padding:32px 0 0 0;
margin:0;
text-align:right;
}
#nav li {
width:250px;
padding:0 0 22px 0;
margin:0;
line-height:1.0em;
}
#nav li a {
display:block;
width:230px;
text-align:right;
font-size:18px;
color:#fff;
}
#nav li.current {
background:url(../images/nav_arrow.png) no-repeat top right;
}
#nav li.current a {
color:#e1072d;
}

#device {
float:left;
background:url(../images/iphone_bg.png) no-repeat top left;
width:428px;
height:807px;
margin:-200px 0 0 10px;
position:relative;
}
#device object, #device img {
position:absolute;
top:120px;
left:48px;
}
#description {
float:right;
width:240px;
padding-bottom:20px;
}
.appstore_btn {
display:block;
background:url(../images/btn_buy_now.png) no-repeat top left;
width:185px;
height:70px;
}
.appstore_btn span {
position:absolute;
left:-10000px;
}

#copyright {
display:block;
margin-top:20px;
font-size:12px;
color:#384455;
}

/* blog */
#blog {
position:absolute;
width:500px;
top:-150px;
padding:0 0 0 90px;
}
.post {
margin-bottom:50px;
border-bottom:1px solid #2b3540;
position:relative;
}
.ttl {
font-size:16px;
margin:0 0 16px 0;
}
.ttl a {
/*display:block;
background-color:#262e39;
width:auto;
padding:5px;
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;*/
}
#pagenav a {
background:url(http://www.moby.ie/assets/templates/moby/images/btn_bg.png) repeat-x top left;
padding:6px 15px;
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
color:#1f252d;
}
span#pages {
padding:0 50px;
}
.source {
font-size:12px;
padding:10px 0 0 0;
}
.text ul {
padding:10px 0;
}
.text ul li {
padding:0 0 8px 0;
}
.chat ul li {
padding:5px;
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
margin:0 0 5px 0;
}
.chat ul li.odd {
background-color:#313b48;
}
.chat ul li.even {
background-color:#262e39;
}
.meta {
display:block;
margin:20px 0 6px 0;
font-size:12px;
color:#93b7ca;
}
.meta .note {
float:right;
color:#e1072d;
}
span.icon a, .iconp {
display:block;
position:absolute;
margin:0;
top:0px;
right:-50px;
font-weight:normal;
text-decoration:none;
text-indent:-9999px;
width:40px;
height:33px;
}
.link span.icon a {
background:url(http://www.moby.ie/assets/templates/moby/images/icon_link.png) no-repeat top left;
}
.chat span.icon a {
background:url(http://www.moby.ie/assets/templates/moby/images/icon_chat.png) no-repeat top left;
}
.photo span.icon a {
background:url(http://www.moby.ie/assets/templates/moby/images/icon_photo.png) no-repeat top left;
}
.video span.icon a {
background:url(http://www.moby.ie/assets/templates/moby/images/icon_video.png) no-repeat top left;
}
.audio span.icon a {
background:url(http://www.moby.ie/assets/templates/moby/images/icon_audio.png) no-repeat top left;
}
.text span.icon a {
background:url(http://www.moby.ie/assets/templates/moby/images/icon_text.png) no-repeat top left;
}
.quote span.icon a {
background:url(http://www.moby.ie/assets/templates/moby/images/icon_quote.png) no-repeat top left;
}
#disqus_thread {
}
#disqus_thread a {
}
ol.notes {
padding: 0px;
margin: 50px 0 60px 0;
list-style-type: none;
clear: both
}
ol.notes a {
}
ol.notes img.avatar {
max-width: 16px;
margin: 2px 8px 0 0;
float: left;
}
ol.notes span.action {
float: left;
padding-top: 1px;
line-height: 18px;
}
ol.notes .clear {
clear: both;
height: 1px;
}
ol.notes blockquote {
padding: 4px 10px;
margin: 7px 0px 0px 25px;
font-weight: normal;
}
ol.notes blockquote a {
}
ol.notes .answer_content {
font-weight: normal;
}