/* 

Theme Name: Saint Breesus 
Theme URI: http://saintbreesus.com
Description: 'Theme for SaintBreesus.com'
Author: Joey Reed
Author URI: http://joeyreed.com
version: 1.0

 */
/* ------- Reset ------- */

*{margin:0;padding:0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* ------- end Reset ------- */


body { background: #0c0c0c url(img/bg_main.jpg) repeat-x top left; font-family: Georgia, "Times New Roman", Times, serif; color: #333; font-size: 62.5%; }
h1, h2, h3, h4, h5, h6 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#wrap { max-width: 1400px; margin: 0 auto; }
#header { height: 257px; position: relative; margin: 0; background: url(img/bg_header.jpg) right 3px no-repeat; }
p#slogan { position: absolute; top:-33px; left:0; line-height:33px; color: #aaa; }
#sidebar { width: 200px; } 

#sidebar-login .avatar_container { position: absolute; left: 12px; top: 4px; }
#sidebar-login h2.widgettitle { }
#sidebar-login form { padding: 0 15px; }

.sidebar_box, .widget { margin-bottom: 20px; background: url(img/bg_left_sidebar.png) top left repeat; border: 1px solid #000;}
.sidebar_box ul, .widget ul { clear: both; width: 160px; margin: 0 auto; padding-bottom: 20px; padding-top: 4px; }
.sidebar_box h2, .widget h2 { background: #c9b074 url(img/bg_sidebar_headers.png) top left repeat-x; color: #000000; padding: 0 20px;  font-size: 18px; height: 35px; line-height: 35px;}
.sidebar_box ul li, .widget ul li { border-bottom: 1px solid #3a2b2b; padding: .6em 0 .8em 0; }

.sidebar_box li a:link, .sidebar_box li a:visited,
.widget li a:link, .widget li a:visited { color: #999; text-decoration: none; }

.sidebar_box li a:hover, .widget li a:hover { color: #fff; }
.sidebar_box li.first, .widget li.first { border-top: none; }
.sidebar_box li.last, .widget li.last { border-bottom: none; }



h1#logo { width: 299px; height: 235px; display: block; background: url(img/saint_breesus_logo.png) no-repeat top left; margin-top: 30px; text-indent: -9999px; }
 
ul#admin_links { text-align: right; position: absolute; right: 0; bottom: 40px;  margin-right: 20px; }
ul#admin_links li { display: inline; margin-left: 1.4em; }
ul#admin_links li a:link, ul#admin_links li a:visited { color: #c9b074; text-decoration: none; }
ul#admin_links li a:hover { color: #fff; }

#search { width: 400px; height: 28px; position: absolute; top: -25px; right: 20px; text-align: right;}
#search input { background: #333; border: 1px solid #c9b074; color: #333; padding: 3px; background: #f5f5f5; }
#search input:hover { background: #fff; color: #333; }
#s { width: 200px; margin-left: 34px; padding: 3px; height:15px;}
#search button { background: url(img/search_button.jpg) no-repeat top left; border: none; text-indent: -9999px; width: 67px; height: 23px;}


/* <!-- */
	/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		padding-right: 5px; 
		padding-left: 5px; 
    }
	
    h2, h3 {
        margin: 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	
	
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.col3layout {
	    	    	/* Right column background colour */
	}
    .col3layout .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;    	/* Centre column background colour */
    }
    .col3layout .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
     }
    .col3layout .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.col3layout .col1 {
        margin:0 260px 0 220px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		background: #f5f5f5;
	}
    .col3layout .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .col3layout .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:220px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right: 20px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
		background: #000; 
		text-align: center;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
		min-height: 127px;
		background: #000;
		text-align: center;
		margin-top: 20px; 
    }
    #footer p {
        padding:20px;
        margin:0;
		color: #e9f2f9;
    }
	#footer p a:link, #footer p a:visited {
		color: #9cc4e4;
    }
    /* --> */
    </style> 
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:100%;
	}

.post_pic { margin: 20px; float: left; }
#main_left { position: absolute; top: -10px; left: 0; }
.col1 h2 { font-size: 2.2em; margin: .3em 20px; }
.post-item a:link, .post-item h2 a:visited { color: #333; }
.col3layout .col3 img { margin-bottom: 15px; }




/* ----------  beginning of middle column panels --------------- */

#resource_box { clear: both; margin-top: 40px; border-top: 1px solid #9cc4e4;}

#tabSet {
	 clear: both;
	 margin-top: 35px; 
}

/* style for hiding panels */
.ui-tabs-hide {
	display: none;
}

/* for ul holding tab li elements */
.ui-tabs-nav {
	margin: 0;
	padding: 0;
	list-style: none;
  zoom: 1;
}

/* tabs */
.ui-tabs-nav li {
	padding: 0;
	margin: 0 5px 0 0;
	float: left;
}

/* style link inside tab */
.ui-tabs-nav a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1b325f;
  text-decoration: none;
  display: block;
  padding: 8px 15px 6px 15px;
	border: 1px solid #9cc4e4;
	border-bottom: none;
}


/* link style for selected tab */
.ui-tabs-selected a {
  color: #1b325f;
  background: #e9f2f9;
	position: relative; /*position to overlap panel to remove border line between panel and tab */
	top: 1px;
}

/* remove outline around link of selected tab */
.ui-tabs-nav a:focus {
  outline: none;
}

/*panel style*/
.ui-tabs-panel {
	clear: left;
	border: 1px solid #9cc4e4;
  margin: 0;
	padding: 10px;
	background: #e9f2f9;
	min-height: 20em; 
}


/* -----------  end of middle column panels     ---------- */


#page_content { min-height: 200px; }


.post-item p { font-style: italic; margin-bottom: 2em; margin-left: 20px; margin-right: 20px; line-height: 1.3em; }
.post-item p.meta { font-style: normal; }

/* Single Posts */
.single .post-item p { margin-left: 25px; font-style: normal; }
.single .post-item ul { margin: 1.3em 20px; color: #1b325f; }
.single .post-item ul li { padding-left: 1em; margin-left: 2em; list-style: disc; line-height: 1.8em; }

/* More Link */
.col1 a.more-link { background: #e9f2f9; padding: 7px 12px; color: #1b325f; border: 1px solid #3a89c9; border-top: 1px solid #9cc4e4; border-left: 1px solid #9cc4e4; font-style: normal; text-decoration: none; }
.col1 a.more-link:hover { background: #ddedf9;  border: 1px solid #84b2d7; border-right: 1px solid #9cc4e4; border-bottom: 1px solid #9cc4e4; }

/* */
.col1 .numComments { background: url(img/num_comments_2.png) no-repeat; height: 50px; width: 50px; line-height: 40px; position: absolute; right: 15px; top: 13px; text-align: center; }
.col1 .numComments a { text-decoration: none; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #878787; }


/* Comments Template */

#comments_template { margin-top: 2em; background: #c9b074; border-top: 2px solid #000; border-bottom: 2px solid #fcedc9; clear: both; overflow: hidden; padding-right: 40px; padding-left: 30px; padding-top: 30px; padding-bottom: 50px; position: relative; }

#comments_template input { background: white; margin-right: 10px; padding: 2px; }
#comments_template li { clear: left; border-bottom: 1px solid #b49a5a; border-top: 1px solid #ccb57c;  padding: 2em; padding-bottom: 3.5em; overflow: hidden; }
#comments_template li:first-child { border-top: none; }
#comments_template li:last-child { border-bottom: none; margin-bottom: 2em; }
#comments_template .avatar { float: left; margin-right: 25px; background: #fff; border: 2px solid #b49a5a; border-right: none; border-bottom: none; padding: 6px; }

.main_comment { background: white; margin-left: 133px; padding: 15px; position: relative; }
.main_comment span.arrow { width: 0; height: 0; line-height: 0; border-bottom: 25px solid #c9b074; border-right: 20px solid #fff; position: absolute; top:25px; left:-20px; }

/* Page Content */

#page_content { padding-bottom: 20px; }
#page_content h2 a {  }
#page_content h2, #page_content h3 { margin: 1em 0; }


#first_ad { }
.post-item img {
	float: left; 
	margin: 30px 20px 30px 30px; border: 1px solid #999; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
	
.post-item h2 {
	 padding-top: 30px; padding-right: 60px;
}
.post-item h2 a { text-decoration: none; }
.post-item p.meta { background: #000; color: #c9b074; font-size: 11px; font-style: normal; padding: 4px; padding-left: 10px; margin-left: 20px; margin-bottom: 14px; width: 300px; min-width: 225px; text-align: left; border-bottom: #bbb; }
.post-item { position: relative; clear: both; border-bottom: 1px dashed #bbb; padding-bottom: 30px;}

.clear { clear: both;}
.center_images { text-align: center; }
.center_images img {float: none; }

.wp-caption {margin:0 auto;}

.post-item .wp-caption img {margin:0;float:none;}

.post-item p.wp-caption-text {margin: 10px; text-align:center;}
li#rssLink { background: url(img/rss_helmet_small.png) no-repeat left top; padding-left: 34px; } 
#banner { width: 728px; height: 90px; position: absolute; left: 350px; top: 70px; border: 1px solid #c9b074; }


.ngg-galleryoverview { margin-left: 20px; margin-right: 20px; }



#social-footer {
padding: 5px 0px; left: 0; bottom: 0; z-index: 5; width: 100%; height: 91px; display: none; color: white; position: fixed; background: rgba(0, 0, 0, 0.75); background: black transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#innerSocialWrapper { margin: 0px auto; width: 994px; }

.fb-text { line-height: 1.4; display: block; text-align: center; width: 100%; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; margin-bottom: .75em; }

#fb-root, #fb-like { display: inline; }

.fb-button { display: inline; }

.email-share {
background: url('http://www.cnatraining.com/wp-content/themes/cna-ben-bubbles/images/email.png') no-repeat;
width: 97px;
height: 23px;
display: block;
margin: 0px 8px 10px 0;
}

#social_buttons { float: left; }

#wrapper .social_buttons { color: #fff; }

#social_buttons { text-align: center; width: 100%; }