/*-----------END OF CSS STYLING----------*/
/*

Theme Name: Chronicle

Theme URI: http://blueprints.akworkshop.com

Description: An amazing blog/magazine template for all the Wordpress aficionados of the world.

Author: Arun Kurian

Author URI: http://akworkshop.com

Tags:  

*/



/* Theme Colors



Black Coffee (Red) Color: #AA331F;

Black Coffee (Black) Color: #252524;



*/



/* Table of Contents 



1. Reset

2. Header

	- Top Bar

	- Logo

	- Search

3. Navigation

	- Main Nav

	- Secondary Nav

4. Content (Dimensions)

5. Main Content

	- Post Left

		- Comments

	- Post Right

		- Post Meta

6. Page Navigation

7. Side Content

	- Side Standards

	- Adverts

	- Popular/Recent Posts

	- Flickr

8. Footer 

-------------------------------------

9. Single Page

	- Full Content

	- Social Bar

	- Comments

	- Comment Form 

-------------------------------------

10. Archive Page

	- Archive Standards

	- Author

-------------------------------------

11. 404 Page



*/



/*-----------1. RESET-----------*/



body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,ol, li, dl, dt, dd, form, a, fieldset, input, th, td, :focus {

margin: 0px; 

padding: 0px; 

border: 0px; 

outline: none; 

} 



body {

	font-family: Arial, sans-serif;

	color: #6F6F6F;

}



p {

	font-size: .9em;

}



h2 {

	font-size: 1.2em;
	padding-bottom: 20px;
	color: #333332;

}



h3 {

	color: #AA331F;

	font-size: .9em;

	line-height: 1.5em;

}



/*-----------2. HEADER-----------*/



body {

	background: url("images/background.png") repeat-x;

}



#mainwrap {

	background: url("images/header.png") no-repeat top center;

	margin: 0px auto -220px;

	min-height: 100%;

	height: auto !important;

	height: 100%;

}



.clearfix {

	clear: both;

}



#header {

	width: 960px;

	margin: 0 auto 0 auto;

	height: 179px;

}



.bloginfo {

	text-indent: -9999px;

}



/*TOP BAR*/



#topbar {

	width: 960px;

	float: left;

	height: 25px;

}



#subscribe {

	float: right;

}



#subscribe p {

	color: #4B4A4A;

	font-size: .7em;

	text-transform: uppercase;

	margin-top: 5px;

	font-weight: bold;

}



#subscribe p a {

	color: #797979;

	text-decoration: none;

	margin: 0px 3px 0px 3px;

}



#subscribe p a:hover {

	text-decoration:underline;

}



/*LOGO*/



#logospace {

	float: left;

	width: 660px;

	height: 154px;

}



/*

If your logo is larger than the default, 

adjust the width of the following attribute (#logo)

*/



#logo {

	float: left;

	width: 175px;

	margin-top: 40px;

	cursor: pointer;

}

	

/*SEARCH*/



#searchspace {

	float: right;

	width: 300px;

	height: 99px;

	padding-top: 55px;

}



#search {

	float: right;

	height: 24px;

}



#searchbar {

	float: left;

	background-color: #2F2F2F;

	border: #3A3939 1px solid;

	color: #555454;

	font-size: .75em;

	width: 190px;

	height: 16px;

	padding: 3px 5px 3px 5px;

}



.searchsubmit {

	float: left;

	background: url("images/searchbtn.png") no-repeat;

	width: 26px;

	height: 24px;

	margin-left: 5px;

	text-indent: -9999px;

	cursor: pointer;

	font-size: 0px;

	line-height: 0px;

	display: block;

}



/*-----------3. NAVIGATION-----------*/



#navspace {

	margin: 1px auto 0 auto;

	width: 960px;

	height: 61px;

}



/*MAIN NAV*/



#mainnav {

	float: left;

	height: 37px;

	overflow: hidden;

}



#mainnav ul li {

	height: 37px;

	float: left;

	list-style-type: none;

	background: url("images/navbtn.png") repeat-x;

	width: 120px;	

	text-align: center;

	font-size: .9em;

	text-decoration: none;

	color: #8F8F8F;

	margin-left: -1px;

	line-height: 35px;

}



/*

  This makes sure that the first button

  displays its left border and that others

  do not

*/



#mainnav ul li#firstnav {

	margin-left: 0px;

}



#mainnav ul li a {

	display: block;

	font-size: .9em;

	text-decoration: none;

	color: #8F8F8F;

	height: 35px;

}



/*SECONDARY NAV*/



#secondnav {

	float: left;

	height: 24px;

}



#secondnav ul {

	list-style: none;

	margin-left: 1px;

}



#secondnav ul li {

	height: 24px;

	float: left;

	list-style-type: none;

	width: 118px;	

	text-align: center;

	font-size: .7em;

	text-decoration: none;

	color: #8F8F8F;

	line-height: 26px;

	border-right: #DCDCDC 1px solid;

	border-left: #DCDCDC 1px solid;	

	margin-left: -1px;

	text-transform: uppercase;

}



#secondnav ul li a {

	display: block;

	font-size: .9em;

	text-decoration: none;

	color: #8F8F8F;

}



#secondnav ul li a:hover {

	background-color: #E7E7E7;

}



/*

  The selected buttons and hover buttons

  use the following style

*/



#mainnav ul li:hover, #mainnav ul li a:hover, #mainnav ul li.current-cat {

	background: url("images/navbtn-hover.png") no-repeat;

	width: 120px;	

	height: 36px;

}



#mainnav ul li.current-cat {

	font-weight: bold;

}



/*-----------4. CONTENT (DIMENSIONS)-----------*/



#content {

	width: 960px;

	margin: 20px auto;

}



/*-----------5. MAIN CONTENT-----------*/



#maincontent {

	float: left;

	width: 642px;

}



.posts {

	float: left;

	width: 620px;

	padding: 0px 10px 0px 10px;

	border: #DFDFDF 1px solid;

	background: #F8F8F8 url("images/boxbg.png") repeat-x;

	margin-bottom: 20px;

}



.post {

	float: left;

	margin-top: 10px;

	padding-bottom: 20px;

	border-bottom: #DFDFDF 1px solid; 

}

.post div { font-size: .9em; }

.post:last-child {

	border: 0px;

}


.postpage {

	border: 0px;

}



/*POST LEFT*/



/*

  This is concerned with everything on the 

  left side of the post display: image, comments.

*/



.post_left {

	float: left;

	width: 200px;

	overflow: hidden;

	margin-right: 10px;

}



/*comments*/



.commentsmain {

	float: left;

	margin: 10px 0px 10px 0px;

	width: 200px;

	font-size: .7em;

}



.commentsmain .speechbubble {

	font-size: 1.3em;

	float: left;

	background: url("images/speechbubble.png") no-repeat;

	width: 31px;

	height: 26px;

	text-align: center;

	padding-top: 5px;

	font-weight: bold;

	color: #4F4F4F;

}



.commentsmain .commentstext {

	font-size: 1.0em;

	width: 124px;

	float: left;

	padding: 3px 0px 4px 5px;

	background-color: #EBEAEA;

	border-top: #D7D7D7 1px solid;

	border-bottom: #D7D7D7 1px solid;

	margin-top: 2px;

	color: #8F8F8F;

}



.commentsmain .commentsadd a {

	font-size: 1.2em;

	display: block;

	width: 38px;

	float: left;

	border: #D7D7D7 1px solid;

	margin-top: 2px;

	text-align: center;

	text-decoration: none;

	padding: 3px 0px 3px 0px;

	background-color: #EBEAEA;

	color: #8F8F8F;

}



.commentsmain .commentsadd a:hover {

	background-color: #F1F1F1;

}



.edit a, p.edit a.comment-edit-link {

	float: left;

	text-decoration: none;

	color: white;

	font-size: .7em;

	padding: 3px 6px 3px 6px;;

	background-color: #2F2F2F;

}

/*POST RIGHT*/



/*

  This is concerned with everything on the 

  right side of the post: Title, Metadata, etc.

*/



.post_right {

	float: right;

	width: 410px;

}

.panel-overlay p {

	font-size: .9em;
	line-height: 1.1em;

}


h2 a {

	font-size: 1.1em; 

	color: #333332;

	text-decoration: none;

}

.post a {
		color: #333;
        text-decoration: underline;
}

.post a:hover {
	text-decoration: none;
}

/*post meta*/



.post_meta {

	float: left;

	background-color: #AA331F;

	padding: 5px;

	width: 398px;

	color: white;

	margin: 10px 0px 10px 0px;

	border: #9A220F 1px solid;

}



.post_meta span {

	float: left;

	padding: 0px 10px 0px 10px;

	font-size: 11px;

	border-right: white 1px solid;

}



.post_meta span.first {

	padding-left: 5px;

}



.post_meta span.last {

	border-right: 0px;

}



.post_meta a {

	color: white;

	text-decoration: none;

}



.post_meta a:hover {

	text-decoration: underline;

}



.post_right p {

	float: left;

	font-size: 1em;
	line-height: 1.6em;

}



/*-----------6. PAGE NAVIGATION-----------*/



.pagenavi {

	float: left;

}



/*-----------7. SIDE CONTENT-----------*/



/*SIDE STANDARDS*/



/*

  Sidebox, sidetitle, etc. are fot the functions built into

  the theme (Flickr, Adverts, etc.) but the widbox, widtitle

  settings are for the widgets that you can add from the

  WP admin panel.

*/



#sidecontent {

	float: right;

	width: 302px;

}



.sidebox, .widbox {

	width: 280px;

	float: left;

	border: #DFDFDF 1px solid;

	background: #F8F8F8 url("images/boxbg.png") repeat-x;

	/*text-align: center;*/

	padding: 10px 10px 10px 10px;

	margin-bottom: 18px;

}



.widbox {

	/*font-size: .8em;*/

	text-align: left;

	padding: 10px 30px 10px 30px;

	width: 240px;

}



.sidebox span {

	text-align: center;

}



.sidebox a, .widbox a {

	font-size: .7em;

	color: #6F6F6F;

	line-height: 1.6em;

	text-decoration: none;

}

.widebox a {

	font-size: 1em;

}



.sidebox a:hover, .widbox a:hover {

	text-decoration: underline;

}



.sidetitle {

	width: 254px;

	height: 18px;

	margin: 0 auto 0 auto;

}



.sidetitle span, .widtitle span {

	width: 254px;

	text-align:left;

	float: left;

	font-size: .8em;

	font-weight: bold;

}



.widtitle span {

	font-size: 1em;

}



/*ADVERTS*/



#adverts {

	margin: 0px auto 0px auto;

}



#adverts img {

	float: left;

	margin: 7px 7px 7px 7px;

}



/*POPULAR / RECENT POSTS */



.tabs {

	float: left;

	width: 302px;

	margin-left: 1px;

}



.tabs li {

	float: left;

	list-style: none;

	margin-left: -1px;

}



.tabs li a {

	float: left;

	font-size: .75em;

	font-weight: bold;	

	color: #8F8F8F;

	padding: 10px 0px 10px 0px;

	text-align: center;

	text-decoration: none;

	display: block;

	border: #DFDFDF 1px solid;

	background: #F8F8F8 url("images/sidebtn-unsel.png")  repeat-x top left;

	width: 149px;

}



.tabs li a:hover {

	color: #333332;

}



.tabs li a.active {

	width: 150px;

	background-image:none;

	color: #333332;

	border-bottom: #F8F8F8 1px solid;

}



#content_2 {

	display: none;

}



.specialposts {

	width: 280px;

	float: left;

	border: #DFDFDF 1px solid;

	border-top: 0px;

	background-color: #F8F8F8;

	padding: 10px 10px 10px 10px;

	margin-bottom: 18px;

}



.specialposts a {

	font-size: .85em;

	font-weight: bold;

	line-height: 1.6em;

	text-decoration: none;

	color: #AA331F;

	display: block;

}



.specialposts ul {

	list-style: none;

	float: left;

	margin: -1px 0px 10px 0px;

	overflow: hidden;

}



.specialposts ul li {

	float: left;

	width: 280px;

	padding: 10px 0px 10px 0px;

	border-top: #DFDFDF 1px solid;

	border-bottom: #DFDFDF 1px solid;

	margin-top: -1px;

}



.specialposts ul li:last-child {

	border-bottom: 0px;

}



.specialposts img {

	float: left;

	width: 50px;

	height: 50px;

	margin-right: 10px;

}



/*FLICKR*/



.flickricon {

	background: url("images/flickricon.gif") no-repeat center right;

}



.sidetitle img {

	float: right;

}



#flickr {

	margin: 0 auto 0 auto;

	width: 273px;

}



#flickr img {

	margin: 8px;

}



/*------8. FOOTER-----*/



#push {

	height: 220px;

}



#footer {

	width: 100%;

	height: 220px;

	background-color: #252524;

	border-top: #E5E5E5 10px solid;

	margin-top: 50px;

}



#insidefoot  {

	width: 960px;

	margin: 0px auto 0px auto;

	padding-top: 20px;

}



#insidefoot h2 {

	color: #EDEDED;

}



#insidefoot p {

	color: #606060;

	line-height: 1.7em;

}



#footertext {

	float: left;

	width: 960px;

}



#aboutinfo {

	float: left;

	width: 630px;

	border-right: #3F3F3F 1px dotted;

	padding-right: 10px;

}



#pages {

	float: left;

	padding-left: 10px;

	width: 309px;

}



#pages li {

	float: left;

	list-style: none;

	font-size: .7em;

}



#pages li a {

	float: left;

	margin: 10px 15px 5px 0px;

	padding: 4px 5px;

	background-color: #AA331F;

	color: white;

	text-decoration: none;

	text-transform: uppercase;

}



#pages li a:hover {

	background-color: #CF4933;

}



#copyrights {

	float: left;

	width: 960px;

	margin-top: 10px;

	padding-top: 10px;

	border-top: #3F3F3F 1px dotted;

}



#copy {

	float: left;

}



#wordpress {

	float: right;

}



#wordpress a {

	text-decoration: none;

	color: #606060;

	font-weight: bold;

}





/*-----------9. SINGLE PAGE-----------*/



/* FULL CONTENT */



.fullcontent p, .fullcontent ul, .fullcontent ol {

	float: left;

	line-height: 1.6em;

	width: 610px;

	margin: 8px 0 4px 0;

}



.fullcontent ul, .fullcontent ol {

	margin: 8px 0 8px 20px;

	width: 590px;

}



.fullcontent blockquote {

	margin: 8px 0 8px 10px;

	float: left;

	font-size: 1em;

	background-color: #EFEFEF;

	padding: 10px;

	width: 565px;

	border-left: #C5C5C5 5px solid;

}



.fullcontent blockquote p {

	width: 565px;

	font-style: italic;

}



.authbox {

	float: left;

	width: 598px;

	border: #DFDFDF 1px solid;

	background: #EFEFEF;

	padding: 10px;

	margin: 5px 0px -6px 0px;

}



.postauthorinfo {

	float: left;

	width: 512px;

}



/*SOCIAL BAR*/



.socialbar {

	float: left;

	width: 620px;

	padding: 10px;

	height: 56px;

	border: #DFDFDF 1px solid;

	background: url("images/socialbar.png") repeat-x;

	margin-bottom: 20px;

}



.socialtitle {

	padding-top: 0px;

	float: left;

	width: 364px;

}

.social1 {

	float: left;

	font-size: 1.1em;

	color: #333332;

	font-weight: bold;

}



.social2 {

	float: left;

	color: #8F8F8F;

}



.sociallinks {

	float: right;

	width: 256px;

}



.sociallinks div {

	display: inline;

	padding: 0px 8px 0px 8px;

	width: 48px;

	height: 48px;

	overflow: hidden;

	float: left;

}



.sociallinks div:hover {

	height: 60px;

}



.sociallinks p {

	text-align: center;

	font-size: .6em;

	color: #8F8F8F;

}



/*COMMENTS*/



.commenttitle {

	float: left;

	margin: 10px 0px 10px 10px;

}



#comments h2 {

	font-size: 1.3em;

	line-height: 1.6em;

	margin-bottom: -6px;

}



.commentlist {

	list-style: none;

	margin: 0px 10px 10px 10px;

	float: left;

}



.commentlist li {

	float: left;

	margin-bottom: 20px;

}



.commentleft {

	width: 100px;

	float: left;

}

.commentmeta {

	float: left;

	margin-top: 5px;

}



.commentleft p {

	font-size: .7em;

}



.commentleft a {

	color: #AA331F;

	text-decoration: none;

	font-size: .7em;

}



.commentright {

	width: 478px;

	height: inherit;

	float: right;

	background-color: white;

	border: #DFDFDF 1px solid;

	padding: 10px 10px 30px 10px;

}



.commentright p {

	line-height: 1.6em;

}



.authorcomment {

	background-color: #FFD6CF;

	border: 1px #CF8C81 solid;

}



/*COMMENT FORM*/



#respond {

	float: right;

	width: 600px;

	margin: 0px 10px 10px 10px;

}



.formright {

	float: left;

	width: 488px;

}



input#author, input#email, input#url {

	float: left;

	width: 100%;

	padding: 5px;

	background-color: white;

	border: 1px solid #CFCFCF ;

	display: block;

	margin: 5px 0px 5px 0px;

}



textarea#comment {

	float: left;

	width: 100%;

	padding: 5px;

	background-color: white;

	border: 1px solid #CFCFCF ;

	display: block;

	margin: 5px 0px 10px 0px;

}



input#submit {

	font-weight: bold;

	font-size: .7em;

	color: #D86956;

	float: right;

	margin: 5px -12px 0px 0px;

	background-color: #AA331F;

	padding: 7px;

}



.required {

	float: left;

	margin-top: 10px;

	font-style: italic;

	font-size: .7em;

}

	

input#submit:hover {

	color: white;

	cursor: pointer;

}





/*-----------10. ARCHIVE PAGE-----------*/



/*

  This is the styling for the archive.php page.

  Includes: author, category, monthly and yearly archs.

*/



/* ARCHIVE STANDARDS*/



.titlebox {

	float: left;

	width: 620px;

	border: #DFDFDF 1px solid;

	background: #F8F8F8 url("images/boxbg.png") repeat-x;

	margin-bottom: 20px;

	padding: 10px;

}



.titlebox h2 {

	width: 620px;

	float: left;

	font-size: 1.3em;

	line-height: 2em;

}



.titlebox p {

	border-top: #DFDFDF 1px solid;

	float: left;

	line-height: 1.6em;

	padding-top: 5px;

}



/*AUTHOR*/



#authorpic {

	float: left;

	width: 80px;

}



#authorpic img {

	width: 80px;

	float: left;

}



#authorpic a {

	float: left;

	width: 80px;

	background-color: #AA331F;

	font-size: .7em;

	text-decoration: none;

	text-align: center;

	color: white;

	text-transform: uppercase;

	padding: 2px 0px 2px 0px;

}



#authorinfo {

	float: left;

	width: 540px;

}



h2.authorname {

	width: auto;

	margin: 0px 0px 0px 10px;

	float: left;

	font-size: 1.3em;

	line-height: 1.5em;

}



p.authordesc {

	border-top: #DFDFDF 1px solid;

	float: left;

	margin: 0px 0px 0px 10px;

	line-height: 1.6em;

	padding-top: 5px;

}



h2.postbyauth {

	margin: -10px 0px 10px 0px;

	float: left;

	font-size: 1.3em;

	line-height: 1.5em;

}



	

	

/*-----------11. 404 PAGE-----------*/



/*

  The 404 page gets 99% of its style from

  the archive page CSS. Look at that if

  you want to make a drastic change.

*/



#error {

	width: 620px;

}





/*-----------END OF CSS STYLING----------*/

.wp-events { padding-top: 5px; padding-bottom: 5px; font-size: 12px; line-height: 1.5em;}
.wp-events-td { padding: 5px; font-size: 12px; }
.wp-events-input { border: #CCC 1px solid; padding: 2px; }
ul.event_items,
ul.event_items li {
	font-size: 1.1em;
	list-style-type: none;
}
p.wp-events input,
#registration_payment_button {
	padding: 5px;
	border: 1px solid #333;
}
#event_regis_attendee_verify {
	width: 600px; 
	padding: 10px 0px;
	font-size: .9em;
}
div#eventbrite-attendees-list ul { margin-left: 20px; }
div#eventbrite-attendees-list a { font-size: 12px; color: #aa331f; }