/****************************************************
	GalGael.org Screen CSS
    (c) www.tripsis.co.uk
    Author: K Wilson
    V: 1.0
*****************************************************


*****************************************************
    Generic Styles
****************************************************/

body { font:74%/1.5 Arial, Tahoma, "Trebuchet MS", Sans-Serif; }
textarea { font-family: Arial, Tahoma, "Trebuchet MS", Sans-Serif; }

a { text-decoration: none; color: #0a55e2; }
a:hover { text-decoration: underline; }
a:visited { color: #00376f; }

body { background: #000; }

.hide { display: none; }

:focus { outline: #f00 solid 2px; }

span.tick,
span.cross {
	display: block;
	width: 25px;
	height: 20px;
	overflow: hidden;
	text-indent: 6000px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

span.tick { background-image: url(../images/icons/tick.png); }
span.cross { background-image: url(../images/icons/cross.png); }

div#main table.no-table td,
div#main table.no-table th {
	padding: 0;
	margin: 0;
}

span.filesize { font-size: 0.9em; }

strong { font-weight: bold; }

/****************************************************
    Layout
****************************************************/
#wrapper {
    width: 760px;
    float: left;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -380px;
}

#pageholder {
    background: #4d4f64;
    color: #b5b5bd;
}


/****************************************************
    Headers
****************************************************/
h1 {
	display: inline;
	float: left;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
}

	h1.clear {
		display: block;
		float: none;
		clear: both;
	}

h2 {
    clear: both;
    font-weight: bold;
    font-size: 1.1em;
}

p.galgael {
    height: 227px;
    width: 760px;
    clear: both;
    background-position: 0 0;
    background-repeat: no-repeat;
}


/****************************************************
    Section Specific
****************************************************/
body.barmaddy #pageholder { background: #335940; color: #adbdb3; }
body.barmaddy p.galgael { background-image: url(../images/headers/barmaddy.jpg); }
body.barmaddy div#content { background-image: url(../images/backgrounds/barmaddy.png); }

body.board #pageholder { background: #c2b190; color: #efebe2; }
body.board p.galgael { background-image: url(../images/headers/board.jpg); }
body.board div#content { background-image: url(../images/backgrounds/board.png); }

body.boatbuilding #pageholder { background: #4d4b55; color: #bbbabe; }
body.boatbuilding p.galgael { background-image: url(../images/headers/boatbuilding.jpg); }
body.boatbuilding div#content { background-image: url(../images/backgrounds/boatbuilding.png); }

body.colin #pageholder { background: #667756; color: #c2c9bb; }
body.colin p.galgael { background-image: url(../images/headers/colin.jpg); }
body.colin div#content { background-image: url(../images/backgrounds/colin.png); }

body.contact #pageholder { background: #72698b; color: #c7c3d1; }
body.contact p.galgael { background-image: url(../images/headers/contact.jpg); }
body.contact div#content { background-image: url(../images/backgrounds/contact.png); }

body.contribute #pageholder { background: #575c61; color: #bcbec0; }
body.contribute p.galgael { background-image: url(../images/headers/contribute.jpg); }
body.contribute div#content { background-image: url(../images/backgrounds/contribute.png); }

body.diary #pageholder { background: #5a4d49; color: #bab5b3; }
body.diary p.galgael { background-image: url(../images/headers/diary.jpg); }
body.diary div#content { background-image: url(../images/backgrounds/diary.png); }

body.error #pageholder { background: #606c75; color: #bfc4c8; }
body.error p.galgael { background-image: url(../images/headers/navigatethefuture.jpg); }
body.error div#content { background-image: url(../images/backgrounds/navigatethefuture.png); }

body.events #pageholder { background: #565b71; color: #cdced5; }
body.events p.galgael { background-image: url(../images/headers/events.jpg); }
body.events div#content { background-image: url(../images/backgrounds/events.png); }

body.fairlystreet #pageholder { background: #b6aa8e; color: #e9e6dd; }
body.fairlystreet p.galgael { background-image: url(../images/headers/fairlystreet.jpg); }
body.fairlystreet div#content { background-image: url(../images/backgrounds/fairlystreet.png); }

body.folk #pageholder { background: #75898d; color: #c5cccd; }
body.folk p.galgael { background-image: url(../images/headers/folk.jpg); }
body.folk div#content { background-image: url(../images/backgrounds/folk.png); }

body.future #pageholder { background: #323739; color: #c2c3c4; }
body.future p.galgael { background-image: url(../images/headers/future.jpg); }
body.future div#content { background-image: url(../images/backgrounds/future.png); }

body.forum #pageholder { background: #3d4042; color: #bebfbf; }
body.forum p.galgael { background-image: url(../images/headers/forum.jpg); }
body.forum div#content { background-image: url(../images/backgrounds/forum.png); }

body.gallery #pageholder { background: #8190a6; color: #cbd0d9; }
body.gallery p.galgael { background-image: url(../images/headers/gallery.jpg); }
body.gallery div#content { background-image: url(../images/backgrounds/gallery.png); }

body.govan #pageholder { background: #959683; color: #d3d3cb; }
body.govan p.galgael { background-image: url(../images/headers/govan.jpg); }
body.govan div#content { background-image: url(../images/backgrounds/govan.png); }

body.home #pageholder { background: #4d4f64; }
body.home p.galgael { background-image: url(../images/headers/home.jpg); }
body.home div#content { background-image: url(../images/backgrounds/home.png); }
body.home div#subnav { display: none; }

body.woolgroup #pageholder { background: #474651; }
body.woolgroup p.galgael { background-image: url(../images/headers/woolgroup.jpg); }
body.woolgroup div#content { background-image: url(../images/backgrounds/woolgroup.png); }

body.lifeinquestion #pageholder { background: #818585; color: #d9dbdb; }
body.lifeinquestion p.galgael { background-image: url(../images/headers/lifeinquestion.jpg); }
body.lifeinquestion div#content { background-image: url(../images/backgrounds/lifeinquestion.png); }

body.links #pageholder { background: #4f5057; color: #b9b9bc; }
body.links p.galgael { background-image: url(../images/headers/links.jpg); }
body.links div#content { background-image: url(../images/backgrounds/links.png); }

body.obituaries #pageholder { background: #7e887d; color: #cbcfcb; }
body.obituaries p.galgael { background-image: url(../images/headers/obituaries.jpg); }
body.obituaries div#content { background-image: url(../images/backgrounds/obituaries.png); }

body.organisation #pageholder { background: #444c5d; color: #a4a8b0; }
body.organisation p.galgael { background-image: url(../images/headers/organisation.jpg); }
body.organisation div#content { background-image: url(../images/backgrounds/organisation.png); }

body.ourpeople #pageholder { background: #bba98a; color: #e4ddd0; }
body.ourpeople p.galgael { background-image: url(../images/headers/ourpeople.jpg); }
body.ourpeople div#content { background-image: url(../images/backgrounds/ourpeople.png); }

body.press #pageholder { background: #5f4c46; color: #bfb7b5; }
body.press p.galgael { background-image: url(../images/headers/press.jpg); }
body.press div#content { background-image: url(../images/backgrounds/press.png); }

body.navigatethefuture #pageholder { background: #606c75; color: #bfc4c8; }
body.navigatethefuture p.galgael { background-image: url(../images/headers/navigatethefuture.jpg); }
body.navigatethefuture div#content { background-image: url(../images/backgrounds/navigatethefuture.png); }

body.news #pageholder { background: #4d6e4d; color: #b8c5b8; }
body.news p.galgael { background-image: url(../images/headers/news.jpg); }
body.news div#content { background-image: url(../images/backgrounds/news.png); }

body.place #pageholder { background: #76726e; color: #c8c7c5; }
body.place p.galgael { background-image: url(../images/headers/place.jpg); }
body.place div#content { background-image: url(../images/backgrounds/place.png); }

body.radio #pageholder { background: #3b2d1e; color: #c5c0bc; }
body.radio p.galgael { background-image: url(../images/headers/radio.jpg); }
body.radio div#content { background-image: url(../images/backgrounds/radio.png); }

body.ruralvision #pageholder { background: #4d5255; color: #cacbcc; }
body.ruralvision p.galgael { background-image: url(../images/headers/ruralvision.jpg); }
body.ruralvision div#content { background-image: url(../images/backgrounds/ruralvision.png); }

body.sitemap #pageholder { background: #ceb1a4; color: #f0e8e4; }
body.sitemap p.galgael { background-image: url(../images/headers/sitemap.jpg); }
body.sitemap div#content { background-image: url(../images/backgrounds/sitemap.png); }

body.staff #pageholder { background: #b5a892; color: #e9e5df; }
body.staff p.galgael { background-image: url(../images/headers/staff.jpg); }
body.staff div#content { background-image: url(../images/backgrounds/staff.png); }

body.trainee #pageholder { background: #8f9277; color: #d1d3c8; }
body.trainee p.galgael { background-image: url(../images/headers/trainee.jpg); }
body.trainee div#content { background-image: url(../images/backgrounds/trainee.png); }

body.video #pageholder { background: #596e5f; color: #ced4cf; }
body.video p.galgael { background-image: url(../images/headers/video.jpg); }
body.video div#content { background-image: url(../images/backgrounds/video.png); }

body.volunteers #pageholder { background: #918f7b; color: #deded8; }
body.volunteers p.galgael { background-image: url(../images/headers/volunteers.jpg); }
body.volunteers div#content { background-image: url(../images/backgrounds/volunteers.png); }

body.work #pageholder { background: #979863; color: #d5d6c1; }
body.work p.galgael { background-image: url(../images/headers/work.jpg); }
body.work div#content { background-image: url(../images/backgrounds/work.png); }



/****************************************************
    Main Navigation
****************************************************/
div#nav ul {
    list-style-type: none;
    padding: 13px 0;
    text-align: center;
}

    div#nav ul li {
        display: inline;
        text-transform: uppercase;
        background: url(../images/css/navsep.gif) no-repeat 100% 50%;
        padding-right: 24px;
        font-size: 0.7em;
        letter-spacing: 8px;
    }
    
    div#nav ul li.last {
        background: none;
        padding-right: 0;
    }
    
        div#nav ul li a {
            color: #fff;
            margin-left: 24px;
        }
        
        div#nav ul li.first a {
            margin: 0;
        }
        
        div#nav ul li a:hover {
            text-decoration: none;
        }


/****************************************************
    Main Content
****************************************************/ 
div#content {
    clear: both;
    background-position: 0 0;
    background-repeat: no-repeat;
	padding: 50px 36px 8px 30px;
}

	div#subnav {
		float: left;
		width: 192px;
	}
	
	    div#subnav ul li {
	        background: url(../images/css/navbullet.png) no-repeat 0 0;
	        height: 1.6em;
	        padding-left: 22px;
	        margin-bottom: 2px;
	    }
	
	        div#subnav ul li a {
	            line-height: 1.8em;
	            text-transform: uppercase;
	            color: #fff;
	            font-size: 0.9em;
	            font-weight: bold;
	        }

	div#main {
		line-height: 1.5;
		float: right;
		width: 496px;
	}
	
	    div#main h1 {
	        line-height: 1.2em;
	        margin-right: 8px;
        }

		div#main p,
		div#main table,
		div#main ul,
		div#main ol {
			margin-bottom: 2em;
		}

		div#main table,
		div#main ul,
		div#main ol {
			clear: both;
		}
		
		div#main p.paging {
			clear: both;
		}
	    
			div#main p span.prebold {
				font-size: 1.2em;
				text-transform: uppercase;
				font-weight: bold;
			}
			
        div#main ul {
            list-style-type: disc;
            margin-left: 16px;
        }
        
            div#main ul li {
			    margin-bottom: 2em;
            }
			
        div#main blockquote {
            padding-left: 218px;
        }
	        
		div#main p.sub {
			padding-top: 1.4em;
			margin-bottom: 0;
			font-size: 0.9em;
		}
		
		div#main p.indent {
		    padding-left: 18px;
		}
	    
		div#main a { color: #fff; }
		div#Main a:hover { }
		
		div#content div.spacer { clear: both; }
		


/****************************************************
    Gallery
****************************************************/ 
div#main ul.gallery {
    float: left;
    list-style-type: none;
    margin-left: 0;
}

    div#main ul.gallery li {
        float: left;
        margin-right: 12px;
    }
    
        div#main ul.gallery li a {
            float: left;
            border: 1px solid #ddd;
            background: red;
        }
        
        div#main ul.gallery li a:hover { border-color: #fff; }
        


/****************************************************
    Donate
****************************************************/ 
div#main a.donate {
    text-decoration: none;
    line-height: 46px;
    display: block;
    background: url(../images/css/donatebutton.png) no-repeat 0 50%;
    padding-left: 50px;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    color: #bcbec0;
}

div#main a.donate:hover { color: #fff; }


/****************************************************
    Tables
****************************************************/
table th,
table td {
	padding: 4px 8px;
}

table th {
	font-weight: bold;
}

table th.middle,
table td.middle {
	text-align: center;
}



/****************************************************
    Links
****************************************************/
table.links {
	table-layout: fixed;
}

table.links th { display: none; }

table.links th,
table.links td {
	padding: 0;
	padding-right: 26px;
	padding-bottom: 22px;
}

table.links th.title,
table.links td.title {
	padding-right: 26px;
	width: 280px;
}

table.links td.link {
	width: 200px;
	overflow: hidden;
	word-wrap: break-word;
}


/****************************************************
    Blog
****************************************************/
p.postdetails {
	font-style: italic;
	font-weight: bold;
	font-size: 0.9em;
}

/****************************************************
    Forum
****************************************************/
#forum {
	margin-top: 2em;
}

#forum div.post {
	background: #d4d4d4;
	color: #000;
	padding: 2em;
	margin-bottom: 2em;
}

	#forum div.post p.summary {
		padding: 0;
		margin: 0;
		text-align: right;
		border-top: solid 1px #666;
	}
	
div#main table.forum {
	border: solid 1px #000;
	width: 100%;
	margin-bottom: 0;
	background: #3d4042;
}
	
	table.forum th {
		background: #000;
		color: #fff;
	}

p.threadpaging {
	background: #1d1e1f;
	border: solid 1px #000;
	border-top: none;
	padding: 4px 8px;
	text-align: right;
}

	p.threadpaging a.prev { margin-right: 16px; }
	p.threadpaging a.next { margin-left: 16px; }


/****************************************************
    Sitemap
****************************************************/
div#main div#sitemap ul {
	list-style-type: none;
	margin: 8px 0;
}

	div#main div#sitemap ul li {
		list-style-type: none;
		display: block;
		margin: 0;		
		padding: 0;
	}

		div#main div#sitemap ul li a {
			background: #6f4330;
			padding: 4px 12px;
			font-weight: bold;
			display: block;
		}
		
		div#main div#sitemap ul li a:hover {
			background: #6f4330;
		}

			div#main div#sitemap ul li ul li a {
				background: #7f6357;
			}

				div#main div#sitemap ul li ul li ul li a {
					font-weight: normal;
					background: #9f8377;
					padding-left: 36px;
				}

					div#main div#sitemap ul li ul li ul li ul li a {
						background: #bf9e8f;
						padding-left: 60px;
					}


/****************************************************
    Forms
****************************************************/
div#main form ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	form ul li {
		list-style-type: none;
		clear: both;
		margin-bottom: 2em;
	}
	
		form ul li label {
		}
		
			form ul li span.field,
			form ul li span.value {
			}
		
			form ul li span.field {
				clear: both;
				padding: 4px 0;
				float: left;
				display: block;
				width: 120px;
			}
			
			form ul li span.submit {
				margin-left: 120px;
			}
		
			form ul li span.value {
			}
			
				form ul li span.value input,
				form ul li span.value select {
					width: 348px;
					border: solid 1px #000;
				}
				
				form ul li span.value p {
					margin: 0;
					margin-left: 120px;
				}
				
				form ul li span.value textarea {
					width: 360px;
					height: 220px;
				}
				
				form ul li span.value input,
				form ul li span.value option {
					padding: 4px 8px;
				}
				
				form ul li span.value input.button,
				form ul li span.value .cb input,
				form ul li span.value input.fu {
					width: auto;
				}
				
					form ul li span.value table select {
						width: auto;
					}
					
form ul li span.value table.fileupload input {
	width: 260px;
}

form ul li span.value table.fileupload input.button {
	width: auto;
}


/****************************************************
    Validation
****************************************************/
div.validationsummary {
	padding: 8px 12px;
	margin-left: 120px;
	margin-bottom: 12px;
	background: #000;
	color: #fff;
}