/* base css */
@import url(/.shared/themes/common/base-weblog.css);



/* portal css */


/* theme css */

/*  sitebanner  */

div#sitebanner {max-width:800px; min-height:140px; background-color:#fff;  margin:0 auto .15em auto; padding:1em;}

div#sitebanner h1.site-title {font-family:Average, 'trebuchet ms', georgia, serif; font-size:6em; line-height: 1em; color:#7C9EC5; font-variant:normal; text-align:center;}
div#sitebanner h1.site-title a {color:#7C9EC5; text-decoration:none;}
div#sitebanner h1.site-title a:hover {color:#333; }

div#sitebanner h2.site-subtitle {font-family:Economica, 'trebuchet ms', georgia, serif; font-size:2.5em; margin:.35em; color:#9C0000; text-align:center;}

div#sitebanner h3.site-author {font-family:Economica, 'trebuchet ms', georgia, serif; font-size:2em; margin:.1em .55em .55em; padding-top: .5em; color:#777; text-align:center; }
div#sitebanner h3.site-author a {text-decoration:none; color:#777;}

div.content-mobile {display:none;}


/*  for mobile  */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 799px)
  and (orientation: portrait) {
	  body {font-size:16px;}
	  #container {width:100%;}
	  .layout-three-column #beta
	{
					width: 100%;
		
	}
	
	.layout-three-column #gamma
	{
		width: 100%;
		text-align:center;
		
	}
	div#sitebanner h1.site-title {font-size:2.7em; }
	div#sitebanner h2.site-subtitle {font-size:1.3em; margin:none; padding:none;}
	div#sitebanner h3.site-author {font-size:1.3em; margin:none;}
        div.content-mobile {display:block;}
        div.content-desktop {display:none;}
}

/*  for desktop  */

@media screen and (min-width: 800px) {
	
	/* three-column tweaks */
	
	.layout-three-column #container
	{
		max-width: 800px;
	}
	

	.layout-three-column #beta
	{
					width: 74%;
		
	}
	

	
	.layout-three-column #gamma
	{
		/* width: 200px; */
		width: 26%;
	}
} /* end media query */

a
{
	text-decoration: underline;
	
}


/* general page elements */
a:link { color: #9C0000; }
a:visited { color: #9C0000; }
a:active { color: #9C0000; }
a:hover { color: #81909F; 
}
a.helpemployees {
	width: 146px;
	height: 218px;
	background: url(http://syntaxtraining.com/Blog_Syntax/images/employeebookSM.jpg) no-repeat;
	text-decoration: none;
	display: block;
	    margin: 0 auto;
}

a.rollovertips {
	width: 146px;
	height: 228px;
	background: url(http://syntaxtraining.com/Blog_Syntax/images/110_tips_flat.jpg) no-repeat;
	text-decoration: none;
	display: block;
	    margin: 0 auto;
}
a:hover.rollovertips {
	background: url(http://syntaxtraining.com/Blog_Syntax/images/110_tips_flat.jpg) no-repeat 0px -228px;
}
a.rolloverwordfixes {
	width: 146px;
	height: 228px;
	background: url(http://syntaxtraining.com/Blog_Syntax/images/60_quick_tips_flat.jpg) no-repeat;
	text-decoration: none;
	display: block;
	    margin: 0 auto;
}
a:hover.rolloverwordfixes {
	background: url(http://syntaxtraining.com/Blog_Syntax/images/60_quick_tips_flat.jpg) no-repeat 0px -228px;
}


/* layout */

body
{
	margin: 0;
	color: #24282A;
	background: #c4d4e5;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 150%;
}

#container { position: static; }

#container-inner
{
	position: static;
	border: 0;
	background: #E0E8F1;
}

#banner
{
	border-bottom: 1px solid #999999;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #FFFFFF;
	background: #FFFFFF;
	text-align: center;
	font-family: 'Average', 'Trebuchet MS', Verdana, sans-serif;
}

#banner-inner { padding: 15px; }

#banner a
{
	color: #FFFFFF;
	text-decoration: none;
}

#banner-header
{
	margin: 0.25em 0;
	font-size: x-small;
	
	
	
}

#banner-description
{
	margin: 0.25em 0;
	font-size: small;
}

	/* banner image */
	
	#banner
	{
		height: 135px;
		background-image: url("http://www.BUSINESSWRITINGBLOG.COM/business_writing/syntax_banner_fnl.jpg");
		background-position: 15px 15px;
		background-repeat: no-repeat;
		text-align: left;
	}
	
	#banner-inner { overflow: visible; padding: 0; }
	
	#banner-header
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	
	#banner-header a
	{
		display: block;
		left: 0;
		top: 0;
		height: 135px;
		text-indent: -1000em;
	}
	
	#banner-description
	{
		overflow: hidden;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		text-indent: -1000em;
	}



/* default to artistic/calendar/timeline layout */

#container
{
	width: max-800px;
}

.layout-artistic #alpha,
.layout-calendar #alpha
{
			width: 315px; /* 285px + 15px + 15px */
	
	
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta
{
	width: 465px;
	
}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #E0E8F1;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 210px; margin: 15px 0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */

.content-nav { margin-top: 0; }

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 0 0 10px 0;
	border-bottom: 1px dashed #999999;
	padding: 3px;
	color: #999999;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header
{
	margin: 1px 0 10px 0;
	border: 0;
	
	color: #9C0000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: large;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
	margin: 10px 0;
}

.entry-content p { text-align: left; }

.entry-footer,
.trackback-footer,
.comment-footer
{
	margin: 0 0 10px 0;
	border-top: 1px dashed #FFFFFF;
	padding: 3px;
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: normal;
	text-align: left;
	font-weight: bold;
	
	
}

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 80%;
}

/* fixes bug in ie win */
img.image-full
{
	width: 100%;;
}


/* modules */

	.module a
	{
		text-decoration: underline;
		font-weight: inherit;
	}

	.module a:link { color: #9C0000; }
	.module a:visited { color: #9C0000; }
	.module a:active { color: #9C0000; }
	.module a:hover { color: #81909F; }


.module-header
{
	margin: 5px 0 0 0;
	border-top: 1px dashed #FFFFFF;
  	padding: 8px 0 0 0;
	color: #24282A;
	font-family: Verdana, sans-serif;
	font-size: 15px;
	line-height: normal;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: .06em;
	text-align: left;
}

.module-content
{
	margin: 5px 0 0 0;
	color: #24282A;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: 150%;
	
	
	
	text-align: left;
}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img
{
	border: 1px solid #FFFFFF;
}

.module-photo .module-content
{
	text-align: center;
}

.module-powered { text-align: left; }

.module-calendar .module-header
{
	color: #24282A;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	border-bottom: 1px dashed #FFFFFF;
	text-align: left;
	font-weight: bold;
	
	text-transform: uppercase;
	padding: 3px;
	letter-spacing: .3em;
}

.module-calendar th,
.module-calendar td
{
	text-align: center;
	font-weight: normal;
}

.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
	width: 70px; /* ie mac fix */
	height: 70px; /* for appearance with varying image border widths */
	margin: 0 2px 2px 0;
}


/* moblog1 tweaks */
	
	.layout-moblog1 #container
	{
		width: 780px;
	}
	
	.layout-moblog1 #alpha
	{
		width: 200px;
		
	}
	
	.layout-moblog1 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #E0E8F1;
	}
	
	.layout-moblog1 #beta
	{
					width: 380px;
		
		
	}
	
	.layout-moblog1 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}
	
	.layout-moblog1 #gamma
	{
		width: 200px;
		
	}
	
	.layout-moblog1 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #E0E8F1;
	}


/* moblog2 tweaks */
	
	.layout-moblog2 #container
	{
		width: 780px;
	}
	
	.layout-moblog2 #alpha
	{
		width: 100px;
		
	}
	
	.layout-moblog2 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #E0E8F1;
	}
	
	.layout-moblog2 #beta
	{
					width: 350px;
		
		
	}
	
	.layout-moblog2 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}
	
	.layout-moblog2 #gamma
	{
		width: 190px;
		
	}
	
	.layout-moblog2 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #E0E8F1;
	}
	
	.layout-moblog2 #delta
	{
		width: 140px;
		
	}
	
	.layout-moblog2 #delta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #E0E8F1;
	}
	
	.layout-moblog2 .module-photo img { width: 100px; height: auto; }


/* timeline tweaks */

	.layout-timeline #alpha
	{
					width: 390px; /* 285px + 15px + 15px */
		
		
	}
	
	.layout-timeline #beta
	{
		width: 390px;
		
	}
	
	.layout-timeline #beta #gamma { width: 175px; }
	.layout-timeline #beta #delta { width: 170px; }

	

/* one-column tweaks */
	
	.layout-one-column #container
	{
		width: 400px;
	}

	.layout-one-column #alpha
	{
		display: block;
		float: none;
		width: auto;
	}

	.layout-one-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-left tweaks */
	
	.layout-two-column-left #container
	{
		width: 600px;
	}

	.layout-two-column-left #alpha
	{
		width: 200px;
		
	}
	
	.layout-two-column-left #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #E0E8F1;
	}
	
	.layout-two-column-left #beta
	{
					width: 400px;
		
		
	}
	
	.layout-two-column-left #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-right tweaks */
	
	.layout-two-column-right #container
	{
		width: 600px;
	}

	.layout-two-column-right #alpha
	{
					width: 400px;
		
		
	}
	
	.layout-two-column-right #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}
	
	.layout-two-column-right #beta
	{
		width: 200px;
		
	}
	
	.layout-two-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #E0E8F1;
	}


/* three-column tweaks */
	
	
	
	.layout-three-column #alpha
	{
		width: 0px;
		display:none;
		
	}
	
	.layout-three-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #E0E8F1;
	}
	
	
	
	.layout-three-column #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}
	
	
	
	.layout-three-column #gamma-inner
	{
		border: 0;
		padding: 0;
		background: #E0E8F1;
	}


/* user css */

.googlebox 
	{
		background-color:#fff; 
		padding-top:10px; 
		border:1px #C4D4E5 solid;  
		font-size:12px;
margin:0px auto 5px auto;
width:180px;
	}
	
.googlebox .searchbox {width:120px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; border:1px solid #fc0;}
	
.subscribebox {
    background-color: #ECF1F7;
    padding: 4px 10px;
    border: 1px #C4D4E5 solid;
    margin: 4px 4px 10px 4px;
	}
	
#saveshare {padding:0 10px;}
	
.subscribebox h2, #saveshare h2 {		
	margin: 5px 0 0 0;
  	padding: 8px 0 0 0;
	color: #24282A;
	font-family: Verdana, sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	letter-spacing: .08em;
	text-align: left;
	}
	
/* other css */
/* --- sidebar1 custom styles ---*/
td.photo {padding-right:8px;}
#about ul.aboutus, #about ul.subscriber {
	list-style-type: none;
	padding:0;
	margin:0;
}
#about ul.aboutus li a, #about ul.subscriber li a,#about ul.aboutus li a:visited, #about ul.subscriber li a:visited{
	display:block;
	width: 80px;
	margin-bottom:5px;
	font-size:11px;
line-height:14px;
}

#about ul.subscriber li.email a {background:url(http://www.businesswritingblog.com/.a/6a00d8341c02a553ef0133f5e1b224970b-pi) center right no-repeat; width:55px;}
#about ul.subscriber li.rss a {background:url(http://www.businesswritingblog.com/.a/6a00d8341c02a553ef0133f5e1b244970b-pi) center right no-repeat; width:35px;}
#about strong {display:block; padding-top:5px;}
/* --- sidebar2 custom styles ---*/
.ctr {text-align:center; margin:15px 13%;}
.ctr2 {text-align:center; margin:0 3% 15px 3%;}
.divpad h2, .divpad .module-content{padding-left:10px; }

/* --- social ---*/
div#followthis {margin-bottom:8px;}
span.st_twitterfollow {display:block; height:34px;}

div#sharethis {
margin: 0 0 12px 0;
background-color: #F5F8FB;
padding: 4px;
text-align: center;}

/* --- links ---*/
a.btn-1, a.btn-2 {
    display: block;
    margin: 12px 4px;
    background-color: #ECF1F7;
    color: #9C0000;
    text-decoration: none;
    padding: 8px;
    text-align: center;
	border: 1px #C4D4E5 solid;
}

a.btn-1:hover, a.btn-2:hover  { color: #81909F; background-color: #fff;}
a.btn-1 {font-size:1.3em;}
a.btn-2 {font-size:1em; text-align:left;}


div.archive-content.module-content {font-size:1em;}

div#sidebar2-pages {margin: 0 12px;}

div.footer-content {margin:10px auto; font-size:0.5em;}

/* Ad Network */

div.ad-net-spot a {display:block; width:160px; padding:10px 0; margin:0 auto;}

/* ph=1 */
/* ph=1 */