/*  
Theme Name: Classica News
Theme URI: http://wordpress.org/
Description: template wordpress category news, 3 columns right & left, widgets ready
Version: 1.6
Author: Project Theme
Author URI: http://project-theme.com/
*/

@import 'categories.css';

/* General */


body {
	/* background: #F5F5F5; */
	color: #000000;
	font-size: 14px; 
	font-style: normal;
	font-variant: normal;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	margin: 0px 0px 0px 0px;
	}
	

	
img {
	border: none;
}


 p:first-letter{
               text-transform: uppercase;
          }

.bq {
	letter-spacing:0.1em;
	text-align: justify;
	
	margin: 40px auto;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 14pt;
	font-variant: small-caps;

	font-style: oblique;
	text-align: justify;
}

#postmeta p
{
	font-size: 10pt;	
	margin: 0px auto;
	text-align:right;
}

h1 {
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-style: italic;
	color: black;
	font-size: 18pt;
	text-decoration: overline;
	}

h2 {
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-style: normal;
	color: black;
	text-align:right;
	text-decoration: overline;
	font-size: 16pt;
	}

h2.post_title {
	color: black;
	font-size: 28pt;
	font-weight: bolder;
}


h3 {
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-style: italic;
	color: black;
	font-size: 12pt;
	}


a { 	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	/* color: #afafaf; */
        }

a:visited{
	color: #A9A9A9;
	text-decoration: none;
	border: none;
	}
	
a:hover{
	color: #000;
	border: none;
	text-decoration: none;
	}

#container { 
	width: 900px; 
	text-align: left; 
	margin: 0px auto;
	padding-top: 25px;
}
	
#topheader { 
	height: 25px;
	}
	
		
#header { 
	height: 45px;
	padding: 15px 0px 0px 0px;
	}
	
#header h2 {
	color: #330000;
	font-family: "Times New Roman", Times, serif;
	font-size: 25pt;
	font-variant: small-caps;
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 0px;
	margin-left: 53px;
	letter-spacing: 2px;
	}

#header h2 a {
	color: #330000;
	text-decoration: none;
	}

#header h2 a:hover {
	color: #fff;
	text-decoration: underline;
	}

#header h3 {
	color: #330000;
	font-size: 10pt;
	font-family: georgia, verdana, Sans-Serif;
	font-weight: normal;
	font-style: italic;
	margin: 0px;
	margin-left: 53px;
	}
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/ 

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 130%; /* font-size set to 130% for the default Kubrick Wordpress theme */
}

#panel {
	width: 100%;
	height: 500px;
	color: White;
	background: Black;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: #F5F5F5;
	text-align: left;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: #F5F5F5;
	text-align: left;
}

#panel p {
	margin: 5px 0;
	padding: 0;
	color: #F5F5F5;
}

#panel a {
	text-decoration: none;
	color: white;
}

#panel a:hover {
	color: #F5F5F5;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel ul {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px; 
	text-align: left;
	font-size: 0.85em;
	color: #F5F5F5;
}

#panel .content .left {
	width: 280px;
	float: left;
	margin-bottom: 25px;
	padding: 0 15px;
	border-right: 1px solid #F7E9DE;
	min-height: 220px;
}

#panel .content .border {
	border-left: 1px solid #F7E9DE;
}

#panel .content .narrow {
	width:120px !important;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

/* Panel Tab/button */
.tab {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}

.entry_author_image
    {
      /* float: left; */
      border: solid 1px outset;
      margin: 1.2em 1.2em 0px .1em;
    }
	

/***** Menu Formatting *****/
#mymenu {
	display: block;
	text-align: center;
	font-size: 120%;
	text-decoration: none;
}

#mymenu ul { 
	width: 100%; /*If your links text is bigger you will have to adjust this value*/
	height: 34px;
	margin: 0 auto;
	padding: 0;
	line-height: 34px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
	background: url(images/menu_bg.jpg) repeat-x left top;
}

/*Left Corner*/
#mymenu ul li.left {
	display: block;
	float: left;
	clear: left;
	width: 60px;
	height: 34px;
        background: url(images/menu_l.jpg) no-repeat left top;
}





/*Right Corner*/
#mymenu ul li.right {
	display: block;
	float: right;
	clear: right;
	width: 60px;
	height: 34px;
    background: url(images/menu_r.jpg) no-repeat right top;
}

#mymenu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}
			
#mymenu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 25px;
	color: #CCCCCC;
}

#mymenu ul li em {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
    background: url(images/menu_sep.jpg) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#mymenu ul li.sep {
	width: 2px;
    background: url(images/menu_sep.jpg) no-repeat left top;
}
		  
#mymenu ul li a:hover, #menu ul li a.active { 
	background: transparent url(images/menu_over.jpg) repeat-x center top;
	text-decoration: none;
	Color: white;
}

#mymenu ul li a.active {
	font-weight: bold;
	cursor: default;
}


/******IE hack******/
<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->


/******END MENU******/
main_content {
	width: 100%;
}


#content { 
	width: 600px;
	max-width: 600px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	position:relative;
	padding: 0px 18px 15px 18px;
	text-align: justify;
	float: left;
	
	}


	

#content p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	margin-top: 5px;
	}
	
#content p img{
	border: none;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
#content h1 {

	}
	
#content h1 a  {
	}

#content h1 a:hover {
	}




#content h3 {
	}
	
#content h3 a  {
	}

#content h3 a:hover {
	}

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}

#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
	
#content ul li a {
	color: #797979;
	text-decoration: none;
	}

#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}

#author_directory {
	list-style: none;
}
	
blockquote{
	background-color: #F3F3F3;
	margin: 0px;
	margin-left: 15px;
	margin-bottom: 12px;
	padding: 7px;
	width: 420px;
	font-style: italic;
	color: #666666;
	border: 1px solid #cccccc;
	}
	

.postspace {

	width: 440px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
.postspace2 {
	width: 440px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}
.postspace3 {

	width: 440px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	}



	
#right { 
	color: #000000;
	width: 179px;
	float: right; 
	margin-top: 0px;
	margin-bottom: 10px;
	
	position: relative;
	}
	
#right p{
	margin: 0px;
	line-height: 16px;
	padding: 10px;
	}
	
#right h2 {
	color: white;
	font-size: 12pt;
	list-style: none;
	padding: 6px;
	margin: 0px;
	margin-bottom: 10px;
	background: url(images/menu_bg.jpg) repeat-x left top;
	}


#right ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#right li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#right ul li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#right ul li a {
	display: block;
	color: blue;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 5px;
	line-height: 12pt;

	margin-bottom: 2px;
	}

#right ul li a:hover {
	color: #000000;
	background: #fff;
	}
	
#right h2.widgettitle {
	color: #fff;
	background-color: #B9E0F6;
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	list-style: none;
	padding: 6px;
	margin: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
	}

#footer {
background-image: url(images/footer.jpg);
	width: 900px;
	height: 40px;
	overflow: hidden;
	font-size: 8pt;
	margin: 0px auto 0px;
	padding:  30px 0px 7px 0px;
	text-align: center;
	line-height: 17px;
	clear: both;
	}
	
#footer p {
	color: #fff;
	padding: 0px;
	margin: 0px;	
	}
	
#footer a, #footer a:visited {
	color: #EAEAEA;
	text-decoration: none;
	border: none;
	border-bottom: 1px dotted #eaeaea;
	}
	
#footer a:hover {
	text-decoration: none;
	border: none;
	}

#wp-calendar {
	margin-left: 22px;
	margin-bottom: 10px;
	}

#searchform {
	margin-left: 9px;
	margin-bottom: 0px;
	margin-top: 4px;
	}
	
#searchform input {
	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	text-align: right;
	color: #7C9194;
	border: 1px solid #ddd;
	width: 150px;
	margin-bottom: 0px;
	}
	
/* comments */
	
.entry {
	margin-bottom: 12px;
	border-bottom: 1px solid #E3E3E3;
	}	

#s,#submit {	
	background-color:#ffffff;
	border:1px solid #cccccc;
	color:#505050;
	font-size:0.9em;
	margin:0 0 16px;
	padding:4px;
	width:130px;
	}
	
#author {
	border:1px solid #cccccc;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1em;
	margin:0;
	padding:4px;
}

	
#email {
	border:1px solid #cccccc;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1em;
	margin:0;
	padding:4px;
}

#url {
	border:1px solid #cccccc;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1em;
	margin:0;
	padding:4px;
}



#commentForm  {
	width: 350px;
	border:1px solid #cccccc;
	font-size:1em;
	margin:0;
	padding:4px;
}
	


/* Form Elements */

input[type=text],
textarea{
  border: 1px solid #ddd;
  padding: 3px;
  font-size: 12px;
  color: #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  line-height:200%;
}
input:focus,
textarea:focus{
  border-color: #999;
  color: #333;
}
input[type=submit]{
  padding: 3px 10px;
  color: white;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  border-color: #999;
  border-radius: 10px;
  -webkit-transition: border-color .2s ease-in, background-color .2s ease-in;
  -moz-border-radius: 12px;
  -webkit-border-radius: 10px;
  cursor: pointer;
}
input[type=submit]:hover,
input[type=submit]:focus{
  background-color: #697D80;
  border-color: #666;
}


/* Comment Form */

fieldset{
  background: #F6F6F6;
  padding: 0 0 10px;
}
legend{
  position: relative;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0 0 4px 0;
}
legend span{
  position: relative;
  top: -15px;
  display: block;
  width: 500px;
  background-color: #fff;
}

#comments {
	text-align: justify;
	font-style: normal;
	color: grey;
}
#comments h4,
legend span{
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: .5em 0 .7em;
  font-weight: bold;
  text-align: left;
}
.leaveComment{
  font-weight: bold;
  text-align: left;
  margin-top: 14px;
  padding-bottom: 19px;
}

.commentForm em{
  text-transform: lowercase;
  font-style: italic;
  color: #999;
  font-size: 1em;
}
.commentForm input[type=text]{
  display: block;
  margin-bottom: 15px;
  width: 250px;
  font-size: 1.4em;
  
}
.commentForm textarea{
  width: 300px;
  max-width: 300px; /* Restricts the resizing capability in webkit bases browsers */
  height: 360px;
  font-size: 1.5em;
  background-image: url(images/comments.png);
  background-repeat: no-repeat;
  background-position: top;
  line-height:190%;
  
}
	
.commentForm input.buttonblack {
	float: left;
	font-size: 10px;
	font-style: normal;
	color: white;
	background: url(images/menu_bg.jpg) repeat-x left top;
}

.commentForm input.buttonblack:hover {
	font-size: 12px;
	color: green;
	background: transparent url(images/menu_over.jpg) repeat-x center top;
}

#post_header {
	width: 100%;
}

p.date {
	width: 42px;
	height: 30px;
}

p.date span {
	position: relative;
	display: inline;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	top: 19px;
	left: 13px;	
}



.month1 { background: url(images/01.gif) no-repeat 0 0; }
.month2 { background: url(images/02.gif) no-repeat 0 0; }
.month3 { background: url(images/03.gif) no-repeat 0 0; }
.month4 { background: url(images/04.gif) no-repeat 0 0; }
.month5 { background: url(images/05.gif) no-repeat 0 0; }
.month6 { background: url(images/06.gif) no-repeat 0 0; }
.month7 { background: url(images/07.gif) no-repeat 0 0; }
.month8 { background: url(images/08.gif) no-repeat 0 0; }
.month9 { background: url(images/09.gif) no-repeat 0 0; }
.month10 { background: url(images/10.gif) no-repeat 0 0; }
.month11 { background: url(images/11.gif) no-repeat 0 0; }
.month12 { background: url(images/12.gif) no-repeat 0 0; }

.shield {
	position: relative;
	float: left;
	font-size: 8px;
}

.thispost_tags {
	/* background: #EFEFEF; */
	font-size: 10px;
		position: relative;
	float: right;
}

.commentscloud {
	position: absolute;
	text-align: center;
	top: -4px;
	left: 22px;
	width: 30px;
	height: 24px;
	padding: 3px 0;
	background: url(images/bubble.png) no-repeat 0 0;
}






p .post_tags {
	font-size: 8px;
}





#thispost_body {
	border: thin;
	border-color: black;
}




#content p.post_tags
{
        color: grey;
	font-size: 10px;
}



#comments_wrapper { float:right; width:540px; padding:0 0 15px 0; }

#comment_area, #trackback_area { margin:15px 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; }
#trackback_area { display:none; }


/*  ------ comment_header ----------------------------------------------------------------------------------------------------------------------- */
#comment_header { border-bottom:1px solid #ccc; font-size:11px; position:relative; }
#comment_header li { display:inline; float:left; padding:5px 10px; }

#comment_header_left { float:left; display:inline; margin:0 0 0 5px; }
#add_comment a { background:url(images/write_comment.gif) no-repeat left center; padding:0 0 0 20px; }
#comment_feed a { background:url(images/comment_rss.gif) no-repeat left center; padding:0 0 0 20px; }

#comment_header_right { clear:left; position:absolute; top:-1px; right:15px;  background:#fff; }
#comment_header_right li, #comment_header_right #trackback_closed { border-top:1px solid #fff; border-bottom:1px solid #ccc;  }
#comment_header_right li.comment_switch_active,#comment_header_right #comment_closed { border:1px solid #ccc; border-bottom:1px solid #fff; }
.comment_switch_active a { color:#33a8e5; }


/*  ------ comment ------------------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:opx solid #ccc; color:#777; margin:0 15px 15px; padding:15px 0 3px; background:#fff; }
.even_comment, .odd_comment_children { background:#eee; }
.odd_comment, .even_comment_children { background:#fdfdfd; }
.admin-comment { }

/* ----- comment-meta ----- */
.comment-meta { height:56px; position:relative; }

.comment-meta-left { position:absolute; left:15px; top:0; }
.avatar { border:1px solid #ccc; background:#fff; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }
.comment-name-date { padding:6px 0 0 0; float:left; }

.commentlist a, .commentlist a:visited, .comment-name { color:#2d96bd; }
.commentlist a:hover { color:#ef3982; }
a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }

.comment-date { font-size:11px; color:#757676; margin:0 0 0 0; }

.comment-act { background:url(images/arrow2.gif) no-repeat left 5px; font-size:11px; position:absolute; right:12px; top:5px; padding:0 0 0 13px; }
.comment-act li { display:inline; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; }

/* ----- comment-contents ----- */
.comment-content { padding:0; clear:both; margin:0 15px; }
* html .comment-content { padding:5px 0 0 0; }
.comment-content a, .comment-content a:visited { text-decoration:underline; }
.comment-content a:hover { }
.comment blockquote span { margin:0 0 -1em 0; display:block; }

.comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#33a8e5; border:1px solid #94ddd4; padding:10px 15px; background:#d6f4f0; }

.comment_closed { border:1px solid #ccc; text-align:center; margin:0 15px 15px 15px; padding:15px; background:#fff url(images/stripe3.gif) left top; }
#trackback_closed { background:url(images/arrow1.gif) no-repeat left center; padding:0 0 0 12px; }

/* ----- trackback-contens ----- */
.trackback_time { font-size:11px; color:#757676; margin:0 0 7px 15px; }
.trackback_title { margin:2px 0 8px 0; margin:0 0 10px 15px; }

#trackback_url_wrapper { margin:0 15px 20px; font-size:11px; }
#trackback_url_wrapper label { margin:0 0 2px 5px; display:block; }
#trackback_url_wrapper input { background:#fff url(images/arrow1.gif) no-repeat 10px center; border:1px solid #ccc; color:#777; padding:5px 20px; width:468px; }

/* ----- comment-pager ----- */
#comment_pager { margin:0 15px 10px 15px; height:24px; }
#comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; }
#comment_pager .current { text-decoration:underline; }



/* ---------- form area ------------------------------------------------------------------------------------------------------------------------- */
.comment_form_wrapper { border:1px solid #ccc; margin:0 15px 15px; padding:15px; background:#fff url(images/stripe3.gif) left top; }

#cancel_comment_reply  { background:url(images/arrow2.gif) no-repeat left center; margin:0 0 1em 0; padding:0 0 0 11px; }

#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:100%; }
#comment_user_login span { margin:0 0 0 40px; }

#comment_login { background:url(images/comment-area-bottom.gif) no-repeat left bottom; margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:100%; background:url(images/warning.gif) no-repeat left 4px; }
#comment_login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url(images/arrow1.gif) no-repeat 10px 3px; }

#guest_info { padding:0; width:98%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; border:1px solid #ccc;  padding: 3px 5px; width:70%; background:#fff; color:#777; }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#888;}
#guest_info span { color:#666; margin:0 10px 0 0; }

#comment_textarea textarea { width:90%; margin:15px 0 0 0; padding:15px; height:150px; border:1px solid #ccc;
                             background:#fff; color:#777; font-size:11px; overflow:auto; }

#submit_comment { margin:30px auto 0 auto; width:200px; display:block; background:#fff; color:#666; border:1px solid #ccc; padding:4px 0; cursor:pointer; }
#submit_comment:hover { border:1px solid #33a8e5; color:#33a8e5; }

#back_top_comment { float:right; background:url(images/arrow3.gif) no-repeat left center; padding:0 0 0 16px; display:inline; margin:0 15px 10px 0; font-size:11px; }

#input_hidden_field { display:none; }

/* ----- password protected ----- */
.nocomments { text-align:center; margin:0 15px; color:#e2415b; border:1px solid #ccc; background:#fff url(images/stripe3.gif) left top; }
.nocomments p { margin:15px 20px; font-size:12px; }

#ads_120_square {
	position: relative;
	float: right;
	height: 248px;
	width: 248px;
}

#ads_120_square #ads_120_one {
	position: relative;
	float: right;
	height: 120px;
	width: 120px;
	background: white;
	border-style: inset;
	border-color: white;
	border-width: 2px;
}

#ads_120_square #ads_120_two {
	position: relative;
	float: left;
	height: 120px;
	width: 120px;
	background: white;
	border-style: inset;
		border-color: white;
	border-width: 2px;
}

#ads_120_square #ads_120_three {
	position: relative;
	float: right;
	height: 120px;
	width: 120px;
	background: white;
	border-style: inset;
	border-color: white;
	border-width: 2px;
}
#ads_120_square #ads_120_four {
	position: relative;
	float: left;
	height: 120px;
	width: 120px;
	background: white;
	border-style: inset;
	border-color: white;
	border-width: 2px;
}


/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

.alert {
	background: #fff6bf url(images/information.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: right;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
	
/* @override http://localhost:8888/iblog/wp-content/themes/sidebarTheme/style.css */

/*  
Theme Name: sidebarTheme
Theme URI: http://nettuts.com/
Description: A fantastic apple-like sidebar using jQuery UI
Version: 1.0
Author: Harley Alexander
Author URI: http://www.baffleinc.com/

*/

#ads_right
{
	float: right;
}
#sidebar{
	color: #000000;
	width: 250px;
	float: right; 
	margin-top: 0px;
	margin-bottom: 10px;
	/* margin-top: 52px; */
	position: relative;
	clear: both;
}


/*EL HEADER AND MAIN POST CONTENT*/

/* SIDEBAR SANS JS*/

#sidebar ul{
	list-style: none;
}

#sidebar>ul{
/*	border: 1px solid #eee; */
}

#sidebar ul li h2{
	background: url(images/inactiveBg.png);
	height: 24px;
	padding-left: 10px;
	line-height: 24px;
	font-size: 1em;
	font-weight: normal;
	color: #3e3e3e;
}

#sidebar ul li ul li{
	font-size: 14px;
	padding: 3px 0;
	line-height: 20px;
	padding-left: 10px;
}

#sidebar ul li ul li a{
	color: black;
	font-weight: bold;
}

/*jQUERY CSS*/

#sidebar>ul{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
}

span.sidebarOpen{
	background: url(images/sidebarOpen.png) no-repeat center;
}

span.sidebarClose{
	background: url(images/sidebarClose.png) no-repeat center;
}

h2.selected {
	background: url(images/menu_bg.jpg) repeat-x left top !IMPORTANT;
	/* background: url(images/activeBg.png) repeat-x  */
	color: white !IMPORTANT;
	text-align: center;
}

#sidebar h2
{
	background: url(images/menu_bg.jpg) repeat-x left top !IMPORTANT;
	/* background: url(images/activeBg.png) repeat-x  */
	color: white !IMPORTANT;
	text-align: center;
}

#sidebar h2.selected {
	background: url(images/menu_over.jpg) repeat-x left top !IMPORTANT;
	/* background: url(images/activeBg.png) repeat-x  */
	color: white !IMPORTANT;
	text-align: center;
}

#thispost_content {
	background: white;
	min-height: 250px;

}

#thispost_content p
{
        
 	letter-spacing:0.1em;
	text-align: justify;
	font-size: 16px;
}

#thispost_author
{
	width: 100%;
	clear: both;
}
#thispost_author_image {
	position: relative;
	max-width: 300px;
	float: left;
}
#thispost_author_short {
	position: relative;
	min-width: 200px;
	max-width: 300px;
	float: right;
}

.maistro table
{
	width: 100%; /*If your links text is bigger you will have to adjust this value*/
	border: 0px;
}

.maistro thead
{
	width: 100%; /*If your links text is bigger you will have to adjust this value*/
	height: 34px;
	line-height: 34px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
}

.maistro th {
	/* width: 100px; */
	border: 0px auto;
	color: #afafaf;
	text-decoration: none;
	background: url(images/menu_bg.jpg) repeat-x left top;	
}

/* Featured Post Carousel */

#featured {
	padding: 10px 10px 0 20px;
	}

#carousel {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#carousel li {
	float: left;
	padding: 0;
	margin-right: 10px;
	}

#contentslider { width: 100%; clear: both; }
.slider-list						{ width: 40%; position: relative; float: right; height: 285px;  }
	
.slider-wrap						{ width: 60%; position: relative; float: left; height: 285px; clear: both;  }
.stripViewer .panelContainer
.panel ul						{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer						{ position: relative; overflow: hidden; width: 400px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 400px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 						{ border: 1px solid black; margin-right: 5px; }
#movers-row						{ margin: -43px 0 0 62px; }
#movers-row div					{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data					{ background: url(images/transpBlack.png); padding: 10px; height: 30px;
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 					{ font-size: 13px; }
.cross-link						{ display: block; width: 62px; margin-top: -14px;
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 						{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }