/*
Theme Name: Cosmode
Theme URI: http://www.amypink.com
Version: 1.0
Description: The official 2008 AMY & PINK Design.
Author: Marcel Winatschek
Author URI: http://www.amypink.com
*/

body {background: #ffffff url('images/back.gif'); padding: 15px 0 15px 0;}
body, input {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333; line-height : 1.4em;}
p {line-height: 1.4em; margin-bottom: 1em; text-align: left;}
a {color: #ff8604; text-decoration: none; }
a:hover {color: #ff8604; text-transform: uppercase; font-weight: bold; }
h2 {font-weight: bold;}
h3 span {font-weight: normal;}
h3, h4 {display: inline; font-weight: bold; text-transform: uppercase; background-repeat : no-repeat; background-position : right 0%;}
h3 {font-size: 1.7em; padding-right: 34px; background-image: url('images/spacer.gif');}
h4 {font-size: 1.2em; padding-right: 28px; padding-left: 7px; background-image: url('images/spacer.gif');}
h5 {font-size: 1.2em; }
.contentarea {width: 465px;}
.contentarea img
.contentarea3 {width:  465px;}
img.left {position: relative; float: left; margin: 0 1.8em 1.4em 0; border: none;}
img.right {position: relative; float: right; margin : 0 0 1.8em 1.8em; border: none;}
.divider1 {position: relative; background: #fff url('images/border2.gif') repeat-x; height: 14px; margin: 2em 0 1.5em 0; clear: both;}
.divider2 {padding-bottom: 20px;}
.divider3 {position: relative; height: 1px; width: 180px; border-bottom: 1px solid #ff8604; margin: 1em 0 1.2em 0;}
.post .details {position: relative; top: 1.5em; font-size: 3em; color: #7c7c7c;}
.yellow {color: #ff8604; font-weigh : bold;}
.black {color: #343434; font-weight: bold; margin-top: -14px;}
.black2 {color: #343434; font-weight: bold;}
.text {float: left;}
.details {color: #7c7c7c;}
.post ul.controls {clear: both;}
.post ul.controls li {display: inline;font-size: 3em;}
.post ul.controls li a {background-repeat: no-repeat; background-position: left 0%; padding: 0 1em 0 20px;}
.post ul.controls li a.printerfriendly {background-image: url('images/icon-printerfriendly.gif');}
.post ul.controls li.comments a {background-image: url('images/icon-comments.gif');}
.post ul.controls li.readmore a {background-image: url('images/icon-more.gif');}
.box {right: -3px;top: -2px; padding: 0; width: 180px; border-bottom: 1px solid #ff8604; margin-bottom: 1em;}
.hello {width: 465px; height: 20px; border-bottom: 1px solid #e7e7e7; margin-bottom: 1em; padding-bottom: 1em; padding-top: 0.4em; font-size: 15px; color: #ff8604; font-family: Helvetica, Arial, sans-serif;}
.hello2 {width: 100%; height: 20px; padding-top: 0.4em; border-bottom: 1px solid #e7e7e7; margin-bottom: 1em; padding-bottom: 1em; font-size: 15px; color: #ff8604; font-family: Helvetica, Arial, sans-serif;}
blockquote {border: 1px dotted black; background: papayawhip; padding: 1px 6px;}
.contentarea ul {list-style: none; width: 100%;}
.contentarea ul li {line-height: 2em; width: 100%;}
.contentarea2 ul {list-style: none; width: 180px;}
.navigation {font-size: 36px;}
#outer {z-index: 2; position: relative; width: 750px; border: 1px solid #9a9a9a; background-color: #ffffff; margin: 0 auto;}
#upbg {text-align: right; width: 750px; margin: 0 auto; padding-bottom: 5px;}
#header {width: 100%; margin-bottom: 2px;}
#content {padding : 4.5em 3em 0 3em;}
#primarycontainer {float: left; margin-right: -18em; width: 100%;}
#primarycontent {margin: 0 20em 0 0;}
#secondarycontent {float: right; width: 18em;}
#secondarycontent img {width: 150px;}
#thtcontent {float: right; width: 18em;}
#thtcontent img {width: 180px;}
#footer {padding-top: 5px; clear: both; border-top: 1px solid #e7e7e7; margin-bottom: 10px;}
#commentlist li {margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #700000; list-style: none;}
#commentform {margin: 1em 0; background: #ffffff; width: 460px;}
#commentform textarea {background: #f8f7f6; border: 1px solid #d6d3d3; width: 460px;}
#commentform textarea:hover {background: #ffffff; border: 1px solid #d6d3d3;}
#commentform textarea:focus {background: #ffffff; border: 1px solid #939793;}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {font-size: 1.1em; background: #ffffff; border: 1px solid #939793; width: 280px;}
#commentform input {margin-bottom: 3px;}
.entry ul li {list-style: none; margin-left: 25px;}
.post ol li {margin-left: 25px;}
.commenttext {width: 460px;}
#flickr img {padding-bottom: 10px; border: none;}
#navcontainer {height: 120px; font: 15px Helvetica, Arial, sans-serif;}



div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#rollover
{
  display: block;
  width: 180px;
  height: 129px;
  background: url("http://www.missanthropology.com/wp-content/themes/cosmode1/cosmode/images/mespritev.gif") no-repeat 0 0;
  float: right;
  margin: 0 0 15px 0
}

#rollover:hover
{
  background-position: 0 -128px;
}

#rollover span
{
  display: none;
}

#rolloverbird
{
  display: block;
  width: 150px;
  height: 126px;
  background: url("http://www.missanthropology.com/wp-content/themes/cosmode1/cosmode/images/tweetsprite.gif") no-repeat 0 0;
  float: right;
  margin: 0 0 15px 0
}

#rolloverbird:hover
{
  background-position: 0 -126px;
}

#rollover span
{
  display: none;
}