/*
Theme Name: YasmoLive
Theme URI: http://www.webmotionuk.co.uk/
Description: Yasmolive's blog theme, developed by WebMotionUK.
Version: 1.0
Author: Amit Thakrar
Author URI: http://www.webmotionuk.co.uk/
Tags: green, white, customer, fixed width, two columns, widgets

	YasmoLive v1.0
	 http://www.webmotionuk.co.uk/

	This theme was designed and built by Amit Thakrar,
	whose website you will find at http://www.webmotionuk.co.uk

*/
@charset "utf-8";

*{padding:0; margin:0;}
html, body, form, table, td, th, h1, h2, h3, h4, p, a, ul, ol, li, input, textarea, select {font-family:'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', verdana, sans-serif; color:#000;}
html, body{background:#fff url(images/body_bg.jpg) repeat-x top center; margin:0 auto; padding:0; text-align:center; font-size:12px;}

#outer_wrapper, #content_wrapper{margin:0 auto; width:997px; text-align:center;}
#content_wrapper{width:929px; padding:30px 34px; background:transparent url(images/content_bg.png) repeat-y top center;}
#content{text-align:left;}

#logo{width:200px;}
#logo img{border:0;}
#header{text-align:left;}
#header_nav{width:720px; text-align:right;}
#header_nav a, #header_nav a:link, #header_nav a:visited{color:#999; text-decoration:none; padding:0 5px;}
#header_nav a:hover, #header_nav a:active{color:#39c; text-decoration:underline;}

#header_search{height:27px; line-height:25px; background:#999; color:#fff; width:550px; margin:10px 0 0 0; padding:0 5px;}
#blog_header_search{height:27px; line-height:25px; background:#999; color:#fff; width:320px; margin:10px 0 0 0; padding:0 5px;}

#blog_header_search table, #header_search table{border-collapse:collapse; width:100%;}
#blog_header_search table td, #header_search table td{color:#fff;}
#blog_header_search .header_search_select, #header_search .header_search_select{color:#000; width:150px; padding:1px 0; border:1px #666 solid;}
#blog_header_search .header_search_text, #header_search .header_search_text{color:#000; width:200px; padding:2px 0; border:1px #666 solid;}
#blog_header_search .header_search_button, #header_search .header_search_button{margin:2px 0;}

#social_bookmarks{height:20px; line-height:20px; width:100px; overflow:hidden; margin:5px 0; position:relative;}
#social_bookmarks a.social_link{text-indent:-9999px;  height:20px;  display:block; position:absolute; width:20px;  }
#social_bookmarks #sb_twitter{background:transparent url(images/social_bookmarks.gif) no-repeat scroll 0 0; top:0; left:0;}
#social_bookmarks #sb_linkedin{background:transparent url(images/social_bookmarks.gif) no-repeat scroll -40px 0; top:0; left:20px;}
#social_bookmarks #sb_facebook{background:transparent url(images/social_bookmarks.gif) no-repeat scroll -20px 0; top:0; left:40px;}
#social_bookmarks #sb_youtube{background:transparent url(images/social_bookmarks.gif) no-repeat scroll -140px 0; top:0; left:60px;}
#social_bookmarks #sb_google{background:transparent url(images/social_bookmarks.gif) no-repeat scroll -180px 0; top:0; left:80px;}

#tooltip{position:absolute; font-size:10px;	border:1px solid #95bd34; background:#e6f9b7; padding:2px 5px; color:#333; display:none;}	

#navigation_bar{height:70px;}
#navigation{display:block; height:30px; line-height:30px; background:#dad9d9;}
#navigation ul{list-style-type:none; width:auto; margin:0;}
#navigation ul li{display:block; float:left; color:#666; margin:0;}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited{font-size:13px; background:transparent url(images/nav_bg.gif) no-repeat bottom right; display:block; float:left; color:#666; padding:0 10px; font-weight:bold; text-decoration:none; height:30px;}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a.selected{color:#fff; background:#93bb34 url(images/nav_bg_on.gif) no-repeat bottom right; font-weight:bold;}

#sub_navigation{display:block; height:30px; line-height:30px;background:#93bb34; margin:0; border-top:1px #5f7d31 solid;  border-bottom:1px #5f7d31 solid;}
#sub_navigation ul{list-style-type:none; width:auto; margin:0;}
#sub_navigation ul li{display:block; float:left; color:#5f7d31; margin:0;}
#sub_navigation ul li a, #sub_navigation ul li a:link, #sub_navigation ul li a:visited{font-size:13px; display:block; float:left; color:#5f7d31; padding:0 10px; font-weight:bold; text-decoration:none; height:30px;}
#sub_navigation ul li a:hover, #sub_navigation ul li a:active, #sub_navigation ul li a.selected{color:#fff; font-weight:bold;}

#user_info{font-size:12px; text-align:left; margin:10px 0 5px 0;}
.float_left{float:left;}
.float_right{float:right;}
.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}
.clear_both{clear:both;}
.advert{border:1px #999 solid; background:#e5e5e5; width:180px; height:600px; margin:0 auto;}
.hide{display:none;}
.txt_red{color:#f00;}
.txt_blue{color:#39c;}
.txt_green{color:#74a33b;}
.txt_white{color:#fff;}
.highlight_red{background:#f00; color:#fff;}
.border_red{border:1px #f00 solid;}
.row_action{visibility:hidden; margin:0;}
.border_right{border-right:1px #e5e5e5 solid;}
ol.alpha{list-style-type:lower-alpha; }
.inlinebox{padding:10px;}
/*---Footer stuff---*/
#content_footer{background:transparent url(images/content_footer.png) no-repeat top center; height:18px; font-size:0;}
#footer{width:971px; border-top:1px #ccc solid; margin:0 auto; text-align:left; padding:10px 0; color:#999; font-size:10px;}
#footer .copyright{width:600px;}
#footer a, #footer a:link, #footer a:visited{color:#999; font-size:10px;}
#footer a:hover, #footer a:active{color:#39c; font-size:10px;}
/*---Font-sizer---*/
#footer .fontResizer{width:100px; text-align:right;}
#footer a.smallFont { font-size: 10px; padding:2px;}
#footer a.medFont { font-size: 12px; padding:2px;}
#footer a.largeFont { font-size: 15px; padding:2px;}
#footer a.curFont {color:#39c;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

h1, h2, h3, h4, h5, h6{text-align: left; margin:0 0 10px 0;}
h1 {font-size: 180%; color: #5f7d31;}
h2 {font-size: 140%; color: #74a33b;}
h3 {font-size: 125%; color: #777;}
h4 {font-size: 110%; color: #666;}
h5 {font-size: 100%; color: #838383;}
h6 {font-size: 11px;}
p{margin:0 0 20px 0;}

#login{margin:10px 0; padding:24px 30px; background:#fff url(images/login_bg.gif) no-repeat top center; width:869px; height:498px;}
#login_form{height:70px;}
#login_form label{color:#fff;}
#login_form td a, #login_form td a:link, #login_form td a:visited{color:#fff; text-decoration:underline;}
#login_form td a:hover, #login_form td a:active{color:#fff; text-decoration:none;}
#login_form .login_inputs{width:300px; padding:5px; border:1px #999 solid;}

#intro_text{font-size:14px; width:370px; padding:10px 20px; height:355px; overflow:hidden;}
#intro_flash{width:450px; height:375px;}

#content a.add, #content a.add:link, #content a.add:visited{background:transparent url(images/ico_add.gif) no-repeat top left; height:17px; padding:0 2px 0 18px;}
#content a.add:hover, #content a.add:active{background:transparent url(images/ico_add.gif) no-repeat top left; height:17px; padding:0 2px 0 18px;}

#content a.edit, #content a.edit:link, #content a.edit:visited{background:transparent url(images/ico_edit.gif) no-repeat top left; height:17px; padding:0 2px 0 18px;}
#content a.edit:hover,#content a.edit:active{background:transparent url(images/ico_edit.gif) no-repeat top left; height:17px; padding:0 2px 0 18px;}

#content a.cancel, #content a.cancel:link, #content a.cancel:visited{background:transparent url(images/ico_cancel.gif) no-repeat top left; height:17px; padding:0 2px 0 18px;}
#content a.cancel:hover, #content a.cancel:active{background:transparent url(images/ico_cancel.gif) no-repeat top left; height:17px; padding:0 2px 0 18px;}

#content a.delete, #content a.delete:link,  #content a.delete:visited{background:transparent url(images/ico_delete.gif) no-repeat top left; height:17px; padding:0 2px 0 18px; color:#900;}
#content a.delete:hover, #content a.delete:active{background:transparent url(images/ico_delete.gif) no-repeat top left; height:17px; padding:0 2px 0 18px; color:#900;}

#content a, #content a:link,  #content a:visited{color:#39c; text-decoration:none;}
#content a:hover, #content a:active{color:#39c; text-decoration:underline;}


#content a, #content a:link,  #content a:visited{color:#39c; text-decoration:none;}
#content a:hover, #content a:active{color:#39c; text-decoration:underline;}
a, a:link, a:visited{color:#39c; text-decoration:none;}
a:hover, a:active{color:#39c; text-decoration:underline;}

#content ul, #content ol{margin:0 0 15px 30px;}

#content ul.lf_bullet, #content ol.lf_bullet{list-style-type:none; margin:0;}

#skill_list li, #association_list li, #honor_list li, #recommendation_list li{margin:0 0 10px 0;}
/*--Form related --*/
.error{margin:0 0 10px 0; border-top:1px #f00 solid; border-bottom:1px #f00 solid; background:#ffe3e3; color:#f00; padding:5px;}
.success{margin:0 0 10px 0; border-top:1px #39f solid; border-bottom:1px #39f solid; background:#dbedff; color:#39f; padding:5px;}
.star{color:#4dd24d;}
.form_wrapper{padding:10px 24px; border:1px #999 solid; margin:10px 0;}
.form_table{border-collapse:collapse; width:100%;}
.form_table td{padding:5px;}
.form_table td.fields{text-align:right;}
.form_selects{padding:5px;}
.form_inputs, .form_textarea{padding:5px; border:1px #999 solid; font-size:12px;}
.form_textarea{font-size:13px;}
.form_search{width:185px;}
.valid{font-weight:bold; color:#000;}
.invalid{font-weight:bold; color:#f00;}

img.profile_photo{border:1px #999 solid; margin:0 0 10px 0; display:block;}
.col200{width:200px;}
.col330{width:330px;}
.col355{width:355px;}
.col600{width:600px;}
.col500{width:500px;}
.col719{width:719px;}

table.general_info td{padding:5px;}
table.general_info td.general_info_heading{color:#999; text-align:right; font-weight:bold;}

table.event_info{border-collapse:collapse; width:100%;}
table.event_info td.event_info_heading{color:#999; text-align:right; font-weight:bold; width:30%; padding:0 5px 0 0;}
.event_box{border:1px #999 solid; padding:10px; margin:0 0 10px 0;}
.event_logo{margin:0 10px 0 0; border:0; width:110px;}
.event_details{width:350px;}

.event_box_search{border:1px #999 solid; padding:10px; margin:0 0 10px 0;}
.event_logo_search{margin:0 10px 0 0; border:0; width:90px;}
.event_details_search{width:210px;}
#content .event_links_search{display:block;width:150px;}

#content .event_links{display:block;width:200px;}
#content .event_links ul, #content .event_links_search ul{list-style-type:none; width:auto; margin:0;}
#content .event_links li, #content .event_links_search li{border-bottom:1px #39c solid;}
#content .event_links li a, #content .event_links li a:link, #content .event_links li a:visited,
#content .event_links_search li a, #content .event_links_search li a:link, #content .event_links_search li a:visited
{text-decoration:none;}
#content .event_links li a:hover, #content .event_links li a:active,
#content .event_links_search li a:hover, #content .event_links_search li a:active{color:#999; text-decoration:none;}

table.demographics_table{border-right:1px #999 solid; border-bottom:1px #999 solid; border-collapse:collapse;}
table.demographics_table td{border-left:1px #999 solid; border-top:1px #999 solid;}

table.demographics_table td table.demographics_data, table.demographics_data, table.demographics_table td table.demographics_data td, table.demographics_data td{border-collapse:collapse; border:0;}
table.demographics_table td table.demographics_data td, table.demographics_data td{border-bottom:1px #999 solid; padding:5px;}
table.demographics_table td table.demographics_data td.result, table.demographics_data td.result{text-align:right;}

.oc_logos{float:left;}
.full_table{width:100%; border-collapse:collapse;}
.full_table td, .full_table th{padding:5px; border-bottom:1px #eee solid;}
.tr_off{background:#fff;}
.tr_on{background:#e7f2cd;}
a#menu_link, a:link#menu_link, a:visited#menu_link, a:hover#menu_link, a:active#menu_link{color:#fff; font-size:14px;}
/*-------------Blog-------------*/
h2 {
	color: #619b08;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font-size:140%;
	font-weight:normal;
	padding-bottom: 3px;
}
h2 a, h2 a:visited {
	color: #619b08;
	text-decoration: none;
}
h2 a:hover {
	color: #FF6600;
	text-decoration: none;
}
.post-title {
	float: left;
	margin-left: 10px;
	width: 640px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}


.entry {
	clear: both;
	padding-top: 10px;
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat;
	padding-left: 18px;
	float: right;
}

/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #f1fedb;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #CC6600;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #CC6600;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}