/*
Theme Name: Tempo Toronto
Theme URI: http://tempotoronto.com
Description: This is the hot new theme for Tempo Toronto
Version: 2.0
Author: Barranger Ridler
Author URI: http://4mkdesign.com
Tags: clean, tempo, toronto, tempo toronto
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/widgets.css";

html {
    background-color: #C9CBCC;
}
body {
    text-align:center;
    font-family:"Myriad Pro", "Myriad Web Pro";
    font-size:14px;
}
.main         {width:1038px !important; width:922px;}
.columns      { float:left; padding:10px; position:relative; z-index:100; overflow:auto;}
.float        {float:left; display:inline;}
/*.topBottomBdr {border:#000 solid; border-width:1px 0px 1px 0px;}
#float  {background-color:#CCC;}
.leftRightBdr {border:#000 solid; border-width:0px 1px 0px 1px;}
.content      {padding:5px;}*/
#wrap   {margin-left:auto; margin-right:auto; text-align:left;}

#center {margin-left:205px; margin-right:245px; /*width:500px!important;*/ position:relative;}
#left   {margin-left:-198px; width:180px;}
#right  {margin-right: -328px; float:right; width:310px;}

#header {
    background-position:center top;
    background-repeat:no-repeat;
    height:165px;
    padding-left:30px;
    width:100%;
}

#partnership img {
  margin-top: 8px;
 /* width: 527px;*/
}

#footer 
{
    width:100%;
    height:260px;
    background-color: #f5f5f5;
    margin-top: 20px;
}

#header ul {
    white-space:nowrap;
    list-style-type:none;
    padding:0;
    margin:0;
}

#header li {
    display:inline;
    margin: 0.5px;
}

#first_menu {
    top: 124px;
    left: 90px;
    position: relative;
}

#second_menu {
    top: 87px;
    left: 232px;
    position: relative;
}

#cathead {
   /* width: 100%;*/
    background-color: #f5f5f5;
    margin-bottom: 20px;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #808080;
}

#cathead a {
    text-decoration: none;
    color: #808080;
}

.post_box {
    background-color: #f5f5f5;
    padding: 10px;
    width: 100%;
}

.post_box a {
    text-decoration: none;
    color: #959595;
}

.post {
   /* width: 100%;*/
    background-color: #f5f5f5;
    padding: 10px;
    margin-bottom: 20px;
}

.post p {
    margin-bottom: 15px;
}

.post img {
    margin: 5px;
}

.post a {
    text-decoration: none;
}

.rwidget, #events-calendar {
    margin-bottom: 10px;
    background-color:#e9e9ea;
    text-align: center;
    z-index: 100;
	
}

.rwidget {
  width: 310px;
}
#text-4, #text-5 {
  background-color: #E9E9EA;
   margin-top: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.widget_polls-widget, .logout, .widget_recent_entries, .widget_text, #events-calendar, .Advman_Widget, .widget_categoryposts, #text-4{
   
	 -moz-box-shadow: 3px 3px 4px #959595;
  -webkit-box-shadow: 3px 3px 4px #959595;
  box-shadow: 3px 3px 4px #959595;
	/* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#959595')";
	/* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#959595');
}

.lwidget {
    margin-bottom: 10px;
    
    text-align: center;
    z-index: 100;
}

.rwidgettitle {
    text-align: left;
    padding-left: 10px;
}

.VideoCaption {
    padding-left:5px;
    text-align:center;
    font-weight: bold;
    font-size: 14px;
	
}

h1 {
    font-size: 24px;
    color: #990066;
}

h1  a{
    font-size: 24px;
    color: #990066;
    text-decoration: none;
}

.post h1 {
    margin-bottom: 15px;
}

h2 {
    font-size: 18px;
    color: #990066;
}

/***************
 * Membership Page
 ****************/
#left-side {
    position:relative;
    top:0px;
    float: left;
    width:220px;
    padding: 5px;

}
#right-side {
    position:relative;
    top:0px;
    float: right;
    width:230px;
    padding: 5px;
}

#member {
    width: 100%;
    background-color: #f5f5f5;
    margin-bottom: 20px;
    height: 900px;
}

#member label {
    font-size: 14px;
    font-weight: bold;
    color: #808080;
}  

#rosesmallbox #pinkheader {
    background-color:#ca8878;
    margin-bottom:5px;
    padding:5px;
}
#pinkheader {
    background-color:#60605b;
    margin-bottom:10px;
    padding:5px;
}

#pinkheader h1 {
    color: white;
	font-size: 20px;
	font-weight: normal;
}

.button {
    background:none repeat scroll 0 0 #AA0057;
    border:0 none;
    color:white;
    font-weight:bold;
    height:25px;
    width:100px;
}

#main-page {
    width: 520px;
}

#mainpage li {
    list-style: disc outside;
    color: #AA0057;
    margin-left: 20px;
}

#mainpage li a {
    color: black;
    text-decoration: none;
    font-size: 14px;
    /*font-weight: bold;*/
}

.Inspiration {
    background-image:url("style/images/inspiration.jpg");
    background-repeat: no-repeat;
}
.Style {
    background-image:url("style/images/style.jpg");
    background-repeat: no-repeat;
}
.Destinations {
    background-image:url("style/images/destinations.jpg");
    background-repeat: no-repeat;
}

.Giving_Back {
    background-image:url("style/images/givingback.jpg");
    background-repeat: no-repeat;
}

.At_Home {
    background-image:url("style/images/athome.jpg");
    background-repeat: no-repeat;
}

.Living {
    background-image:url("style/images/living.jpg");
    background-repeat: no-repeat;
}

.Out_AND_About {
    background-image:url("style/images/outabout.jpg");
    background-repeat: no-repeat;
}

.white {
    color: white;
    margin-bottom: 20px;
}

.rounded_shadow {
 
}

#rosefeature {
    width: 528px;
    background-color: #ffe3a6;
    height: 435px;
	/* -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/
	margin-top: 8px;
}

#feature {
    width: 528px;
    background-color: #f5f5f5;
    padding-bottom: 10px;
    height: 220px;
	/* -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/
	margin-top: 8px;
}

#videodiv h1 {
  text-align: left;
  margin-left: 10px;
  margin-bottom: 2px;
  font-size: 30px;
  color:#AA0057;
  }
 
.widget_categoryposts {
  background-color: #ca8878;
  padding: 2px 2px 15px;
  text-align: left;
  width: 176px;
}
#rosevideodiv h1 {
  text-align: left;
  margin-left: 6px;
  color:white;
  }
#rosevideodiv .VideoCaption {
    padding-left:5px;
    text-align:center;
	width:80%;
	margin-left:60px;
	margin-top: -25px;
    font-weight: bold;
    font-size: 14px;
	color: white;
}
#rosevideodiv .vid {
  border: 8px solid white;
  height: 300px;
  margin-left: 12px;
  width: 480px;
  margin-top: -3px;
}

#rosevideodiv {
    height: 438px;
	background-color: #CA8878;
	text-align: center;
	width: 522px;
	border: 3px solid #CA8878;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	
}  
  
#videodiv {
    height: 420px;
	background-color: #E9E9EA;
	text-align: center;
	width: 523px;
	border: 3px solid #AA0057;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	
}

.vid {
  border: 8px solid #AA0057;
  height: 300px;
  margin-left: 12px;
  width: 480px;
  margin-top: -3px;
}

#feature h1 {
  color: white;
}

.featuredleft img, .featuredright img {
    height: 160px;
    width: 160px;
    float:left;
    margin: 5px;
    padding-right: 15px;
}

.featuredleft {
    /*position:relative;*/
    top:0px;
    float: left;
    width:500px;
    padding: 5px;

}
.featuredright {
    /*position:relative;*/
    top:0px;
    float: right;
    width:250px;
    padding: 5px;
}

.featurehead  a{
    font-size: 14px;
    color: #990066;
    text-decoration: none;
    font-weight: bold;
}

#footer .parent li {
    margin-top: 10px;
} 

#footer .child li {
    margin-top: 0px;
}

#footer .parent li a {
    font-weight: bold;
    color: #959595;
    text-decoration: none;
}

#footer .child li a {
    font-weight: normal;
    color: #990066;
    text-decoration: none;
}

.ful li a {
    font-size: 16px;
    font-weight: bold;
    color: #990066;
    text-decoration: none;
}

#ff a {
    color: #990066;
    text-decoration: none;
}

#ff {
    color: #959595;
}

.big {
    font-weight: bold;
}

.tgs a {
    color: #959595;
    text-decoration: none;
}

.hor_advert {
    margin-bottom:15px;
    text-align:center;
    /*width:520px;*/
}

.hor_advert a img {
    width: 588px;
}

.widget_recent_entries {
    text-align:left;
    background-color: #60605b;
    padding: 2px 2px 15px 2px;
    width: 176px;
}

.widget_recent_entries h2, .widget_categoryposts h2 {
    color:white;
    margin-bottom: 10px;
	text-align: center;
	font-size: 22px;
	font-style: italic;
}


.widget_recent_entries li, .widget_categoryposts li {
    list-style: none; /*disc outside; */
    color: white;
    margin-left: 10px;
    margin-bottom: 5px;
}
.widget_categoryposts li a {
	text-decoration: none;
	color: white;
}
.widget_recent_entries a { 
    text-decoration: none;
    color: white;
    font-size: 14px;
    line-height: 12px;
}

#event_tell_us  a{
    text-decoration: none;
    color: #636363;
    font-weight: bold;
}  

.drag {
    padding: 8px;
    z-index: 9999;
    background-color: #f5f5f5;
    text-align: center;
    margin-bottom: 10px;
}

.drag img {
    z-index: 9999;
    position: relative;
}

#logout {
    text-align: center;
    margin-bottom: 10px;
}

#logout a {
    color:#990066;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}

.widget_polls-widget {
    background-color: #F5F5F5;
    border:2px solid #AA0057;
    padding:5px;
}

.contest_panel {
    display: none;
}

.video_panel, .rose_video_panel {
    display: none;
	margin-top: -3px;
}



#videodiv h2 {
    text-align: left;
    padding-left: 5px;
}

.contest {
    width: 152px;
    min-height: 140px;
    border-left: 12px solid #AA0057;
    border-right: 12px solid #AA0057;
    border-bottom: 12px solid #AA0057;
    /*background-color: white;*/
    margin-bottom: 10px;
    margin-top: 5px;
}

.contest_title {
    text-align: center;
}

#advman-3 {
    padding: 0px;
    background-color: transparent;
}

.featurediv {
    display: none;
}