/* ------------------------------------------- Defaults */

body {
	margin:0;
    padding:0;
	background: #fff url('images/runner-page.png') repeat-y 50% 0%;
    font-family:"Verdana", sans serif, serif;
    font-size: 10pt
}

#inner-body {
	margin:0;
	padding:0;
	background: url('images/bg-page.png') no-repeat 50% 0%;
}

#div-soup {
	margin:0;
	padding:0;
	background: url('images/bottom-page.png') no-repeat 50% 100%;
}
	
div, form, h1, h2, h3 {
	margin: 0;
	padding: 0;
	border: 0px none; 
}

a {
      color: #790014;
      text-decoration: underline; 
}
	
a:hover {
      text-decoration: underline; 
}

h1, h2, h3, h4 {
	color: #000000;
	margin: 5px 0;
	font-family: "Tahoma", "Arial", sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
     

/* ------------------------------------------- Container */

#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
    padding:0;
}

/* ---------------------------------------------- Header */

#header {
	height: 88px;
	position: relative;
	width: 1000px;
    background:#fff url('images/header.jpg') no-repeat 3% 0%;
}

    ul#topmenu {
          margin:0;
          padding:0;
          list-style:none;
          float:right;
          margin-right:25px;
    }
    
        ul#topmenu li {
              float:left;
              margin:0;
              padding:3px 10px;
        }
      
            ul#topmenu li a {
                  text-decoration:none;
                  font-size:10pt;
                  color:#000;
            }
          
            ul#topmenu li a:hover {
                  color:#669933;
            }

/* ---------------------------------------------- Sub Header */

#subheader {
        height:49px;
        position:relative;
        width:1000px;
        background: url('images/cke-page.png') no-repeat 95% 0%;
}


/* ---------------------------------------------- Content */

#content {
		position: relative;
		margin-top:17px;
        padding-top:5px;
        padding-left:30px;
}

      #content #left {
            width: 580px;
            float: left;
			margin:0;
			padding:0px 20px 0px 15px;
      }
    
            #left h1 {
                  font-size:18pt;
                  color:#570210;
                  margin:15px 0px 5px 0px;
                  padding:4px 0px 5px 0px;
            }

			#left h2 {
				font-size:16pt;
			}
			
			#left h3 {
				font-size:14pt;
			}
			
			#left h4 {
				font-size:12pt;
			}
          
            #left ul#posts {
                  list-style:none;
                  margin:0;
                  padding:0;
                  margin-left:40px;
            }

			#left #post_wrapper {
				margin:0;
				padding:0;
				margin-left:5px;
				padding-left:5px;
			}
          
                  #left ul#posts li.post-title {
                        margin-top:7px;
                  }

				#left .hold {
					padding:7px;
					font-size:8pt;
					width:250px;
					padding-left:20px;
				}
                
                        #left ul#posts li.post-title a {
                              color:#0e0e73;
                              text-decoration:none;
                              font-size:9pt;
                              font-weight:normal;
                        }

						#left .hold a {
							color:#0e0e73;
                            text-decoration:none;
                            font-size:9pt;
                            font-weight:normal;
						}
                
                        #left ul#posts li.post-title a:hover {
                  
                        }
                      
                  #left ul#posts li.post-author {
                        font-size:8pt;
                  }
    
     
    
      #content #right {
            width: 280px;
            float: left;
			background: url('images/divider-page.gif') no-repeat 0% 50%;
			margin:0;
			min-height:1500px; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:20px
      }

	#right .join-vine {
		background: url('images/join-vine-page.png') no-repeat 0px 0px;
		width:198px;
		height:198px;
		margin:0 auto
	}
	
	#right .join-vine2 {
		background: url('images/join-vine-page.png') no-repeat 0px -198px;
		width:198px;
		height:198px;
		margin:0 auto
	}

		ul#vinemenu {
			margin:0;
			padding:0;
			list-style:none;
			padding:66px 0px 0px 44px;
		}

			ul#vinemenu li {
				margin:0;
				padding:0;
				line-height:24px;
			}

				ul#vinemenu li a {
					text-decoration:none;
					font-size:12pt;
					color:#3e5402;
				}

				ul#vinemenu li#learn-more {
					position:relative;
					top:11px;
					left:50px;
				}
    
            #right h2 {
                  font-size:12pt;
                  margin:15px 0px 0px 20px;
                  padding:4px 0px 0px 20px;
            }
          
            #right ul#blog {
                  list-style:none;
                  margin:0;
                  padding:0;
                  margin-left:15px;
                  margin-top:10px;
            }
          
                  #right ul#blog li {
                        margin:0;
                        padding:0;
                        font-size:9pt;
                  }
                  
                        #right ul#blog li.clear {
                              clear:both;
                        }

                  #right ul#blog li.pic {
                        margin:0;
                        padding:0;
                        float:left;
                  }
                
                        #right ul#blog li.pic img {
                              margin: 3px 15px 3px 5px;
                        }
                
                  #right ul#blog li.blog-title a {
                        color:#0e0e73;
                        margin:10px 0px;
                        padding:0;
                        text-decoration:none;
                  }
                
                  #right ul#blog li.blog-article {
                        margin:10px 0px;
                        padding:0;
                        font-size:8pt;
                  }
                
                  #right ul#blog li.continue a {
                        margin:10px 0px;
                        font-size:7pt;
                        color:#0e0e73;
                        text-decoration:none;
                        float:right;
						background:url('images/more-arrow.gif') no-repeat 0% 80%;
						padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
                  }

	#university-side {
		background: url('images/TomatoUniversityCoach.jpg') no-repeat;
		width:268px;
		height:212px;
		margin:0 auto
	}

	#a-la-carte {
		width:277px;
		height:225px;
		margin:0 auto;
	}


		
/* ---------------------------------------------- Footer */

#footer {
	height: 155px;
	position: relative;
    margin-top:39px;
}

    #footer ul {
        margin:0 0 0 60px;
        padding:35px 30px 0px 10px;
        float:left;
        list-style:none;
    }

    #footer ul#footer1 {
        width:170px;
    }
  
    #footer ul#footer2 {
        width:200px;
    }
  
    #footer ul#footer3 {
        width:240px;
		margin-left:80px;
    }
      
            #footer ul li {
                  line-height:9px;
            }
      
            #footer ul li a {
                  font-size:7pt;
                  color:#ccc;
                  text-decoration:none;
            }
          
    #footer #end-rib {
        float:left;
        height:101px;
        width:3px;
    }

	#bottom-credits {
		width:100%;
		height:50px;
		background-color:#fff;
	}
  
    #bottom-credits p#credits {
        clear:left;
        text-align:center;
        font-size:8pt;
        color:#666;
        margin:0;
		padding:0;
    }
	
/* ----------------------------------- Comments */
		
.clear {clear:both;}
