/*
Gravitation.ie Style Sheet

Ivan McAvinchey
4 October 2001

*/

/* Fullpage */

/* #fullpage {
} */

/* Generic Elements */

BODY, TABLE, TR, TD {
	font-family : "Verdana", "Arial", "Helvetica", sans-serif;
	font-size : 80%;
}

BODY {
	background : White;
	margin:0px 0px 0px 0px;
}

TABLE {
	width : 100%;
	border : 0;
	margin : 0;
	padding : 0;
}

TR {
	border : 0;
	margin : 0;
	padding : 0;
}

TD {
	border : 0;
	margin : 0;
	padding : 0;
	vertical-align : top;
}

/* Anchors */

A {
	color : #104273;
	font-weight : bold;
	text-decoration : none;
}

A:hover {
	text-decoration : underline;
}

/* H1, H2, etc. */

H1 {
	font-family : "Georgia", "Garamond", "Times", serif;
	font-size : 200%;
	font-weight : bold;
	margin : 0px, 0px, 5px;
}

H2 {
	font-family : "Georgia", "Garamond", "Times", serif;
	font-size : 150%;
	font-weight : bold;
	margin : 20px, 0px, 5px;
}

H3 {
	font-family : "Georgia", "Garamond", "Times", serif;
	font-size : 100%;
	font-weight : bold;
	margin : 0px 0px 5px;
}

/*  Generic Classes */

.title {
	font-family : "Georgia", "Garamond", "Times", serif;
	font-size : 200%;
	font-weight : bold;
}

.small {
	font-family : "Verdana", "Arial", "Helvetica", sans-serif;
	font-size : xx-small;
}

.fade {
	color : #C8C8C8;
}

.date {
	float : right;
}

/* Header: Logo */

DIV.logobar {
	height : 50px;
	padding : 5px 2px 5px 5px;
	background-color : #104273;
	width : 100%;
}

DIV.logo {
	height : 50px;
	float : left;
}

DIV.searchbox {
	position : relative;
	top : 15px;
	right : 20px;
	float : right;
}

/* Searchbox */

INPUT.searchbox {
	border-left: solid #FFF 1px;
	border-right: solid #FFF 1px;
	border-top: dashed #FFF 1px;
	border-bottom: dashed #FFF 1px;
	width : 150px;
	height : 20px;
}

INPUT.searchsubmit {
	background-color: Silver;
	position: relative;
	top: 0px;
	font-size: 11px;
	width: 50px;
	height: 20px;
	border: solid Black 1px;
}

/* Navbar */

DIV.navbar{
	height : auto;
	background-color : Silver;
	padding : 1px 10px 1px 10px;
	border-top : 1px dashed #104273;
	border-bottom : 1px dashed #000;
	font-size : 11px;
}

DIV.footer {
	height : auto;
	background-color : Silver;
	padding : 1px 7px 1px 7px;
	border-top : 1px dashed #000;
	border-bottom : 1px dashed #000;
	color : #000;
	font-size : 11px;
	text-align : center;
	clear: both;
}

/* Page */

DIV.page {
	background-color : #FFF;
	height : auto; /* not sure about this re: compliance - any value makes both .page and .main go down full length,
	think the height simply has to be specified and not auto. 100% goes down the length of the header again,
	which is too much, however if the setting is too small it seems to push the text through
	Doesn't work with Opera, as Opera still works out with regard to the actual element.
	*/
}

/* Main */

DIV.main {
	background-color : #FFF;
	width : auto;
	height : 100%;
	padding : 10px;
}

/* Menu */

.menu {
	background-color : #F0F8FF;
	float :left;
	color : #000;
	width : 155px;
	padding : 10px 10px 10px 10px;
	margin : 0px;
	font-size : 11px;
}

DIV.menutop {
	height : auto;
	background-color : #EAEAF4;
	padding : 1px 10px 1px 10px;
	border-bottom : 1px dashed #000;
	font-size : 11px;
	text-align : left;
}

.menuitemselected {
	width: 100%;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	display : block;
	background-color : #FFF;
	font-weight : bold;
}

A.menuitem {
	width: 100%;
	border-top : 1px solid #F0F8FF;
	border-bottom : 1px solid #F0F8FF;
	display : block;
}

A.menuitem:hover {
	/* this color a bit darker than menu background */
	background-color : #CCE7FF;
	text-decoration : none;
	border-top : 1px dashed #000;
	border-bottom : 1px dashed #000;
}

A.menuheader {
	width : 100%;
	background-color : #FFF;
	text-decoration : none;
}

A..menuheader:hover {
	background-color : #CCE7FF;
	text-decoration : none;
}

.menu HR {
	color : #F0F8FF;
	border-bottom : 1px dashed Black #000;
	margin: 5px 0px 5px 0px;
}

.menu H1.selected {
	background : #FFF;
	font-family : "Verdana", "Arial", "Helvetica", sans-serif;
	font-size : 12px;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
}

.menu H1.link {
	background : #FFF;
	font-family : "Verdana", "Arial", "Helvetica", sans-serif;
	font-size : 12px;
	border-top : 1px dashed #000;
	border-bottom : 1px dashed #000;
}

/* Tied Classes */

/* <A> */

/* check if this definition is actually used */
A.small {
	font-weight : normal;
	font-size : xx-small;
}

/* <IMG> */

IMG.thumbnail {
	float: left;
	border: 1px solid black;
	margin : 5px 5px 5px 0px;
}

IMG.large {
	float: right;
	border: 1px solid black;
	margin : 10px 0px 10px 10px;
}

IMG.largeleft {
	float: left;
	border: none;
	margin : 10px 10px 10px 0px;
	clear : left;
}

IMG.largeright {
	float: right;
	border: none;
	margin : 10px 0px 10px 10px;
	clear : right;
}

/* Admin section */

INPUT.edit {
	width : 100%;
}

INPUT.edittitle {
	width : 100%;
}

TEXTAREA {
	width : 100%;
	font-family : "Verdana", "Arial", "Helvetica", sans-serif;
}

TEXTAREA.editcontent {
	height : 240px;
}

TEXTAREA.editsummary {
	height : 100px;
}

.adminbody {
	background-color : #EAEAF4;
}

.imagebrowser {
	margin : 15px;
	text-align : left;
}

.imagebrowserimage {
	text-align : left;
	position : relative;
	width : 100px;
	height : 150px;
	margin : 5px 10px 5px 0px;
	float : left;
	word-break : break-all;
}

/* .imagebrowserimage IMG {

} */

.imagebrowsermenu {
	height : auto;
	width : 100%;
	margin: 0px -5px 10px 0px;
	background-color : Silver;
	padding : 1px 10px 1px 10px;
	border-top : 1px dashed #104273;
	border-bottom : 1px dashed #000;
	font-size : 11px;
}

.red {
	color : red;
}