/BlogEngine/BlogEngine.NET/themes/TitaniumX/style.css

   1/*------------------------------
   2		COLOR CODES
   3	Light Grey/Blue =	#E3E7EB
   4	Medium Grey/Blue =	#A5ACB5
   5	Dark Grey =		#8E8D90
   6	Muted Teal =	#6D98A8
   7	Yellow =		#F6B829
   8	Orange =		#EE913C
   9	Dark Blue =		#1D355B
  10-------------------------------*/
  11body, textarea, table, tr, td {
  12	font-family:Arial, Helvetica, Verdana, sans-serif;
  13	font-size:10pt;
  14}
  15body {
  16	background-color:#E3E7EB;
  17	color:#444444;
  18	margin:0 auto;
  19	width:1000px;
  20}
  21h1 {
  22	font-size:14pt;
  23	letter-spacing:1px;
  24}
  25h2 {
  26	font-size:12pt;
  27}
  28a {
  29	text-decoration:none;
  30	color:#4c6a75;
  31}
  32a[href^="\/file.axd"] {
  33	font-weight:bold;
  34	background:url(download.png) no-repeat right center;
  35	padding-right:15px;
  36}
  37a:hover {
  38	text-decoration:none;
  39	color:#EE913C;
  40}
  41img {
  42	border:none;
  43}
  44#content {
  45	float:left;
  46	width:70%;
  47}
  48#sidepanel {
  49	float:right;
  50	width:28%;
  51}
  52.loginbox {
  53	margin:0 auto;
  54}
  55.loginbox td {
  56	padding:3px;
  57}
  58#postnavigation {
  59	background:white;
  60	background-image:url(img/menubg.png);
  61	background-position:left top;
  62	background-repeat:repeat-x;
  63	border:1px solid #8E8D90;
  64	padding:5px;
  65	margin-bottom:20px;
  66	border-radius:.5em;
  67	-moz-border-radius:.5em;
  68	-webkit-border-radius:.5em;
  69	box-shadow:0 0 15px #A5ACB5;
  70	-moz-box-shadow:0 0 15px #A5ACB5;
  71	-webkit-box-shadow:0 0 15px #A5ACB5;
  72	text-align:center;
  73}
  74#footer {
  75	margin:0;
  76	font-size:7pt;
  77	text-align:center;
  78}
  79.footer {
  80	font-size:8pt;
  81}
  82
  83.taggedlink
  84{
  85    line-height: 110%;
  86}
  87
  88/*----------------------------
  89	Header
  90----------------------------*/
  91#header {
  92	border:1px solid #8E8D90;
  93	padding:15px;
  94	margin-bottom:20px;
  95	margin-top:10px;
  96	background-color:white;
  97	background-image:url(img/contentbg.png);
  98	background-position:left top;
  99	background-repeat:repeat-x;
 100	border-radius:.5em;
 101	-moz-border-radius:.5em;
 102	-webkit-border-radius:.5em;
 103	box-shadow:0 0 15px #A5ACB5;
 104	-moz-box-shadow:0 0 15px #A5ACB5;
 105	-webkit-box-shadow:0 0 15px #A5ACB5;
 106	text-align:center;
 107}
 108#header p {
 109	font-size:32pt;
 110	font-weight:bold;
 111	margin:0;
 112	letter-spacing:4px;
 113}
 114#header span {
 115	font-size:13pt;
 116	font-weight:bold;
 117	letter-spacing:2px;
 118	color:#4c6a75;
 119	margin:0;
 120}
 121#header a {
 122	text-decoration:none;
 123	color:#1D355B;
 124}
 125/*----------------------------
 126	Menu
 127----------------------------*/
 128#menu {
 129	background:white;
 130	background-image:url(img/menubg.png);
 131	background-position:left top;
 132	background-repeat:repeat-x;
 133	border:1px solid #8E8D90;
 134	padding:5px;
 135	margin-bottom:20px;
 136	border-radius:.5em;
 137	-moz-border-radius:.5em;
 138	-webkit-border-radius:.5em;
 139	box-shadow:0 0 15px #A5ACB5;
 140	-moz-box-shadow:0 0 15px #A5ACB5;
 141	-webkit-box-shadow:0 0 15px #A5ACB5;
 142}
 143#menu a.apmlfilter {
 144	padding-left:15px;
 145	background:url(../../pics/apml.png) no-repeat left 5px;
 146}
 147#menu .login {
 148	float:right;
 149	margin-right:10px;
 150	padding-left:16px;
 151}
 152#menu .login span {
 153	color:#666;
 154	padding-right:5px;
 155}
 156#menu ul {
 157	list-style:none;
 158	margin:0;
 159	padding:0;
 160}
 161#menu ul li {
 162	display:inline;
 163}
 164#menu ul li a {
 165	padding:5px 10px;
 166	font-size:9pt;
 167	font-weight:bold;
 168}
 169#menu ul li a.feed img {
 170	margin-right:3px;
 171	margin-bottom:-1px;
 172}
 173/*----------------------------
 174	Widgets
 175----------------------------*/
 176div.widgetzone {
 177	padding:0;
 178	background:none;
 179}
 180div.widgetzone .clear {
 181	clear:left;
 182}
 183div.widget {
 184	background:white;
 185	background-image:url(img/widgetbg.png);
 186	background-position:left top;
 187	background-repeat:repeat-x;
 188	border:1px solid #8E8D90;
 189	padding:10px 15px;
 190	margin-bottom:20px;
 191	z-index:1;
 192	min-width:1px;
 193	border-radius:.5em;
 194	-moz-border-radius:.5em;
 195	-webkit-border-radius:.5em;
 196	box-shadow:0 0 15px #A5ACB5;
 197	-moz-box-shadow:0 0 15px #A5ACB5;
 198	-webkit-box-shadow:0 0 15px #A5ACB5;
 199}
 200div.widget .content {
 201	line-height:16px;
 202	color:#666666;
 203}
 204div.widget h4 {
 205	font-size:13pt;
 206	border-bottom:1px solid #8E8D90;
 207	padding-bottom:5px;
 208	margin:0;
 209	margin-bottom:5px;
 210	z-index:0;
 211	color:#1D355B;
 212}
 213div.widget h4 img {
 214	height:20px;
 215}
 216div.widget a.edit, div.widget a.move {
 217	font-size:85%;
 218	font-weight:normal;
 219	float:right;
 220	z-index:1;
 221	margin-left:5px;
 222}
 223div.widget a.delete {
 224	font-weight:bold;
 225	color:#990000;
 226	float:right;
 227	margin-left:5px;
 228	position:relative;
 229	top:-3px;
 230	z-index:1;
 231	text-decoration:none;
 232}
 233div.widget a.delete:hover {
 234	color:black;
 235}
 236.widgetzone .widget ul {
 237	list-style-type:none;
 238	margin:0;
 239	padding:0;
 240	text-transform:capitalize;
 241}
 242.widgetzone .widget ul li {
 243	margin-bottom:3px;
 244}
 245.widgetzone div.search {
 246	padding-left:10px;
 247}
 248.widgetzone div.search input[type='text'] {
 249	background:#E3E7EB;
 250	border:1px solid #8E8D90;
 251}
 252.widgetzone img.rssButton {
 253	margin-right:3px;
 254}
 255.widgetzone div#moveWidgetToContainer {
 256	text-align:right;
 257	margin:3px;
 258}
 259#newsletterform input[type='text'] {
 260	width: 240px;
 261	background:#E3E7EB;
 262	margin-bottom: 5px;
 263	border:1px solid #8E8D90;
 264	border-radius:.5em;
 265	-moz-border-radius:.5em;
 266	-webkit-border-radius:.5em;
 267}
 268/*----------------------------
 269	Blogroll
 270----------------------------*/
 271#blogroll ul {
 272	list-style-type:none;
 273	margin:0 0 3px;
 274	padding:0;
 275}
 276#blogroll ul li ul li a {
 277	margin-left:20px;
 278	color:#1D355B;
 279	font-size:9pt;
 280}
 281#blogroll ul li a img {
 282	border:none;
 283	margin-right:3px;
 284}
 285/*----------------------------
 286	Posts
 287----------------------------*/
 288div.post, .mceContentBody {
 289	border:1px solid #8E8D90;
 290	padding:3px 10px;
 291	margin-bottom:20px;
 292	background-color:white;
 293	background-image:url(img/contentbg.png);
 294	background-position:left top;
 295	background-repeat:repeat-x;
 296	line-height:110%;
 297	border-radius:.5em;
 298	-moz-border-radius:.5em;
 299	-webkit-border-radius:.5em;
 300	box-shadow:0 0 15px #A5ACB5;
 301	-moz-box-shadow:0 0 15px #A5ACB5;
 302	-webkit-box-shadow:0 0 15px #A5ACB5;
 303}
 304div.post h1, .mceContentBody h1 {
 305	margin:5px 0 0;
 306}
 307div.post .author {
 308	padding-top:3px;
 309	color:#565656;
 310	font-size:8pt;
 311	float:left;
 312	text-transform:capitalize;
 313}
 314div.post .pubDate {
 315	padding-top:3px;
 316	color:#656565;
 317	font-size:8pt;
 318	float:right;
 319}
 320div.post .text {
 321	margin-top:30px;
 322}
 323div.post .text h2 {
 324	margin-bottom:-10px;
 325}
 326div.post .text h3 {
 327	font-size:11pt;
 328	margin-bottom:-10px;
 329	padding:0;
 330}
 331div.post .footer {
 332	text-align:right;
 333	border-top:1px dashed #8E8D90;
 334	padding-top:4px;
 335	padding-bottom:2px;
 336	clear:both;
 337}
 338div.post .bottom {
 339	margin-bottom:45px;
 340}
 341div.post .categories {
 342	margin-bottom:5px;
 343	float:right;
 344}
 345div.post .tags {
 346	float:left;
 347	margin-bottom:5px;
 348}
 349/*----------------------------
 350	Related Posts
 351----------------------------*/
 352#relatedPosts div {
 353	border:1px solid #8E8D90;
 354	padding:3px 10px;
 355	margin-bottom:20px;
 356	background-color:white;
 357	background-image:url(img/contentbg.png);
 358	background-position:left top;
 359	background-repeat:repeat-x;
 360	line-height:110%;
 361	border-radius:.5em;
 362	-moz-border-radius:.5em;
 363	-webkit-border-radius:.5em;
 364	box-shadow:0 0 15px #A5ACB5;
 365	-moz-box-shadow:0 0 15px #A5ACB5;
 366	-webkit-box-shadow:0 0 15px #A5ACB5;
 367}
 368#relatedPosts h1 {
 369	margin:0 0 10px;
 370}
 371#relatedPosts p {
 372	font-size:12pt;
 373	letter-spacing:1px;
 374	font-weight:bold;
 375}
 376#relatedPosts a {
 377	display:block;
 378	margin-top:5px;
 379}
 380#relatedPosts span {
 381	color:#565656;
 382	text-indent:10px;
 383	display:inline-block;
 384}
 385/*----------------------------
 386	Recent posts
 387----------------------------*/
 388ul.recentPosts li {
 389	padding-bottom:10px;
 390}
 391ul.recentPosts li a {
 392	font-weight:bold;
 393}
 394ul.recentPosts li span {
 395	display:block;
 396	text-indent:10px;
 397	text-transform:none;
 398}
 399/*----------------------------
 400	Recent comments
 401----------------------------*/
 402ul.recentComments li {
 403	padding-bottom:10px;
 404	text-transform:none;
 405}
 406ul.recentComments li a.postTitle {
 407	font-weight:bold;
 408}
 409/*----------------------------
 410	Social bookmarks
 411----------------------------*/
 412.bookmarks {
 413	float:left;
 414}
 415/*----------------------------
 416	Archive
 417----------------------------*/
 418#archive {
 419	border:1px solid #8E8D90;
 420	background-color:white;
 421	background-image:url(img/contentbg.png);
 422	background-position:left top;
 423	background-repeat:repeat-x;
 424	line-height:110%;
 425	border-radius:.5em;
 426	-moz-border-radius:.5em;
 427	-webkit-border-radius:.5em;
 428	box-shadow:0 0 15px #A5ACB5;
 429	-moz-box-shadow:0 0 15px #A5ACB5;
 430	-webkit-box-shadow:0 0 15px #A5ACB5;
 431	padding:10px;
 432}
 433#archive h1 {
 434	margin:0;
 435	border-bottom:1px dashed #8E8D90;
 436	padding-bottom:9px;
 437}
 438#archive h2 {
 439	border-bottom:1px solid #8E8D90;
 440	padding-bottom:4px;
 441	margin-bottom:10px;
 442}
 443#archive h2 img {
 444	margin-right:3px;
 445}
 446#archive ul {
 447	list-style-type:square;
 448	margin:0 10px;
 449	padding:10px;
 450}
 451#archive ul li {
 452	margin-right:20px;
 453}
 454#archive table {
 455	width:100%;
 456	border-collapse:collapse;
 457}
 458#archive table td, #archive table th {
 459	text-align:left;
 460}
 461#archive table td {
 462	text-align:left;
 463	border-bottom:1px solid #D8D8D8;
 464	padding:2px 0;
 465	font-size:9pt;
 466}
 467#archive .date {
 468	width:150px;
 469}
 470#archive .comments {
 471	width:70px;
 472	text-align:center;
 473}
 474#archive .rating {
 475	width:70px;
 476	text-align:center;
 477}
 478/*----------------------------
 479	Search
 480----------------------------*/
 481#searchbox {
 482	margin-top:5px;
 483	font-size:8.5pt;
 484}
 485#searchbox input {
 486	font-size:8.5pt;
 487}
 488#searchbox #searchbutton {
 489	margin-left:5px;
 490}
 491#searchbox #searchfield {
 492	width:180px;
 493	border-radius:.5em;
 494	-moz-border-radius:.5em;
 495	-webkit-border-radius:.5em;
 496}
 497/*----------------------------
 498	Search on search
 499----------------------------*/
 500#searchonsearch {
 501	border:1px solid #8E8D90;
 502	padding:3px 10px;
 503	margin-bottom:20px;
 504	background-color:white;
 505	background-image:url(img/contentbg.png);
 506	background-position:left top;
 507	background-repeat:repeat-x;
 508	line-height:110%;
 509	border-radius:.5em;
 510	-moz-border-radius:.5em;
 511	-webkit-border-radius:.5em;
 512	box-shadow:0 0 15px #A5ACB5;
 513	-moz-box-shadow:0 0 15px #A5ACB5;
 514	-webkit-box-shadow:0 0 15px #A5ACB5;
 515}
 516#searchonsearch h3 {
 517	margin:3px;
 518	font-size:12pt;
 519}
 520#searchonsearch ol li {
 521	margin:2px 0;
 522}
 523/*----------------------------
 524	Month list
 525----------------------------*/
 526#monthList li {
 527	font-weight:normal;
 528}
 529#monthList .year {
 530	cursor:pointer;
 531	font-weight:bold;
 532}
 533#monthList .year li {
 534	margin-left:20px;
 535}
 536#monthList ul {
 537	display:none;
 538}
 539#monthList .open {
 540	display:block;
 541}
 542/*----------------------------
 543	Tag cloud
 544----------------------------*/
 545.tagcloud {
 546	margin-bottom:10px;
 547	white-space:normal;
 548}
 549.tagcloud li {
 550	display:inline;
 551}
 552.tagcloud a {
 553	margin-right:3px;
 554	display:inline;
 555}
 556.tagcloud a.biggest {
 557	font-size:14pt;
 558}
 559.tagcloud a.big {
 560	font-size:12pt;
 561}
 562.tagcloud a.medium {
 563	font-size:9pt;
 564}
 565.tagcloud a.small {
 566	font-size:8pt;
 567}
 568.tagcloud a.smallest {
 569	font-size:7pt;
 570}
 571/*----------------------------
 572	Page
 573----------------------------*/
 574#page {
 575	border:1px solid #8E8D90;
 576	padding:3px 10px;
 577	margin-bottom:20px;
 578	background-color:white;
 579	background-image:url(img/contentbg.png);
 580	background-position:left top;
 581	background-repeat:repeat-x;
 582	line-height:110%;
 583	border-radius:.5em;
 584	-moz-border-radius:.5em;
 585	-webkit-border-radius:.5em;
 586	box-shadow:0 0 15px #A5ACB5;
 587	-moz-box-shadow:0 0 15px #A5ACB5;
 588	-webkit-box-shadow:0 0 15px #A5ACB5;
 589}
 590#page h1 {
 591	margin:3px 0 10px;
 592}
 593#page #admin {
 594	border-top:1px solid #8E8D90;
 595	margin-top:10px;
 596	padding:5px 0;
 597}
 598/*----------------------------
 599	Calendar
 600----------------------------*/
 601#calendarContainer {
 602	text-transform:capitalize;
 603	margin:0 auto;
 604}
 605.calendar {
 606	border:none;
 607	margin:0 auto;
 608}
 609.calendar .weekend {
 610	background-color:#E3E7EB;
 611}
 612.calendar .other {
 613	color:#8E8D90;
 614}
 615.calendar a.exist {
 616	display:block;
 617	font-weight:bold;
 618	background-color:#A5ACB5;
 619}
 620.calendar td {
 621	vertical-align:top;
 622	background:transparent;
 623}
 624/*----------------------------
 625	Search page
 626----------------------------*/
 627#searchpage {
 628	margin-bottom:30px;
 629}
 630#searchpage input#q {
 631	background:#FFFFFF;
 632	border:1px solid #8E8D90;
 633	width:300px;
 634	border-radius:.5em;
 635	-moz-border-radius:.5em;
 636	-webkit-border-radius:.5em;
 637}
 638#searchpage input#comment {
 639	clear:both;
 640}
 641.searchresult {
 642	margin-bottom:20px;
 643}
 644.searchresult a {
 645	font-weight:bold;
 646}
 647.searchresult span.text {
 648	clear:both;
 649	display:block;
 650	margin:3px 0;
 651}
 652.searchresult span.type {
 653	display:block;
 654}
 655.searchresult span.url {
 656	color:Gray;
 657}
 658.searchpage ul.paging {
 659	list-style-type:none;
 660	margin:0;
 661	margin-bottom:20px;
 662	padding:0;
 663}
 664.searchpage ul.paging li {
 665	display:inline;
 666	border:1px solid gray;
 667	background:#f1f1f1;
 668	margin-right:5px;
 669}
 670.searchpage ul.paging li a {
 671	padding:5px 8px;
 672}
 673.searchpage ul.paging li.active {
 674	background:#f1f1f1;
 675	border:1px solid black;
 676}
 677/*----------------------------
 678	Contact page
 679----------------------------*/
 680#contact {
 681	border:1px solid #8E8D90;
 682	background-color:white;
 683	background-image:url(img/contentbg.png);
 684	background-position:left top;
 685	background-repeat:repeat-x;
 686	line-height:110%;
 687	border-radius:.5em;
 688	-moz-border-radius:.5em;
 689	-webkit-border-radius:.5em;
 690	box-shadow:0 0 15px #A5ACB5;
 691	-moz-box-shadow:0 0 15px #A5ACB5;
 692	-webkit-box-shadow:0 0 15px #A5ACB5;
 693	padding:10px;
 694}
 695#contact h1 {
 696	margin-top:0;
 697}
 698#contact label {
 699	display:block;
 700	padding-top:5px;
 701}
 702#contact input.field {
 703	width:400px;
 704	border:1px solid #8E8D90;
 705	border-radius:.5em;
 706	-moz-border-radius:.5em;
 707	-webkit-border-radius:.5em;
 708}
 709#contact textarea {
 710	border:1px solid #8E8D90;
 711	display:block;
 712	overflow:auto;
 713	width:98%;
 714	height:200px;
 715	margin:0;
 716	border-radius:.5em;
 717	-moz-border-radius:.5em;
 718	-webkit-border-radius:.5em;
 719}
 720/*----------------------------
 721	Comments
 722----------------------------*/
 723#commentlist {
 724	border:1px solid #8E8D90;
 725	margin-bottom:20px;
 726	background-color:white;
 727	background-image:url(img/contentbg.png);
 728	background-position:left top;
 729	background-repeat:repeat-x;
 730	line-height:110%;
 731	border-radius:.5em;
 732	-moz-border-radius:.5em;
 733	-webkit-border-radius:.5em;
 734	box-shadow:0 0 15px #A5ACB5;
 735	-moz-box-shadow:0 0 15px #A5ACB5;
 736	-webkit-box-shadow:0 0 15px #A5ACB5;
 737}
 738.comment_header {
 739	height:60px;
 740	display:block;
 741	padding:0 5px;
 742	vertical-align:middle;
 743	background-color:#E3E7EB;
 744	-moz-border-radius:5px;
 745	-khtml-border-radius:5px 0 5px;
 746	border-radius:5px;
 747	border:1px solid #8E8D90;
 748}
 749.comment {
 750	border:0 solid #8E8D90;
 751	background-color:none;
 752	margin:10px;
 753	border:0;
 754	padding:0;
 755}
 756.comment .author {
 757	margin:0;
 758	padding:3px 5px;
 759	font-size:9pt;
 760	border:0;
 761	height:16px;
 762}
 763#addcomment, #comment {
 764	font-size:12pt;
 765	letter-spacing:1px;
 766	font-weight:bold;
 767}
 768#comment-form {
 769	border:1px solid #8E8D90;
 770	padding:3px 10px;
 771	margin-bottom:20px;
 772	background-color:white;
 773	background-image:url(img/contentbg.png);
 774	background-position:left top;
 775	background-repeat:repeat-x;
 776	line-height:110%;
 777	border-radius:.5em;
 778	-moz-border-radius:.5em;
 779	-webkit-border-radius:.5em;
 780	box-shadow:0 0 15px #A5ACB5;
 781	-moz-box-shadow:0 0 15px #A5ACB5;
 782	-webkit-box-shadow:0 0 15px #A5ACB5;
 783}
 784.self {
 785	background:#E3E7EB;
 786	border:1px solid #8E8D90;
 787	padding:5px 5px 0;
 788	border-radius:.5em;
 789	-moz-border-radius:.5em;
 790	-webkit-border-radius:.5em;
 791	box-shadow:0 0 15px #A5ACB5;
 792	-moz-box-shadow:0 0 15px #A5ACB5;
 793	-webkit-box-shadow:0 0 15px #A5ACB5;
 794}
 795.comment .gravatar {
 796	float:left;
 797	clear:both;
 798	margin:4px 10px 6px 0;
 799}
 800.comment .gravatar img {
 801	height:50px;
 802	border:1px solid #8E8D90;
 803	margin:0;
 804	padding:0;
 805	-moz-border-radius:5px;
 806	-khtml-border-radius:5px;
 807	-webkit-border-radius:5px;
 808	border-radius:5px;
 809}
 810.comment img.flag {
 811	margin-left:5px;
 812}
 813.comment .content {
 814	min-height:60px;
 815	margin:1px;
 816	padding:5px;
 817}
 818.comment cite {
 819	font-family:Monospace;
 820	font-style:normal;
 821}
 822.visitor {
 823	padding:8px 0;
 824}
 825.visitor div {
 826	font-size:8pt;
 827	color:#666;
 828}
 829#commenttoggle {
 830	background:#A5ACB5;
 831	border:1px solid #8E8D90;
 832	-moz-border-radius:3px;
 833	-khtml-border-radius:3px;
 834	-webkit-border-radius:3px;
 835	border-radius:3px;
 836}
 837#trackbacktoggle {
 838	background:#A5ACB5;
 839	border:1px solid #8E8D90;
 840	-moz-border-radius:3px;
 841	-khtml-border-radius:3px;
 842	-webkit-border-radius:3px;
 843	border-radius:3px;
 844}
 845.success {
 846	color:#EE913C;
 847	font-weight:bold;
 848}
 849/* nested comments */
 850.comment-replies {
 851	background:transparent url(../../pics/reply-arrow.gif) no-repeat 2px 15px;
 852	padding:0 0 0 15px;
 853	margin:5px 0 0;
 854}
 855#commentlist #comment-form {
 856	border:solid 1px #8E8D90;
 857	background:#FFFFFF;
 858	padding:10px;
 859	margin:10px 0;
 860}
 861/*  Comment notification unsubscription  */
 862#commentNotificationUnsubscription {
 863	margin-bottom:10px;
 864	color:0;
 865	background:#A5ACB5;
 866	border:1px solid #8E8D90;
 867	padding:10px;
 868}
 869#commentNotificationUnsubscription h1 {
 870	margin:0 auto 12px;
 871	padding:0;
 872}
 873/* comment menu */
 874#commentMenu {
 875	padding:0;
 876	margin:0;
 877	clear:both;
 878}
 879#commentMenu li {
 880	float:left;
 881	border:1px solid #8E8D90;
 882	border-bottom:transparent;
 883	margin:0;
 884	list-style:none;
 885	margin-right:5px;
 886	padding:3px 8px;
 887	cursor:pointer;
 888	position:relative;
 889	top:2px;
 890	background:#E3E7EB;
 891	-webkit-border-top-left-radius:.5em;
 892	-webkit-border-top-right-radius:.5em;
 893	-moz-border-radius-topleft:.5em;
 894	-moz-border-radius-topright:.5em;
 895	border-top-left-radius:.5em;
 896	border-top-right-radius:.5em;
 897}
 898#commentMenu li.selected {
 899	background:#F6B829;
 900	border-bottom:1px solid white;
 901}
 902.commentForm .bbcode {
 903	font-size:9pt;
 904	float:right;
 905	position:relative;
 906	top:20px;
 907	padding:3px;
 908}
 909.commentForm .bbcodeNoLivePreview {
 910	top:0;
 911}
 912.bbcode a {
 913	margin:1px;
 914	padding:1px 3px;
 915	background:#fff;
 916	border:1px solid #8E8D90;
 917	-moz-border-radius:3px;
 918	-khtml-border-radius:3px;
 919	-webkit-border-radius:3px;
 920	border-radius:3px;
 921}
 922/* comment form */
 923.commentForm textarea {
 924	width:98%;
 925	height:150px;
 926	border:1px solid #8E8D90;
 927	-webkit-border-radius:.5em;
 928	-webkit-border-top-left-radius:0;
 929	-moz-border-radius:.5em;
 930	-moz-border-radius-topleft:0;
 931	border-radius:.5em;
 932	border-top-left-radius:0;
 933}
 934#commentPreview {
 935	width:99%;
 936	border:1px solid #8E8D90;
 937	-webkit-border-radius:.5em;
 938	-webkit-border-top-left-radius:0;
 939	-moz-border-radius:.5em;
 940	-moz-border-radius-topleft:0;
 941	border-radius:.5em;
 942	border-top-left-radius:0;
 943}
 944.commentForm label {
 945	float:left;
 946	display:block;
 947	width:50px;
 948	padding-right:3px;
 949	text-align:right;
 950}
 951.commentForm input[type='text'] {
 952	border:#8E8D90 1px solid;
 953	background-color:#fff;
 954	width:400px;
 955	margin:2px 0;
 956	border-radius:.5em;
 957	-moz-border-radius:.5em;
 958	-webkit-border-radius:.5em;
 959}
 960.commentForm select {
 961	border:#ccc 1px solid;
 962	width:308px;
 963}
 964select {
 965	padding:3px;
 966}
 967input[type="text"], input[type="select"] {
 968	padding:3px;
 969}
 970input[type="submit"], input[type="button"], input[type="file"] {
 971	color:#000000;
 972	background:#FFFFFF;
 973	border:1px solid #8E8D90;
 974	padding:3px 5px;
 975	-webkit-border-radius: 5px;
 976	-moz-border-radius: 5px;
 977	border-radius: 5px;	
 978}
 979input[type="submit"]:hover, input[type="button"]:hover {
 980	color:#000000;
 981	background:#E3E7EB;
 982	cursor:pointer;
 983}
 984#searchcomments {
 985	margin:10px 5px 0 0;
 986}
 987/*----------------------------
 988	Post Pager
 989----------------------------*/
 990#PostPager {
 991	display:block;
 992	text-align:center;
 993}
 994#PostPager li {
 995	display:inline;
 996	border:0 solid #ccc;
 997	margin:1px;
 998	padding:2px;
 999}
1000#PostPager li a {
1001	padding:2px 5px;
1002	text-decoration:none;
1003	font-weight:normal;
1004}
1005#PostPager li a:hover {
1006	padding:2px 4px;
1007	text-decoration:underline;
1008	color:#000000;
1009	background-color:#A5ACB5;
1010	border:1px solid #8E8D90;
1011	font-weight:normal;
1012	border-radius:4px;
1013	-moz-border-radius:4px;
1014	-webkit-border-radius:4px;
1015}
1016#PostPager .PagerLinkCurrent {
1017	background-color:transparent;
1018	color:#000000;
1019	font-weight:bold;
1020	padding:3px;
1021	border:0 solid #000000;
1022}
1023#PostPager .PagerLinkCurrent li {
1024	padding:2px;
1025}
1026#PostPager .PagerLinkDisabled {
1027	color:#A5ACB5;
1028	padding:2px;
1029}
1030#PostPager .PagerEllipses {
1031	border:0;
1032	padding:2px;
1033}