/*
Theme Name: Granviks
Theme URI: 
Author: slice of soup
Author URI: http://sliceofsoupe.com/
Description: 
*/
html, body { height: 100% }

a img {border: none; }
a, a:hover, a:visited
{
	border: none;
}

body
{
	width: 780px;	
	margin: 0px auto 0px auto;
	
	color: #00000;
	font-size: 12px;
	font-family: Trebuchet MS, Georgia, "Bitstream Charter", serif;
	
	overflow: -moz-scrollbars-vertical;

	background: #1c1c1c url("images/Bkg_Main.png") top left repeat-x;
}

#main 
{
	min-height: 100%;
}

.container
{
	min-height: 100%;
}

.content_bg
{
	width: 736px;
	background: url("images/Bkg_Body.png") repeat-y top left;
	margin-left: 22px;
	float: left;
	min-height: 500px;
}

.content_top
{
	background: url("images/Bkg_Top.png") no-repeat bottom left;
	height: 66px;
	margin-left: 22px;
	margin-top: -30px;
}

#content 
{
	padding: 0px 63px 0px 63px;
}

#content .seperator
{
	height: 0px;
	width: 100%;
	border-top: solid 1px #fb511a;
}

.content_bottom
{
	background: url("images/Bkg_Bottom.png") no-repeat bottom left;
	margin-left: 22px;
	height: 66px;
	width: 100%;
	float: left;
}

.menu
{
	background-color: #3e097b;
	width: 100%;
	margin-left: 68px;
}

.menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu li
{
	display: inline;
}

.menu li a
{
	float: left;
	width: 160px;
	padding: 15px 0px 15px 0px;

	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
}

.menu li a:hover
{
	color: #000000;
	background: url("images/Bkg_Menu.png") no-repeat bottom left;
}

.menu li.current_page_item > a
{
	color: #000000;
	background: url("images/Bkg_Menu.png") no-repeat bottom left;
}

article 
{
	margin: 0;
	padding: 0;
}

article .page-content
{
	margin: 0;
	padding: 0;
}

article .nextpost
{
	float: right;
	padding-right: 10px;
}

article .previouspost
{
	float: left;
	padding-left: 10px;
}

article a
{
	color: #3f3f3f;
	text-decoration: underline;
}

article .page-content a,
article .page-content a:hover,
article .page-content a:active,
article .page-content a:visited
{
	color: #3f3f3f;
	text-decoration: none;
}

article .page-content a:hover
{
	color: #ffffff;
}

article .page-content p
{
	
}


.contact input
{
	display: inline;
	margin-bottom: 10px;
	width: 200px;
}

.contact textarea
{
	display: inline;
	resize: none;
}

.contact #contactsubmit
{
	width: 60px;
	float: left;
	margin-left: 50px;
}

.contact #QapTcha
{
	float: left;
	margin-left: 10px;
}

.contact .error
{
	display: inline;
	color: #bb2828;
}

.contact .success
{
	color: #568e2f;
}

#footer 
{
	margin: 0px 72px 0px 30px;
	text-align: center;
	margin-top: 12px;
}

.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
	display: none;
}
.clear {
	clear:both;
}
.left {
	float: left;
}
.right {
	float: right;
}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}