/* 	Theme Name: Gomeisa
	Variation: Prime
	Version: 1.0b
	Author: Veroxium
	Author URL: http://www.veroxium.net
	
	-----------------------------------
	
	Please refer to the documentation for
	instructions on modifying this file
	
*/

body 
	{
	background: #eee url("../images/body-bg.png") top center no-repeat; /* This sets the background for the theme. It's set at 2560x640, which is huge, but the filesize is only 23kb. If you're interested in adding your own background, make sure that the dimensions are at least 1920x640 to cater for users with large monitors and high resolutions. It's advised that in order to keep the filesize down, you only use simple images in your body-bg.png - for example if one were to use a 2560x640 picture of a beach with a stunning sunset, then the filesize would be HUGE. If you insist on using a complex image in your background then please keep the dimensions small (such as 1600x640) but make sure to add a gradient to the sides of the background so that the blend doesn't look so harsh. */
	}
	
#header
	{
	background: url("../images/header-bg3.png") no-repeat; /* This sets the background for the header. In our case it's a picture of a business man with a laptop in his hands. If you're feeling adventurous you can change it in Photoshop, just open up header-bg.psd and do your thing. */ 
	}
	
#navigation li a:link, #navigation li a:visited
	{
	background: url("../images/navigation.png") repeat-x 0 0; /* This sets the background for the navigation. Please don't edit it unless you know what you're doing. It's not very complicated but if you have no idea of how sprites work then it might prove confusing. */
	color: #f8f8ef; /* From here you can change the color of text inside the navigation links */
	}
#navigation li a:hover, #navigation li a:active, #navigation li a:focus
	{
	background-position: 0 -72px; /* This sets the background position of the navigation. You don't need to edit this unless you're planning on changing the size of the buttons in the navigation. */
	color: #f8f8ef; /* From here you can select the color of the navigation's text links when hovered over */
	}
	


#content
	{
	background: white;
	color: #422e03; /* This changes the color of the text in the content area. As this is the main text of the site, you should make sure that it stands out easily, for example, don't use gray text on a black background. Ensure that the text is easy to read and doesn't strain the eyes. */
	}
	
	#content strong.filename
		{
		color: #468e00; /* From here you can change the color of the 'filename' class */ 
		}
	#content a {color: #0b7ae1;text-decoration: none;}
	#content a:hover {text-decoration: underline;}
	
		
#footer
	{
	color: #a1a1a1; /* You can change the color of the copyright text here. */
	}
	#footer-navigation li
		{
		border-right: 1px solid #a1a1a1; /* This sets the color and size for the footer navigation dividers, they're those vertical lines inbetween the links in the footer. */
		}
		#footer-navigation li a:link, #footer-navigation li a:visited
			{
			color: #a1a1a1; /* This sets the color for the links in the footer's navigation */
			}
		#footer-navigation li a:hover, #footer-navigation li a:active, #footer-navigation li a:focus
			{
			color: #f88509; /* You can change the color of the rollover/hover state of the links in the footer's navigation */
			}
		#footer-navigation #last-link
		{
			border-right: none;
			padding: 0 0 0 8px;
		}