/*
Project: Scribblers' Club Corporate Site
Date: February 2006
Copyright: (c)2006 Scribblers' Club
URL: www.scribblersclub.com
*/

/* COMMON ELEMENTS */

body {
	font: 12px Verdana,Arial,sans-serif;
	color: #5C6366;
	margin: 0;
	padding: 0;
	background: #6B7980 url(../images/ui_components/main_back.gif) top center repeat-y;
}

a {
	text-decoration: none;
}

img {
	border: none;
}

#container {
	position: absolute;
	width: 750px;
	left: 50%;
	margin-left: -375px;
	padding: 0;
	color: #5C6366;
	background: #ffffff;
}

#headerOverlay {
	position: absolute;
	width: 750px;
	height: 198px;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 998;	
}

#headerPicture {
	position: absolute;
	width: 750px;
	height: 198px;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 997;	
}

h1 {
	font-size: 30px;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 10px 0;
	padding: 0;
}

h5 {
	padding: 0;
	margin: 0 0 15px 0;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #9FABB3;
	font-style: italic;
}

.subTitle {
	font: 18px Verdana,Arial,sans-serif;
	color: #9E0B0E;
	margin-bottom: 5px;
}

a:link, a:visited {
	color: #00ACEC;
}

a:active, a:hover {
	color: #000000;
}

.clr {
	height: 0;
	clear: both;
}

#email {
	width: 85px;
}

#pageBodyWide {
	margin-top: 10px;
	float: left;
	width: 560px;
}

#pageBodyWideInner {
	font: 12px/16px Verdana,Arial,sans-serif;
	color: #5C6366;
	background: #ffffff;
	width: 520px;
	margin-left: 20px;
}

#pageTitle {
	position: absolute;
	width: 225px;
	height: 50px;
	top: 160px;
	left: 0px;
	padding-left: 20px;
	z-index: 999;
}

#innerPage {
	background: #ffffff;
	width: 750px;
	margin-top: 210px;
	color: #5C6366;
}

#innerPageSite {
	background: #ffffff url(../images/ui_components/left_col_border.gif) top left repeat-y;
	width: 750px;
	margin-top: 210px;
	color: #5C6366;
}

#leftcol {
	font: 11px/16px Verdana,Arial,sans-serif;
	letter-spacing: .2px;
	background: transparent;
	color: #5C6366;
	width: 180px;
	float: left;
	margin-bottom: 10px;
}

#leftinner {
	margin: 15px 0 0 25px;
	width: 135px;
	text-align: left;
	padding-bottom: 30px;
	background: transparent;
	color: #5C6366;
}

.imagelinkleft {
	padding: 2px;
	border: 1px solid #98ABB3;
}

#mainpagebody {
	float: left;
	width: 359px;
	background: transparent;
}

#mainpageinner {
	font: 12px/16px Verdana,Arial,sans-serif;
	color: #717B80;
	margin: 15px 0 0 25px;
	width: 319px;
	background: transparent;
}

.pullquote {
	width: 280px;
	font-size: 16px;
	color: #6C7A80;
	background: #F0F2F2;
	border: 1px solid #D2E1E8;
	padding: 15px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#pageFooter {
	margin: 20px 20px 0 20px;
	width: 710px;
	border-top: 1px dashed #D2E1E8;
	padding-top: 3px;
	padding-bottom: 50px;
}

#pageFooter #copyright {
	float: left;
	font: 10px Verdana,Arial,sans-serif;
	color: #838D91;
}

#pageFooter #contacts {
	float: right;
	font: 10px Verdana,Arial,sans-serif;
	text-align: right;
	color: #838D91;
}

/* MENUS */

/* Main Menu */

#headerMenu {
	position: absolute;
	width: 750px;
	height: 20px;
	top: 130px;
	left: 0;
	text-align: center;
	background: transparent;
	z-index: 1000;
}

#headerMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#headerMenu ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

/* Services Menu */

#servicesmenu {
	width: 135px;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#servicesmenu li {
	font: 11px Verdana,Arial,sans-serif;
	color: #00ACEC;
	border-bottom: 1px dotted #7FD5F5;
	margin-bottom: 10px;
	padding: 2px 0 2px 0;
}

#servicesmenu li a:link, #servicesmenu li a:visited {
	display: block;
	color: #00ACEC;
}

#servicesmenu li a:active, #servicesmenu li a:hover {
	display: block;
	background: #E5F7FD;
	color: #00ACEC;
}

#servicesmenu #juliLink a:link, #servicesmenu #juliLink a:visited {
	width: 135px;
	height: 16px;
	background: transparent url(../images/ui_components/juli-ann_link_off.gif) left top no-repeat;
}

#servicesmenu #juliLink a:active, #servicesmenu #juliLink a:hover {
	width: 135px;
	height: 16px;
	background: transparent url(../images/ui_components/juli-ann_link_on.gif) left top no-repeat;
}

#servicesmenu #juliLink {
	border: none;
}

/* News Menu */

.newsmenuheader {
	float: right;
	font: 10px Verdana,Arial,sans-serif;
	letter-spacing: .2px;
	color: #ffffff;
	width: 119px;
	height: 15px;
	padding-right: 20px;
	background: transparent url(../images/ui_components/portfolio_header_back.gif) top left repeat-x;
}

.newsmenuend {
	float: right;
	height: 15px;
	width: 31px;
	background: transparent url(../images/ui_components/admin_header_end.gif) top left no-repeat;
}

/* NEWS OVERVIEW AND DETAIL PAGE */

#newsoverviewbody {
	margin-top: 10px;
	float: left;
	width: 560px;
}

#newsoverviewinner {
	width: 520px;
	margin-left: 20px;
}

#newspagebody {
	margin-top: 10px;
	float: left;
	width: 560px;
}

#newspageinner {
	font: 12px/16px Verdana,Arial,sans-serif;
	color: #5C6366;
	width: 520px;
	margin-left: 20px;
}

.newsoverviewdate {
	font: 18px Verdana,Arial,sans-serif;
	color: #9E0B0E;
	border-bottom: 1px dotted #D9D9D9; 
}

.newsoverviewitem {
	float: left;
	margin: 5px 0 25px 110px;
	width: 325px;
}

.newsoverviewtitle {
	font: 12px Verdana,Arial,sans-serif;
	color: #5C6366;
}

.newsoverviewintro {
	font: 12px/16px Verdana,Arial,sans-serif;
	color: #5C6366;
}

.newsoverviewlink {
	margin-top: 7px;
	float: right;
}

.newsoverviewfooter {
	font: 10px Verdana,Arial,sans-serif;
	color: #BACBD2;
	margin-top: 20px;
	line-height: 18px;
	height: 20px;
	background: #EEF2F4;
	border-top: 1px solid #BACBD2;
	border-bottom: 1px solid #BACBD2;
}

.newsoverviewpage {
	float: left;
	margin-left: 10px;
}

.newsoverviewnav {
	float: right;
	margin-right: 10px;
	text-align: right;
}

.newsoverviewnav a:link, .newsoverviewnav a:visited {
	color: #BACBD2;
}

.newsoverviewnav a:active, .newsoverviewnav a:hover {
	color: #60BDF0;
}

#newscolheader {
	width: 201px;
	float: right;
}

#newscolinner {
	width: 201px;
	background: #F7F9FA url(../images/ui_components/news_topper.gif) top left no-repeat;
	padding-top: 15px;
}

#newscol {
	width: 200px;
	background: #F7F9FA;
	border-left: 1px solid #D2E1E8;
	border-bottom: 1px solid #D2E1E8;
	padding: 0 0 20px 0;
}

#newscolcontent {
	font: 11px/14px Verdana,Arial,sans-serif;
	letter-spacing: .1px;
	color: #5C6366;
	margin-left: 15px;
	width: 174px;
}

#newscolcontent p {
	margin: 5px 0 0 5px;
	padding: 0;
}

#newscolcontent a:link #newscolcontent a:visited {
	color: #60BDF0;
}

#newscolcontent a:active #newscolcontent a:hover {
	color: #000000;
}

.newsdate {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #9FABB3;
}

/* PORTFOLIO */

#portdetail {
	font: 11px Verdana,Arial,sans-serif;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

#portfoliocontainer {
	position: absolute;
	width: 750px;
	left: 50%;
	margin: 0 0 0 -375px;
	padding: 0;
	background: transparent;
}

.portfolioHeader {
	float: left;
	font: 10px Verdana,Arial,sans-serif;
	color: #ffffff;
	width: 129px;
	height: 15px;
	padding-left: 20px;
	text-transform: uppercase;
	background: transparent url(../images/ui_components/portfolio_header_back.gif) top left repeat-x;
}

.portfolioHeaderEnd {
	float: left;
	height: 15px;
	width: 31px;
	background: transparent url(../images/ui_components/portfolio_header_end.gif) top left no-repeat;
}

.portfolioTable {
	width: 100%;
	padding: 0;
	margin: 0 0 15px 0;
	border: none;
}

.portfolioTable a:link, .portfolioTable a:visited {
	color: #566166;
	display: block;
}

.portfolioTable a:active, .portfolioTable a:hover {
	color: #000000;
	display: block;
}

.portfolioRowTitle {
	background: #B7C4CA;
	height: 20px;
}

.portfolioRowTitle td {
	font: 11px Verdana,Arial,sans-serif;
	color: #363D40;
}

.portfolioRowTitle td a:link, .portfolioRowTitle td a:visited {
	color: #363D40;
}

.portfolioRowTitle td a:active, .portfolioRowTitle td a:hover {
	color: #ffffff;
}

.tableRowHeader {
	background: #B7C4CA;
	font: 11px Verdana,Arial,sans-serif;
	color: #363D40;
}

.tableRowOdd {
	background: #F4F6F7;
}

.tableRowEven {
	background: #E0E6E8;
	height: 20px;
}

.portfolioRowOdd {
	background: #F4F6F7;
	height: 20px;
}

.portfolioRowOdd td {
	font: 11px Verdana,Arial,sans-serif;
	color: #5C6366;
}

.portfolioLeftCell {
	padding-left: 20px;
	width: 150px;
}

.portfolioRowOdd:hover {
	background: #EAEEF0;
}

.portfolioRowEven {
	background: #E0E6E8;
	height: 20px;
}

.portfolioRowEven td {
	font: 11px Verdana,Arial,sans-serif;
	color: #5C6366;
}

.portfolioRowEven:hover {
	background: #D6DDE1;
}

.portfoliomedia {
	margin-top: 10px;
	border: 1px solid #DAE2E5;
	width: 751px;
}

#portfolioinnerpage {
	width: 100%;
	margin-top: 15px;
}

#portfolionavigation {
	font: 10px/14px Verdana,Arial,sans-serif;
	color: #838D91;
	text-align: right;
	width: 244px;
	padding: 0 20px 10px 0;
	border-right: 1px solid #B7C4CA;
	float: left;
}

#portfoliodetails {
	font: 10px/14px Verdana,Arial,sans-serif;
	color: #5C6366;
	width: 320px;
	text-align: left;
	padding: 0 20px 0 20px;
	float: left;
}

#portfoliologo {
	float: left;
	text-align: right;
	width: 114px;
	margin-top: 15px;
	padding-top: 63px;
}

/* SITE ADMINISTRATION */

form {
	padding: 0;
	margin: 0;
}

.formTxt {
	font: 11px Verdana,Arial,sans-serif;
	color: #000000;
	width: 200px;
	background: #F4F6F7;
	border: 1px solid #000000;
}

.shortTxt {
	font: 11px Verdana,Arial,sans-serif;
	color: #000000;
	width: 100px;
	background: #F4F6F7;
	border: 1px solid #000000;
}

.myTextArea {
	font: 11px Verdana,Arial,sans-serif;
	color: #000000;
	width: 250px;
	height: 125px;
	background: #F4F6F7;
	border: 1px solid #000000;
}

.myTextArea2 {
	font: 11px Verdana,Arial,sans-serif;
	color: #000000;
	width: 500px;
	height: 125px;
	background: #F4F6F7;
	border: 1px solid #000000;
}

.myTextArea3 {
	font: 11px Verdana,Arial,sans-serif;
	color: #000000;
	width: 500px;
	height: 250px;
	background: #F4F6F7;
	border: 1px solid #000000;
}

select {
	font: 11px Verdana,Arial,sans-serif;
	color: #000000;
	width: 200px;
	background: #F4F6F7;
	border: 1px solid #000000;
}

.checkbox {
	border: 1px solid #000000;
	background: #F4F6F7;
	margin-top: 5px;
}

.yesno {
	padding: 0 0 5px 20px;
}

.submit {
	font: bold 11px Verdana,Arial,sans-serif;
	color: #ffffff;
	border: 1px solid #000000;
	background: transparent url(../images/ui_components/portfolio_header_back.gif) top left repeat-x;
}

#adminForm {
	float: right;
	width: 540px;
	margin: 0 20px 0 20px;
}

/* Administration Menu */

#adminmenu {
	width: 170px;
	float: right;
}

.adminmenuheader {
	float: right;
	font: 10px Verdana,Arial,sans-serif;
	color: #ffffff;
	width: 119px;
	height: 15px;
	padding-right: 20px;
	text-transform: uppercase;
	background: transparent url(../images/ui_components/portfolio_header_back.gif) top left repeat-x;
}

.adminmenuend {
	float: right;
	height: 15px;
	width: 31px;
	background: transparent url(../images/ui_components/admin_header_end.gif) top left no-repeat;
}

.adminmenuitem {
	font: 10px Verdana,Arial,sans-serif;
	line-height: 20px;
	color: #6C7A80;
	background: #F4F6F7;
	width: 160px;
	height: 20px;
	padding-left: 10px;
}

.adminmenuitem:hover {
	background: #EAEEF0;
}

.adminmenuitem_alt {
	font: 10px Verdana,Arial,sans-serif;
	line-height: 20px;
	color: #6C7A80;
	background: #E0E6E8;
	width: 160px;
	height: 20px;
	padding-left: 10px;
}

.adminmenuitem_alt:hover {
	background: #D6DDE1;
}

.adminmenuitem a:link, .adminmenuitem a:visited, .adminmenuitem_alt a:link, .adminmenuitem_alt a:visited {
	color: #6C7A80;
}

.adminmenuitem a:active, .adminmenuitem_alt a:active, .adminmenuitem a:hover, .adminmenuitem_alt a:hover {
	color: #000000;
}