/*
Theme Name: Fancy Jackie
Theme URI: http://jackieforster.net
Description: Jackie Forster's blog theme by Johnimbong Design. Follow me on twitter:<a href="http://twitter.com/johnimbong">johnimbong.</a>
Version: 1.0
Author: John Imbong
Author URI: http://johnimbong.com
Tags: Jackie, Fixed width, Twitter feed, Fashion, Make-up, Style, Beauty, Pink, Tips
*/

/* ---------------------------------------------------------------------
	
	CSS HACKS
	Firefox (all versions):
	@-moz-document url-prefix() {
		#sample { ... }
	}
	
	IE6 only: 	* html #sample { ... }
	IE7 only: 	*:first-child+html #sample { ... }
	IE7 below:	,#sample { ... }
	
	IE8 below: 	color: red\9;
	IE7 below: 	*color: green;
	IE6 below: 	_color: blue;
	
	Webkit:
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#sample {}
	}
	
-------------------------------------------------------------------- */


/* .......................................................
===== reset.css =========================================== */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background:transparent;}
body{line-height:1.5}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
table, td, th{vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q {quotes:""""}

/* I added these myself */
a img {border:none; margin:0; padding:0;}
textarea {overflow:auto;}
ol, ul {list-style:none;}
/*a {white-space:nowrap;}*/

/* _global */ 
html {overflow-y:scroll; _overflow-x:hidden;}
body {font-size:0.81em; color:#333; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; background:url(media/_global/bg_bg.jpg) center top; _behavior:url(csshover3.htc);}
img, div {_behavior:url(iepngfix.htc);}
input, textarea {outline-style:none;} /*remove safari's form outline*/
h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#333;}
h1, h2.h1 {font-size:1.85em; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#f71360; line-height:1.08em; margin-bottom:5px;}
p {margin:0 0 10px; padding:0; line-height:1.23em;}
textarea {line-height:1.23em; font-family:Arial, Helvetica, sans-serif; color:#333!important; padding-bottom:3px; overflow:auto;}
em {font-style:italic;}
a:active, a:focus {outline:none;}

/* _global */
#body {clear:both; width:928px; margin:0 auto; background:url(media/_global/bg_body.gif) 0 0 repeat-y; overflow:auto; _height:1%;}
a, a:visited {color:#f71360; text-decoration:none;}
a:hover {text-decoration:underline;}

/* GLOBAL: Header */ 
#header {height:141px; background:url(media/_global/sprite_verticals.gif) 0 0 repeat-x; border-bottom:1px solid #d4a172;}
#header .wrapper {width:955px; margin:0 auto;}
#header .wrapper .logo {width:268px; height:169px; background:url(media/_global/bg_logo.png) 0 0 no-repeat; float:left; margin:0 0 -28px 20px; position:relative; z-index:1;}
#header .wrapper .logo a {display:block; width:268px; height:169px;}
/*--Navi--*/
#navi {margin:22px 0 0; float:right; margin-right:40px; _margin-right:20px;}
#navi ul {border-left:1px solid #ebc8a9; border-right:1px solid #FFF; _width:560px; overflow:auto; _height:1%;}
#navi ul li {float:left; border-left:1px solid #FFF; border-right:1px solid #ebc8a9;}
#navi ul li a {display:block; width:78px; height:119px; background:url(media/_global/sprite_navi.gif) 0 0 no-repeat; text-indent:1000px; overflow:hidden; white-space:nowrap;}
#navi ul li a.home {background-position:0 0;}
#navi ul li.cat-item-3 a {background-position:-78px 0;}
#navi ul li.cat-item-4 a {background-position:-156px 0;}
#navi ul li.cat-item-5 a {background-position:-234px 0;}
#navi ul li.cat-item-6 a {background-position:-312px 0;}
#navi ul li a.random {background-position:-390px 0;}
#navi ul li a.jackie {background-position:-468px 0;}

#navi ul li a.home:hover {background-position:0 -119px;}
#navi ul li.cat-item-3 a:hover {background-position:-78px -119px;}
#navi ul li.cat-item-4 a:hover {background-position:-156px -119px;}
#navi ul li.cat-item-5 a:hover {background-position:-234px -119px;}
#navi ul li.cat-item-6 a:hover {background-position:-312px -119px;}
#navi ul li a.random:hover {background-position:-390px -119px;}
#navi ul li a.jackie:hover {background-position:-468px -119px!important;}
/*--MENUS with DROPDOWN LINKS--*/
#navi ul li.dd ul {border:none; *overflow-y:hidden; *width:173px;}
#navi ul li.dd ul.last {margin-left:-75px;}
#navi ul li.dd ul li {clear:both; border:none;}
#navi ul li.dd ul li a {text-indent:0;}
#navi ul li.dd:hover a.top {background-position:-390px -119px;}
#navi ul li.dd.jackie:hover a.top {background-position:-468px -119px;}
#navi ul li.dd ul {position:absolute; z-index:2;}
#navi ul li.dd ul li {display:none;}
#navi ul li.dd:hover ul li {display:block;}
#navi ul li.dd ul li a {background:#fee3ae; padding-left:23px; width:150px; height:30px; line-height:30px; color:#000; font-weight:bold; text-decoration:none; margin-top:-1px;}
#navi ul li.dd ul.last li a {width:130px;}
#navi ul li.dd ul li a:hover {background:#fff5e1;}
/*--CUSTOM:lines in between links--*/
#navi ul li.dd ul li.divider {height:1px; width:150px; margin-left:10px; _margin-left:5px; background:#FFF; position:relative; z-index:1; _font-size:0; _margin-bottom:-2px;}
#navi ul li.dd ul.last li.divider {width:130px;}
#navi ul li.dd ul li.spacer {height:15px; width:150px; padding-right:23px; background:#fee3ae;}
#navi ul li.dd ul.last li.spacer {width:130px;}
#navi ul li.dd ul li.spacer-bottom {margin-top:-1px; _margin-top:0;}

/* GLOBAL: Content */ 
#content {width:614px; float:left; padding:30px 0 20px;}
#watermark_earth {width:143px; height:131px; background:url(media/_global/bg_earth.png) 0 0 no-repeat; position:absolute; margin:-60px 0 0 10px;}
#watermark_spacer_earth {height:90px;}
#content .sh {height:19px; background:url(media/_global/bg_content.sh.png) top center repeat-x; margin-top:-30px;}
#content h4 {width:516px; margin:20px 0 20px 40px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:1.38em; border-bottom:1px solid #333;}
#content h4.earth {text-indent:90px;}
#content h4.nothing {border:none; margin:50px 0 0 40px;}

/* GLOBAL: Post */ 
#content .post {margin-bottom:20px;}
#content .post .wrapper {width:516px; margin-left:40px;}
#content .post .wrapper .date {width:69px; height:72px; background:url(media/_global/bg_date.png) 0 0 no-repeat; position:absolute; margin-left:-50px; *margin-left:-80px; color:#336699; text-align:center; font-family:Arial, Helvetica, sans-serif;}
#content.earth .post .wrapper .date {/*background:url(media/_global/bg_date.earth.png) 0 0 no-repeat;*/}
#content .post .wrapper .date .day {font-size:1.85em; margin:8px 0 -10px -7px;}
#content .post .wrapper .date .month {text-transform:uppercase; font-size:1.08em; margin-left:-7px;}

#content .post .wrapper .w1 {margin-left:30px; border-bottom:2px solid #f71360; color:#999; padding-bottom:5px; margin-bottom:20px;}
#content .post .wrapper .w1 .comments a {color:#999; font-weight:bold; text-decoration:underline;}
#content .post .wrapper .w1 .comments a:hover {color:#f71360;}
#content .post .wrapper .w1 .comments .st {padding:0 10px;}
#content .post .wrapper .w1 .comments .smalltext {text-transform:uppercase; font-size:0.92em;}
#content .post .wrapper object {display:block; padding:18px 18px 47px; background:url(media/_global/bg_tvframe.jpg) no-repeat; margin-bottom:10px;}
,#content .post .wrapper embed {margin-bottom:20px;}
#content .post .wrapper blockquote {background:url(media/_global/bg_blockquote.gif) 0 0 no-repeat #f7f7f7; margin:20px; padding:10px; border:1px solid #CCC; border-width:1px 0; line-height:1.23em;}
#content .post .wrapper img {border:1px solid #CCC; background:#f7f7f7; padding:5px 5px 25px; margin:10px;}
#content .post .wrapper ul {margin-bottom:10px;}
#content .post .wrapper ul li {background:url(media/_global/bg_bullet.gif) 20px 5px no-repeat; line-height:1.23em; padding:2px 0 0 35px;}
#content .post .wrapper ol {margin:0 0 10px 40px;}
#content .post .wrapper ol li {line-height:1.23em; list-style:decimal;}
#content .post .wrapper a.more-link {display:inline-block; color:#FFF; font-weight:bold; padding:4px 10px; background:#f71360; margin:10px 0; text-decoration:none;}
#content .post .wrapper a.more-link:hover {background:#1fc0ff;}
#content .post .wrapper .socialicons {border-top:1px solid #CCC; padding-top:5px; margin-top:10px; overflow:auto; _height:1%;}
#content .post .wrapper .socialicons div {float:left; margin-right:10px; color:#999;}
#content .post .wrapper .socialicons ul {margin-top:3px;}
#content .post .wrapper .socialicons ul li {float:left; background:none; padding:0; margin-right:5px;}
#content .post .wrapper .socialicons ul li a {display:block; background:url(media/_global/sprite_iconset.gif) 0 0 no-repeat;}
#content .post .wrapper .socialicons ul li.facebook a {width:14px; height:14px; background-position:-7px -30px;}
#content .post .wrapper .socialicons ul li.twitter a {width:14px; height:14px; background-position:-7px -44px;}
#content .post .wrapper .socialicons ul li.digg a {width:16px; height:14px; background-position:-21px -30px;}


#content .post .footer {clear:both; height:57px; background:url(media/_global/bg_content.bottom.gif) center bottom repeat-x;}
#content .post .footer div {width:7px; height:57px; background:url(media/_global/sprite_iconset.gif) 0 0 no-repeat; float:right;}

#content .post .comments-template {clear:both;}

/* GLOBAL: Page + Single */ 
#content .page {margin-top:40px;}
#content .page .wrapper .w1 {margin-left:0;}
#content .page .wrapper .w1 {padding:0;}
#content .single {margin-top:40px;}

/* GLOBAL: Comments*/ 
#comments {margin:50px 0 0 40px; width:516px;}
#comment_list h4 {border:none; border-top:3px solid #CCC; font-family:Arial, Helvetica, sans-serif; font-size:1.08em; font-weight:bold; padding:8px 0 9px; margin:0;}
#comment_list p.nocomments {background:#efefef; padding:10px;}
#comment_list .commentlist {border-top:1px dotted #333;}
#comment_list .commentlist li {border-bottom:1px dotted #333; padding:15px 0; overflow:auto; _height:1%;}
#comment_list .commentlist li.alt {background:#f8f8f8;}
#comment_list .commentlist li.authorstyle {background:#fff4f7;}
#comment_list .commentlist .gravatar {width:70px; height:70px; border:1px solid #CCC; margin:0 16px; float:left;}
#comment_list .commentlist .gravatar img {border:5px solid #e8e8e8;}
#comment_list .commentlist .info {width:394px; _width:378px; float:left;}
#comment_list .commentlist .info p.w1 {color:#999;}
#comment_list .commentlist .info p.w1 strong {display:block; color:#333;font-size:1.15em;}

#comment_form {border-bottom:1px dotted #333; padding-bottom:15px;}
#comment_form h4 {border:none; font-family:Arial, Helvetica, sans-serif; font-size:1.08em; font-weight:bold; margin:10px 0 10px 16px;}
#comment_form form p.loggedinas {margin-left:20px;}
#comment_form form p.loggedinas a.username {font-weight:bold;}

#comment_form form ul {}
#comment_form form ul li {padding:3px 0;}
#comment_form form ul li.sendform {margin-left:278px; _margin-left:281px;}
#comment_form form ul li.sendform input {margin-left:5px;}
#comment_form form ul li label span.label {display:block; width:70px; margin-right:10px; text-align:right; float:left; line-height:27px;}
#comment_form form ul li label span.req {color:#666666;}
#comment_form form ul li label textarea {width:350px; height:80px;}

/* GLOBAL: Sidebar */ 
#sidebar {width:314px; float:left; background:#3e3e3e; padding-bottom:50px;}
#sidebar .w1 {margin:0 20px;}
#sidebar h3 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:1.38em; color:#FF6;}
#sidebar .search, #sidebar .tweets, #sidebar .popular {background:url(media/_global/bg_sidebar.divider.gif) center bottom repeat-x;}
/*--search--*/
#sidebar .search {padding:10px 0 30px;}
#sidebar .search form .field {width:200px;}
/*--tweets--*/
#sidebar .tweets {padding:20px 0 40px;}
#sidebar .tweets .w1 h3 {border-bottom:1px solid #FFF; padding-bottom:3px; position:relative; z-index:1;}
#sidebar .tweets .w1 .ico {width:43px; height:30px; background:url(media/_global/sprite_iconset.gif) -7px 0 no-repeat; margin:-31px 0 0 95px;}
#sidebar .tweets .w1 a {color:#ff3d8b; position:relative; top:-24px; left:146px; z-index:1;}
#sidebar .tweets .w1 .text {text-align:center; color:#acacac; font-size:1.23em; line-height:1.38em; border-bottom:1px solid #FFF; padding:0 20px 22px;}
/*--popular--*/
#sidebar .popular {padding:10px 0 40px; position:relative;}
#sidebar .popular .ico {width:83px; height:94px; background:url(media/_global/bg_sun.png) 0 0 no-repeat; position:absolute; top:8px; left:-30px;}
#sidebar .popular .w1 h3 {margin:10px 0 0 40px;}
#sidebar .popular .w1 p.sub {color:#999; font-weight:bold; margin:0 0 15px 40px;}
#sidebar .popular .w1 ul {border-top:1px solid #767676; margin-top:5px;}
#sidebar .popular .w1 ul li {border-bottom:1px solid #767676; line-height:1.23em;}
#sidebar .popular .w1 ul li a {display:block; color:#FFF; padding:5px 10px; *width:254px;}
#sidebar .popular .w1 ul li a:hover {background:#4f4f4f; text-decoration:none;}

/* WIDGETS */ 
/*--text--*/
#text-4 {background:url(media/_global/bg_widget_text_bg.gif) center top repeat-x #aaaaaa; margin:0 20px; margin-top:20px; border:1px solid #000; _height:1%;}
#text-4 h2 {color:#F63; background:url(media/_global/bg_widget_text.png) 0 0 no-repeat; padding:10px 10px 70px 100px; font-size:1.38em; margin:5px 0 0 -8px; *position:relative; *z-index:1; *background-position:0 3px;}
#text-4 .textwidget {margin-top:-100px; padding:30px 10px 30px 92px; line-height:1.15em;}
#text-4 .textwidget a {font-weight:bold;}
/*--archives--*/
#archives-3 {padding:10px 0 30px; background:url(media/_global/bg_sidebar.divider.gif) center bottom repeat-x; margin-top:10px;}
#archives-3 h2 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:1.38em; color:#FF6; margin:0 20px 3px;}
#archives-3 ul {border-top:1px solid #767676; margin-top:5px; margin:0 20px;}
#archives-3 ul li {border-bottom:1px solid #767676; line-height:1.23em;}
#archives-3 ul li a {display:block; color:#FFF; padding:5px 10px; *width:254px;}
#archives-3 ul li a:hover {background:#4f4f4f; text-decoration:none;}

/* GLOBAL: Footer + Copyright */ 
#footer {height:235px; background:url(media/_global/bg_footer.jpg) 0 0 repeat-x;}
#footer .wrapper {width:928px; margin:0 auto;}
#footer .wrapper .w1 {width:655px; height:158px; background:#b0e1ff; position:relative; margin-top:40px; float:left;}
#footer .wrapper .w1 .ico {width:185px; height:221px; background:url(media/_global/bg_footer.jackie.png) 0 0 no-repeat; position:absolute; top:-35px; left:10px;}
#footer .wrapper .w1 ul {float:left; margin-right:10px; border-top:1px solid #44a7e5; width:138px; _width:110px;}
#footer .wrapper .w1 ul li {border-bottom:1px solid #44a7e5;}
#footer .wrapper .w1 ul li a {display:block; color:#369; padding:3px 10px; _width:110px;}
#footer .wrapper .w1 ul li a:hover {background:#c9ebff; text-decoration:none;}
#footer .wrapper .w2 {margin:10px 0 0 200px;}
#footer .wrapper .w2 h3 {font-size:1.15em; color:#666666; font-weight:bold;}

#footer .wrapper .w3 {margin:40px 0 0 10px; float:left;}
#footer .wrapper .w3 .ico {width:189px; height:127px; background:url(media/_global/bg_footer.logos.png) 0 0 no-repeat; margin:0 0 10px 30px;}
#footer .wrapper .w3 .copyright {font-size:0.85em; color:#069; text-align:center; line-height:1.23em;}
#footer .wrapper .w3 .copyright a {color:#069;}
#footer .wrapper .w3 .copyright a:hover {color:#FFF; text-decoration:none;}

/* ITEM: Fields */ 
.field, .field_ta, select {border:1px solid #bfbc99; background:#FFF;}
.field, .field_ta {padding:3px 3px 0; color:#333; height:21px; font-size:1.17em; margin:1px; background-color:#FFF; line-height:18px;}
.field:focus, .field:hover {border:2px solid #f71360; margin:0;}
/* ITEM: Buttons */ 
.btn_pink1, .btn_pink2, .btn_pink3, .btn_gray1, .btn_gray2, .btn_gray3 {color:#FFF; cursor:pointer; font-weight:bold; border:none; height:26px;}
.btn_pink1, .btn_gray1 {width:60px;}
.btn_pink2, .btn_gray2 {width:90px;}
.btn_pink3, .btn_gray3 {width:138px;}
.btn_pink1, .btn_pink2, .btn_pink3 {background:#f71360;}
.btn_gray1, .btn_gray2, .btn_gray3 {background:#CCC;}
.btn_pink1:hover, .btn_pink2:hover, .btn_pink3:hover, .btn_gray1:hover, .btn_gray2:hover, .btn_gray3:hover {background:#1fc0ff;}
/* ITEM: Curved corners */ 
.crvtop_footer, .crvtop_footer div, .crvbtm_footer, .crvbtm_footer div, .crvtop_date, .crvtop_date div, .crvbtm_date, .crvbtm_date div, .crvtop_flesh, .crvtop_flesh div, .crvtbtm_flesh, .crvtbtm_flesh div {height:3px; background:url(media/sprite_corners.gif) 0 0 no-repeat; _font-size:0;}
.crvtop_footer, .crvtop_date {position:relative; top:-1px; left:-1px;}
.crvtop_footer div, .crvtop_date div {position:relative; left:2px;}
.crvbtm_footer, .crvbtm_date {position:relative; top:1px; left:-1px;}
.crvbtm_footer div, .crvbtm_date div {position:relative; left:2px;}
.crvtop_footer {background-position:0 0;}
.crvtop_footer div {background-position:right -3px;}
.crvbtm_footer {background-position:0 -6px;}
.crvbtm_footer div {background-position:right -9px;}
.crvtop_date {background-position:0 -12px;}
.crvtop_date div {background-position:right -15px;}
.crvbtm_date {background-position:0 -18px;}
.crvbtm_date div {background-position:right -21px;}
.crvtop_flesh {background-position:0 -24px;}
.crvtop_flesh div {background-position:right -27px;}
.crvtbtm_flesh {background-position:0 -30px;}
.crvtbtm_flesh div {background-position:right -33px;}


/* PLUGIN: wp_pagenavi */ 
.wp-pagenavi {text-align:center; padding:20px 0 40px;}
.wp-pagenavi a, .wp-pagenavi a:link {padding:3px 5px; margin:2px; text-decoration:none;	border:1px solid #ffc3d6; color:#333; background:#FFF;}
.wp-pagenavi a:visited {}
.wp-pagenavi a:hover {margin:1px; border:2px solid #f71360; color:#f71360;}
.wp-pagenavi a:active, .wp-pagenavi a:focus {outline:none;}
.wp-pagenavi span.pages {padding:3px 5px; margin:2px; color:#000; border:1px solid #000000; background-color:#FFFFFF;}
.wp-pagenavi span.current {padding:3px 5px; margin:2px;	font-weight:bold; border:1px solid #b0e1ff;	color:#333;	background:#b0e1ff;}
.wp-pagenavi span.extend {padding:3px 5px; margin:2px; color:#000; font-weight:bold;}