/* EXAMPLE - BASIC FIRSTMAGIC SKIN */


/* FONTS --------------------------------------------------------------- */

a, a:visited, .date {
	color:#1c8ad7;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

body, .fctext, h2, h3, h4 {
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:13px;
	line-height:19px;
	}

.wswrap * {
	font-size:13px;
	line-height:19px;
	} 	/* plain text generated by FCWS */

.smallfctext, #footer, .date {
	font-size:11px;
	line-height:17px;
	}	/* details - like breadcrumbs, calendar events etc. */

h1 {
	font-family:Georgia,Times New Roman,Serif;
	font-size:24px;
	line-height:35px;
	color:#1c8ad7;
	}

h2 {
	font-size:17px;
	line-height:25px;
	}

h2.caldate a {
	font-size:44px !important;
	line-height:56px !important;
	}	/* calendar Day  in weekly and monthly view */

.caltoday a {
	color:#000000;
	}	/* calendar events  if Today */

h3, h4, h4.fctext, #headerticker, #signature {
	font-size:15px;
	line-height:21px;
	}

#footer a, #breadcrumbs, .smallfctext {
	color:#888888;
	}

/* TOP MENU ----------------------------------------------------------- */

#dropsearch {
	border-left:1px #333333 solid;
	padding-left:15px;
	}

#dropmenu {
	margin-bottom:15px;
	padding:0px 2% 0px 2%;
	box-shadow:3px 3px 7px #222222;border-radius:3px;
	background:#000000;
	}

#mobiledrop {
	background:#333333;
	}

a.toplink, #dropsearch .txtfield {
	text-transform:uppercase;
	font-size:12px;
	line-height:18px;
	color:#ffffff;
	padding:15px 10px 15px 0px;
	}

a.droplink {
	font-size:12px;
	line-height:18px;
	color:#ffffff;
	background:#212121;
	padding:5px 10px 5px 15px;
	}

#dropmenu .current a.toplink, #dropmenu a.toplink:hover, a.droplink:hover {
	color:#009edb;
	}




/* GENERAL FORMATTING ----------------------------------------------------------- */

body {
	background:#bbbbbb;
	padding:0px 15px 0px 15px;
	}

.website #wrapper {
	max-width:1040px;margin:0px auto 0px auto;
	}	/* MAIN CONTENT DIVS WRAPPER: - .website prefix or .digitalsign prefix */

#header {
	padding:30px 0px 10px 0px;
	}	/* logo and Top Menu wrapper */

#pageframe {
	padding:30px 2% 20px 2%;
	margin-bottom:15px;
	background:#ffffff;
	box-shadow:3px 3px 7px #222222;
	border-radius:3px;
	} 	/* CONTENT WRAPPER: will set background-image-position RIGHT | CENTER | LEFT automatically to follow Sidebar position */

#sidebar {
	width:26%;
	padding:0px 2% 0px 2%;
	}	/* sidebar body */

#sidebar .sidebaritem {
	padding:20px;
	background:#f0f0f0;
	}	/* inline sidebar content */

#footerbar .sidebaritem {
	padding:20px;
	}	/* when Sidebar is Footer */

#pagecontent {
	width:66%;
	padding:0px 2% 0px 2%;
	}	/* main content body */

#pagecontentsec {
	padding:0px 4% 0px 4%;
	} 	/* FORMATTING IF SIDEBAR IS FOOTER */

.contentbody, .contentheader {
	margin:0px 5px 15px 5px;
	}	/* document headers and bodies */

.contentbox {
	margin:5px;
	padding:5px;
	background:#f0f0f0;
	}	/* INLINE CONTENT BOXES: paddings & margins should harmonize with CONTENTBODY */

.userform .txtfield, .userform .fctext.label {
	padding:7px 5px 7px 10px;
	}	/* forms elements */

.permalink {
	margin-bottom:15px;
	border-bottom:1px #888888 solid;
	}	/* blog posts separator */

.listobject.listtop {
	background:#dedede;
	}	/* to alternate background of list elements: EVEN | ODD | LISTTOP */

.listobject.even {
	background:#ffffff;
	}

.listobject.odd {
	background:#f0f0f0;
	}


#footerbar {
	margin-bottom:15px;
	box-shadow: 0px -1px 0px #888888  inset;
	}	/* simulates border-bottom for Sidebar as Footer */


/* DIGITAL SIGNS ----------------------------------------------------------- */

.digitalsign #header {
	background:#000000;
	color:#ffffff;
	box-shadow:1px 1px 3px #000000;
	}

.digitalsign #header h1, .digitalsign #sidebar .fctext {
	color:#ffffff;
	}

.digitalsign #sidebar {
	background:#222222;
	}

.digitalsign .contentbox h2 {
	font-weight:bold;
	color:#1c8ad7;
	}

.digitalsign .contentbox .timebox h2 {
	color:#333333;
	}

.digitalsign .contentbox.event .fctext, .digitalsign .contentbox .fctext .smallfctext {
	color:#000000;
	}