/*------------------------- */
/*		Reset				*/
/*------------------------- */

* 								{ margin: 0; padding: 0; border: 0; /*outline: 0;*/ font-size: 100%; }

html							{ margin-bottom: 1px; padding-bottom: 1px; }
body							{ line-height: 1; color: black; background: white; font-size: 62.5%; }

table							{ border-collapse: collapse; }
td								{ border-style: none; vertical-align: top; }

.ClearFloat						{ border: none; clear: both; float: none; font-size: 1px; height: 0; margin: 0; padding: 0; overflow: hidden; }
.Clear							{ height: 0; width: 0; }
.HiddenSubmitButton				{ border: none; width: 0px; height: 0px; overflow: hidden; }

/*------------------------- */
/*		Setup				*/
/*------------------------- */

* 								{ font-family: verdana, arial, tahoma; }

html							{ height: 100%; }
body							{ color: #231f20; font-size: 10px; }

a,
a:link,
a:visited,
a:active,
a:hover							{ color: #231f20; font-weight: normal; text-decoration: underline; }

/*------------------------- */
/*		Framework			*/
/*------------------------- */

#Frame							{ width: 820px; margin-left: auto; margin-right: auto; padding-bottom: 40px; }

/*------------------------- */
/*		Header				*/
/*------------------------- */

#Header							{ margin-top: 40px; }
#Logotype img					{ display: block; width: 193px; height: 96px; }
#TitleWrapper					{ border-top: 1px solid #c8c7c7; border-bottom: 1px solid #c8c7c7; }
#Title							{ float: left; display: inline; margin: 13px 0px 0px 0px; }
#Title div.Title				{ font-weight: normal; font-size: 20px; letter-spacing: 1px; }
#Title h1						{ font-weight: normal; font-size: 20px; letter-spacing: 1px; }
#Control						{ float: right; display: inline; margin: 13px 0px 12px 0px; }
#Control ul						{ list-style: none;  }
#Control ul li					{ padding: 0px 0px 0px 0px; margin-left: 6px; font-size: 11px; float: left; display: inline; text-align: right; }
#Control ul li	img				{ display: block; width: 19px; height: 19px; }

/*------------------------- */
/*		Content				*/
/*------------------------- */

#Wrapper						{ margin-top: 25px; }
#Content						{ float: left; display: inline; width: 570px; overflow: hidden; }
#Sidebar						{ float: left; display: inline; width: 200px; overflow: hidden; margin-left: 50px; }

/*------------------------- */
/*		Blog				*/
/*------------------------- */

.BlogItem						{ padding-top: 20px; margin-top: 20px; border-top: 1px solid #c8c7c7; }
.BlogItem.Top					{ padding-top: 0px; margin-top: 0px; border-top: 0px; }
.BlogItem .Content				{ line-height: 18px; font-size: 11px; margin-bottom: 20px; }
.BlogItem .Content p			{ line-height: 18px; margin-bottom: 14px; }
.BlogItem .Content div			{ line-height: 18px; margin-bottom: 14px; }
.BlogItem .Content h1			{ font-weight: normal; font-size: 22px; letter-spacing: 1px; margin-bottom: 6px; line-height: 32px; }
.BlogItem .Content h2			{ font-weight: normal; font-size: 18px; letter-spacing: 1px; margin-bottom: 6px; line-height: 28px; }
.BlogItem .Content h3			{ font-weight: normal; font-size: 16px; letter-spacing: 1px; margin-bottom: 6px; line-height: 26px; }
.BlogItem .Content h4			{ font-weight: normal; font-size: 14px; letter-spacing: 1px; margin-bottom: 6px; line-height: 24px; }
.BlogItem .Content h5			{ font-weight: normal; font-size: 13px; letter-spacing: 1px; margin-bottom: 6px; line-height: 23px; }
.BlogItem .Content h6			{ font-weight: normal; font-size: 12px; letter-spacing: 1px; margin-bottom: 6px; line-height: 22px; }
.BlogItem .Content ul			{ margin-left: 40px; margin-bottom: 14px; }
.BlogItem .Content ol			{ margin-left: 43px; margin-bottom: 14px; }

.BlogItem .Tags					{ font-size: 10px; color: #979797; margin-bottom: 14px; line-height: 18px; }
.BlogItem .Tags	a				{ color: #979797; }
.BlogItem .Tags	a:hover			{ color: #000000; }
.BlogItem .Date					{ font-size: 10px; color: #979797; }
.BlogItem .Button 				{ margin-top: 12px; }
.BlogItem .Button .Comment		{ float: left; width: 200px; display: inline; }
.BlogItem .Button .Comment a	{ line-height: normal; padding: 2px 4px 4px 4px; border: 1px solid #d3d3d3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; display: block; width: 120px; text-decoration: none; background: #f4f4f4 url(../Img/Framework/ButtonBackground.gif) repeat-x; text-align: center; }
.BlogItem .Button .Comment a:hover { border: 1px solid #acacac; }

.BlogItem .Button .Share		{ float: right; width: 350px; display: inline; }
.BlogItem .Button .Share .Facebook,
.BlogItem .Button .Share .Twitter,
.BlogItem .Button .Share .AddThis { display: inline; margin-left: 0px; float: right; width: 110px; }
.BlogItem .Button .Share .Facebook { display: inline; margin-left: 0px; float: right; width: 80px; }


/*------------------------- */
/*		Comment				*/
/*------------------------- */

.CommentPanel					{ margin-top: 30px; }
.CommentPanel div.Title			{ font-weight: normal; font-size: 22px; letter-spacing: 2px; margin-bottom: 6px; line-height: 32px; }
.CommentItem					{ margin-bottom: 15px; padding: 12px 12px 9px 12px; border: 1px solid #d3d3d3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.CommentItemAlt					{ background: #f7f7f7; }
.CommentItem .Name				{ width: 40%; float: left; display: inline; text-align: left; font-weight: bold; }
.CommentItem .Date				{ width: 40%; float: right; display: inline; text-align: right; color: #7a7a7a; }
.CommentItem .Content			{ margin-top: 8px; }
.CommentItem .Content p			{ line-height: 16px; margin-bottom: 0px; }

/*------------------------- */
/*		Intranet			*/
/*------------------------- */

.IntranetPanel					{ margin-top: 0px; }
.IntranetPanel div.Title		{ font-weight: normal; font-size: 22px; letter-spacing: 2px; margin-bottom: 6px; line-height: 32px; }
.IntranetPanel .List tr td		 { padding: 7px 20px 5px 0px; border-top: 1px solid #e5e5e5; white-space: nowrap; }
.IntranetPanel .List tr.Header td { padding: 7px 20px 7px 0px; font-weight: bold; border-top: 0px; }

/*------------------------- */
/*		Form				*/
/*------------------------- */

.Form label						{ display: block; margin-bottom: 4px; }
.Form input.Text				{ display: block; margin-bottom: 10px; border: 1px solid #d3d3d3; padding: 6px; font-size: 12px; }
.Form textarea.Textarea			{ display: block; margin-bottom: 10px; border: 1px solid #d3d3d3; padding: 6px; font-size: 12px; overflow: auto; line-height: 20px; }
.Form input.Submit				{ display: block; margin-bottom: 10px; border: 1px solid #d3d3d3; padding: 6px; font-size: 12px; background: url(../Img/Framework/ButtonBackground.gif) repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; }
.Form input.Submit:hover		 { border: 1px solid #acacac; }
.Form input.Button				{ display: block; margin-bottom: 10px; border: 1px solid #d3d3d3; padding: 6px; font-size: 12px; background: url(../Img/Framework/ButtonBackground.gif) repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; }
.Form input.Button:hover		 { border: 1px solid #acacac; }
.Form label.error				{ position: relative; top: -6px; color: red; }
.Form label.errorMessage		{ color: red; margin-bottom: 10px; }
.Form .ReCaptcha				{ margin-bottom: 20px; position: relative; left: -3px; }

/*------------------------- */
/*		Address				*/
/*------------------------- */

#Address						{ margin-bottom: 25px; }
#Address h3						{ font-weight: normal; font-size: 14px; letter-spacing: 2px; margin-bottom: 6px; line-height: 20px; }
#Address p						{ line-height: 16px; margin-bottom: 16px; }
#Address h2 a,
#Address h2 a:link,
#Address h2 a:visited,
#Address h2 a:active,
#Address h2 a:hover				{ color: #000000; font-weight: bold; text-decoration: none; }					

/*------------------------- */
/*		About				*/
/*------------------------- */

#About							{ margin-bottom: 25px; }
#About h2						{ font-weight: normal; font-size: 18px; letter-spacing: 2px; margin-bottom: 6px; line-height: 28px; }
#About p						{ line-height: 16px; margin-bottom: 14px; }

/*------------------------- */
/*		Category			*/
/*------------------------- */

#Category						{ margin-bottom: 25px; }
#Category h2					{ font-weight: normal; font-size: 18px; letter-spacing: 2px; margin-bottom: 6px; line-height: 28px; }
#Category ul					{ margin-bottom: 14px; list-style: none;  }
#Category ul li					{ line-height: 16px; white-space: nowrap; }

/*------------------------- */
/*		Customer			*/
/*------------------------- */

#Customer						{ margin-bottom: 25px; }
#Customer h2					{ font-weight: normal; font-size: 18px; letter-spacing: 2px; margin-bottom: 6px; line-height: 28px; }
#Customer ul					{ margin-bottom: 14px; list-style: none; }
#Customer ul li					{ line-height: 16px; white-space: nowrap; }

/*------------------------- */
/*		Customer			*/
/*------------------------- */

#Login							{ margin-bottom: 25px; }
#Login h2						{ font-weight: normal; font-size: 18px; letter-spacing: 2px; margin-bottom: 6px; line-height: 28px; }

/*------------------------- */
/*		Footer				*/
/*------------------------- */

#Footer						{ border-top: 1px solid #c8c7c7; padding-top: 15px; margin-top: 60px; }
#Footer p					{ line-height: 18px; }
#Footer span.Production		{ color: silver; }
#Footer span.Production	a	{ color: silver; text-decoration: none; }
