/*  
Theme Name: JC Penney Home Style Guide 2008
Theme URI: http://BlendInteractive.com
Description: This is the Home Style Guide for JC Penney
Version: 1.0
Author: Tim Schoffelman
Author URI: http://BlendInteractive.com
*/



/* GLOBAL SITE UTILITIES */
/* ------------------------------------------------ */
.hide { position: absolute; top: 0; left: -999em; }
.show{ position: static; display: table; top: 0; left: 1em; }
.innerWrap { width: 100%; height: 100%; }
.floatLft { float: left; }
.floatRgt { float: right; }
.hr { border-bottom: 1px solid #ccc; }
.error {color:#e32421;}
.padding10 {padding: 10px;}
.padding20 {padding: 20px;}
.alignCenter {text-align: center;margin: 0 auto;}

/* Browser Neutralizers */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* image replacement */
.imgTxt { text-indent: -999em; overflow: hidden; }
.imgTxt a { display: block; height: 100%; overflow: hidden; }

/* float clearing hack */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear: both; display: inline-block; }
.clear { display: block; } /* Hides from IE-mac \*/

/* TYPOGRAPHY */
/* ------------------------------------------------ */
body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #fbf7e8; }

a { text-decoration: underline; color: #f8e379; }
a:hover { text-decoration: none; }

h1 { font-size: 2.4em; color: #315b7c; }
h2 { font-size: 2.0em; color: #353a3e; }
h3 { font-size: 1.4em; color: #d6cba1; }
h4 { font-size: 1.1em; color: #003399; }
h5 { font-size: 1.4em; }

p, dd { font-size: 12px; line-height: 20px; }

a.tinyLink{ color:#ffffff; font: .9em Arial, Helvetica, sans-serif;}


/************ Basic Settings ******************************/
body {	
	text-align: center;
	margin: 0; padding: 0;
    background: #8c9194 url(images/bg_repeat.jpg) repeat-x top center;
}

#error {
	position:absolute; 
	top:0; left:0; 
	z-index:10000; 
	font-size:16px;
	text-align:left; 
	padding:1.25em 1em; 
	background:#ff0; 
	color:#7cab37;
}

h1 {font-size:260%;margin:10px 0;font-weight:normal;}
h2 {font-size:140%;margin:10px 0;font-weight:normal;} /* text-transform:uppercase; */
h3 {font-size:120%;margin:10px 0;font-weight:normal;} /* text-transform:uppercase; */
h4 {font-size:100%;margin:10px 0;font-weight:normal;} /* text-transform:uppercase; */

#container {
    margin: 0 auto;
    width: 980px;
    text-align: left;
}



/************ Header *************************************/

#header {
    padding: 12px 16px 0 16px;margin:0 0 -30px 0;
    height: 365px;
}

#leaderboard728x90 {
    background-color: #fbf7e8;
    width: 728px;height: 90px;
    margin-top: 6px;
    border: 1px solid #315b7c;
    color: #606568;
}

#jcpenney_header {
    color: #565046;
    font-size: 85%;
    position: absolute;
    top: 10px;
    margin: 0 0 0 855px;
    text-align: right;
}

#flourish_top {
    display: block;
    width: 219px;
    height: 114px;
    position: absolute;
    top: 39px;
    margin-left: 700px;
    background: transparent url(images/flourish_top.png) no-repeat top left;
}

#header_tabs {
    position: absolute;
    top: 126px;
    margin-left: 300px;
}

#header_tabs a {color:#847c52;text-decoration: none; font-size: 95%;}
#header_tabs a:hover {color: #3a3f43;}

#header_tabs .tabs_home {
    padding: 7px 0 0 19px; 
    display: block; 
    float: left; 
    background: transparent url(images/bg_tab_small.gif) no-repeat top left; 
    height: 20px;
    width: 49px;
}

#header_tabs .tabs_photo {
    padding: 7px 0 0 17px;
    display: block; 
    float: left; 
    background: transparent url(images/bg_tab_large.gif) no-repeat top left; 
    height: 20px;
    width: 127px;
}

#header_tabs .tabs_about {
    padding: 7px 0 0 19px;
    display: block; 
    float: left; 
    background: transparent url(images/bg_tab_large.gif) no-repeat top left; 
    height: 20px;
    width: 125px;
}

#header_links {
    position: absolute;
    top:155px;
    margin-left: 840px;
    font-size: 80%;
    color: #8a969f;
}

#header_links span {float:left; margin: 6px 0 0 0;}
#header_links .rss_icon {float:left; margin: 3px 0 0 5px;}
#header_links a {color:#8a969f;text-decoration: underline;}
#header_links a:hover {text-decoration: none;}

#featured_photo01 {
    height: 231px;
    width: 309px;
    background: transparent url(images/feature_photo_01.png) no-repeat top left;
    display: block;
}

#featured_photo02 {
    height: 231px;
    width: 309px;
    background: transparent url(images/feature_photo_02.png) no-repeat top left;
    display: block;
}

#header_info {
    position: absolute;
    top: 165px;
    margin-left: 335px;
    color: #8a969f;
    width: 500px;
}


#header_info h1 {
    font-family: Helvetica;
    font-weight: normal;
    background: transparent url(images/gr_home_style_guide.gif) no-repeat top left;
}
#header_info a {color: #315b7c; text-decoration: none;}
#header_info a:hover {text-decoration: underline;}

#header_linden_street {
    position: absolute;
    top:250px;
    margin-left:850px ;
}

#flourish_bottom {
    display: block;
    width: 321px;
    height: 101px;
    position: absolute;
    top: 313px;
    margin-left: 630px;
    background: transparent url(images/flourish_bottom.png) no-repeat top left;
}

/************ content ************************************/


#content {
    float: right;
    width: 645px;
    margin-top: 12px;
} 


/* current category / most recent/popular/discussed links  */
#current_cat {color:#fbf7e8; margin: 20px 0 0 0; position: relative; z-index: 30; width: 625px;}
#current_cat h4 {color:#fbf7e8;}
#current_cat .most_links {float:right; margin: -27px 0 0 350px; white-space: nowrap;}
#current_cat .most_links a.selectedlink {font-weight:bold;}
#current_cat .most_links a {color:#fbf7e8;text-decoration: none;}
#current_cat .most_links a:hover {text-decoration: underline;}



/* post template formatting */
.post {
    padding: 0;
    margin: 20px 0 0 0;
}

.post_author {float:left;width: 50px;}

.post_author_icon {
    position: absolute;
    top: 14px;
    left: 14px;
}

.post_author_bg {
    display: block;
    width: 58px;
    height: 58px;
    background: transparent url(images/bg_author.gif) no-repeat top left;
    position: relative;
    margin: 0 0 0 -10px;
}


.post_content {
    float:left;
    width: 535px;
    border-bottom: 1px dashed #353a3e;
    position: relative;
    z-index: 50;
}

.post_content h2 {
    font-size: 180%;
    font-weight: 100;
    margin: 17px 0 5px 0;
}

.post_content p {color: #3a3f43;line-height: 1.6em;margin:10px 0;}
.post_content a {color: #335d7d;}
.post_content a:hover {}

.post_content h2 a {color: #353a3e; text-decoration: none;}
.post_content h2 a:hover {text-decoration: underline;}


.post_author_date, .post_comment_vote {color: #e1d8b4;}
.post_author_date a, .post_comment_vote a {color: #f8e379;}
.post_author_date a:hover, .post_comment_vote a:hover {}

.post_comment_vote {
    background: transparent url(images/gr_comment_icon.gif) no-repeat 0 3px;
    padding:0 0 0 20px;
}



.blendvotes a {text-decoration: none;}
.blendvotes a:hover {text-decoration: underline;}

.vote_yes {position:absolute; margin: 0 0 0 2px;}


.navigation {
    width: 535px;
    margin: 20px 0 0 50px;
}

.author_icon {float:left;}

/************ Comments Template ************************************/

.comments_template {
    margin: 0;
    padding:0;
}

h3#comments {
    text-transform: uppercase;
    color: #353a3e; 
    font-size: 98%;
    font-weight: bold;
}

ul.commentlist {}
.commentlist li {
   background: transparent url(images/gr_large_comment_icon.gif) no-repeat 0 0;
   margin: 0 0 20px -36px;
   padding-left: 36px;
} 

.commentlist cite {color: #e1d8b4; font-style: normal;margin:0;}
.commentlist cite a {color: #e1d8b4; text-decoration: none; font-style: normal;margin:0;}
.commentlist cite a:hover {color: #e1d8b4; text-decoration: underline;}


/* sidebar - authors block */
.comment_form {
    background-color: #7c8184;
    display: block;
    width: 535px;
    border: 1px solid #8C9194;
    margin: 20px 0;
    padding: 0px;
}

.comment_form h3 {
    margin: 0 0 15px 0;padding:5px 0 0 10px;
    background-color: #5c5d5e;
    display: block;
    height: 22px;
}

.comment_int_wrapper {
    padding: 0px 10px;
}

.comment_int_wrapper form {
    border: none;
}

.comment_int_wrapper input {
    margin-right: 10px;
    border: 1px solid #fff;
}

.comment_int_wrapper textarea {
    width: 415px;
    height: 165px;
    border: 1px solid #fff;
}

.comment_int_wrapper #submit {border:none;}

/************ Single Template ************************************/


.post_content_single {
    float:left;
    width: 535px;
}

.post_content_single h2 {
    font-size: 180%;
    font-weight: 100;
    margin: 17px 0 5px 0;
}

.post_content_single p {color: #3a3f43;line-height: 1.6em;margin:10px 0;}
.post_content_single a {color: #335d7d;}

.post_content_single h2 a {color: #353a3e; text-decoration: none;}
.post_content_single h2 a:hover {text-decoration: underline;}


.single_entry {
    position: relative;
    z-index: 50;
    border-bottom: 1px dashed #353a3e;
}
.entry {color:#3A3F43;;}


/************ Page Template ************************************/


.page_template{
    margin-top: 25px;
}
.page_template p {color: #3a3f43;line-height: 1.6em;margin:10px 0;}

.page_template h2 a {color: #353a3e; text-decoration: none;}
.page_template h2 a:hover {text-decoration: underline;}


/************ sidebar ************************************/

#sidebar {
    float: left;
    width: 335px;
} 



/* sidebar - search block */
#sidebar_search {height: 40px;width:300px;}

#sidebar_search input {border:none;}

#sidebar_search .s {
    background: transparent url(images/bg_search.gif) no-repeat top left;
    width: 242px; height: 19px;
    float: left;
    padding: 6px 15px 0 5px;
    text-align: right;
    color: #656768;
}

#sidebar_search .searchsubmit {
    width:25px;
    height:25px;
    float: left;
    margin: 0 0 0 3px;
}



/* sidebar - featured / most commented posts widget */
.sidebar_widget {
    width: 302px;
    border: 1px solid #5c5d5e;
}

.sidebar_widget h3 {
    background-color: #5c5d5e;
    margin:0;padding: 3px 5px;
}

.sidebar_widget p {
    margin:5px;
    padding:0;
    line-height: 12px;
    font-size: 90%;
}

.sidebar_widget a {white-space: nowrap;font-size: 100%; }

.sidebar_widget ul {margin: 10px 5px;font-size: 100%;}

.sidebar_widget li {font-size: 90%;}

.sidebar_widget img {border: 1px solid #5c5d5e;margin:0;padding:0;}

.sidebar_widget .dashed_line {border: none;margin: 10px 0 5px -3px;}



/* sidbar - sponsor block */
#sidebar_sponsor {
    font-size: 80%;
    color:#353a3e;
    text-align: center; 
    margin: 10px 0; 
    width: 300PX;
    display: block;
    height:48px;
}

#sidebar_sponsor span {float:left;margin:20px 10px 0 0;}

#sidebar_sponsor img {float:left;}



/* sidebar - ad block */
#sidebar_ad {
    border: 1px solid #353a3e;
    background-color: #fff;
    color: #353a3e;
    text-align: center;
    width: 300px;
}



/* sidebar - authors block */
#sidebar_authors {
    background-color: #7c8184;
    display: block;
    width: 300px;
    border: 1px solid #8C9194;
    margin: 20px 0;
}

#sidebar_authors h3 {
    margin: 0 0 15px 0;padding:5px 0 0 5px;
    background-color: #5c5d5e;
    display: block;
    height: 22px;
}

#sidebar_authors img {margin-right: 5px;}

#sidebar_authors a {text-decoration: none;}
#sidebar_authors a:hover{text-decoration: underline;}

#sidebar_authors .sidebar_author_links {color:#5c5d5e;}

#sidebar_authors li {
    margin: 5px 0;padding: 0px 10px;
    border-bottom: 1px solid #5c5d5e;
    display: block;
    height: 35px;
}




/************ footer *************************************/

#footer{
    background-color: #656768;
    width: 100%;
    height: 125px;
    padding-top: 26px; 
    margin-top:25px;
}

.fm_footer {
    width: 980px;
    text-align: left;
    margin: 0 auto;
    color: #353a3e;
    vertical-align: middle;
}

.fm_footer a {color: #353a3e; text-decoration: none; margin: 0 3px;}
.fm_footer a:hover { text-decoration: underline; }

.fm_footer span { float:left; margin: 5px 0 0 10px; }

#fm_bug { float:left;}

/* ========== Site ToolBox ============================================================================================= */