/*
THEME NAME: Moodagent 2011
THEME URI: http://www.moodagent.com
DESCRIPTION: Moodagent theme
VERSION: 1.0.1
AUTHOR: Jesper Vingborg Andersen -> Kim Isaksen
AUTHOR URI:
*/

@import url("css/960/reset.css");
@import url("css/960/960.css");
@import url("css/960/960s.css");

html, body {
  color: #d3d4d5;
}

body {
	background: #101010 url(images/toptile.gif) repeat-x 0 0px;
	font: 13px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	text-shadow: 0 1px 1px #333;
}

h1 {
  font-size: 28px;
  line-height: 30px;
  margin-top: 20px;
}

h2 {
  font-size: 24px;
  margin-top: 20px;
}

h3 {
  font-size: 20px;
  margin-bottom: 5px;
  margin-top: 15px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}

ol {
	list-style: decimal;
}

ul {
	list-style: none;
}

li {}

p {
  margin-bottom: 26px;
  line-height: 20px;
  font-size: 13px;
}

a {
  color: #CCE53B;
  text-decoration: none;
}

a.readmore {
  display: block;
  color: #d3d4d5;
}

a.readmore span {
  color: #CCE53B;
}

input, textarea, select, option, button {
  font: 13px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  text-shadow: 0 1px 1px #333;
}

/* Page header */

div#header {
  position: relative;
  margin-top: 18px; /* ### adjust vertical positioning here !*/
  margin-left: auto;
  margin-right: auto;
  width: 976px;
  position: relative;

}


div#header_image_div{
	height:55px;
	width:100%;
	background: transparent url(images/header.png) no-repeat top center;
}

div#header ul#mood-menu {
  padding-left: 10px;
  position:absolute;
  z-index:11;
  top:25px;
}

div#header img#top_logo {
	width: 51px;
	height: 46px;
	float: right;
	display: block;
	margin: 0;
	border: none;
	position: absolute;
	left: 905px;
	top:10px;
	z-index: 10;
}

div#top_banner {
  border-bottom: 1px solid #4B4A4C;
}

div#top_banner img{
  background-color:transparent;
}


/* Main content */

div#container_frame {
  margin-left: auto;
  margin-right: auto;
  width: 976px;
  min-height: 600px;
	background: transparent url(images/frame_border.png) repeat-y top left;
  position: relative;
}

div#container_frame .container_16,
div#container_frame .container_12 {
}

/* Panels */

.panel_band {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  background-color: #222023;
}

.panel_title {
  padding: 25px 0 0 0;
}

.panel_content {
  padding-top: 10px;
}

.child_panel,
.child_panel p,
.child_panel li {
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 13px;
}

div#container_frame .grove {
	background: #181618 url(images/divider_header.gif) repeat-x top left;
}

.rbound {
}

.rborder {
  border-right: 1px solid #181618;
}

div#container_frame .grove .rborder {
  border-right: 1px solid #222023;
}


.panel_content ul li {
  margin-bottom: 15px;
}

/* Footer */

div#footer {
  position: relative;
  min-height: 18px;
}

div#footer img.footer {
  margin: 0px 0px 4px -8px;
}

/* Specialty adornings */

h1.icon {
  padding-left: 40px;
  padding-top: 20px;
  margin-top: 10px;
}

h2.icon {
  padding-left: 40px;
  padding-top: 20px;
  margin-top: 10px;
}

.i-header {
  background: transparent url(images/icons/icon_header.png) no-repeat left bottom;
}

.i-getagent {
  background: transparent url(images/icons/icon_getagent.png) no-repeat left bottom;
}

.i-blog {
  background: transparent url(images/icons/icon_blog.png) no-repeat left bottom;
}

.i-tweet {
  background: transparent url(images/icons/icon_tweet.png) no-repeat left bottom;
}

.i-quote {
  background: transparent url(images/icons/icon_quote.png) no-repeat left bottom;
}

.i-screenshot {
  background: transparent url(images/icons/icon_screenshot.png) no-repeat left bottom;
}

/* */

.grid_10 .size-full {
  /*removed by request, jan 7 2010, Kim isaksen */
  /*width: 580px;*/
  height: auto;
}

/* Various text class */

blockquote {
  font-size: 18px;
  font-style: italic;
}

blockquote p {
  font-size: 18px;
  font-style: italic;
}

.blog_date {
  font-size: 13px;
  font-style: italic;
}

.blog_excerpt {
  font-size: 12px;
  padding: 10px 0 10px 0;
}

.nav-previous, .nav-next{
  float:left;
    padding-right:20px;
}

/* FAQ */

ul.cat_list {
  font-size: 13px;
  text-align: right;
}

.faq h2 {
  margin-bottom: 15px;
}

.faq h4 {
  margin-bottom: 0px;
}

/* */
/* TWITTER BOX */

div.tweet {
  position: relative;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 12px;
}

div.tweet div.time {
  font-style: italic;
}

div.tweet div.text {
}

/* Screenshot scroller */

div#screenshots {
  background-color: #222023;
  width: 936px;
  height: 160px;
  overflow: auto;
  position: relative;
}

.scrollcell {
  float: left;
  width: 100px;
  height: 160px;
  margin-right: 20px;
  text-align: center;
}

.scrollcell p {
  margin-top: 4px;
  font-size: 10px;
  line-height: 11px;
}

.scrollgeneric {
  line-height: 1px;
  font-size: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.hscrollerbase, .vscrollerbase {
  background-color: #181618;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.vscrollerbar, .hscrollerbar {
  padding: 0px;
  z-index: 2;
  background-color: #CCE53B;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.vscrollerbase, .vscrollerbar {
  width: 8px;
}

.hscrollerbase, .hscrollerbar {
  height: 8px;
}

/* SUPPORT */

/* *** */

form#support {
  width: 100%;
}

form#support ul li {
  margin-bottom: 15px;
}

form#support ul li label {
  display: inline-block;
  vertical-align: top;
  width: 220px;
  text-align: right;
}

form#support ul li input,
form#support ul li textarea {
  position: relative;
  left: 77px;
  width: 336px;
  margin: 0 10px 0 0;
  padding: 2px;
  border: 0 transparent none;
}

form#support ul li span.status {
  position: relative;
  vertical-align: top;
  left: 75px;
}

form#support ul li span.status img {
  vertical-align: top;
}

form#support ul li input {
  background: transparent url(images/forms/input.png);
  height: 22px;
}

form#support ul li textarea {
  background: transparent url(images/forms/textarea.png);
  height: 196px;
}

form#support ul li select-r {
  background: transparent url(images/forms/select.main.png);
  padding-top: 4px;
  height: 26px;
  color: #d3d4d5;
}

form#support ul li option {
  background-color: #222023;
  padding-left: 10px;
  color: #d3d4d5;
}

form#support input[type=submit] {
  margin-left: 300px;
  background: transparent url(images/forms/submit.png);
  border: 0 #000 none;
  width: 340px;
  height: 40px;
  color: #d3d4d5;
  font-size: 16px;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #fff;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#B2281C;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}

/*
	## roll buttons !
	## Kim Isaksen - nov 25 2010  
*/
a.roll-icon{height:65px;display:block;float:left;border:none;}
a.roll-iPhone{width:181px;background: transparent url(images/buttons/roll/get.iPhone.png) no-repeat 0px 0px;}
a.roll-android{width:158px;background: transparent url(images/buttons/roll/get.android.png) no-repeat 0px 0px;}
a.roll-nokia{width:231px;background: transparent url(images/buttons/roll/get.nokia.png) no-repeat 0px 0px;}
a.roll-desktop{width:188px;background: transparent url(images/buttons/roll/get.profiler.png) no-repeat 0px 0px;}


/*
float fix - Kim isaksen - mar 29 2011
*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}