/****** Overall Site Theme ******/
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000; /* Font color used throughout the site */
}
a:link, a:active, a:visited { /* The style of the links such as the ones found below the layout screenshots */
	color: #508BC5;
	text-decoration: none;
}
a:hover { /* The style of the links when they're hovered over */
	color: #508BC5;
	text-decoration: none;
}
body {background-color: #508BC5; background-image: url(/images/twitterbirdbg2.png);
}
.main-table {
	background-image: url(); /* Middle table background image */
}
.live-preview {background-color: #508BC5
	background-image: url(); /* Background image displayed in the top frame of the live preview */
}
.live-preview-heading {
	color: #508BC5 /* Color of the layout name displayed in the top frame of the live preview */
}
.leftpanel { /* The background & border color of the left panel */
	background-color:#6ca1d5;
	border-right:2px Dashed #6ca1d5;
}
.rightpanel { /* The background & border color of the right panel */
	background-color:#6ca1d5;
	border-left:2px solid #6ca1d5;
}
.page-border { /* The page border style and color */
	border:4px solid #508BC5;
}
.page-heading { /* The style of the headings found at the top of the pages (click on a layout category for an example)  */
	color:#000000;
	border:1px solid #000000;
	background-color:# #508BC5;
	font-weight:bold;
	font-size:18px;
	line-height:30px;
	width:590px;
	text-align:left;
	padding-left:5px;
}
.page-heading h1 { /* The color of the text in the page headings where header 1 tags are used */
	color:#000000;
	font-size:18px;
	padding:0px;
	margin:0px;
	text-transform:capitalize;
}
.header { /* Site header, in most cases this won't need to be edited */
	height:110px;
	vertical-align:middle;
}
.footer { /* The style of the footer */
	color:#FFFFFF;
	background-color:#6ca1d5;
	border:px solid #B00000;
	font-weight:bold;
	font-size:14px;
	line-height:30px;
	text-align:center;
	padding-left:5px;
	height:80px;
}
.blue-heading {
background-image:url('/images/theme/blue-heading.gif');
background-position:center;
background-repeat:no-repeat;
height:49px;
vertical-align:middle;
}
.heading-left {
float:left;
color:#FFFFFF;
font-weight:bold;
font-size:16px;
padding-left:10px;
}
.heading-right {
float:right;
color:#FFFFFF;
padding-right:10px;
}
.heading-right a:link, .heading-right a:visited {
color:#FFFFFF;
font-weight:bold;
}
.heading-right a:hover {
color:#000000;
}
.breadcrumb {
background-image:url('/images/theme/blue-heading.gif');
background-position:center;
background-repeat:no-repeat;
height:49px;
vertical-align:middle;
}
.breadcrumb-text {
padding-left:10px;
color:#FFFFFF;
font-size:14px;
}
.breadcrumb-text a:link, .breadcrumb-text a:visited {
color:#FFFFFF;
}
.breadcrumb-text a:hover {
color:#000000;
}
/****** Layout Section ******/
.small-heading { /* These headings are seen on the view layout page (preview, rate this layout, etc) */
	color:#000000;
	font-weight:bold;
	font-size:12px;
	background-color:#FB4A00;
	border:4px solid #508BC5;
	text-align:left;
	background-color:#ffffff;
}
.preview-buttons { /* On the view layout page, these are the 'view live preview' and 'view large preview' buttons  */
	color:#000000;
	background-color:#508BC5;
	border:4px solid #508BC5;
	font-weight:bold;
	font-size:12px;
	width:140px;
	text-align:left;
}
.pagination { /* The pagination is the next / previous links found on the layout categories  */
	color:#000000;
	border:1px solid #000000;
	background-color:#ffffff;
	font-weight:bold;
	font-size:18px;
	line-height:30px;
	width:590px;
	height:30px;
	text-align:center;
	padding-left:5px;
}
.imgborder { /* The color and style of the border around the layouts */
	border: 2px solid #508BC5;
}
A:hover .imgborder, A:active .imgborder { /* The color and style of the border around the layouts when they're hovered over */
	border: 2px solid #000000;
}
/****** Codes & Generators ******/
.codes-headings { /* In the myspace codes section, these are the headings for the different code sections (myspace text tweaks, image tweaks, etc) */
	background-color:#ffffff;
	background-repeat:repeat;
	border:4px solid #508BC5;
	font-size:14px;
	color:#FFFFFF;
	vertical-align:middle;
	font-weight:bold;
}

/*Navigation*/
.buttons a, .buttons a:visited { /* The left navigation links */
	color: #000000;
	background-color: #ffffff;
	border-bottom: 4px groove #508BC5;
	font: 12px Arial, sans-serif;
	padding: 6px;
	padding-left: 3px;
	display: block;
	/*width:177px;*/
	width:95%;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
.buttons a:hover { /* The left navigation links when they're hovered over */
	color: #FFFFFF;
	background-color: #71A1D1;
	display: block;
	text-decoration: none;
}
.nav-headings { /* The font and background colors of the headings in the left navigation */
	color:#FFFFFF;
	background-color:#508BC5;
	font-size:12px;
	height:20px;
}
/****** Graphics Section ******/
.graphics-pagination { /* The next / previous links found in the graphics section */
	color:#FFFFFF;
	background-color:#000000;
	border:4px solid #508BC5;
	font-weight:bold;
	font-size:12px;
	line-height:30px;
	width:560px;
	text-align:left;
	padding-left:5px;
}
/****** Home Page ******/
.news-date { /* Color and style of the date used in the news */
	color:#0F3201;
	font-weight:bold;
}.news-text { /* Color and style of the news post */
	color:#FFFFFF;
}
/****** Miscellaneous ******/
h1 {
	color:#FFFFFF;
	font-size:14px;
	padding:0px;
	margin:0px;
}
.capitalize {
	text-transform:capitalize;
}
.dark-blue-heading {
font-size:14px;
font-weight:bold;
color:#3974AE;
}
.table-heading {
background-color:#6CA1D5;
color:#FFFFFF;
font-weight:bold;
font-size:13px;
}
.hidethis {
display:none;
}
.bottom {
display:none;
}