/*
Theme Name: Sarah Kaye
Theme URI: http://sarahkaye.com/blog/
Description: Custom WP theme by Devstars
Version: 2.9.2
Author: Devstars
Author URI: http://devstars.com
*/

/*****
	CSS-RESET
*****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} img {-ms-interpolation-mode: bicubic;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} .clear {clear: both;}
ol,ul,li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';} abbr,acronym { border:0;} * {outline: none; -webkit-text-size-adjust: none;}

/*****
	GLOBAL
*****/
body						{font: 11px "AvenirNextLTW01-Regular", "Trebuchet MS"; background: #fff; color: #000;}
#wrap						{width: 940px; padding: 0 20px; margin: 0 auto;}

/*****
	TYPOGRAPHY
*****/
a:link, a:visited			{color: #999; text-decoration: none;}
a:active, a:hover			{}


/*****
	LAYOUT
*****/
/* Header */
#header						{height: 104px; padding: 31px 0 0 0; position: relative;}
#header img					{float: right;}
#header div					{clear: right; font-size: 18px; padding: 2px 0 0 0;}
#header ul					{width: 630px; margin-left: 0px; position: absolute; top: 103px; right: 0; padding: 3px 0; background: #ccc;}
#header ul li				{display: inline; margin: 0 14px 0 12px;}
#header ul li a:link, #header ul li a:visited	{color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase;}
#header ul li a:active, #header ul li a:hover	{color: #ff0099;}
#header ul li.active a:link, #header ul li.active a:visited	{color: #ff0099 !important;}

/* Left sidebar */
#leftColumn					{width: 310px; float: left; position: relative; padding: 0 0 20px 0; overflow: hidden;}
#leftColumn .col			{width: 155px; float: left; overflow: hidden;}
#leftColumn .col a			{display: block; text-transform: uppercase; padding: 0 0 0 5px; margin: 1px 0 1px 0; width: 130px; font-size: 10px; line-height: 16px;}
#leftColumn .col .news a			{margin: 0 0 9px 0; line-height: 15px;}
#leftColumn .col a:hover	{color: #FF0099;}
#leftColumn .col .active	{background: #000000; color: #FFFFFF; font-size: 11px; font-weight: bold; margin-right: 25px;}
#leftColumn .col .active:hover	{color: #fff;}
#leftColumn .col .main		{background: #FF0099; color: #FFFFFF; font-size: 11px; font-weight: bold; margin-right: 25px;}
#leftColumn .col .main:hover	{color: #fff;}
#leftColumn .col span		{font-weight: bold; padding: 1px 0 0 5px; margin: 1px 0 1px 0; display: block; line-height: 16px;}

/* Right, main content */
#rightColumn				{width: 630px; float: right;}
#rightColumn h2				{margin-bottom: 5px; }

/* Footer */
#footer						{clear: both; height: 12px; padding: 4px 0 3px 0; font-size: 10px;}
#footer a					{color: #000;}

/*****
	SECTIONS
*****/
/* Posts, globally */
.post						{overflow: hidden; border-top: 1px solid #666; padding: 15px 0 5px 0; clear: both;}
.post .postMeta				{width: 200px; float: left;}
.post .postMeta h2, .post .postMeta h2 a		{color: #999; font-size: 18px; text-transform: uppercase;}
.post .postMeta h2 a:hover	{color: #000;}
.post .postMeta p			{color: #FF0099; font-size: 10px; text-transform: uppercase; margin: 0 0 10px 0;}
.post .postContent			{width: 385px; float: right;}
.post .postContent p		{margin: 0 0 10px 0;}
.post a.more-link			{display: block; margin: 10px 0 0 0; text-transform: uppercase; font-size: 10px;}
.post a.more-link:hover		{color: #FF0099;}
.postContent h1				{font-size: 1.8em;}
.postContent h2				{font-size: 1.7em;}
.postContent h3				{font-size: 1.6em;}
.postContent h4				{font-size: 1.5em;}
.postContent h5				{font-size: 1.4em;}
.postContent h6				{font-size: 1.2em;}
.postContent img			{display: inline; float: left; margin: 0 10px 10px 0;}
.postContent ul, .postContent ol		{padding: 10px 20px; color: #444;}
.postContent ul li ul, .postContent ol li ol	{padding: 0 20px;}
.postContent ul li ul li ul, .postContent ol li ol li ol	{padding: 0 20px;}
.postContent ul li, .postContent ol li	{line-height: 16px; list-style-image: url(images/bullet.jpg);}
.postContent ul li ul li, .postContent ol li ol li	{line-height: 16px; list-style-image: url(images/bullet2.jpg);}
.postContent #gallery		{padding: 0; margin: 0;}
.postContent #gallery li	{list-style: none; float: left; padding: 0; margin: 0;}
.postContent #gallery li a	{display: block;}
.postContent #gallery li a img	{display: block; margin: 0 0 11px 0;}
.postContent #gallery li.galleryImg0 a img, .postContent #gallery li.galleryImg1 a img	{margin-right: 11px;}


/* Next & Previous Posts */
#nextPrev					{overflow: hidden; border-top: 1px solid #666; border-bottom: 1px solid #666; margin: 0 0 50px 0; clear: both;}
#nextPrev .left				{float: left;}
#nextPrev .right			{float: right;}
#nextPrev a					{padding: 10px 0; display: block;}
#nextPrev a:hover			{color: #ff0099;}

/* Archives */
#archiveTitle				{border-top: 1px solid #666; padding: 10px 0; font-size: 18px; text-transform: uppercase; color: #999;}
#archiveTitle span			{color: #555;}

/* Search */
#searchTitle				{border-top: 1px solid #666; padding: 10px 0; font-size: 18px; text-transform: uppercase; color: #999;}
#searchTitle span			{color: #555;}
#miniSearch					{}
#miniSearch .s				{padding: 2px; color: #000; width: 105px;}
#miniSearch .searchSubmit	{}
#mainSearch					{border-top: 1px solid #666; padding: 15px 0 0 0;}
#mainSearch .s				{padding: 2px; color: #000; width: 315px; font-size: 14px;}
#mainSearch .searchSubmit	{}

/* Comments */
#comments					{font-size: 18px; color: #999; padding: 10px 0 10px 0; _padding: 5px 0 010px 0; border-top: 1px solid #666; text-transform: uppercase; clear: both;}
.comment					{overflow: hidden; border-top: 1px solid #666; padding: 15px 0 5px 0; clear: both;}
.byAuthor					{background: #eee;}
.comment .commentMeta		{width: 200px; float: left;}
.comment .commentMeta, .comment .commentMeta a	{color: #999; text-transform: uppercase; font-size: 10px;}
.comment .commentMeta span	{display: block;}
.comment .commentMeta .commentDate	{color: #ff0099;}
.comment .commentMeta img	{margin: 14px 0 10px 0;}
.comment .commentContent	{width: 385px; float: right;}
.comment .commentContent p	{margin: 0 0 10px 0;}

/* Comment Form */
#respond h3					{font-size: 18px; color: #999; padding: 10px 0 10px 0; border-top: 1px solid #666; text-transform: uppercase; clear: both;}
#commentForm				{margin: 0 0 50px 0; clear: both;}
#commentForm input			{font-size: 11px; font-family: Arial, sans-serif;}
#commentForm label			{padding: 0 0 2px 0;}
#commentFormName			{width: 215px; float: left;}
#commentFormName label		{display: block;}
#commentFormName input		{width: 190px; padding: 4px; border: 1px solid #999;}
#commentFormEmail			{width: 215px; float: left;}
#commentFormEmail label		{display: block;}
#commentFormEmail input		{width: 190px; padding: 4px; border: 1px solid #999;}
#commentFormWebsite			{width: 200px; float: left;}
#commentFormWebsite label	{display: block;}
#commentFormWebsite input	{width: 190px; padding: 4px; border: 1px solid #999;}
#commentFormComment			{padding: 10px 0 0 0; clear: both;}
#commentFormComment label	{display: block;}
#commentFormComment textarea{padding: 4px; border: 1px solid #999; font-size: 11px; font-family: Arial, sans-serif; width: 620px; height: 80px; margin: 0 0 10px 0;}

/* icons and logo / sprite*/

.logo {
    background: url("/img/sprite2.gif") no-repeat scroll -53px 0 transparent;
    height: 23px;
    width: 483px;
    float:  right;
}
.facebook {
    background: url("/img/sprite2.gif") no-repeat 0 0 ;
	background-position: -24px 0px;
    float: left;
    height: 23px;
    width: 25px;

}
.twitter {
    background: url("/img/sprite2.gif") no-repeat 0 0 ;
	background-position: 0px 0px;
    float: left;
    height: 20px;
    width: 24px;

}