@charset "utf-8";
/*=================================
 		Title:Ciara
		Description: Site designed and developed by FreshSpark Creative
		Version: 1.0
		Author: FreshSpark Creative
		Author URI: http://freshsparkcreative.com
=================================*/
body {
	font-family     : Arial,Verdana,Tahoma,Georgia, Lucida,Helvetica, sans-serif;
	text-align      : left;
	background		:#ffffff;
	color			:#000000;
	position        :relative;
}
* {
	margin          : 0;
	padding         : 0;
	outline-style   : none;
	outline-width   : 0;
}
img,fieldset,a img {
	border          : none;
}
ul,ol,li {
	list-style      : none;
}
input, textarea, select {
	font-family     : Arial;
	font-size       : inherit;
	font-weight     : inherit;
}
a {
	text-decoration : none;
        color:#666666;
}

a:hover {
	text-decoration : underline;
}

a:visited  {text-decoration:none; color:#666666;}

.hide,a i{
    position        : absolute;
    left            : -9999px;
}

/*common css styles*/
.hide{ position:absolute; left:-9999px; }
.cp{ cursor:pointer; }
.alignCenter,.center,.ac{ text-align:center; }
.alignLeft,.left,.al{ text-align:left; }
.alignRight,.right,.ar{ text-align:right; }
.alignJustify,.justify,.aj{ text-align:justify; }
/*common font size*/
.extralarge{ font-size:24px; line-height:26px; }
.large{ font-size:18px; line-height:20px; }
.medium{ font-size:14px; line-height:16px; }
.small{ font-size:13px; line-height:15px; }
.tiny{ font-size:11px; line-height:13px; }
/*borders*/
.bbAsh{ border-bottom:1px solid #ccc; }
.brAsh{ border-right:1px solid #ccc; }
.blAsh{ border-left:1px solid #ccc; }
.btAsh{ border-top:1px solid #ccc; }
.bAsh{ border-top:1px solid #ccc; }
/*float*/
.fl{ float:left; }
.fr{ float:right; }
.fn{ float:none; }
/*overflowHidden*/
.oh{ overflow:hidden; }
/*clear both*/
.cb{ clear:both; }
/*margins*/
.m0{ margin:0px; }
.ml0{ margin-left:0px; }
.ml10{ margin-left:10px; }
.ml20{ margin-left:20px; }
.mr0{ margin-right:0px; }
.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr30{ margin-right:30px; }
.mr40{ margin-right:40px; }
.mt3{ margin-top:3px; }
.mt2{ margin-top:2px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mb0{ margin-bottom:0px; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }

/*paddings*/
.p5{ padding:5px; }
.p0{ padding:0px; }
.pb10{ padding-bottom:10px; }
.pb20{ padding-bottom:20px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pl10{ padding-left:10px; }
.pr20{ padding-right:20px; }
.plr20{ padding-left:20px; padding-right:20px; }

/*display*/
.dn{ display:none; }
.di{ display:inline; }
.dib{ display:inline-block; }
.db{ display:block; }
/*color schemes*/
.blue{ background:#00c; }
.red{ color:#c00; }
.green{ background:#0c0; }
.white{ background:#fff; }
.black{ color:#000; }
.cWhite{ color:#fff; }
a.cWhite:hover{ color:#fff; text-decoration:underline; }
/*flexible widths*/
.fw{ width:99%; }
.hw{ width:49%; }
.qw{ width:74%; }
/*common css styles*/

/* Page Structure ===================================
*/
#supersize{
	position:fixed;
	left:0;	top:0;
	z-index:1;
}
*html #supersize{
	position:absolute;
	left:0;	top:0;
	z-index:1;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	min-width:1260px;	min-height:960px;
	position:fixed;
	left:0;	top:0;
	z-index: 0;
}

/* Wrapper ==========================================
*/
.wrap{
	width:100%;
	position:relative;
	left:0;	top:0;
	z-index:2;
    overflow: hidden;
}
.innerWrap{
	width:100%;
	position:relative;
	overflow:hidden;
}

/* Navigation ==========================================
*/

.navigation{
	float:right;
	height:41px;
	padding:0 42px 0 20px;
	background:url(images/nav-left.png) no-repeat left top;
}
*html .navigation{
	width:412px;
}
.top-nav{
	height:41px;
	overflow:hidden;
}
.top-nav li{
	float:left;
}
.top-nav a{
	float:left;
	height:41px;	
	padding:0 0 0 8px;
	display:block;
}
.top-nav a span{
	float:left;
	height:41px;
	display:block;
	padding:0 8px 0 0;
}
.top-nav a b{
	float:left;
	height:41px;
	display:block;
	font:bold 11px/35px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}
.top-nav a:hover,.active a{
	text-decoration:none;
	background:url(images/hover-lft.png) no-repeat left top;
}
.top-nav a:hover span,.active a span{
	background:url(images/hover-rgt.png) no-repeat right top;
}
.top-nav a:hover b,.active a b{
	background:url(images/hover-bg.png) repeat-x;
}


/* Main Content ==========================================
*/
.mainCont,.mediaCont{
	float:left;
	margin:20px 0 0 20px;
	width:500px;
}
.mainCont h1,.mainCont h1 a{
	font-size:30px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}
.mainCont .bioHdr,.mainCont .bioHdr a{
	color:#000000;
	text-decoration:none;
}
.home-cont{
	margin:400px 0 0;
}
.bio-cont,.link-cont{
	margin:50px 0 0;
}
.home-cont h2,.home-cont h3,.bio-cont h2,.bio-cont h3,.link-cont h2,.link-cont h3{
	font-size:72px;
	font-weight:normal;
	color:#ffffff;
}
.bio-cont h2{
	color:#000000;
}
.bio-cont .contBio{
	margin:50px 0 0;
}
.bio-cont .contBio p{
	width:428px;
	margin:0 0 22px
}
.home-cont h3{
	font-size:48px;
}
.link-cont h4{
	margin:50px 0 25px;
	font:normal 18px;
	color:#ffffff;
}
.contLink{
	width:509px;
	color:#ffffff;
}
.cont{
	margin:23px 0 0;
}
.link-cont .contLink p{
	background:none;
}
#contact .contContact{
	margin:50px 0 0;
}
#contact .contContact p{
	display:block;
}
#contact h5{
	font-weight:normal;
	font-size:38px;
	color:#ffffff;
}
#media .contMedia{
        width:1100px;
	margin:50px 0 0;
        overflow:hidden;
}
#media .contMedia p{
	width:489px;
	font:normal 14px/17px Verdana, Geneva, sans-serif;
	color:#000000;
}
#media .contMedia ul{
	width:468px;
	margin:10px 0 0;	padding:0 0 0 22px;	
}
#media .contMedia ul li{
	overflow:hidden;
	margin:0 0 16px;
}
#media li img{
	float:left;
	margin:10px 0 0;
}
#media .contMedia li span{
	color:#ffffff;
}
#media .contMedia li p{
	float:right;
	width:365px;
}
.contLink ul li{
	width:100%;
	margin:0 0 23px;
	overflow:hidden;
	font:normal 13px/17px Verdana, Geneva, sans-serif;
}
.contLink ul a{
	float:left;
	color:#ffffff;
	text-decoration:underline;
}
.contLink ul span{
	float:left;
	width:355px;
	padding:0 0 0 5px;
}
.cont p,.contLink p{
	margin:0 0 20px;	padding:0 2px;
	display:inline-block;
	background:#b4b67b;
	font:normal 14px/17px Verdana, Geneva, sans-serif;
}

/* Media Content ======================================
*/
.wrap .mediaCont{
	clear:both;
	margin:62px 0 0 20px;
	/*width:1100px;*/
    width: 100%;
}
.mediaCont .contMedia{
	/*width:1300px;*/
    width: 100%;
}
#media div.contMedia .mediaNav{
	float:left;
	width:auto;
	margin:75px 0 0;
}
#media div.contMedia .mediaNav li{
	margin:0 0 40px;
}
.mediahldr ul a{
	margin:15px 0 0;
}
.mediaCont .contMedia .mediaNav li a,.contLink ul a{
	/*width:56px;*/	height:56px;
}
#linkCont ul a{
	width:auto;	height:auto;
}
.mediaNav .audioMedia,.contLink ul .audioMedia{
	background:url(images/media-icon.png) no-repeat;
}
.mediaNav .audioMedia:hover,#media .mediaNav .audioSlct,.contLink ul .audioMedia:hover{
	background-position:-56px 0;
}
.mediaNav .photoMedia,.contLink ul .photoMedia{
	background:url(images/media-icon.png) no-repeat;
	background-position:0 -56px;
}
.mediaNav .photoMedia:hover,#media .mediaNav .photoSlct,.contLink ul .photoMedia:hover{
	background:url(images/media-icon.png) no-repeat;
	background-position:-56px -56px;
}
.mediaNav .videoMedia,.contLink ul .videoMedia{
	background:url(images/media-icon.png) no-repeat;
	background-position:0 -112px;
}
.mediaNav .videoMedia:hover,#media .mediaNav .videoSlct,.contLink ul .videoMedia:hover{
	background:url(images/media-icon.png) no-repeat;
	background-position:-56px -112px;
}
/* Photo Gallery ======================================
*/
#photoGallery,#singlePost{
	width:1057px;
}
#photoGallery .imageGallery,#singlePost imageGallery{
	width:245px;
	overflow:hidden;
}
#singlePost{
	width:84%;
	position:relative;
}
#photoGallery dd,#singlePost dd{
	float:left;
	width:245px;
	position:relative;
}
.play{
	position:absolute;
	left:82px;	top:78px;
}
#media #photoGallery p,.asP{
	width:229px;	height:41px;
	margin:0;
	padding:0 8px 0;
	position:absolute;
	left:0;	bottom:0;
	background:url(images/image-title.png);
        font-weight: normal;
}
#media #photoGallery a{
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
#media #photoGallery .fstdd{
	margin:0;
}
.singlePostHdr{
	padding:0 67px;
	font:normal 18px/54px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:url(images/single-post-hdr-bg.png) repeat;
}
.postCont{
	padding:25px 67px 25px;
	background:url(images/single-post-bg.png) 0 20px repeat;
	overflow:hidden;
}
#media #singlePost .postCont p{
	width:100%;
	padding:0;	margin:0 0 25px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#555655;
}
.cmntHdr{
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0 0 18px;
	display:block;
}
#blog #singlePost .cmntBox dd{
	margin:0 0 20px;
	width:99%;
	background:none;
}
.cmntBox .imgBox{
	width:86px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
}
.cmntBox .imgBox a{
	color:#000000;
}
.cmntBox .ansContBot{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
}
.cmntBox .ansContBot p{
    min-height: 57px;
}
/* Media Content ======================================
*/
#media .mediaConthold{
	float:left;
	width:990px;
	margin:0 0 80px 31px;
}
.mediaConthold{
	float:left;
	width:990px;
	margin:0 0 80px 31px;
}
.mediaConthold dd{
	float:left;
	width:304px;
	margin:0 0 0 25px;
	background:#4c4c4c;
}
#media .mediaConthold p{
	width:288px;
	padding:0 8px 10px;	margin:10px 0 0;
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#ffffff;
}
.mediaConthold .audioPlayer{
    background: #fff;
}
/* Blog ===============================================
*/
#media #blog{
	margin:50px 0 0 40px;
    padding-top: 30px;
}
.cmntCount{
	width:52px;	height:38px;
	padding:15px 10px 0 0;
	background:url(images/blog-comment-count.png) no-repeat;
	position:absolute;
	left:-12px;	top:-14px;
	display:block;
	font-size:24px;
	color:#000000;
	text-align:center;
}
.cmntCount a{
    color: #000;
}
.blogDate{
	width:53px;	height:53px;
	background:url(images/blog-date.png) no-repeat;
	position:absolute;
	right:-12px;	top:-14px;
	display:block;
	font:normal 24px/26px Verdana, Geneva, sans-serif;
	color:#000000;
	text-align:center;
}
.blogDate b{
	width:53px;
	color:#ffffff;
	font-weight:normal;
	display:block;
	text-transform:uppercase;
}
#blog #photoGallery{
	/*width:1100px;*/
    width: 100%;
}
#blog .mediaConthold dd{
	margin:0 0 35px 35px;
    width: 245px;
    height: 250px;
    float: left;
}
.blog-nav{
	width:100%;	height:36px;
	position:fixed;
	left:0;	bottom:0;
}
.blogNavCont{
	width:753px;	height:36px;
	margin:0 auto;
	background:url(images/blog-nav-bg.png) no-repeat;
	display:block;
}
.blogNavCont a{
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#ffffff;
}
.blogNavCont a:hover{
	text-decoration:none;
}
/* Contact Form =======================================
*/
.contactForm{
	padding:0 0 0 5px;
}
.contactForm label{
	width:100%;
	display:block;
	font:normal 18px/30px Arial, Helvetica, sans-serif;
	color:#ffffff;
}
.contactForm textarea{
	margin:0 0 5px;
	width:312px;	height:135px;
}
.contactForm input{
	width:312px;
	display:block;
}
#contact .contactForm .submit input{
    width:60px;
    margin:20px 0;
}
/* Social Buttons =====================================
*/
.socialBtn{
	width:60px;	height:176px;
	position:fixed;
	right:25px;	bottom:29px;
	z-index:5;
}
*html .socialBtn{
	position:absolute;
	right:25px;	bottom:29px;
}
.fb,.tw,.iText,.preText{
    width:60px;    height:42px;
    padding:0 0 3px;
    display:block;
    background:url(images/social-logo.png) no-repeat;
}
.fb:hover,.tw:hover,.iText:hover,.preText:hover{
    width:60px;
	background-position:-60px 0;
}

.socialBtn .tw{
    background-position:0 -45px;
}
.socialBtn .iText{
    background-position:0 -89px;
}
.socialBtn .preText{
    background-position:0 -134px;
}
.socialBtn .tw:hover{
    background-position:-60px -45px;
}
.socialBtn .iText:hover{
    background-position:-60px -89px;
}
.socialBtn .preText:hover{
    background-position:-60px -134px;
}

.socialMainCont{
	position:relative;
}

.socialMainCont{
	position:relative;
}
.contText{
	display:none;
	width:211px;
	padding:0 0 11px;
	position:absolute;
	left:-202px;	bottom:22px;
	background:url(images/social-box-bottom.gif) no-repeat left bottom;
}
*html .contText{
	bottom:150px;
}
.contTextTop{
	width:211px;
	padding:10px 0 0;
	background:url(images/social-box-top.gif) no-repeat left top;
}
.contText p{
	width:176px;
	padding:0 12px;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#000000;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	background:#e6e6e6 url(images/social-box-bg.jpg) repeat-x;
    overflow: hidden;
}
.contText p span{
    background:#e6e6e6;
    
}
*html .contText p{
	padding:0 11px;
}
.contText p a{
	color:#000000;
	font:normal 12px/30px Arial, Helvetica, sans-serif;
	display:block;
}
/* Ask Ciara ====================================
*/
.askCiara{
	width:700px;
	margin:0 auto;	padding:224px 0 0;
}
.quesForm{
	width:562px;	height:177px;	
	margin:0 auto;
	padding:25px 20px;
	background:url(images/ask-form.png) no-repeat;
}
.textField{
	float:left;
	width:250px;
	margin:0 20px 12px 9px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#464646;
	overflow:hidden;
}
.textField label,.quesFormCont label{
	float:left;
	line-height:31px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#464646;
}
.quesForm input{
	float:right;
	width:180px;	height:31px;
	border:1px solid #000000;
}
.quesForm .askbtn{
	width:auto;	height:auto;
	border:none;
}
.quesForm textarea{
	width:560px;	height:81px;
	border:1px solid #000000;
}
.quesAns{
	width:700px;	
	margin:24px 0 0;	padding:10px 0 0;
	background:url(images/quesanstop.png) no-repeat left top;	
}
.quesAnsOuter{
width:700px;
padding:0 0 10px;
background:url(images/quesansbot.png) no-repeat left bottom;
margin-bottom:24px;
}
.quesAnsInner{
width:656px;
padding:10px 22px 0;
background:url(images/ask-bg-new.png) repeat-y;
overflow:hidden;
}

.quesAnsInner h3{
	font-size:36px;
	font-weight:normal;
	color:#000000;
}
.ques,.ans{
	width:624px;
	margin:30px 0;	
	overflow:hidden;
}
.askDetail{
	float:left;
	width:85px;
	display:block;
	font:normal 10px/13px Verdana, Geneva, sans-serif;
	color:#464646;
}
.quesCont{
	float:right;
	width:475px;
	padding:10px 0 0 20px;
	background:url(images/quesTop.png) no-repeat left top;
}
.ansCont{
    float:right;
    width:521px;
    padding:15px 0 0;
	background:url(images/ans-total.png) no-repeat left top;
background-size: 100% 100%;
    /*background:url(images/ansTop.png) no-repeat right top;*/
}
.quesContBot{
    width:470px;
    padding:0 0 10px;
    /*background:url(images/quesBot.png) no-repeat right bottom;*/
    font:normal 14px/16px Verdana, Geneva, sans-serif;
    color:#464646;
}
.ansContBot{
    width:491px;
    /*background:url(images/ansBot.png) no-repeat left bottom;*/
    padding:0 10px 36px 20px;
    min-height: 57px;
}
.more{
	width:452px;	height:52px;
	margin:0 auto;
	background:url(images/more.png) no-repeat;
	display:block;
}
/*---------------------------- Comment Form
*/
#commentform{
    width: 400px;
}
#commentform p{
    overflow: hidden;
    margin-bottom: 10px;
}
#commentform label{
    display: block;
    float: right;
}
.required{
    float: right;
}
#commentform input{
    /*padding-left: 200px;*/
    float: left;
    width: 300px;
    height: 25px;
    line-height: 25px;
}
#commentform textarea{
    width: 400px;
}
#commentform #submit{
    background: #000;
    border: 0 none;
    color: #fff;
    width: 100px;
    float: right;
    cursor: pointer;
}
.w56{
    width: 56px;
}