/* Overview
----------------------------------------------- 
    
Author: Michael Murphy
Date : Dec 2009
Base url : /assets/templates/silkeandpatricia/
Scripts : /assets/templates/silkeandpatricia/scripts/
Flash : /assets/templates/silkeandpatricia/flash/


-----------------------------------------------*/


 
/* Typography
-----------------------------------------------

fonts
body	Georgia 16px
title		Bree SP 30px
mini		verdana 11px

font colors
standard: black
titles and links: turquoise #0094A9
active: pink #FF0099


-----------------------------------------------*/


/* Typefaces
-----------------------------------------------
Bree
-----------------------------------------------*/




@font-face {
	font-family: "BreeSP";
	src: url("/assets/templates/silkeandpatricia/type/BreeSPThin.eot");
	src: local("Bree SP Thin Thin"), local("Bree-SP-Thin"),
		url("/assets/templates/silkeandpatricia/type/BreeSPThin.woff") format("woff"),
		url("/assets/templates/silkeandpatricia/type/BreeSPThin.otf") format("opentype"),
		url("/assets/templates/silkeandpatricia/type/BreeSPThin.svg#Bree-SP-Thin") format("svg");

}

/* Colors
-----------------------------------------------

background color: #DEE8EC

link colours
visited link colours
hover link colours


-----------------------------------------------*/


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

Main Logo - /assets/images/website/silkeandpatricia-logo.png (268 x 61)


Main Background image (gradient)- /assets/images/website/background-main.png
Flower Background image - /assets/images/website/background-flower.png

Filter List Flower Bullet - /assets/images/website/flower-filter.png
Start Flower Icon - /assets/images/website/flower-start.png 


images (main content): 660 x 300 px
images (models): 124 x 124 px
images (events): 268 x 124 px


-----------------------------------------------*/





/* Globals
-----------------------------------------------*/

body { 
background-color:#DEE8EC;
background-image:url('/assets/images/website/background-main.jpg');
background-position: top right;
background-repeat:no-repeat;
font: 16px/1.4 Georgia, Palatino, "Times New Roman", Times, serif;
}


.container {
	
	background-image:url('/assets/images/website/background-flower.png');
	background-position: top ;
	background-repeat:no-repeat;	
}


body.section-home .container {
	background-image:url('/assets/images/website/background-home.png');
}

body.section-main .container {
	background-image:url('/assets/images/website/background-main.jpg');
}


body.section-flower .container {
	background-image:url('/assets/images/website/background-flower.png');
}

body.section-inspiration .container {
	background-image:url('/assets/images/website/background-ourmodels.png');
}

body.section-core .container {
	background-image:url('/assets/images/website/background-ourcore.png');
}

body.section-services .container {
	background-image:url('/assets/images/website/background-foryou.png');
}

body.section-contact .container {
	background-image:url('/assets/images/website/background-contact.png');
}

body.section-about .container {
	background-image:url('/assets/images/website/background-aboutus.png');
}







/* Headings
-----------------------------------------------*/


h1,h2,h3,h4,h5,h6 { font-weight: normal;  }


h1 {
	font-family:"BreeSP","Helvetica Neue",Helvetica,arial,sans-serif; color:#0094A9; font-weight:normal; font-size:30px; line-height:1.2;
	border-bottom: 1px solid #0094A9;
	margin-top: 24px;
}

h2 {
	font-family:"BreeSP",Georgia,"Helvetica Neue",Helvetica,arial,sans-serif; color:#0094A9; font-weight:normal; font-size:24px; line-height:1.2;
	margin-top: 20px;
	margin-bottom: 3px;
}

h3 {font-family:"BreeSP","Helvetica Neue",Helvetica,arial,sans-serif; color:#0094A9; font-weight:normal; font-size:24px; line-height:1.2;
}

h4 {  }
h5 {  }
h6 {  }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}






/* Text elements
-----------------------------------------------*/

a:link, a:visited, a:hover, a:active {color:#0094A9;
}

a:focus, 
a:hover     {  }
a           { }

p {margin:0 ;}
p + p {margin-top:8px;}


blockquote  {  }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }


/* Lists
-----------------------------------------------*/ 

li ul, 
li ol       {  }
ul, ol      {  }

ul          {  }
ol          {  }

dl          {  }
dl dt       { }
dd          { }

ul, 
ul li {margin-left:0;}




/* Header
-----------------------------------------------*/

div#header {overflow: hidden;}


div#logo {
background: url('/assets/images/website/silkeandpatricia-logo.png') no-repeat;
 
margin-top:40px;
height: 110px;
width:988px;
position:relative;
z-index:2;
        
}

div#logo p {
text-indent: -5000px;
}

div#logo a span {
display:none;
}

div#logo a {display:block; height:61px; width:268px;}


div#motto {
	font-family:"BreeSP","Helvetica Neue",Helvetica,arial,sans-serif;

	color:#000; letter-spacing:0; font-weight:normal; font-size:30px;line-height:1.1;
	margin-bottom:70px;
	
}

div#motto h1 {
margin-bottom:0;
border-bottom:none;
}

div#logo-motto {width:478px; float:left;}




div#animation {width:468px;float:left;}




body#start .container {background-image:none;}


/* Navigation
-----------------------------------------------*/

li.active a {color:#FF0099}

div#main-navigation li.active a {color:#FF0099; padding-bottom:12px; background-color:#FFF;}


div#main-navigation
{
padding: 3px 0;
margin-left: 0;
font-family:"BreeSP","Helvetica Neue",Helvetica,arial,sans-serif;
font-size:16px;
}


div#main-navigation ul
{
margin:0;
padding-left:0;
}


div#main-navigation li
{
display: inline;
list-style-type: none;
}


div#main-navigation li
{
list-style: none;
margin: 0;
display: inline;
}


div#main-navigation li a
{
padding:3px 6px;
margin-left: 1px;

border-bottom: none;
background-color: #eff4f5;

background: rgb(239, 244, 245);
background: rgba(255, 255, 255, .6);

text-decoration: none;
}


div#main-navigation li a:hover
{
color: #FF0099;
background-color: #FFF;

}


/* Second Level of Main Navigation 
-----------------------------------------------*/




div#main-navigation ul li ul {

display:none}

div#main-navigation {position:relative; width:700px; height:25px;}

div#main-navigation ul li.active ul {

display:block;

margin-left:16px;
padding:0;
position:absolute;
top:35px;
left:0;


}

div#main-navigation ul li.active ul li a {

padding:0 8px 0 4px;
background-color: #FFF;
border-right:1px solid #0094A9;
color:#0094A9;

}

div#main-navigation ul li.active ul li a:hover {

color:#FF0099;

}

div#main-navigation ul li.active ul li.active a {

color:#FF0099;

}


div#main-navigation ul li.active ul li.last a {

border-right:none;

}

/* Flower start item 
-----------------------------------------------*/

div#main-navigation li.start a  {
	background-image:url('/assets/images/website/flower-start.png');
	background-position:50% 4px;
	background-repeat:no-repeat;
	height:20px;
	width:20px;
	margin:0;
	padding:2px;
	
}

div#main-navigation li.start a:hover,
div#main-navigation li.start.active a   {
	background-image:url('/assets/images/website/flower-start.png');
	padding-bottom:10px;
	background-position:50% -28px !important;
	
}


div#main-navigation li.start a span {visibility:hidden;}



/* Side Navigation
-----------------------------------------------*/


div#side-navigation 
{
font-family:"BreeSP","Helvetica Neue",Helvetica,arial,sans-serif;

text-align:right;
	
text-transform:uppercase;
	font-size: 13px;
	height:25px;
	padding:6px 0 0;
}


div#side-navigation ul
{
margin:0;
padding:0;

}

div#side-navigation li
{
display: inline;
list-style-type: none;
padding-left:4px;
}

div#side-navigation li a
{
text-decoration: none;
border-right:1px solid #0094A9;
padding:0 8px 0 4px;
}

div#side-navigation li.yams_lang_de a
{
border-right:none;
padding-right:0;

}
div#side-navigation li a:hover
{
color:#FF0099;
}

div#side-navigation li.active {color:#FF0099;}





/* Main Content
-----------------------------------------------*/

div#main-content {
	padding-left:20px; 
	padding-top:30px; 
	padding-right:20px; 
	padding-bottom:20px; 
	margin-bottom:20px; 
	background-color:#FFF;
	float:left;
	width:660px;}


div#main-content p {margin-right:124px;
}

div#main-content h1 {margin-bottom:20px;
}



div#main-content ul
{
margin-left:0;
padding:4px 0;

}

div#main-content li
{
list-style-type: none;
padding:0 2px 0 18px;

background-image: url('/assets/images/website/flower-filter.png');
background-repeat:no-repeat;
background-position:0 4px;

}




div#main-content.stream {padding-top:0;} 



/* Stream Navigation
-----------------------------------------------*/

div#stream ul {margin:0}



div#stream-navigation
{
	
padding:3px 0;
}


div#stream-navigation ul
{
margin-left:0;
padding-left:0;

}

div#stream-navigation li
{
font-family:Geneva, Verdana, sans-serif;
font-size:13px;

display: inline;
list-style-type: none;

}

div#stream-navigation li a
{
font-family:"BreeSP","Helvetica Neue",Helvetica,arial,sans-serif;
font-size:16px;
text-decoration: none;
padding:0 2px 0 18px;

background-image: url('/assets/images/website/flower-filter.png');
background-repeat:no-repeat;
background-position:0;

}


div#stream-navigation li a:hover
{
text-decoration: underline;
}



/* Stream
-----------------------------------------------*/



body#stream,
div#stream-content,
iframe {background-color:#FFF; }


div#stream-content {padding-right:20px;}

p#viewing{padding:20px 0 10px;}


ul#activity li {}

div.meta { border-top:1px solid #0094A9; font-size:12px;}

div.meta a {text-decoration:none;}
div.meta a:hover {text-decoration:underline;}

span.date {}
span.author a {color:#222222;}
div.title h3 {margin-bottom:8px; margin-right:124px;}

div.title h3 a {text-decoration:none;}
div.title h3 a:hover {text-decoration:underline;}

div.description {color:#000; margin-right:124px;}

div.description p {font-size:16px; }

div.description p a {text-decoration:none;}
div.description p a:hover {text-decoration:underline;}

span.more {}
span.more a { text-decoration:none;}
span.more a:hover {text-decoration:underline;}


ul#activity li {background-color:#FFF;margin:30px 0;}


div#pagination {
margin-top:100px;

}

/*Stream Icons for different posts (not currently being used)*/



/*Bookmarks*/

ul#activity li.bookmark {
background-image:url('../images/icons/book-open-bookmark.png');
}



/*Video*/

ul#activity li.video {
background-image:url('../images/icons/camcorder.png');}


/*Twitter*/

ul#activity li.twitter {

background-image:url('../images/icons/balloon-quotation.png');}


/*Applications*/

ul#activity li.application {
background-image:url('../images/icons/application-terminal.png');}

/*Pictures*/

ul#activity li.picture {
background-image:url('../images/icons/picture-sunset.png');}








/* Side Content
-----------------------------------------------*/

div#side {}

div#side-content {}

div.side-image {line-height:0;}




/* About
-----------------------------------------------*/

div#about {}

div#about a {text-decoration:none;}
div#about a:hover {text-decoration:underline;}

div.vcard {
background-color:#FFF;
padding: 10px 10px 5px;
margin-bottom: 10px;
min-height:63px;
}

div.vcard h3 {margin-bottom:0;}

abbr {}

div.vcard p {
	font-size: 13px;
}
div.vcard img {float:right;}

div.vcard span a img {float:none;}



span a.url {
	font-size: 13px;
	display:block;
}

a.twitter {
background-image:url('/assets/images/website/logo_twitter.png');
background-repeat:no-repeat;
background-position:0;
padding:0 0 0 18px;
}

a.facebook {
background-image:url('/assets/images/website/logo_facebook.png');
background-repeat:no-repeat;
background-position:0;
padding:0 0 0 18px;
}

a.rss {
background-image:url('/assets/images/website/logo_rss.png');
background-repeat:no-repeat;
background-position:0;
padding:0 0 0 18px;
}


/* Details
-----------------------------------------------*/

div#details {padding:0; color:#0094A9; font-size:10px;}




/* Events
-----------------------------------------------*/


div#events {background-color:#FFF;padding: 5px 10px; margin-bottom: 10px; }


div#events div.active {background-color:#e4f0f3;}


div#events a {text-decoration:none;}
div#events a:hover {text-decoration:underline;}

div#events h3 { border-bottom:1px solid #0094A9;
	margin-bottom: 0;
	padding-bottom:6px;
}

div#events h3 a:hover { text-decoration:none;;
}


div.vevent {border-bottom:1px solid #0094A9;
	padding-top: 4px;
	padding-bottom:6px;
	line-height: 1.2;
	font-size: 13px;
}

div.events-more {text-align:right;
	font-size: 13px;
}

span.summary {display:block;}
span.summary a {color:#000 !important;}

span.dtstart {display:block; color:#0094A9;}

span.location,
span.attach {display:none;}



/* Event Page
-----------------------------------------------*/

span.register {
font-family:"BreeSP","Helvetica Neue",Helvetica,arial,sans-serif;
font-size:20px;
font-weight:normal;
line-height:1.2;
left:552px;
position:relative;
top:-50px;
}

span.register a{
text-decoration:none;
}

div.model {clear:both; margin-bottom:20px; disaplay:block; min-height:130px;}
div.model-title {float:left;width:504px;}
div.model-title h2 {margin-top:0;border-bottom:1px solid #0094A9;}

div.model blockquote {color:#0094A9; font-style:italic; padding:10px 0;}
div.model blockquote cite {font-size:12px; font-style:normal; font-weight:bold; clear:both;}


div.model-description {float:left;width:504px; padding-bottom:20px;}

div.model-description p {margin-right:0 !important;}

div.model-image {float:left;width:124px;margin-right:20px;margin-top:8px; height:100px;}



/* Newsletter
-----------------------------------------------*/


div#newsletter {
margin-bottom: 10px;
padding: 5px 10px;
background-color:#FFF;
}

div#newsletter input.text, input.title {
padding:3px;
width:180px;
}

label {
font-weight:normal;
font-size:13px;
padding:3px;
float:left;
width:50px;
}

div.buttonContainer{
text-align: right;
}