/*  
Theme Name: 	Big Buttons
Theme URI: 		
Description: 	Big Buttons is a business theme with a professional home page for companies that want a clean look.
Version: 		1.0
Author: 		OrderStorm
Author URI: 	http://www.orderstorm.com/wordpress-ecommerce-design/
Tags: 			one-column, fixed-width, custom-background, custom-menu, featured-images, theme-options, threaded-comments
License: 		GNU General Public License, v2 (or newer)
License URI: 	http://www.gnu.org/licenses/old-licenses/gpl-2.0.html 
 *
 * Big Buttons WordPress Theme, Copyright (C) 2011 OrderStorm Inc.
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * Note: see the "Big Buttons Reference" admin page for copyright and 
 * license information for bundled resources, including fonts and icons
*/

/* WordPress-Generated CSS Classes
   -------------------------------------------------
*/
.aligncenter { /* defined below */ 
	text-align:center;
	margin: 0px auto;
}
.alignleft { /* defined below*/ 
	text-align:left;
	float:left;
}
.alignnone { /* defined below */ 
	
}
.alignright { /* defined below */ 
	text-align:right;
	float:right;
}
.wp-caption { /* defined below */ }
.wp-caption-text { /* defined below */ }
.gallery-caption { /* defined below */ }
.bypostauthor { /* defined below */ }
.sticky { /* defined below */ }

/* CSS Document */
body
{ margin:0px;  
font-family:sans-serif; font-size:11px; font-style:normal; font-weight:normal; color:#333;
background-image:url(/wp-content/uploads/2010/09/football-camp-background1.jpg); background-repeat: repeat-y; background-position:top;
}
.textbox { border:1px solid #CCCCCC; }
#container { width:950px; text-align:center; }
#main { width:863px; text-align:left;  padding-left:5px; height:auto;
}
#top {width:861px; background-image:url(images/transparent-75.png); background-repeat:repeat-y; height:52px;}
#logo {float:left; padding-left:30px;}
#search{float:right; vertical-align:bottom;  padding-top:15px; text-align:right;
padding-right:30px;
}
#menu{ vertical-align:bottom;  padding-top:10px; padding-bottom:10px; text-align:left;}

.topmenu{width: 863px; padding-left:0px; float:left; }

#content {width:863px; font-size:18px;font-family:sans-serif;}
#leftpic {
	float:left; 
}
#txtcontent,
#postsnavigation {float:left;		
	padding-bottom:10px; text-align:justify;  width:862px; background-image:url(images/transparent.png); background-repeat:repeat-y;
}
#rightpics {float:left; margin-left:5px; color:#FFFFFF; font-size:16px; font-weight:bold; text-align:right;}
#right1 {width:226px; height:128px; background-image:url(images/front-page-right.png); padding-right:9px; padding-top:17px;}
#right2 {width:226px; height:128px; background-image:url(images/front-page-right.png); margin-top:5px; padding-right:9px; padding-top:17px; }
#right3 {width:226px; height:128px; background-image:url(images/front-page-right.png); margin-top:5px; padding-right:9px; padding-top:17px  }
/*
#right4 {width:226px; height:90px; background-image:url(images/right4.jpg); margin-top:5px; padding-right:9px; padding-top:17px }
*/
#rightpics a:link {color:#fff; font-size:12px;}
#rightpics a:visited {color:#fff; font-size:12px;}
#rightpics a:hover {color:#ff6600; font-size:12px;}

#bottompics { width:866px; }
#bottom1 {
	float:left;  left:0px; margin-top:3px; 
}
#bottom2 {
	float:left;  padding-left:6px; padding-right:5px; margin-top:3px; 
}
#bottom3 {
	float:left; margin-top:3px; 
}
#footter {height:56px; width:860px; margin-top:5px; background-image:url(images/transparent-75.png); background-repeat:repeat-y; text-align:right; float:left; padding-top:0px; padding-right:3px;}

#postsnavigation { margin-top:10px; padding-top:10px; }

#footter-space {height:10px; width:860px; margin-top:5px; padding-right:3px;}

.OS-photos-small {font-size:14px;font-family: sans-serif;color: #003159;font-weight: bold;}
.OS-photos-large {font-size:23px;font-family: sans-serif;color: #003159;font-weight: bold;}


/*-------------------------- link --------------------*/
a:link {color:#003159; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:hover {color:#ff6600; text-decoration:none;}

    h2 { 
    font-family: sans-serif; 
    font-size: 23px;
    font-weight: bold; 
    color: #003159; 
    border-bottom: 1px solid #C6EC8C; 
    } 
h2.post-title {
	margin-bottom:0;
}


#suckerfishnav { 
    font-size:14px;    
    font-weight:bold;
    width:863px;
    background:#003159;  margin:0;

}
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:0;
	/* border-bottom:1px solid #e4e4e4; */
	/* border-top:1px solid #e4e4e4;*/
    margin:0;
    width:863px;
}
#suckerfishnav a {
    display:block;    
    text-decoration:none;
    padding:0px 10px;
	color:#0087e5;
}
#suckerfishnav li {
    float:left;
    padding:0;
}
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
}
#suckerfishnav li li {
    width:149px;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    font-weight:bold;
    font-family:sans-serif;
}
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:12px;
    color:#dddddd;
}
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
    background:#1F3E9F;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#7c9ae3;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#5E7AD3;
    }
table.emcf_blog_page_table td ul
{
	padding-left: 15px;
}
div.page_content
{
	padding-left: 10px;
	padding-right: 10px;
}
.postContent {margin: 10px;clear:both;}

/*
  CSS generated via the Multi-level Navigation Plugin ... http://pixopoint.com/multi-level-navigation/

  If you would like a similar menu for your own site, then please try the PixoPoint Web Development
  CSS generator for creating flyout, dropdown and horizontal slider menus ... http://pixopoint.com/suckerfish_css/


*** Main menu CSS code ***/
#suckerfishnav {
    
    font-size:13px;
    font-family:sans-serif;
    font-weight:bold;
        width:862px;

    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:25px;
    padding:0;
    
    margin:0;
        width:862px;
    }
#suckerfishnav a {
    display:block;
    color:#ff652b;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    
    }
#suckerfishnav li li {
    width:149px;
  
    font-weight:bold;
    font-family:sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:12px;
    color:#000000;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
       color:#000000;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#000000;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#000000;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#000000;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    color:#000000;
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
       color:#000000;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
       color:#000000;
    }
/* Footer Menu Style */
#nav-footer-container {
	display:inline;
}
#nav-footer {
	margin:0;
}
#nav-footer li {
	display:inline-block;
	font-weight: bold;
}
#nav-footer li:after {
	content: ' \2022 ';
}
#nav-footer li:last-child:after {
	content: '';
}

.post-taxonomy {
	display:block;
	margin:0;
	padding:0;
	font-size:14px;
}
.post-edit-link {
	float:right;
	font-size:14px;
}
#logo a.link-home {
	font-weight: bold;
	font-size:36px;
	text-shadow: 2px 3px 0px #282828;
	color: #ff652b;
	margin-right: 1em;
	vertical-align:middle;
}
#logo a img {
	line-height:52px;
	margin: 0px 0.5em;
	vertical-align:middle;
}
pre {
	white-space: pre-wrap;
}
h1, h2, h3, h4, h5, h6, .link-pages {
	clear:both;
}
#content img {
	max-width:840px;
	height:auto;
}

.commentlist,
.commentlist .children {
	list-style-type: none;
	list-style-position: inside;
}

/* Alignment
   --------------------
*/
#content .centeralign,
#content .aligncenter {
   text-align: center;
}
#content .aligncenter {
   float:none;
   clear:both;
   display:block;
   margin:0px auto;
}
#content .alignleft {
  float:left;
}
#content .alignright {
  float:right;
}
#content .alignnone {
	display:block;
}