/* 
Theme Name: Fridge Watcher
Description: 
Version: 1.0
Author: SEO Services Los Angeles
Author URI: http://www.seoserviceslosangeles.com
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

body { background:#ffffff; }
img { max-width:100%; }

#header { margin:0; background-color:#282828; border-bottom:8px solid #106895; }
  #logo a { font-family:Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif; font-weight:bold; font-size:60px; color:#fff; line-height:60px; }
  #logo a:hover { text-decoration:none; }
  #logo img { display:block; }

#content { margin-bottom:20px; }

    #nav { text-align:right; }
      #nav ul, #nav li { list-style:none; margin:0; padding:0; line-height:49px; }
      #nav li, #nav a { display:inline-block; }
      #nav li { display:inline-block; float: left;  }
      #nav li.last { background:none; }
      #nav a { padding:20px 15px 0; text-align:right; font-family:"Open Sans", Arial, sans-serif; font-weight:normal; font-size:17px; color:#fff; }
      #nav a:hover, #nav ul .current_page_item a { text-decoration:underline; color:#fff; }

#slideshow-section { margin-bottom:30px; }
  #slideshow { margin:0; overflow:hidden; }
    #slideshow li { list-style:none; max-width:100%; margin:0; overflow:hidden; }
    #slideshow li img { display:block; max-width:100%; }  

  #maincontent { margin:0; text-align:justify; }
    #maincontent .heading { font-size:48px; border-bottom:2px #106895 solid; line-height:85px; margin-bottom:30px; }
    #maincontent .title { font-size:24px; font-weight:400; color:#303030; }

#footer { padding:25px 0; background-color:#282828; font-size:14px; color:#fff; text-align:center; }

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	@media only screen and (min-width:1366px) {
    .container { width:960px; }
    #slideshow-section .container { width:1366px; }
  }
    
  /* Smaller than standard 1366 (devices and browsers) */
  @media only screen and (min-width:1024px) and (max-width:1365px) {
    .container { width:960px; }
    #slideshow-section .container { width:960px; }
  }
    
	/* Smaller than standard 1024 (devices and browsers) */
	@media only screen and (min-width:960px) and (max-width:1023px) {
    .container { width:960px; }
    #logo { width:550px; }
    #slideshow-section .container { width:960px; }
  }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width:768px) and (max-width:959px) {
    .container { width:768px; }
    #logo { width:390px; }
    #logo a { font-size:50px; }
    #nav { height:110px; width:364px; }
    #nav a { padding:30px 23px 0; }
    #slideshow-section .container { width:768px; }
    #maincontent .heading { font-size:25px; line-height:30px; }
    #maincontent .title, #maincontent .title2 { font-size:20px; line-height:25px; }
  }

 	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width:767px) {
    #logo { text-align:center; }
    #logo img { margin:20px auto 0; }
    #logo a { font-size:45px; }
    #nav { text-align:center; }
    #nav ul, #nav li { line-height:20px; }
    #nav a { font-size:14px; padding:10px 28px; }
    #maincontent .heading { font-size:20px; line-height:25px; }
    #maincontent .title, #maincontent .title2 { font-size:18px; line-height:23px; }
    #maincontent img.alignleft, #maincontent img.alignright { float:none; }
  }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width:480px) and (max-width:767px) {
  }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width:479px) {
    #logo { text-align:center; }
    #logo a { font-size:35px; }
    #nav a { font-size:14px; padding:10px 15px; }
  }
  

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*  @font-face {
	    font-family:"AnnabelScript";
	    src:url('fonts/Annabel_Script/AnnabelScript.eot');
	    src:url('fonts/Annabel_Script/AnnabelScript.eot?iefix') format('eot'),
	         url('fonts/Annabel_Script/AnnabelScript.woff') format('woff'),
	         url('fonts/Annabel_Script/AnnabelScript.ttf') format('truetype'),
	         url('fonts/Annabel_Script/AnnabelScript.svg#webfontZam02nTh') format('svg');
	    font-weight:normal;
	    font-style:normal; }
*/
/*
Theme Creator:Larrie Bernd C. Rocha
Theme Creator URI:http://www.larrieberndrocha.info
*/