/* CSS file for Outside-Ideas.com */
/* Written by Christopher Jinks - June 2008 */
/* Contact: mail@southcoastwebsites.co.uk */

/* basic elements */

body 
	{
		margin:0px;
		padding:0px;
		font-family:Verdana, "Trebuchet MS", Arial;
		font-size:11px;
		color:#333333
	}

h2
	{
		padding:10px 0px 0px 0px;
		margin:0px;
		font-size:16px;
	}
	
h3
	{
		padding:3px 0px 3px 0px;
		margin:0px;
		font-size:16px;
		color:#999999
	}
	
p
	{
		padding:4px 0px;
		margin:0px;
	}
	
a:link, a:visited
	{
		text-decoration:none;
		font-weight:bold;
		color:#64bbf4;	
	}

a:hover
	{
		text-decoration:underline;
	}
	
#pageMenu 
	{ 
		width: 800px; 
		height: 51px;
	}

#menu
	{
		list-style-type: none;
     	list-style-position:outside;
     	position: relative;
     	margin: 0;
     	padding: 0;
	}
	
#menu li
	{
		display: block;
		overflow: hidden;
		padding: 0;
		cursor: pointer;
		float: left;
		height: 51px;
		margin-right: 0px;
		background-image: url(http://www.outside-ideas.com/site_elements/images/menu.jpg);
		background-repeat:no-repeat; 
	}

#menu li#home
	{
		width:75px
	}

#menu li#us
	{
		width:100px
	}
	
#menu li#you
	{
		width:112px
	}

#menu li#together
	{
		width:148px
	}

#menu li#ideas
	{
		width:120px
	}

#menu li#smile
	{
		width:85px
	}

#menu li#blog
	{
		width:160px
	}

#menu li a
	{
		display:block;
		height:51px;
		text-indent:-9999px;
		outline:none;
	}
	
#OIsidebar
	{
		float:right; 
		width:200px; 
		margin:0 0 0 5px; 
		color:#666666
	}

/*
#OIsidebar a:link, #OIsidebar a:visited, #OIsidebar a:hover
	{
		color:#a8b5bd
	}
	*/	
#breadcrumbs
	{
		height:16px; line-height:16px; padding:0 0 0 3px; color:#CCCCCC;
	}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover
	{
		color:#CCCCCC; 
	}
	
/* Normal menu link state */	
	
#home
	{
		background-position:0px 0px;
	}

#us 
	{
		background-position:-75px 0px;
	}

#you 
	{
		background-position:-175px 0px;
	}

#together 
	{
		background-position:-287px 0px;
	}
	
#ideas
	{
		background-position:-435px 0px;
	}

#smile
	{
		background-position:-555px 0px;
	}
	
#blog 
	{
		background-position:-640px 0px;
	}
	
	
		
/* Rollover menu link state */	

#home:hover
	{
		background-position:0px bottom;
	}

#us:hover 
	{
		background-position:-75px bottom;
	}

#you:hover 
	{
		background-position:-175px bottom;
	}

#together:hover 
	{
		background-position:-287px bottom;
	}
	
#ideas:hover 
	{
		background-position:-435px bottom;
	}

#smile:hover 
	{
		background-position:-555px bottom;
	}
	
#blog:hover 
	{
		background-position:-640px bottom;
	}
	
.blue
	{
		color:#00adef;
		font-weight:bold
	}	
	
.testName
	{
		font-weight:bold; 
		color:#666666; 
		padding-top:5px
	}
	
.testPosition
	{
		font-size:10px
	}

.fieldName
{
	padding-top:3px
}

.blueText
{
	color:#00adef;
	font-weight:bold
}

/* Wordpress blog styling */	
	
	
#sidebar
	{
		margin-left:610px; width:180px;
	}
	
.narrowcolumn
	{
		float:left; width:570px;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

.postmetadata
	{
		color: #777;
		padding:5px;
		background-color:#F8F8F8;
		margin:10px 10px 30px 10px
	}
	
	
	
	
/* Hover text css */

#popup a, #popup a:visited {
position: relative;
display: inline;
width: 10px;
text-align: right;
padding: 0 5px;
margin: 0;
text-decoration: none;
}

#popup a span {display: none;}

#popup a:hover { background-color: #e9e9e2; }

/* the IE correction rule */
#popup a:hover	{
color: #f00; background-color: #e9e9e2;
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: inline;
position: absolute;
top: 0px;
left: 20px;
width: 320px;
margin: 0px;
padding:5px;
color: #335500;
font-weight: normal;
background: #FFFFFF;
text-align: left;
font-size:11px;
border:1px solid #CCCCCC
}