/*
	JordanChristy.com ~ Site CSS.
    Chouanard|Creative 2010
*/

body 
{
    background-image: url(http://030477a.netsolhost.com/Images/SubscribeBackground.jpg);
    color: #696969;
    font-family: Arial, Helvetica, sans-serif;
}

#pageBodyTop
{
	clear:  both;
	margin: 0px;
	height: 20px;
	background: url(../Images/homePageBodyTop.png) no-repeat center ;
	background-position: top;
}

#pageBody
{
	clear:  both;
	margin: 0px;
	background: url(../Images/homePageBodyCenter.png) repeat-y center ;
	background-position: top;
}

#pageBodyBottom
{
	clear:  both;
	margin: 0px;
	height: 20px;
	background: url(../Images/homePageBodyBottom.png) no-repeat center ;
	background-position: bottom;
}

#contentMarquee
{
    clear:  both;
	margin: 0px;
	height: 330px;
	width: 1020px;
	background: url(../Images/homePageMarquee.png) no-repeat top ;
}

#contentSlider
{
    clear:  both;
	margin-left: 18px;
}


#bodyContainer
{
    width: 1020px;
    margin: 0;
    /*display: inline-block;*/
}

#contentFullContainer
{
    width: 1020px;
    float:left;
}

.contentFullBodyTop
{
    width: 1020px;
    position: relative;
	margin: 0px;
	height: 20px;
	background: url(../Images/bodyContentFullTop.png) no-repeat center ;
	background-position: bottom;
}

.contentFullBody
{
    width: 1020px;
    position: relative;
	margin: 0px;
	background: url(../Images/bodyContentFullCenter.png) repeat-y center ;
	background-position: top;
}

.contentFullBodyBottom
{
    width: 1020px;
    position: relative;
	margin: 0px;
	height: 20px;
	background: url(../Images/bodyContentFullBottom.png) no-repeat center ;
	background-position: top;
}


#contentContainer
{
    width: 670px;
    float:left;
}

.contentBodyTop
{
    width: 670px;
    position: relative;
	margin: 0px;
	height: 20px;
	background: url(../Images/bodyContentTop.png) no-repeat center ;
	background-position: bottom;
}

.contentBody
{
    width: 670px;
    position: relative;
	margin: 0px;
	background: url(../Images/bodyContentCenter.png) repeat-y center ;
	background-position: top;
}

.contentBodyGridContainer
{
    position: relative;
	margin-left: 16px;
	margin-top: 20px;
	padding-bottom: 1px;
}


.contentBodyBottom
{
    width: 670px;
    position: relative;
	margin: 0px;
	height: 20px;
	background: url(../Images/bodyContentBottom.png) no-repeat center ;
	background-position: top;
}

#socialContainer
{
    display: inline-block;
    margin: 0px;
    width: 330px;
    float:right;
}

.socialBodyTop
{
    width: 330px;
    position: relative;
	margin: 0px;
	height: 20px;
	background: url(../Images/socialPageBodyTop.png) no-repeat center ;
	background-position: bottom;
}

.socialBody
{
    width: 330px;
    position: relative;
	margin: 0px;
	background: url(../Images/socialPageBodyCenter.png) repeat-y center ;
	background-position: top;
}

.socialBodyBottom
{
    width: 330px;
    position: relative;
	margin: 0px;
	height: 20px;
	background: url(../Images/socialPageBodyBottom.png) no-repeat center ;
	background-position: top;
}


.sidebarText
{
	margin-left: 15px;
	width: 300px;
}

.contactHeaderBold
{
    font-size: 15px;
    margin-left: 40px;
    font-weight: bolder;
    color: #cc3d78;
}

.contactHeader
{
    font-size: 15px;
    letter-spacing: .5px;
    font-weight: lighter;
    color: #000000;
}

.contactText
{
    margin: 4px 0 4px 40px;
}

.booksHeaderBold
{
    font-size: 24px;
    margin-left: 0px;
    font-weight: bolder;
    color: #cc3d78;
}

.booksHeader
{
    font-size: 24px;
    letter-spacing: .5px;
    font-weight: lighter;
    color: #000000;
}

.booksText
{
    margin: 4px 60px 0px 40px  ;

}

.mediaTVEmbed
{
   padding:  20px 20px 20px 20px;
   text-align: center;   
}

.mediaHeaderBold
{
    font-size: 15px;
    font-weight: bolder;
    color: #cc3d78;
}

.mediaVideoEmbed
{
   padding:  20px 20px 20px 20px;
   text-align: center;   
}

.mediaImageViewer
{
   padding: 20px 20px 20px 200px;
   text-align: center;   
}

#twitter-ticker{
	/* Styling the ticker */
	width:300px;
	height:auto;
	color:#000000;
	display:none;
	border-color: #808080;
	border-style:solid;
	border-width:thin;

	/* 

background:url(Image/slickbg.png) no-repeat #f5f5f5;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px; */

	text-align:left;
}

#tweet-container{
	/* This is where the tweets are inserted */
	height:320px;
	width:auto;
	overflow-y: scroll;
}

#twitIcon{
	/* Positioning the icon holder absolutely and moving it to the upper-left */
	position:absolute;
	top:-25px;
	left:-10px;
	width:64px;
	height:64px;
}

#top-bar{
	height:45px;
	background:url(img/top_bar.png) repeat-x;
	border-bottom:1px solid white;
	position:relative;
	margin-bottom:8px;

	/* Rounding the top part of the ticker, works only in Firefox unfortunately */
	-moz-border-radius:6px 6px 0 0;
}

.tweet{
	/* Affects the tweets */
	padding:5px;
	margin:0 8px 8px;
	border:1px solid #F0F0F0;
	background:url(Image/transparent.png);
	width:auto;
	overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}

.tweet .avatar img{
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 5px 0;
}

.tweet .txt{
	/* Using the text container to clear the floats */
	clear:both;
}

.tweet .user{
	font-weight:bold;
	font-size:14px;
}

a, a:visited {
	/* Styling the links */
	color:#0278a6;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

#loading{
	/* The loading gif animation */
	margin:100px 95px;
}








#subscribeContent
{
    width:600px;
    margin: auto; /*This makes the trick*/
}

#subscribeImage
{
    width:300px;
    float: left;
}

#subscribeForm
{
    width:290px;
    height:180px;
    float: right;
    margin-top: 80px;
}

#subscribeResult
{
    color: Black;
    font-size: 22px;
    font-weight:bold;
    
}


.featuredContentMarquee 
{
	margin-left: 0px;
	width: 600px;
	height: 225px;
}


.featuredContentMarqueeOneHalfLeft
{
	margin-left: 0px;
	width: 300px;
	height: 225px;
	float: left;
}

.featuredContentMarqueeOneHalfRight
{
	margin-left: 0px;
	width: 300px;
	height: 225px;
	float: right;
}

.featuredContentMarqueeOneThirdLeft
{
	margin-left: 0px;
	width: 200px;
	height: 225px;
	float: left;
}

.featuredContentMarqueeTwoThirdsRight
{
	margin-left: 0px;
	width: 400px;
	height: 225px;
	float: right;
}


.featuredContentMarqueeTwoThirdsLeft
{
	margin-left: 0px;
	width: 400px;
	height: 225px;
	float: left;
}

.featuredContentMarqueeOneThirdRight
{
	margin-left: 0px;
	width: 200px;
	height: 225px;
	float: right;
}
.contentGridText
{
    padding: 8px 16px 8px 16px; 
    font-size: 14px;  
    line-height: 16px;
}

.contentFullText
{
    padding: 8px 16px 8px 16px; 
    font-size: 14px;  
    line-height: 14px;
    
}

.ajaxPager 
{   
    background-color: #e2eaf1; 
    color: Black;
    padding: 4px
}

.mGrid { width: 100%; background-color: #fff; margin:  5px 0 5px 0; border: solid 0px #525252; border-collapse:collapse; }
.mGrid td { padding: 8px; border-top: solid 1px #c1c1c1; color: #717171; }
.mGrid th { padding: 6px 2px; color: #fff; background: #424242 url(../Images/grd_head.png) repeat-x top; border-left: solid 0px #525252; font-size: 0.9em; }
/* .mGrid .alt { background: #fcfcfc url(../Images/grd_alt.png) repeat-x top; }  */
.mGrid .alt { background: #f5f5f5 }
.mGrid .pgr {background: #424242 url(../Images/grd_pgr.png) repeat-x top; } 
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

.mGridHyperlinkWithSmallImage
{
    Font-Size: 14px; 
    line-height: 18px;
}

.mGridHyperlinkWithLargeImage
{
    Font-Size: 16px; 
    line-height: 20px;
}

.postListDiv
{
    background: url(../Images/LittleBlackDressSmall.png) no-repeat center ;
    text-align:center;
    color: White;
    line-height: 12px; 
    height: 50px;
    width: 50px;
    padding-top: 11px;
}

.postListDay
{
    margin-top: 14px;
    font-size: 14px; 
    font-weight: bold; 
}

.postListMonth
{
    font-size: 11px; 
    font-weight: bold; 
}