/* 

Theme Name: VMD4

Theme URL: http://www.visionmasterdesigns.com

Description: Stylish 2-column theme created from Wordpress.

Author: Michael

Author URI: http://www.visionmasterdesigns.com

Version: 4

*/
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 85%;
  color: #222; 
  background: #eee;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding:0;
  margin:0;
}

img a,img,img a:hover { border:0; text-decoration:none; }
.imagecaption { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; margin:0px;}
blockquote {
	clear:both;
	overflow:hidden;
	font: italic 13px/18px Georgia, "Times New Roman", Times, serif;
	padding: 5px 10px;
	margin:1em 0;
	background: #e4ede2;
	border:1px dashed #92c187;
	border-left: 3px solid #ccc;
}
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2.0em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.7em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color:#1453a2;  text-decoration: underline;  }
a           { color:#1453a2; text-decoration:none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

/* Header Footer classes
-------------------------------------------------------------- */
#header { border-bottom:1px solid #ccc; overflow:hidden; margin:0; padding:0;}
#page { overflow:hidden;  }
#content { float:left; width:650px; padding:10px; }
#searchform { margin:0; padding:0 }
#feature { border:1px solid #eee; margin-top:10px; }
#feature-inner { border:1px solid #ccc; margin:1px; padding:10px; overflow:hidden; background-image:url(imgs/f_bg.gif); background-position:bottom right; background-repeat:no-repeat; }

h1.heading { font-size:2.2em; font-family:Georgia, "Times New Roman", Times, serif font-weight:200; margin:0; padding:0; border-bottom:1px solid #eee; color:#444; line-height:1.3em;  }

h1.heading_icon { line-height:35px; background:url(imgs/post_icon.jpg) no-repeat left; padding-left:35px; }

#content .posts { overflow:hidden }
#content .post {overflow:hidden;  padding:30px 5px 20px 5px; }

h1.title { letter-spacing:1px; margin:0; padding:0; font-size:1.7em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em;  }
h1.title a { color:#3b7dd0; text-decoration:none; }
h1.title a:hover { background-color:#3b7dd0; color:#fff }
h1.sticky { background:url(imgs/sticky_icon.jpg) no-repeat top right; padding-right:35px; line-height:25px; }
h1.sticky:hover { background:url(imgs/sticky_icon_hover.jpg) no-repeat top right; padding-right:35px; line-height:25px; }

h6.date { background:url(imgs/date_icon.jpg) no-repeat left; line-height:15px; padding-left:20px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:15px; text-transform:uppercase; font-weight:200; color:#555; margin:0 0 0.7em 0;}

#content .post-img {  float:left; margin-right:15px; }
#content .post-img a { width:100px; height:100px; border:5px solid #ccc; float:left;  }
#content .post-img a:hover { border:5px solid #3b7dd0; background:none; }

#content .post-box {  overflow:hidden;  }
#content .post-entry { float:right; width:500px; }

#content .post-text { margin-top:10px; line-height:1.4em; font-size:1.05em; color:#222; clear:both; margin-bottom:30px; font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;  }
#content .post-text p { margin:15px 0; }
#content .post-text a { color:#2362b2; text-decoration:none; }
#content a.button_link { color:#fff }

#content .post-text a:hover { background-color:#2362b2; color:#fff }
#content .post-text ul, #content .post-text ol {  overflow:hidden; margin:15px 0; }
#content .post-text ul li, #content .post-text ol li { clear:both; padding:0.5em 0; }

#content .post-text h2, #content .post-text h3,#content .post-text h4, #content .post-text h5 { font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; }
#content .post-text h2 { color:#777;  font-size:1.7em; margin:1em 0; text-align:center }
#content .post-text h3 { color:#777; border-bottom:1px solid #ccc; padding-bottom:3px; }
#content .post-text h4 { color:#777; border-bottom:1px solid #ccc; padding-bottom:3px; }

#content .social { clear:both; padding:7px 0 0 0; text-align:left }
#content .social a { background:none; }
#content .social a:hover { background:none;}

.center { text-align:center }

a#twitter_icon { display:block; background:url(imgs/twitter_bird_icon_bw.jpg) no-repeat #ccc; padding-left:70px; height:30px; line-height:30px; color:#FFF; font-size:18px; text-decoration:none; margin:1px 10px 1px 0 }
a:hover#twitter_icon { background:url(imgs/twitter_bird_icon.jpg) no-repeat #00aeef; }

a#rss_icon { display:block; background:url(imgs/rss_icon_bw.jpg) no-repeat #ccc; padding-left:70px; height:30px; line-height:30px; color:#FFF; font-size:18px; text-decoration:none; margin-right:10px; }
a:hover#rss_icon { background:url(imgs/rss_icon.jpg) no-repeat #e87a30; }

a#technorati_icon { display:block; background:url(imgs/technorati_icon_bw.jpg) no-repeat #ccc; padding-left:70px; height:30px; line-height:30px; color:#FFF; font-size:18px; text-decoration:none; margin-right:10px; }
a:hover#technorati_icon { background:url(imgs/technorati_icon.jpg) no-repeat #50b91c; }




/* POST OPTIONS */
#content .post-options { margin-top:15px; overflow:hidden; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666; border-top:1px dotted #ccc; padding:3px 0;  }

.float-l { float:left}
.float-r { float:right }

.give-space-r { margin:3px 15px 3px 0;}
.give-space-l { margin:3px 0px 3px 15px;}

#content .post-options .comment-icon { line-height:15px; background:url(imgs/comment_icon.jpg) no-repeat; padding-left:20px;}
#content .post-options .author-icon	{ background:url(imgs/author_icon.jpg) no-repeat; padding-left:20px; }
#content .post-options .cat-icon { line-height:15px;  background:url(imgs/cat_icon.jpg) no-repeat; padding-left:20px;}
#content .post-options .tag-icon { line-height:15px; background:url(imgs/tag_icon.jpg) no-repeat; padding-left:20px;}

#content .post-options a { text-decoration:none; color:#1453a2; }
#content .post-options a:hover { text-decoration:underline; }


a.comment-icon { line-height:15px; display:inline-block; background:url(imgs/comment_icon.jpg) no-repeat; padding-left:20px; margin:2px 0; }
a.twitter-icon { line-height:15px; display:inline-block; background:url(imgs/twitter_icon.jpg) no-repeat; padding-left:20px; margin:2px 0; }
/* POST OPTIONS */

/* COMMENTS */
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {  padding:10px; }
ol.commentlist li div.comment-author { overflow:hidden }
ol.commentlist li div.vcard { font:normal 16px georgia,times,serif;  }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar {  }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { color:#757575; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#757575; text-transform:uppercase; font-size:70%; letter-spacing:1px; margin-bottom:10px; }
ol.commentlist li div.comment-meta a { color:#757575; }
ol.commentlist li p { font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;  font-size:0.8em; margin:0 0 1em; line-height:1.2em; }
ol.commentlist li ul {  list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0 0; padding:0 0 0 15px; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { clear:both; margin:0 0 0 .4em;}
ol.commentlist li ul.children li.depth-3 { clear:both;  margin:0 0 0 .4em; }
ol.commentlist li ul.children li.depth-4 { clear:both; margin:0 0 0 .4em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { border-bottom:1px dotted #ccc; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { background:#fefefe;}

.odd { background:#eee; border:1px solid #eee; margin-bottom:1px }
.even { background:#fefefe;}

.comment-box-body { overflow:hidden;padding:10px 0 0 5px; font-family:Tahoma, Geneva, sans-serif; font-size:13px; }
.reply { float:right; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

.gravatar_pic_admin { }
.gravatar_pic_admin a { overflow:hidden; float:left; border:5px solid #ccc; margin-right:10px; }

.gravatar_pic_comment  { float:left; margin-right:10px;  }
.gravatar_pic_comment a {   border:3px solid #ccc; float:left  }

.gravatar_pic a { position:absolute; margin-left:550px; border:5px solid #ccc; }
.gravatar_pic_admin a:hover,.gravatar_pic a:hover { border:5px solid #3b7dd0; }
.gravatar_pic_comment a:hover { border:3px solid #3b7dd0; }


.comment-box .comment-box-body p { line-height:1.35em; }
.comment-author { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; }
.comment-author a { text-decoration:none; color:#777; }
.comment-author a:hover { background-color:#777; text-decoration:none; color:#fff; }
.comment-date 	{ color:#757575; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#757575; text-transform:uppercase; font-size:70%; letter-spacing:1px; }

#respond { padding:20px; background-color:#fafafa; overflow:hidden; margin-top:20px; border:1px solid #ccc }
#respond a { text-decoration:none; color:#777 }
#respond a:hover { color:#000	 }
#respond form input	{ border:1px solid #ccc; font-family:Tahoma, Geneva, sans-serif; font-size:16px; }
#respond form textarea { width:400px; border:1px solid #ccc; font-family:Tahoma, Geneva, sans-serif; font-size:16px; height:100px; }
/* COMMENTS */

#sidebar { float:right; width:310px; border-left:1px solid #ccc; font-size:13px; padding:10px 0; }
.forms_sidebar {  padding:0 0 1.3em 0; border-bottom:1px solid #ccc; text-align:center; }
.forms_sidebar form { margin:0; padding:0.5em 0 0 0  }

.button { margin:0; padding:0; font-size:0.9em;}

#sidebar .box { margin:1.5em 1em; overflow:hidden; clear:both; }
/*
#sidebar .box a { color:#2362b2; text-decoration:none; }
#sidebar .box a:hover { text-decoration:underline; }
#sidebar .box .body {}
#sidebar .box ul, #sidebar .box ol { margin:0; list-style:none; padding:0; }
#sidebar .box ul li, #sidebar .box ol li { margin-bottom:1px; padding:3px;}
*/

h1.sidebar-title { margin:0; padding:5px;}

#footer { overflow:hidden; padding-top:15px; color:#eee; background:url(imgs/footer_bg.jpg) repeat-x #313131; }

a.go-icon {  line-height:15px; width:15px; display:inline-block; background:url(imgs/go_icon_b.jpg) no-repeat;  margin:2px 0; }
a:hover.go-icon { line-height:15px; width:15px; display:inline-block; background:url(imgs/go_icon_g.jpg) no-repeat;  margin:2px 0;  text-decoration:none; border:0; }

#footer-text {text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:11px; margin-top:20px; border-top:1px dotted #aaa; padding-top:10px; padding-bottom:10px; overflow:hidden}
#footer-text a { color:#a2db4c; text-decoration:underline; }
#footer-text a:hover { text-decoration:none; }

#footer .recent_comment_text { float:right; width:230px; margin:0; padding:0 }
#footer #aboutme { font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.9em; padding:1px; overflow:hidden }
.arrow {
	width:0; 
	height:0; 
	border-left: 10px solid transparent; 
	border-right: 10px solid transparent;
	border-top: 15px solid #50504b;
	border-bottom: 0;
	margin-left:30px;
}
.arrow-grey { border-top: 15px solid #50504b; margin:0; margin-left:250px; padding:0 }


#footer h1 { color:#ccc; font-size:1.3em; font-style:italic; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:200; text-align:center; margin-bottom:15px; }

#footer_col1 { float : left; width : 270px; padding-right : 15px; border-right : 1px solid #444; margin-bottom : 20px; }

#footer_col2 { float : left; width : 300px; padding:0 15px; border-right : 1px solid #444; margin-bottom : 20px; }

#footer_col3 { float : left; width : 350px;  padding-left : 10px; margin-bottom : 20px; }

/* BUTTON LINK ME */
a.comment-reply-link, a.linkme {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(imgs/nav_bg.jpg) right; 
	height:20px;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#fff;
	padding-right:10px;
	font-weight:200;
	}
	
a.linkme span, a.comment-reply-link span {
	background:url(imgs/nav_bg.jpg) left;
	height:20px;
	color:#fff;
	padding-left:10px;
	padding-right:5px;
	font-weight:200;
}

a:hover.linkme, a:hover.comment-reply-link {
	background:url(imgs/nav_bg_current.jpg) right; 
	color:#fff;
	}
	
a:hover.linkme span, a:hover.comment-reply-link span  {
	background:url(imgs/nav_bg_current.jpg) left;
	padding-left:10px;
	color:#fff;
}

/* Nav
-------------------------------------------------------------- */
#nav {
	overflow:hidden;
	padding:0.3em 0 0.2em 0;
	/*background:url(imgs/nav_back.jpg) repeat-x top #fff;*/
}

#nav ul, #nav li{ border:0; margin:0; padding:0; list-style:none;}
#nav ul li{float:left; margin-right:10px;}

/* For nav */


.navigation { font-size:20px; margin-top:50px; overflow:hidden; }
.navigation a { border-width: 1px;	border-style: solid; -moz-border-radius: 6px;	-khtml-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px; background-color:#eee; color:#aaa; padding:5px; display:block; text-decoration:none;  }
.navigation a:hover { color:#555; }
.navigation .alignleft { float:left; overflow:hidden; }
.navigation .alignright{ float:right; overflow:hidden }


.comment_navigation { clear:both;  padding:10px 2em; overflow:hidden; }
.current, .comment_navigation a { float:left; display:inline-block; border-width: 1px;	border-style: solid; -moz-border-radius: 6px;	-khtml-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px; background-color:#eee; color:#aaa; padding:2px 5px;  text-decoration:none; margin-right:10px;}
.comment_navigation a:hover { color:#555; }
.dots { display:inline-block; float:left; padding:5px; margin-right:10px; }
.current { color:#555; }

.pagi {
	text-align:center; 
	border-top:1px dotted #ccc; 
	padding:1em 0;
	}
.pagi a { 
	clear:both;
	border:0px; 
	padding:2px 5px; 
	text-decoration:none; 
	color:#aaa;
	border-width: 1px;	border-style: solid; -moz-border-radius: 6px;	-khtml-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px; 
	background-color:#eee;
	border-color:#ccc;
}
.pagi a:hover {
	background-color:#eee;
	padding:2px 5px;
	color:#555;
	border:1px solid #8fc73b
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin: 1em auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */
/* End Images */

.note {
	font: italic 13px/18px Georgia, "Times New Roman", Times, serif;
	padding: 5px 10px;
	margin-bottom: 20px;
	background:#BC0909;
	border: 1px solid #840505;
	border-left: 5px solid #8c1000;
	color:#FFF
}

/* JQUERY CSS FRAMEWORK */
.ui-widget {  overflow:auto; }
.ui-widget-content { padding:0.1em }
.ui-normal-widget { padding:0.8em;  overflow:hidden }
/*sidebar widget uls */
.ui-normal-widget ul { margin:0; padding:0; list-style:none; font-size:0.9em }
.ui-normal-widget ul li { margin:0; padding:0.1em; border-bottom:1px solid #d6d3c4;}
.ui-normal-widget ul li a { text-decoration:none; }
.ui-normal-widget ul li a:hover { text-decoration:none }

.ui-widget-header { padding:0.3em 0.5em;  overflow:hidden; font-size:0.9em;}

	.fg-button { outline: 0; margin:0 4px 0 0; padding: .3em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;  }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button { color:#fff;  }
	a:hover.fg-button { color:#fff }
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-buttonset { float:left; }
	.fg-buttonset .fg-button { float: left; }
	.fg-buttonset-single .fg-button, 
	.fg-buttonset-multi .fg-button { margin-right: -1px;}