/* 
	Copyright: http://www.justQuoted.com
*/


/* =Main elements */
* body, body, ul, li, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
li { list-style-type:none; }
a { text-decoration:none; }
input, select { padding:5px; }
.none { display:none; }
.right { float:right; }
.left { float:left; }
br.clearer { clear:both; }
p { font-size:120%; margin:0 0 25px; padding:0; line-height:140%; color:#555; }
input#a2apage_find, .a2amenu_find, #a2apage_powered_by { display:none; }
a img, p img, span img { vertical-align:top; margin-right:0; border:0; }
a:active { outline-color:#E4FEFF; }
.ui-tabs-hide { display:none; }
.block { display:block; }

/* =Warning messages */
.warning { color:#fff; font-weight:bold; padding:5px 28px; background:#940F04 url(../images/icon_alert.png) no-repeat 7px center; border:1px solid #BF5047; outline:#500b00 1px solid; font:italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.warning strong { color:#BF5047; font-style:normal; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:-1px; }


/* =Homepage */
.half1 { position:relative; float:left; width:304px; padding-right:15px; border-right:1px solid #eee; }
.half2 { position:relative; float:left; width:305px; padding-left:15px; }
.half1 .Quote, .half2 .Quote, #contentRight .fan { margin-bottom:20px; }
.half1 .Quote img.right { position:absolute; right:15px; bottom:23%; }
.half2 .Quote img.right { position:absolute; right:12px; bottom:23%; }
.half2 a { display:block; color:inherit; border:0; }
#contentBottom .half2 .quoteInner p a { color:#5F787F; border:0; }
.half2 a:hover { color:#3B4B4F; }
.half2 .Quote img.right { position:absolute; right:12px; bottom:23%; }
.half1 .Quote .quoteInner, .half2 .Quote .quoteInner { padding-left:12px; }
.list ul li a { position:relative; display:block; padding:8px 0 8px 30px; color:#555; font:normal normal 11px Arial; border-bottom:1px solid #eee; border-top:1px solid #fff; line-height:130%; }
.list ul.split li a { float:left; width:120px; margin:0 1px; }
#contentRight .list { margin-top:-15px; margin-bottom:35px; }
#contentRight .list ul.split li a { width:106px; margin:0; }
.list ul li a img { position:absolute; top:5px; left:0; padding:1px; background:#fff; border:1px solid #ddd; }
.list ul li a:hover { background:#ffffee; color:#940F04; border-bottom-color:#ededed; }
.list ul li a:hover img { border-color:#bbb; }


/* =Login */
.userInfo-wrap { position:absolute; top:0px; right:15px; padding-left:23px; background:url(../images/toplogin-left.png) no-repeat left bottom; }
.userInfo { display:block; padding:10px 29px 7px 13px; background:url(../images/toplogin-right.png) no-repeat right bottom; color:#ffffcc; }
.userInfo img.avatar { position:absolute; right:9px; top:6px; padding:1px; background:#fff; border:1px solid #582B17; }
.userInfo a { padding:4px 5px 3px; margin-left:3px; background:#713821; font-style:italic; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; }
.userInfo a:hover { text-decoration:underline; }
iframe.login { margin:10px 0 0 40px; width:400px; height:300px; background:#F7FFFF; }


/* =Form styling */
form ul li { display:block; padding:0 0 7px; margin-bottom:7px; border-bottom:1px solid #eee; }
form label { display:block; width:90px; padding:8px 10px; float:left; letter-spacing:-1px; font-size:14px; color:#777; text-align:right; cursor:pointer; }
form input { display:block; width:321px; padding:3px 8px 5px 8px; line-height:100%; border:1px solid #C2E3EF; color:#333; font:italic 16px "Trebuchet MS", Arial, Helvetica; letter-spacing:-1px; }
form input.submit, form button { width:80px; float:right; margin:7px; background:url(../images/contentMid.jpg) no-repeat -130px -5px; border:1px solid #602D18; font-style:normal; font:italic normal 15px "Trebuchet MS", Arial, Helvetica; color:#fff; cursor:pointer; }
form.searchbox { margin-bottom:3px; }
form.searchbox input { float:left; margin-right:5px; padding:3px 5px; width:190px; font-size:13px; border-color:#e7e7e7; color:#888; }
form.searchbox input.submit { float:left; margin:0; padding:2px 8px 2px; width:65px; color:#fff; border:1px solid #602D18; }
form input.submit:hover, form button:hover { background:url(../images/contentMid.jpg) no-repeat -130px -3px; border-color:#502616; color:#fff; }
form input.submit:focus, form button:focus { background:#502616; border-color:#300404; color:#fff; }
form input#display_name { width:294px; padding-left:30px; background:url(../images/icon_usergo.png) no-repeat 7px center; }
form input#email { width:294px; padding-left:30px; background:url(../images/icon_emailgo.png) no-repeat 7px center; }

	/* =Profile settings */
	form.settings label { padding-left:0; width:120px; text-align:left; }
	form.settings input.text { width:492px; margin:3px 0; padding:3px 4px 5px; border-color:#ccc; font-style:normal; color:#666; }
	form.settings textarea { width:492px; height:110px; margin:3px 0; padding:3px 4px 5px; border:1px solid #ccc; font-style:normal; font-family:"Trebuchet MS", Arial; color:#666; }


/* =Header */
#header_wrap { width:100%; height:110px; background:url(../images/headerWrap_bg.gif) repeat-x; }
#header { position:relative; width:980px; height:110px; margin:0 auto; background:url(../images/header_bg.png) no-repeat -11px top; }
#header a#logo { display:block; position:absolute; top:25px; left:10px; width:140px; height:10px; padding:52px 0 0 140px; text-transform:uppercase; font:9px "Trebuchet MS", Arial, Helvetica; color:#77CCD1; }
#headerTop { font-size:11px; float:right; margin-right:35px; font-weight:bold; }
#headerTop a { color:#ffe9a9; height:18px; display:block; width:80px; }
.headerCloud { position:absolute; left:300px; top:19px; background:url(../images/h1-right.png) no-repeat right top; color:#fef1cb; }
.headerCloud h1, .headerCloud span.title { display:block; height:36px; padding:11px 15px 0; font:italic 11px Georgia; background:url(../images/h1-left.png) no-repeat; }

	/* =Tabs navigation */
	.headerTabs { position:absolute; right:0; bottom:4px; }
	.headerTabs ul { color:#B5DDDF; }
	.headerTabs ul .sections { font-weight:bold; padding:4px 10px; }
	.headerTabs li { float:left; margin-right:2px; font-size:12px; }
	.headerTabs li a { outline:none; display:block; padding:5px 8px 4px; color:#666; }
	.headerTabs li a:hover { color:#333; background:#fff url(../images/quoteBg.png) repeat-x center 1px; padding:4px 7px 2px; border:1px solid #B0E3F6; border-bottom:0; }
	.headerTabs li a.active { color:#632F1A; background:#fff; padding:4px 7px 4px; font-weight:bold; border:1px solid #C6EBED; border-bottom:0; }
	.headerTabs li a.active:hover { color:#333; }
	.headerTabs li a:active { outline:5px; }


/* =Content top */
#content { background:#E4FEFF url(../images/footer.jpg) repeat-x center bottom; overflow:auto; padding-bottom:120px; }
.contentTop { width:980px; margin:0 auto; }
.contentTop .middleBox { padding:15px 0 20px; }
.contentTop_bg { width:100%; background:#fff url(../images/contentTop_bg.jpg) no-repeat center bottom; }
.contentTop li { float:left; }
.contentTop li a { position:relative; color:#57757F; font-size:12px; display:block; width:115px; padding:3px 0 3px 5px; border:1px solid transparent; }
.contentTop #authorsChoose li a { width:133px; }
.contentTop li a:hover { color:#940F04; }
.contentTop li a:hover .no {  }
.contentTop li.active { border:1px solid #F6E0B0; }
.contentTop li.active a { border:1px solid #fff; padding:2px 0 2px 5px; background:url(../images/quoteBg1.png) repeat-x; color:#940F04; }
.contentTop li.active a .no { color:#DFC48B; position:absolute; right:5px; top:3px; }
.contentTop li.active a:hover .no { display:inline; }
.contentTop li a:focus { border:1px solid #B0E3F6; background:#fff url(../images/quoteBg.png) repeat-x center 1px; color:#333; outline:0; }
.contentTop li a:focus .no { color:#333; }
.contentTop li .no { color:#B5C8CF; font-size:11px; }
.contentTop #authorsChoose { display:none; }
.contentTop #tagsChoose { display:none; width:900px; }


/* =Content Middle */
#contentMid_wrap { width:100%; background:#804930 url(../images/contentMid-bg.jpg) repeat-x; border-top:1px solid #713821; border-bottom:2px solid #713821; }
#contentMid { position:relative; width:980px; margin:0 auto; padding:9px 0 11px; background:url(../images/contentMid.jpg) no-repeat center top; }
#contentMid span.title, #contentMid a { display:block; margin:0; font:21px "Trebuchet MS", Arial, Helvetica; color:#fff; text-align:center; }
#contentMid span.introduction { display:block; margin:0; padding-top:1px; font:17px "Trebuchet MS", Arial, Helvetica; color:#ffffcc; text-align:center; }
#contentMid p, #contentMid h2 { margin:0; padding:18px 90px 4px; font:italic 18px Georgia, "Times New Roman", Times, serif; color:#ffffcc; text-align:center; }/* STANDARD QUOTES */
#contentMid q { quotes: "\201C" "\201D" "\2018" "\2019"; }
#contentMid q:before { content: open-quote; }
#contentMid q:after  { content: close-quote; }
#contentMid u { color:#ffffee; text-decoration:none; }
#contentMid p em { color:#9F6345; }
#contentMid p em a { display:inline; font:italic 18px Georgia, "Times New Roman", Times, serif; color:#9F6345; text-align:left; }
#contentMid p em a:hover { color:#ffffcc; }
#contentMid a.social-twitter { display:block; position:absolute; bottom:-2px; left:370px; width:242px; height:34px; background:url(../images/twitter.png) no-repeat 0 0; }
#contentMid a.social-twitter:hover { background:url(../images/twitter.png) no-repeat -242px 0; }


/* =Content Bottom */
#contentBottom { width:950px; background:#f7ffff url(../images/contentBottom-bg.png) no-repeat left bottom; border-top:1px solid #fff; margin:0 auto; padding:20px 15px; font:11px Arial, Helvetica, sans-serif; line-height:100%; color:#888; }
#contentBottom #contentLeft { float:left; width:640px; min-height:300px; padding-right:15px; margin-right:15px; border-right:1px solid #eee; }
#contentBottom #contentRight { float:left; width:275px; }
#contentBottom #contentRight .box { margin-top:15px; border-bottom:1px solid #dedede; padding-bottom:2px; }
#contentBottom #contentRight .box.searchbox { margin-top:-20px; }
#contentBottom .title { display:block; margin:0 0 5px; padding:3px 0; font:18px Arial, Helvetica, sans-serif; color:#940F04; border-bottom:1px solid #dedede; }
#contentBottom .title img { margin:0 4px 0 1px; vertical-align:sub; }
#contentBottom .subtitle { display:block; margin-bottom:7px; padding-bottom:5px; font:11px Arial, Helvetica, sans-serif; line-height:100%; color:#888; border-bottom:1px solid #dedede; }
#contentBottom p { display:block; margin-bottom:20px; padding-top:5px; font:12px Arial, Helvetica, sans-serif; line-height:150%; color:#555; }
#contentBottom p a { color:#940F04; border-bottom:1px solid #dedede; }
#contentBottom .box { margin-bottom:30px; }

	/* =Highlight content */
	.highlightedArea { position:relative; width:940px; height:40px; background:#C6EBED url(../images/contentTop_bg.jpg) repeat-x center -7px; border-bottom:1px solid #ddd; margin:0 auto; padding:11px 20px 20px; }
	.highlightedArea img.avatar { position:absolute; right:17px; top:12px; padding:2px; background:#f7ffff; border:1px solid #999; }
	.highlightedArea .name { float:right; padding-right:55px; font:normal 24px Arial, Helvetica, sans-serif; color:#333; }
	.highlightedArea .category { float:right; padding:3px 7px; margin-top:-1px; background:#fff; text-transform:uppercase; font:normal 10px Arial, Helvetica, sans-serif; color:#999; }
	.highlightedArea .registered { float:right; padding-right:55px; display:block; font:13px Arial, Helvetica; color:#999; text-transform:lowercase; }
	.highlightedArea ul { position:absolute; bottom:-1px; left:15px; }
	.highlightedArea ul li { float:left; margin-right:4px; }
	.highlightedArea ul li a { outline:none; display:block; padding:6px 10px 3px; border-bottom:2px solid #e5e5e5; background:#eee; font:bold 14px Arial, Helvetica, sans-serif; color:#888; }
	.highlightedArea ul li.ui-state-active a { color:#333; padding:6px 10px 5px; background:#F7FFFF; border:1px solid #ddd; border-bottom:0; }
	.highlightedArea ul li a:hover { color:#333; }
	
	

	/* =Equal Template */
	.template-equal #contentBottom #contentLeft { width:450px; }
	.template-equal #contentBottom #contentRight { width:460px; }

	/* =Google Adsense - Sidebar*/
	#contentRight ul.adsense li { display:block; background:#FFFFCC; padding:7px 0 7px 5px; border:1px solid #fff; }
	#contentRight ul.adsense { border:1px solid #F6E0B0; padding:0; }

	/* =Google Adsense - Bottom*/
	#contentLeft div.adsense div { background:#FFFFCC; padding:10px 20px; width:598px; border:1px solid #fff; }
	#contentLeft div.adsense { border:1px solid #F6E0B0; padding:0; clear:both; width:640px; }

	/* =Popular authors */
	#contentRight .popularauthors a { display:block; float:left; margin:0 5px 5px 0; border:1px solid #ccc; }
	#contentRight .popularauthors a:hover { border-color:#888; }
	#contentRight .popularauthors a img { border:0; padding:2px; }
	
	/* =Buttons */E4FEFF
	#contentRight .fan { margin-bottom:10px; }
	#contentRight .fan p { font-size:10px; color:#aaa; text-align:center; margin:0 0 10px; }
	#contentRight .fan p em { font-style:normal; color:#777; }
	#contentRight .fan a { display:block; margin:0 auto 10px; width:100%; border:1px solid #64301B; }
	#contentRight .fan a em { display:block; padding:7px 10px 7px 5px; text-align:center; background:url(../images/contentMid.jpg) no-repeat center -60px; border:1px solid #AB522A; font-style:normal; font:italic normal 15px "Trebuchet MS", Arial, Helvetica; color:#fff; }
	#contentRight .fan a em img { vertical-align:-2px; margin-right:5px; }
	#contentRight .fan a:hover { border-color:#582B17; }
	#contentRight .fan a:hover em { background:#6B341F url(../images/contentMid-bg.jpg) repeat-x left -3px; border-color:#783721; }
	#contentRight .fan a#isfan { display:block; margin:0 auto 10px; width:100%; border:1px solid #582B17; cursor:default; }
	#contentRight .fan a#isfan em { background:#6B341F url(../images/contentMid-bg.jpg) repeat-x left -3px; border-color:#783721; }


	/* =Quote */
	.Quote { display:block; position:relative; float:left; margin:0 0 10px; width:100%; border:1px solid #b0e3f6; }
	.Quote .quoteInner { color:#79b1c2; padding:10px; background:#eefaff url(../images/quoteBg.png) repeat-x left top; border:1px solid #fff; }
	.Quote .quoteInner p { color:#79b1c2; border:0; }
	.Quote a:active .quoteLeft { border-color:#fff; }
	.Quote .quoteLeft { float:left; background:#333 url(../images/Avatars/loading.gif) no-repeat right top; border:1px solid #9cbdc9; }
	.Quote .quoteLeft .authorImage { height:75px; width:78px; border:1px solid #fff; }
	.Quote .quoteLeft .authorImage a:active img { height:75px; width:78px; border:1px solid #fff; outline:0; }
	.Quote .quoteCloud { min-height:80px; float:left; padding-left:10px; width:525px; }
	.Quote .quoteCloud .quoteCloudText { display:block; padding:10px 15px 25px; width:495px; color:#5c5c5c; background:#fff url(../images/cloudBg.png) no-repeat left bottom; border-top:1px solid #C8E1EB; font: italic 15px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:173%; text-decoration:none; }
	.Quote .quoteCloud .quoteCloudText:hover { background-image:url(../images/cloudBg-hover.png); border-color:#bddde9; color:#333; }
	.Quote .quoteCloud .cloudAuthor { float:right; width:250px; text-align:right; padding-top:5px; font-variant:small-caps; font-size:11px; }
				.Quote .cloudAuthor a { font-variant:normal; background:#fff; color:#999; border-bottom:1px dotted #bddde9; border-right:1px dotted #bddde9; padding:3px 5px; text-transform:capitalize; font:italic 13px "Trebuchet MS", Arial, Helvetica; line-height:150%; }
				.Quote .cloudAuthor a:hover { color:#444; }
				.Quote span.txt { float:left; display:block; line-height:180%; padding-right:5px; text-transform:uppercase; }

		/* =Yellow quote */	
		.Quote.type2 { border-color:#f6e0b0; }
		.Quote.type2 .quoteInner { color:#c2ae79; background:#fffbde url(../images/quoteBg1.png) repeat-x left top; }
		.Quote.type2 .quoteCloudText { background:#fff url(../images/cloudBg1.png) no-repeat left bottom; border-color:#f8dfb0; }
		.Quote.type2 .quoteCloud .quoteCloudText:hover { background-image:url(../images/cloudBg1-hover.png); border-color:#f5deb2; color:#333; }
		.Quote.type2 .cloudAuthor a { border-color:#F5DEB2; }
		.Quote.type2 .quoteLeft { border-color:#DFC07D; }
		#contentBottom .Quote .title { color:#475A5F; border:0; padding:0; }
		#contentBottom .Quote p { margin:0; padding:0; color:#5F787F; font-size:12px; }
		#contentBottom .Quote.type2 .title { color:#6F6C5A; border:0; padding:0; }
		#contentBottom .Quote.type2 p { margin:0; padding:0; color:#7F7C67; font-size:12px; }


	/* =Comment form */
	.commentForm .Quote.type2 { margin:0; border-bottom:0; }
	.commentForm .Quote.type2 .quoteInner { border-bottom:0; padding-left:12px; }
	.commentForm .Quote.type2 .quoteInner span { color:#666; display:block; padding:2px 10px 2px 0; margin-right:10px; float:left; border-right:1px solid #EFDCB3; line-height:150%; }
	.commentForm .Quote.type2 .quoteInner span.right { float:right; border-right:0; margin:0; padding-right:0; }
	.commentForm .Quote.type2 .quoteInner span img { margin-right:5px; }
	.commentForm .Quote.type2 .quoteInner a { color:#940F04; font:italic 11px "Trebuchet MS", Arial, Helvetica; }
	.commentForm .Quote.type2 .quoteInner a:hover { color:#555; }
	.commentForm .Quote.type2 .quoteInner a img { margin-right:5px; }
	.commentForm .Quote.type2 .quoteInner .ratingblock { margin-left:5px; line-height:150%; }
	#contentBottom .commentForm span.title { border-bottom:0; color:#555; }
	#contentBottom .commentForm form { margin:0; padding:0; }
	#contentBottom .commentForm form textarea.textBig { width:520px; height:61px; margin:0; padding:7px 8px 10px 8px; border:1px solid #C2E3EF; color:#6B8E8F; font:italic 16px "Trebuchet MS", Arial, Helvetica; }
	#contentBottom .commentForm form textarea.textBig:focus { color:#333; }	
	#contentBottom .commentForm form input.submit { float:right; margin:0; border:1px solid #C2E3EF; border-left:0; background:#EEFAFF url(../images/quoteBg.png) repeat-x left 1px; width:80px; height:80px; color:#6B8E8F; text-transform:uppercase; font:18px "Trebuchet MS", Arial, Helvetica; cursor:pointer; }
	#contentBottom .commentForm form input.submit:hover { background:#EEFAFF; color:#666; }
	#contentBottom .commentForm form input.submit:active { background:#d1e5ee; color:#274a4b; }
	.quoteInner span.button { display:block; text-transform:uppercase; padding:1px 0 1px 3px; margin-left:5px; float:left; border-left:1px solid #D1E6EF; line-height:120%; }
	.type2 .quoteInner span.button { border-color:#F5DEB2; }
	.quoteInner span.saved { display:block; padding:0 5px; text-transform:capitalize; font:italic 11px "Trebuchet MS", Arial, Helvetica; }
	.quoteInner span.button a { color:#68311D; padding:3px 5px; text-transform:capitalize; font:italic 11px "Trebuchet MS", Arial, Helvetica; line-height:150%; }
	.quoteInner span.button a:hover { color:#4E2313; background:#fff; }
	.quoteInner span.button a img, .quoteInner span img { margin-right:5px; }
		
		/* =Comment result */
		.comment .quoteCloud .cloudAuthor { width:100%; }
		.comment .quoteCloud .cloudAuthor .time { color:#999; padding-left:25px; background:#fff url(../images/icon_time.png) no-repeat 5px center; }
		.comment .quoteCloud .cloudAuthor .user { color:#666; padding-left:25px; background:#fff url(../images/icon_user.png) no-repeat 5px center; }
		.comment .quoteCloud .cloudAuthor .user:hover { color:#333; }


	/* =Module tree */
	#contentBottom .moduleTree { float:right; width:270px; }
				   .moduleTree .title { border-bottom:1px solid #a1d4d6; font-size:24px; padding:6px 0; text-align:right; }
				   .moduleTree .title .moduleLabel { font-size:24px; color:#6cbcbf; padding:5px; }


/* =Footer */
.footer { width:980px; margin:5px auto; color:#9BCCCF; font:10px "trebuchet MS", Arial, Helvetica; text-align:right; text-transform:uppercase; }
.footer a:link, .footer a:visited { color:#83ADAF; }
.footer a:hover { color:#598E8F; }
#footer_wrap { width:100%; background:#481608; display:none; }
#footer { height:80px; width:1000px; margin:0 auto; padding:20px 0; color:#FFFF99 }

