/*
Stylesheet for Gay Wedding Organizer directory pages
*/

/* BASIC STYLES */
body {margin: 0; padding: 0; background: #90e3fe url(http://www.gayweddingorganizer.co.uk/wp-content/themes/gayweddingorganizer/images/bgfade.gif) repeat-x 0 0; color: #333333; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;} 
h1, h2, h3, h4, h5, h6 {font-family: Georgia, Times, Times New Roman, serif;}
h1 a, h2 a {color: #555555; text-decoration: none;}
h1 a:visited, h2 a:visited {color: #555555;}
h1 a:hover, h2 a:hover {color: #d6007e;}
h1 {margin: 0 0 0.5em 0; padding: 0; font-size: 2em; font-weight: normal; bofrder-bottom: 1px dotted #cccccc; color: #35adcf;}
h2 {margin: 1em 0 0.5em 0; font-size: 1.25em;}
h3 {margin: 1.25em 0 0 0; font-size: 1em;}
p, li, label, td, th, input, select, textarea {}
input, select, textarea {font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; color: #333333;}
textarea {font-size: 0.8em;}
a {color: #0091c0;}
a:hover {color: #333333;}
a:visited {color: #007aa2;}
p input, p label, li li {font-size: 1em;}
p {margin: 1em 0; line-height: 1.4em;}
form {padding: 0; margin: 0;}
img, a img {border: 0;}
blockquote {background: #ffffff url(http://www.gayweddingorganizer.co.uk/wp-content/themes/gayweddingorganizer/images/blockquote.gif) no-repeat 0 0; padding-left: 40px; margin: 0; font-style: italic;}
#content li {line-height: 1.4em;}

/*ACCESSIBILITY*/
#shortcuts {display: block; position: absolute; top: -100px; z-index: 0;} 
#shortcuts a {padding: 0 0.5em; left: 0; z-index: 0;}
#shortcuts a:focus, #shortcuts a:active {display: inline; z-index: 2; background-color: #ffff00; color: #000000; text-decoration: none; position: absolute; top: 100px;}

/*BRANDING */
#logo {margin: 0; padding: 0; border: none;}
#logo a {display: block; width: 970px; height: 182px; text-decoration: none; text-indent: -1000px; overflow: hidden;}

/* STRUCTURE */
#wrapper {width: 100%; background: transparent url(http://www.gayweddingorganizer.co.uk/wp-content/themes/gayweddingorganizer/images/bg.jpg) no-repeat center top;} 
#container {width: 970px; margin: 0 auto;}
#content {margin: 0; padding: 20px 0 0 0; background-color: #ffffff;}
#navigation {background-color: #ffffff; padding: 24px 35px 0 35px;}
.fullwidth #maincontent {width: 900px; padding: 0 35px 1em 35px;}

/*MENUS*/
#mainmenu {font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif; margin: 0; padding: 4px 0 8px 0; list-style: none; border-bottom: 1px solid #d8d8d8; width: 900px; overflow: hidden; font-size: 1.4em;}
#mainmenu li {margin: 0 25px 0 0; display: inline; padding: 0;}
#mainmenu a {color: #00ade9; text-decoration: none;}
#mainmenu .linkhome a {color: #6d52bd;}
#mainmenu .linkabout a {color: #01a2d6;}
#mainmenu .linkdirectory a {color: #8cd11e;}
#mainmenu .linkfayres a {color: #ffbd0c;}
#mainmenu .linkresources a {color: #ff7505;}
#mainmenu .linkcontact a {color: #f23c3c;}
#mainmenu .linkblog a {color: #fb0590;}
#mainmenu .linkhome a:hover {color: #555555;}
#mainmenu .linkabout a:hover {color: #555555;}
#mainmenu .linkdirectory a:hover {color: #555555;}
#mainmenu .linkfayres a:hover {color: #555555;}
#mainmenu .linkresources a:hover {color: #555555;}
#mainmenu .linkcontact a:hover {color: #555555;}
#mainmenu .linkblog a:hover {color: #555555;}

/* FOOTER */
#footer {clear: both; background-color: #90e3fe; font-size: 0.75em; color: #396673; line-height: 30px; padding: 0 0 40px 0;}

#footerlinks {float: right; padding: 0; margin: 0; line-height: 30px; list-style: none;}
#footerlinks li {margin: 0 10px 0 0; display: inline; line-height: 30px; padding: 0 10px 0 0; background: #90e3fe url(http://www.gayweddingorganizer.co.uk/wp-content/themes/gayweddingorganizer/images/line.gif) no-repeat right center;}
#footerlinks li.last {margin: 0; padding: 0; background-image: none;}
#footerlinks a {color: #396673; text-decoration: none;}
#footerlinks a:hover {text-decoration: underline;}

#copyright {float: left; padding: 0; margin: 0; line-height: 30px;}
#copyright a {color: #396673; text-decoration: none;}
#copyright a:hover {text-decoration: underline;}