@import url("../motion/style.css");

html { background-color:#ababab;  }

body {
font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
	background-color:#999; 
    background: url(images/mylifescoop_bg1.png) repeat-x;
	font-size:13px;
	line-height:21px;
}

body#motion {
	background-color:#999; 
	background: url(images/mylifescoop_bg1.png) repeat-x;
	width:100%;
	}

#container{
    font-size:1em !important;
}

a, a:hover, a:visited, a:active{
    font-weight:bold;
    text-decoration:none;
}

a:hover{
    color:#999 !important;
}

body.blue a, body.purple a, body.orange a, body.teal a, body.red a{
    font-weight:bold;
    text-decoration:none;
}

body.red a{color:#ec8c67;}

.right{
    float:right;
}

.left{
    float:left;
}

.clear{
    clear:both;
}

#header {
    height: 110px;
    width:100%;
    
}

#banner .widget-sign-in{
    background:#efefef;
    position:absolute;
    top:82px;
    right:23px;    
    font-size:14px;
    border:2px #efefef solid;
    border-bottom:0;
    padding:2px 5px 2px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    text-align:left;
    width:375px;
}

#banner .widget-sign-in .signup{
    float:left;
}

#banner .widget-sign-in #signers{
    margin-top:7px;
    margin-left:3px;
    float:right;
}

.sign_twitter{
    background:url(images/twitter_16.png) top left no-repeat;
    width:16px;
    height:16px;
    text-indent:-99999px;
    display:block;
    float:right;
    margin:0 5px;
    margin-top:-5px;
}

.sign_facebook{
    background:url(images/facebook_16.png) top left no-repeat;
    width:16px;
    height:16px;
    text-indent:-99999px;
    display:block;
    float:right;
    margin-right:5px;
    margin-top:-5px;
}

.sign_google{
    background:url(images/google_16.png) top left no-repeat;
    width:16px;
    height:16px;
    text-indent:-99999px;
    display:block;
    float:right;
    margin-right:5px;
    margin-top:-5px;
}

.sign_typepad{
    background:url(images/typepad_16.png) top left no-repeat;
    width:16px;
    height:16px;
    text-indent:-99999px;
    display:block;
    float:right;
    margin-right:5px;
    margin-top:-5px;
}

.post-signers{
    clear:both;
    float:none;
    overflow:hidden;
}

.post-signers .signup{
    float:right;
    margin-right:5px;
}

.post-signers .sign_typepad, .post-signers .sign_google, .post-signers .sign_facebook, .post-signers .sign_twitter{
    float:left;
    margin: 2px 5px 0 0 !important;
}

body.blue #banner .widget-sign-in a{color:#7299de;}

body.purple #banner .widget-sign-in a{color:#9a70e5;}

body.orange #banner .widget-sign-in a{color:#ff862f;}

body.teal #banner .widget-sign-in a{color:#46cedb;}

body.red #banner .widget-sign-in a{color:#ec8c67;}

#container {
	margin-left: auto;
    margin-right: auto;
    width: 960px;
    background:#fff;

}

body.red #container{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    background: #fff;
}

#pagebody {
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border:none !important;
}

#pagebody-inner {
	margin: 0;
	padding: 0 20px 28px;
}

#alpha,
#beta {
    float: left;
    margin:0;
    font-size:14px !important;
}

.members-list #alpha{
    width:940px;
}

#alpha {
	width: 620px;
    clear: both;
}

.layout-two-column-right #alpha{
    width: 620px;
}

#alpha-inner {
	margin: 0 20px 20px 0;
}

#beta {
	width: 300px;
	margin:0;
}

#beta-inner {
	margin-bottom: 20px;
}


#banner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#banner-inner {
	
}

body #site-logo {
	position: absolute;
	left: 30px;
    width: 960px;
	height: 95px;
    position: absolute;
    top:0;
    padding-top:22px;
}

body.blue #site-logo {
	
}

body.purple #site-logo {


}

body.orange #site-logo {
	

}

body.red #site-logo {
}

body.teal #site-logo {
	}

#sponsor-logo a {
	position: absolute;
	top: 15px;
	right: 60px;
	width: 202px;
	height:70px;
	background: url(images/intel-logo-blue-3.gif) top left no-repeat;
	text-indent: -9999px;
	
}

/* Navigation Area --------------------------------- */

#menu {
	width:960px;
	height:39px;
	margin: 0 auto;
    background: url(images/blk-navbar-bkgrnd.png) no-repeat left top;
}

#menu-inner {
    padding-top:9px;
	padding-left:20px;
	position:relative;
}

#nav-inner {
    padding-top:0px;
	padding-left:0px;
	position:relative;
}

.nav-list ul{
 	padding:0px;
}

.nav-list li{
    float:left;
    margin:0px;
    padding: 0 0px 0 0px;   
}

.nav-list li a{
    display:block;
}

.nav-list .last {
    background:none;
}

.nav-list #nav-home a{
    background: url(images/nav-home.png) no-repeat left top;
    width:48px;
    height:20px;
}

.nav-list #nav-family a{
    background: url(images/nav-family-life-roll.png) no-repeat left top;
    width:118px;
    height:39px;
}

.nav-list #nav-personal a{
    background: url(images/nav-personal-roll.png) no-repeat left top;
    width:130px;
    height:39px;
}

.nav-list #nav-entertainment a{
    background: url(images/nav-tech-life-roll.png) no-repeat left top;
    width:107px;
    height:39px;
}

.nav-list #nav-community a{
    background: url(images/nav-community.png) no-repeat left top;
    width:89px;
    height:20px;
}

.nav-list li a:hover,
body#home .nav-list #nav-home a,
body.purple .nav-list #nav-family a,
body.orange .nav-list #nav-personal a,
body.teal .nav-list #nav-entertainment a,
body.red .nav-list #nav-community a{
    background-position: 0 -39px !important;
}

.menu-list li a:hover,
body#home .menu-list #menu-home a,
body.purple .menu-list #menu-family a,
body.orange .menu-list #menu-personal a,
body.teal .menu-list #menu-entertainment a,
body.red .menu-list #menu-community a{
    background-position: 0 -20px !important;
}

#nav{
    top:0;

}

#nav li a{
    background:#efefef;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#nav li a:hover, #nav li.current a{
    background:#555;
    color:#fff !important;
}


.search-form{
    padding:0;
    margin:0;
    position:absolute;
    top:6px;
    right:25px;
    
}

.search-term{
    position:absolute;
    background: url(images/search-field-corners.png) no-repeat left top;
    top:2px;
    right:32px;
    height:22px;
    width:150px;
    margin:0;
    padding:0 3px;;
    background-color:#fff;
    border:0;]
    color:#595959;
    font-size:13px;
}

.search-submit{
    position:absolute;
    top:2px;
    right:0;
   	background: url(images/search-looking-button.png) no-repeat left top;
	width:32px;
	height:22px;
	border:0; 
	padding:0;
	margin: 0 0 0 -4px;
	cursor:pointer;cursor:hand;
	text-indent: -999em;
	_padding-top: 22px;
	padding-top: 22px !msie;
}




#herospace{
    background: url(images/intel-herobox.png) no-repeat left top;
    width:313px;
    height:266px;
    margin:-10px 0px 10px;
    text-indent: -9999px;
    position: relative;
}

a#hero-link {
    position: absolute;
    height:85px;
     width:313px;
    left:0;
    top: 0;
    text-indent: -9999px;
}

/* Motion Stuff --------------------------------- */

#user-compose-friends{
    background:none !important;
    padding:0;
    margin:0;
    margin-bottom:20px;
}

#user-compose-friends-inner{
    background:#efefef;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:#efefef solid 1px;
    padding-top:10px;
    padding-bottom:10px;
}


#friends .summary{font-size:.7em;}

#alpha, #beta{padding-top:15px !important;}

h2, h3{color:#ec8c67 !important;}

.asset,
.action,
.asset .asset-content{font-size:14px !important;}

.entry-title, .entry-title a{color:#ec8c67 !important;}

.entry-title a:hover{color:#999 !important;}

.asset .asset-footer, .byline{font-size:13px !important;}

#user-meta{font-size:14px !important;}

.member-listitem .member-info{height:95px !important;}

.submit-wrapper button, #comment-submit {
    background-color: #555;
    height: 31px;
    border: 1px solid #555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    width:100px;
}

textarea, input{font-size:14px !important;}

.flash{
    font-size:14px !important;
    width:898px;
    background:#efefef url(images/cross.png) no-repeat scroll 885px 50% !important;
    border:1px solid #efefef;
    padding:10px 10px;
    margin-bottom:20px;
}

#beta .widget-admin-options{
    background:#fff;
    border:0;
    
}

body.user-following .comment .asset-body{
    position:static;
    top:0;
}

body.user-following .asset .userpic{
    margin-top:0;
}

body.user-following .comment .asset .userpic{
    margin-top:0;
}

/* Footer --------------------------------- */

#footer {
	clear: both;
	font-size:14px;
}


#footer-inner {
	margin: 0 0px;
	background-color:#5c5f62;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	padding: 10px 0 50px 0;
	height:10px;
	text-align:center;
	font-weight:normal;
}

#footer ul li{
    display: inline;
    padding: 0 22px 0 10px;
}

#footer ul li.last{
    background:none;
}

#footer a{
	font-weight:normal;
    color:#dddddd;
    text-decoration:none;
}

#footer a:hover{
    color:#dddddd;
    text-decoration:underline;
}

.baconplayer.audio {
    background-color: #ccc;
}

.baconplayer.audio .progress {
    background-color: #efefef;
    color:#333;
}

.comment-content{font-size:14px !important;}

/* Pagination --------------------------------- */

.pagination, .content-nav{
    background-color:#f2f2f2;
    padding:5px 15px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    text-align:center;
    margin:30px 0;
    overflow: hidden;
    font-size:14px !important;
}

.pagination a, .content-nav a {color:#595959 !important;}

.pagination a:hover, .content-nav a:hover, #results-current-page {color:#998e91 !important; }


/* Easily overridable classes that are assigned to the right places in the DOM */

/* assigned to body tag */
.design-background {
    /* background: #0099B9 url(YOUR_URL_HERE) fixed no-repeat top left; */
}
.design-compose-background {
    /* background: #9AE4E8 url(YOUR_URL_HERE) fixed no-repeat top left !important; */
}
/* assigned to #banner #banner-header a */
.design-logo {
    /* background-image: url(YOUR_URL_HERE) !important; */
}
/* assigned to #pagebody */
.design-content-color {
    /* color: #f00; */
}
/* assigned to #pagebody */
.design-content-font {
    /* font-family: "Comic Sans MS" !important; */
}
/* assigned to #pagebody */
.design-content-border, h2, h3 {
    /* border-color: #0f0 !important; */
}
/* applied to headings; notably widgets, etc. */
.design-highlight-color {
    /* color: #00f !important; */
}