/*

Theme Name: VickyDaviesTheme
Theme URI: http://www.vickydavies.co.uk/
Description: A custom theme desiged for http://www.vickydavies.co.uk/
Author: Tim Aidley
Author URI: http://www.aidley.com/
Version: 0.01
 
Copyright 2008 Cerise UK Ltd
 
*/



/* 	This style centres the main block (850 pixels across) in the middle of the
		page.
*/

@import "css/ydsf.css";

body {
	background : #e0e0f0;
	background-image : url(/wp-content/themes/vickydaviestheme/images/background.png);
	font-family : Century Gothic, Avant Garde, Avant Garde Gothic, Verdana, Arial, sans-serif;
	font-size: smaller;
}

#container {
	margin: auto;
	margin-top: 75px;
  width: 750px;
	background : #fff;
}

#logo {
	position : relative;
	top : -60px;
	left : -45px;
	/*margin-left: -50px;
	margin-top: -50px;*/
	margin-bottom: -126px;
	width : 158px;
	height : 126px;
	z-index : 100;
	/*
	background : no-repeat bottom center url(/wp-content/themes/vickydaviestheme/images/VickyDaviesLogo.png);
	*/
}

#carousel {
	width: 460px;
	height: 135px;
	border: 1px solid #aaa;
	border-top-width: 0px;
}

/* 	Header containing title graphic
*/

#header{
	/*width : 850px;*/
	height : 150px;
	/*
	top : 0px;
	position : absolute;
	*/
}



/* 	Main area that contains the postings. It is represented by a sheet of paper.
*/
/*
#mainarea{
	width : 750px;
	top : 75px;
	left : 50px;

	margin-bottom: 100px;
	position : absolute;
	z-index : 20;
	background : #fff;
}
*/

#mainareatext{
	/*padding : 30px; */
	padding-left: 20px;
	/* padding-top: 50px; */
	margin-right: 225px;
}

#mainareatop{
	/* position : relative; */
	margin-top : -20px;  /* Why 20 instead of 25? */
	width : 750px;
	height : 25px;
	left : 100px;
}

/* footer */
#footer{
	/*float: bottom; */
	clear: both;
}


/*	This is the navbar at the top of the paper that links to general pages;
		For example: Home, About Us, Contact etc
*/
#topnavbar{
/*
	padding-bottom : 10px;
	left : 75px;;
	position : absolute;
	*/
	
	padding: 5px;
	padding-left: 75px;
	//font-family : Century Gothic, Avant Garde, Avant Garde Gothic, Verdana, Arial, sans-serif;
	//font-weight : normal;
}

/*	Now this list class is for the top bar */
#topnavbar ul{
	list-style : none;
	padding : 0 30px;
}

#topnavbar li{
	display : inline;
	margin : 0 8px;
	font-size : 27px;
	color: #888;
	/* font-family : Georgia; */
}


#topnavbar li a{
	color: #888;
}

#topnavbar li a:link{
	color: #888;
}

#topnavbar li a:visited{
	color: #888;
}

#topnavbar li a:hover{
	color: #aaa;
}


/*	This bar contains lists of articles, links etc.
		Each type will have its own little scrap of paper...
*/
#sidebar{
	float: right;
	width: 225px;

	/*
	width : 225px;
	top : 100px;
	left : 525px;
	position : absolute;
	z-index : 50;
	*/
}

a{
	color: #888;
}

a:link{
	color: #aaa;
}

a:visited{
	color: #888;
}

a:hover{
	color: #88c;
}

h2 a{
	text-decoration: underline;
}

h2 {
	color: #888;
	text-decoration: underline;
}

h3 {
	color: #888;
}

a img {
	border: none;
}




#myGallery{
	background-color : #fff;
}

.slideElement{
	background-color : #fff;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */