/*  
Theme Name: Vassilena
Author URI: http://vassilena.com
Version: 1
Author: Vassilena
Description: Custom WordPress Deign
*/

	html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #ffe783 url(img/bg-page.gif) repeat-y;;
	}

	body {
	font-family: "Lucida Grande", Tahoma, Helvetica, Sans-serif;
	font-size: 11px;
	color: #717171;
	}
	
	#container {
	width: 925px;
	margin: 0;
	padding: 0;
	}

	#left {
	float: left;
	width: 657px;
	margin: 0;
	padding: 0;
	background: #ffe783 url(img/bg-content.gif) repeat-y;
	}
	
	#left .padding {
	margin: 0;
	padding-left: 37px;
	}
	
	#right {
	float: left;
	width: 231px;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff url(img/bg-column.gif) repeat-y;
	color: #847408;
	}
	
	#right .padding {
	margin: 0;
	padding-top: 51px;
	}
	
	#logo {
	height: 93px;
	margin: 0;
	padding: 0;
	}
	
	#content {
	width: auto;
	font-size: 11px;
	margin-left: 18px;
	padding-top: 15px;
	line-height: 16px;
	}
	
	#content p {
	margin: 0px;
	padding: 0 60px 15px 5px;
	color:#848484;
	text-align: left;
	}
	
	#content small {
	margin: 0px;
	padding: 0 0 15px 5px;
	color:#848484;
	text-align: left;
	}
	
	#left p small {
	margin: 0px;
	padding: 0 0 15px 5px;
	color:#848484;
	text-align: left;
	}
	#content h1
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	line-height:22px;
	font-weight: normal;
	margin:0px;
	padding:0 0 6px 0;
	color: #B7D162;
	}	
	.head1 { padding-left:4px; padding-top:1px;}
	#content h2
	{
	font-family: "Lucida Grande",Tahoma,Helvetica,Sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin:0px;
	padding:0 0 6px 5px;
	color: #4073a2;
	}	
	#content h2 a {
	color: #4073a2;
	font-family: "Lucida Grande", Tahoma, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0 0 6px 0;
	}
	
	#content h2 a:hover {
	color: #4073a2;
	font-family: "Lucida Grande", Tahoma, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0 0 6px 0;
	}
	
	#content h3 {
	font-family: "Lucida Grande", Tahoma, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 3px 0 3px 5px;
	color: #4D4D4D;
	}
	#content .grey {
	color: #979797;
	}
	.padd ul { margin:0; padding:0; list-style:none; list-style-type:none;}
	#content a {
	color: #f58a00;
	text-decoration: none;
	}
	
	#content a:hover {
	color: #f58a00;
	text-decoration: underline;
	}
	
	#sidebar {
	width: auto;
	height: 180px;
	margin: 0;
	padding: 0;
	background: #fff url(img/bg-column-note.gif) repeat-y;
	}
	
	#sidebar .padd {
	margin: 0;
	padding: 10px 10px 0 27px;
	}
	
	#sidebar .padd ul li{
	border-bottom:1px solid #F5D864;
	}
	
	#sidebar p {
	margin: 0px;
	padding: 15px 0 10px 0;
	color:#847408;
	text-align: left;
	}
		
	#sidebar dl {
	margin: 0;
	color:#847408;
	}
	
	#sidebar dt {
	margin: 0;
	display: block;
	}
	
	#sidebar dt a {
	color: #847408;
	line-height: 25px;
	text-decoration: none;
	}
	#sidebar dt a:hover {
	color: #c9b214;
	text-decoration: underline;
	}
	#sidebar a {
	color: #847408;
	line-height: 25px;
	text-decoration: none;
	}
	#sidebar a:hover {
	color: #c9b214;
	text-decoration: underline;
	}
	
/*--------- Categories Bar-------*/
	
	#catbar {
	width: auto;
	margin: 0;
	padding: 0;
	background: url(img/bg-column-links.gif) repeat-y top left;
	}
	
	#catbar .padd {
	margin: 0;
	padding: 4px 0 0 27px;
	}
	
	#catbar a {
	color: #847408;
	line-height: 25px;
	text-decoration: none;
	}
	#catbar a:hover {
	color: #c9b214;
	text-decoration: underline;
	}
	
/*--------- Links Bar-------*/
	
	#linksbar {
	width: auto;
	margin: 0;
	padding: 0;
	background: url(img/bg-column-links.gif) repeat-y top left;
	}
	
	#linksbar .padd {
	margin: 0;
	padding: 24px 0 0 27px;
	}
	
	#linksbar a {
	color: #847408;
	line-height: 25px;
	text-decoration: none;
	}
	#linksbar a:hover {
	color: #c9b214;
	text-decoration: underline;
	}
	
	ul.bullets {
	padding: 0;
	margin: 0 0 10px 15px;
	}	
	ul.bullets li {
	list-style: url(img/bullet.gif);
	}
	
	div.underline {
	color: #D5D5D5;
	background-color: #D5D5D5;
	height: 1px;
	margin-top: 2px;
	margin-bottom: 3px;
	margin-left: 20px;
	margin-right: 20px;
	}
	div.underline hr {
	 display: none;
	}
	#content .thumb-left {
	float: left;
	background-color: #fff;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	margin: 0 0 0 0;
	}
	#content .thumb-right {
	float: right;
	background-color: #fff;
	padding-top: 5px;
	padding-left: 12px;
	margin: 0 0 0 0;
	}
	
	div.underline {
	color: #D5D5D5;
	background-color: #D5D5D5;
	height: 1px;
	margin: 2px 0 4px 5px;
	padding: 0;
	}
	
	div.underline hr {
	display: none;
	}
	
	#footer {
	width: 640px;
	clear: both;
	}
	
	#footer p {
	margin: 0px;
	padding: 0 0 15px 5px;
	color:#848484;
	line-height: 18px;
	text-align: left;
	}
	
	#footer h4 {
	font-family: "Lucida Grande", Tahoma, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0 0 6px 5px;
	color: #fb64b2;
	}
	
	#footer #left {
	text-align: left;
	font-family: "Lucida Grande", Tahoma, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	color: #8E8E8E;
	line-height: 14px;
	width: 500px;
	margin: 0;
	padding: 5px 0 0 56px;
	}
	#footer #right {
	width: 81px;
	float: right;
	background-color: #FFFFFF;
	}
	#footer .dark {
	color: #414141;
	text-decoration: none;
	}
	#footer .dark:hover {
	color: #8E8E8E;
	text-decoration: none;
	}
	
	#navigation {
	margin: 0;
	margin-right: 20px;
	padding: 0px;
	height: 36px;
	background-color: #eeeeee;
	}
	
	#navigation dl {
	margin: 0;
	}
	
	#navigation dt {
	margin: 0;
	float: left;
	}
	
	td.feedback {
	margin: 0;
	padding: 4px 0 4px 2px;
	}
	
	.forms {
	font-family: "Lucida Grande", Tahoma, Helvetica, Sans-serif;
	font-size: 11px;
	color:#848484;
	text-align: left;
	}
	
	/* On MouseOver Event */
	
	#menu_home, #menu_home a {
	display: block;
	width: 59px;
	height: 36px;
	background: url(navigation/00-home.gif) no-repeat;
	}
	
	#menu_home, #menu_home a:hover {
	display: block;
	width: 59px;
	height: 36px;
	background: url(navigation/00-home-on.gif) no-repeat;
	}
	
	#menu_about, #menu_about a {
	display: block;
	width: 86px;
	height: 36px;
	background: url(navigation/01-about.gif) no-repeat;
	}
	
	#menu_about, #menu_about a:hover {
	display: block;
	width: 86px;
	height: 36px;
	background: url(navigation/01-about-on.gif) no-repeat;
	}
	
	#menu_gallery, #menu_gallery a {
	display: block;
	width: 108px;
	height: 36px;
	background: url(navigation/05-photo-gallery.gif) no-repeat;
	}
	
	#menu_gallery, #menu_gallery a:hover {
	display: block;
	width: 108px;
	height: 36px;
	background: url(navigation/05-photo-gallery-on.gif) no-repeat;
	}
	
	#menu_contact, #menu_contact a {
	display: block;
	width: 96px;
	height: 36px;
	background: url(navigation/07-contact-me.gif) no-repeat;
	}
	
	#menu_contact, #menu_contact a:hover {
	display: block;
	width: 96px;
	height: 36px;
	background: url(navigation/07-contact-me-on.gif) no-repeat;
	}
	
	/* On MouseOver Event */
	#commentform textarea {
	width: 90%;
	padding: 2px;
	}
	#post h2 a,#post  h2 a:hover,#post  h2 a:visited{
	color: #4073a2;
	}
	h2 a{
	color: #4073a2;
	}
	#post a{
	color: #4073a2;
	}
	#post h2{
	color: #4073a2;
	}

/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 455px;
	background: #f2f2f2;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#commentblock ol{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 5px 0px 5px 0px;
	padding: 2px 0 2px 5px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 480px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}