@import url("http://www.bytemypixel.com/?css=stylesheets/navigation");
@import url("http://www.bytemypixel.com/?css=stylesheets/tags");
@import url("http://www.bytemypixel.com/?css=stylesheets/forms");
/*----------------------------------------------------------------
MASTER STYLESHEET

Includes: 
Browser Compatibility: IE 6, IE 7, FIREFOX, SAFARI 

Layout Colors:
------------------
White: #fdfdff;
Light Teal: #e9f3ff;
Light Blue: #e0e7f3;
Pale Pink: #f9f6f3;
Light Pink: #f2eae5;

Font Colors:
------------------
Dark Red: color:#7f6356;
Dark Pink: color:#c9a798;
Dark Grey: color:#949393;
Light Grey: color:#ccc;
Off White: color:#f9f6f3;

Developer:
****************************************
Jessica Dooley
email: jessicadooley@jstopgraphics.com
website: http://www.jstopgraphics.com
****************************************
----------------------------------------------------------------*/
/* =ALL PAGES LAYOUT start / DO NOT EDIT BELOW THIS LINE
----------------------------------------------------------------*/
*{
margin:0;
padding:0;
}

img{
border:none;
}

html{
height:100%;/* =for STICKY FOOTER */
}

body{
margin:0 auto;
width:100%;
height:100%;/* =for STICKY FOOTER */
text-align:center;
font:12px Verdana, Arial, Helvetica, sans-serif;
background:url(../images/composition/layout/bg-repeat.jpg) top left repeat fixed;
}


/* ------------------ =begin MASTHEAD layout ------------------*/
#masthead{
width:100%;
height:100%;/* =for STICKY FOOTER */
background:url(../images/composition/layout/masthead-bg.gif) top left repeat-x;
}

#container{
width:984px;
text-align:left;
margin:0 auto;
min-height:100% !important;/* =for STICKY FOOTER */
}

#BMP_logo{
padding:16px 0 0 0;
width:320px;
height:78px;
}

#mastheadSection{
float:right;
margin:-82px 0 0 0;
width:280px;
height:76px;
text-align:right;
font:1em "Courier New", Courier, monospace;
color:#ccc;
}

#loginLinks a{
color:#ccc;
}

#loginLinks span{
padding:0 0 0 12px;
}

#search{/*forms.css*/}


/* ------------------ =begin MAIN CONTENT layout ------------------*/
#main_wrapper{
clear:both;
margin:0 auto;
width:984px;
text-align:left;
}

#socialLinks{/*navigation.css*/}

#navWrapper{/*adjustments in ie-6.css*/
clear:both;
position:relative;
z-index:100;
height:80px;
background:url(../images/composition/layout/top-cap.gif) left top no-repeat;
}

#mainNav{/*navigation.css*/}


/* ------------------ =begin CONTENT BODY layout ------------------*/
#sub_wrapper{/*adjustments in ie-6.css*/
background:url(../images/composition/layout/content-bg.gif) left top repeat-y;
}

#bottomCap{
padding:0 0 26px 0;
width:984px;
height:38px;
}


/* ------------------ =begin LEFT CONTENT layout ------------------*/
#primaryContent{
float:left;
width:560px;
padding:0 40px 0 50px;
}

#todaysdate,
#pagetitle{
padding:6px 0;
text-align:center;
color:#c9a798;
font:bold 1em Georgia, "Times New Roman", Times, serif;
background:url(../images/composition/constants/div-repeat-y.gif) left center repeat-x;
}

#todaysdate span{
padding:6px 12px;
background:#f9f6f3;
}


/* ------------------ =begin ENTRY layout ------------------*/
.entry{/*adjustments in ie-6.css, ie-7.css*/
clear:both;
width:560px;
margin:18px 0 4px 0;
padding:0 0 18px 0;
border-bottom:1px dashed #c9a798;
}

.entry .date{/*adjustments in ie-6.css*/
float:left;
width:42px;
height:30px;
padding:5px 14px 6px 3px;
margin:-2px 0 0 -32px;
text-align:center;
font:bold 1em Arial, Helvetica, sans-serif;
background:url(../images/composition/constants/postDate-bg.png) top left no-repeat;
}

.entry h2{
margin:0 0 5px 0;
float:left;
font:bold 1.3em Georgia, "Times New Roman", Times, serif;
border-bottom:none;
}

.entry h2 span,
.entry h2 span a{
color:#c9a798;
font:normal .9em "Times New Roman", Times, serif;
}

.entry .month{
display:block;
}

.entry .day{
display:block;
}

.entry .posted{
float:right;
padding:18px 12px 0 0;
color:#c9a798;
font:normal 1em "Times New Roman", Times, serif;
}

.entry .posted .commentCount{
padding:0 0 0 12px;
}

.entry .article{
clear:both;
padding:6px 0 0 0;
color:#7f6356;
font:1.2em "Times New Roman", Times, serif;
}

.entry .article p{
line-height:18px;
margin:0 0 12px 0;
}

.entry .article .thumbnail{
width:87px;
height:87px;
float:left;
margin:0 12px 12px 0;
background:#fdfdff !important;
border:1px dashed #e0e7f3;
overflow:hidden;
}

.entry .article .thumbnail img{
width:75px;
height:75px;
padding:6px;
}

.entry .article .imageInsets{
clear:both;
}

.entry .article .imageInsets img{
max-width:546px;
padding:6px;
margin:16px auto;
background:#fdfdff !important;
border:1px dashed #e0e7f3;
overflow:hidden;
}

.entryFooter{
clear:both;
padding:0 8px 8px 8px;
background:#fdfdff;
border:1px solid #e0e7f3;
}

.entryFooter img{
width:28px;
}

.entryFooter a{
padding:0 6px 0 0;
}

/* ------------------ =begin COMMENTS layout ------------------*/
#entryComments{
clear:both:
float:right;
margin:0 0 18px 0;
width:542px;
font:1.2em "Times New Roman", Times, serif;
}

.totalComments{
}

.commentEntry{
margin:6px 0 12px 0;
padding:8px;
background:#f2eae5;
}

.avatar{
float:left;
margin:0 6px 0 0;
/*width:116px;
height:114px;*/
background:#fdfdff;
border:2px solid #e0e7f3;
}

.commentDetails{/*adjustments in ie-6.css, ie-7.css*/
width:528px;
height:20px;
}

.userName{
float:left;
padding:0 0 0 26px;
font-weight:bold;
background:url(../images/composition/constants/username-decor.gif) left 5px no-repeat;
}

.commentDate{
float:right;
width:120px;
color:#c9a798;
font-size:.9em;
text-align:right;
}

.commentEntry p{
color:#949393 !important;
}

/* ------------------ =begin SIDEBAR layout ------------------*/
#rightWrapper{
float:right;
width:288px;
padding:14px 44px 0 0;
color:#7f6356;
font-size:.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.rightContent{
float:left;
width:258px;
padding:8px 12px 12px 12px;
margin:0 0 18px 0;
background:#fdfdff;
border:2px solid #e0e7f3;
}

.rightContent h2 {
font-size:1.15em;
padding:6px 0 8px 0;
letter-spacing:.2em;
text-align:center;
color:#c9a798;
border-bottom:none;
background:url(../images/composition/sidebar/headline-bg.gif) center top no-repeat;
}

#sideNav{/*navigationn.css*/}

.towerAdLeft,
.babybannerLeft{
float:left;
}

.towerAdRight,
.babybannerRight{
float:right;
}

.towerAdLeft,
.towerAdRight,
.babybannerLeft,
.babybannerRight{
overflow:hidden;
text-align:center;
vertical-align:middle;
}

.towerAdLeft,
.towerAdRight{
width:125px;
border:1px solid #e0e7f3;
margin:0 0 4px 0;
}

.babybannerLeft,
.babybannerRight{
width:116px;
height:65px;
margin:0 0 18px 0;
background:url(../images/composition/bannerAds/babybanner-116x65.gif) left top no-repeat;
}

/*SIDEBAR PHOTOGALLERY*/
#previewGallery{
float:left;
width:258px;
padding:0 0 0 4px;
}

#previewGallery img{
float:left;
width:80px;
height:80px;
padding:2px;
margin:0;
background:url(../images/composition/previews/previews-bg.gif) left top no-repeat;
}


/* ------------------ =begin FOOTER layout ------------------*/
#footer{/*adjustments in ie-6.css*/
clear:both:
position:relative;
margin:0 auto;
width:984px;
background:#dfdfdf;
border:2px solid #e0e7f3;
border-bottom:12px solid #e9f3ff;
}

#footerLeft,
#footerMiddle{
float:left;
padding:56px 24px 12px 12px;
width:332px;
text-align:left;
color:#9f8a81;
}

#footerLeft{
background:url(http://www.bytemypixel.com/images/composition/feeds/twitter-feed-bg.gif) left top no-repeat;
}

#footerMiddle{
background:url(http://www.bytemypixel.com/images/composition/feeds/lastfm-feed-bg.gif) left top no-repeat;
}

#footerRight{
float:left;
padding:12px;
width:200px;
text-align:left;
}

#footer h2{
margin:0 0 18px 0;
color:#c9a798;
font:bold 1.3em Georgia, "Times New Roman", Times, serif;
}

#footer p{
clear:both;
margin:8px 0 14px 0; 
line-height:14px;
}

#footer .tweet{
margin:0 0 12px 0;
}

#footer .date,
#footer .trackInfo{
font-weight:bold;
color:#c9a798;
}

#footerLeft .twitterLink{
float:right;
width:75px;
}

#footerMiddle .lastfmLink{
float:right;
width:114px;
}

.currentTrack{
margin:12px  0 12px  0;
padding:0 0 10px  0;
border-bottom:1px dashed;
}

#footerMiddle .thumbnail{
width:75px;
padding:2px;
margin:6px 0;
background:#fdfdff;
border:1px dashed #e0e7f3;
}

ul.trackList li{
margin:8px 0 16px 22px;
}

#baseFooter{/*adjustments in ie-6.css, ie-7.css*/
clear:both;
margin:0 0 -14px 0;
padding:6px 0;
text-align:center;
line-height:14px;
font-size:.8em;
color:#7f6356;
background:#e9f3ff;
}

/* =ALL PAGES end / DO NOT EDIT ABOVE THIS LINE
----------------------------------------------------------------*/

/********************************************
=INDIVIDUAL PAGES LAYOUTS start 
*********************************************/

/*--------------- BLOG ARCHIVES ---------------*/
.archiveTopics{
padding:0 0 18px 0;
}

ul.topicList{
margin:8px 0 24px 8px;
}

ul.topicList li{
margin:0 0 4px 0;
padding:0 0 0 14px;
line-height:20px;
list-style:none;
background:url(../images/composition/constants/bullet-bgfff.gif) left 4px no-repeat;
}

/*--------------- CREATIVE ENDEAVORS ---------------*/
.projectQuestions{
float:left;
width:92px;
font-size:.85em;
text-align:right;
}

.projectAnswers,
.projectAnswersFull {
float:right;
width:350px;
font-size:.85em;
}

.projectQuestions span{
font-style:italic;
width:92px;
}

.projectAnswers span{
width:350px;
}

.projectAnswersFull,
.projectAnswersFull span{
width:455px;
}

.projectQuestions span,
.projectAnswers span,
.projectAnswersFull span{
display:block;
height:30px;
}

.projectQuestions span.last,
.projectAnswers span.last,
.projectAnswersFull span.last{
height:auto;
margin:0 0 18px 0;
}