/*
Theme Name: Arvid
Version: 1.4
Author: Arvid Eriksson
Tags: simple, custom header, fixed width, two columns, widgets
*/

/* GENERAL TAGS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
	include=15,56,17,584&
*/
	body {
		font-family: Arial , Helvetica, sans-serif; 
		color: #666666;
		font-size: 13px;
		background: url("images/bg.png") ;
		letter-spacing: 0.01em;
		line-height: 1.3em;
		margin: 0;
		text-align:left;
		padding: 0;
		-webkit-text-size-adjust: none;
		}


	a {
		color: #999999;
		text-decoration: none;
		}

	a:hover  {
		text-decoration: underline;
		}

	h1 a:hover, h2 a:hover, h3 a:hover {
		text-decoration: none;
		}



	img 	{
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		border: none;
		}
		
	#page {
		text-align: left;
		margin: 0px auto auto auto;
		width: 700px;
		}

	ul { 
		margin: 0;
		padding: 0;
		list-style-type: none
		}
				
	p {
		padding-bottom: 10px;
		margin: 0;
		}
		
	h1 {
		text-decoration: none;
		font-size: 20px;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		}

	h2 {
		text-decoration: none;
		font-size: 16px;
		font-weight: 100;
		line-height: normal;
		color: #999999;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		}
		
	h3 {
		text-decoration: none;
		font-size: 12px;
		letter-spacing: 0.03em;		
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0tpx;
		}

.small {
	font-size: 0.7em;
	font-weight: lighter;	
	letter-spacing: 0.1em;
	line-height: 1.3em;
	margin-top: 3px;
	}		

.small {
	text-transform: uppercase;
	}

.topmenu {
	padding-top:30px;
	float: right;
	font-size: 10px;
	}	

.topmenu a {
	color: #666666;
	}
	
.topmenu ul li {
	display: inline;
	margin-right: 5px;
	}	



		
a.rss {
	background: url(images/feed-icon-7x7.png) right center no-repeat;
	padding-right: 10px;
	margin-right: 3px;
	}
	
.colour {
		color: #f0a514;
		}	

.high {
	color: #999999;
	}
	
.alignleft {
	float: left;
	}
	
.alignright {
	float: right;
	}


/* SEARCH */
#searchform {
	margin: 0px;
	padding: 0px;
	text-align: right;
	}
	
#searchform input {
		background-color: #dddddd;
		}
		
/* BANNER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.banner {
		border-top: 1px solid #1f1f1f;
		height: 26px;
		padding-top:8px;
		padding-left:7px;
		background: url("images/banner-bg.png") ;
		border-bottom: 1px solid #1f1f1f;
		font-size: 0.9em;
		text-transform: uppercase;
		font-weight: lighter;	
		letter-spacing: 0.1em;
		line-height: 1.3em;
		}

/* CUSTOM FIELD ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.post-meta {
		border-top: 1px solid #1f1f1f;
		height: 30px;
		margin-top:10px;
		padding-top:8px;
		padding-left:15px;
		background: url("images/banner-bg.png") ;
		border-bottom: 1px solid #1f1f1f;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: lighter;	
		letter-spacing: 0.2em;
		}

/* HEADER TAGS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#header {
	height: 33px;
	padding-top: 65px;
	padding-bottom: 16px;
	}
	
#mainmenu {
	text-transform: uppercase;
	position:  relative;	
	height: 20px;
	margin-top: 5px;
	margin-bottom: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 1.10em;
	letter-spacing: 0.2em;
	line-height: 1.1em;
	}

.menu li {
	list-style: none;
	display: inline;
	margin-bottom: 5px;
	}

#mainmenu .menu li a {
	text-decoration: none;
	color: #666666;
	padding: 5px 15px 7px 15px;
	}

#mainmenu .menu .current_page_item a,
#mainmenu .menu .current_page_ancestor a,
#mainmenu .menu .current_page_parent a {
	color: #444444;
	background: #f0a514;
	}

#mainmenu .menu li a:hover {
	color: #444444;
	background: #f0a514;
	}	

/* FILM PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	#inline {
		width: 720px;
		display: inline-block;
		}
		
	#inline .subnav {
		float: left;
		width: 166px;
		padding-right: 12px;
		}

	#inline .subnav li {
		font-size: 14px;
		list-style: none;
		text-transform: uppercase;
		padding-bottom: 20px;
		}

	#inline .subnav li a {
		color: #999999;
		text-decoration: none;
		}

	#inline .subnav li a:hover {
		color: #999999;
		text-decoration: none;
		}

	#inline .subnav li ul li {
		font-size: 14px;
		list-style: none;
		text-transform: none;
		padding-bottom: 2px;
		padding-left: 4px;
		}
	
	#inline .subnav li ul li a {
		color: #666666;
		text-decoration: none;
		}
	
	#inline .subnav li ul li a:hover {
		color: #f0a514;
		}

	#inline .subnav .current_page_item a {
		color: #f0a514;
		}

	#inline .content {		
		float: left;
		width: 530px;
		display: block-inline;
		}
		
/* INDEX & PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


	#blog h1 {
		text-decoration: none;
		margin-bottom: 3px;
		}

	#blog .post {
		padding-bottom:30px;
		color: #666666;
		}
		
	#navigation .alignleft a {
		padding-bottom: 20px;
		padding-right: 166px;

		text-decoration: none;
		color: #f0a514;
		font-size: 20px;
		}

	#navigation .alignright a {
		padding-bottom: 20px;
		padding-left: 166px;

		text-decoration: none;
		color: #f0a514;
		font-size: 20px;
		}

	#fullpage {
		display: inline-block;
		}

	#fullpage p { 
		color: #666666;
		}
		
/* CAPTIONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	
	.wp-caption {
		text-align: center;
		background-color: #000000;
		padding-top: 4px;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 6px;
		margin-bottom: 5px;
		}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
		}
	
	.wp-caption p.wp-caption-text {
		font-family: 'Arial Narrow', 'Helvetica', 'Century Gothic'; 
		font-weight: normal;
		color: #999999;
		font-size: 12px;
		text-align: left;
		line-height: 18px;
		padding: 0 5px 4px;
		margin: 0;
		}


/* FOOTER TAGS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	#footer {
		border-top: 1px solid #1f1f1f;
		margin-top: 30px;
		padding-top: 3px;
		margin-bottom: 30px;
		font-size: 10px;
		}

	#footer a {
		color: #666666;
		}
		
	#footer ul li {
		display: inline;
		margin-right: 5px;
		}	
		
/* SINGLE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}
	
	#commentform {
		margin: 5px 10px 0 0;
		}

	#commentform textarea {
		width: 100%;
		padding: 2px;
		}

	#respond: after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}

	#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}
	
	.alt {
		margin: 0;
		padding: 10px;
		}
	
	.commentlist {
		padding: 0;
		text-align: justify;
		}
	
	.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;
	
		}
	.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
		}
	
	.commentlist p {
		margin: 10px 5px 10px 0;
		}

	.children { padding: 0; }
	
	#commentform p {
		margin: 5px 0;
		}
	
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}
	
	.commentmetadata {
		margin: 0;
		display: block;
		}
		
		
/* STEPCAROUSEL ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
#slideshow{
	display:block;
	}

#mygallery {
	}

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 700px; /*Width of Carousel Viewer itself*/
	height: 357px; /*Height should enough to fit largest content's height*/
	}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 0px;
	}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	border: 0px;
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin-right: 0px; /*margin around each panel*/
	width: 700px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}

.stepcarousel .text {
	padding-top:10px;
	padding-left:15px;
	background: url("images/banner-bg.png") ;
	border-bottom: 1px solid #1f1f1f;
	height: 22px;
	}
	
#mygallery-paginate {
	height: 15px;
	margin-top:0px;
	padding-right:15px;
	}

.clear {
	clear: both;
	}

.top {
	top: 0;
	left: 0;
	}

.bottom {
	bottom: 0;
    left: 100;
	}

ul { 
	list-style-type: none;
	}