/*
Theme Name: OTG Theme Framework
Theme URI: http://offthegroundweb.com/
Description: A framework for WordPress with Theme Admin Panel. This is a good starter theme for designers/developers. 
Author: Jay Stankiewicz, Bill Chambers
Author URI: http://www.billchambersdesign.com
Version: 1.5
.
Your theme will be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {font-weight:bold; }
italic {font-style:italic;}
cite.book_title {font-style: italic;} 

/* MAIN STYLES (   url(images/bg3.jpg) no-repeat center center fixed;   )
-------------------------------------------*/

body,html {
        font-weight:normal;
        font-family: Georgia, Palatino, Palatino Linotype, serif;
        font-size:13px;
        color:#000;
        background: #fff;
        line-height:135%;
	background: none
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	/*background-size: cover;*/
}

ul {
        list-style:none;
}

a {
        text-decoration:none;
        color:#C00;
}

a:hover {
        text-decoration:underline;
}

a:focus {
        outline:none;
}

p {
        margin:0 0 1.5em;
}

i {

}

h1, h2, h3 {
        font-family: Georgia, Palatino, Palatino Linotype, serif;
	font-size:32px;
        letter-spacing:-1px;
        line-height:100%;
        padding-bottom:5px;
}

h1 {
        font-weight:normal;
}

h1 a:hover {
        text-decoration:none;
        color:#C00;
}

h2 {
        font-size:20px;
        padding-top:10px;
        font-weight:normal;
}

h3 {
        font-size:18px;
        padding-top:10px;
}
h4 {
        font-size:12px;
        padding-top:10px;
	margin-bottom:10px; text-decoration:underline;
}
h5 {clear:both; font-family:serif; font-size:9pt; font-weight:bold; margin-bottom:10px; color:#666; text-decoration:underline;}
 /* LAYOUT STRUCTURE
--------------------------------------------------*/

.rightBox ul li a {color:#C00; font-weight:bold; font-size:12pt; border-bottom:1px dashed #999; margin-bottom:10px;}
.rightBox ul li small a {color:#C00; font-weight:normal; font-size:9pt; border:none;}

#mainWrapper {
        background:transparent;
        min-height:100%;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}
#wrapper {
        margin:0 auto;
        width:960px;
        min-height:100%;
}

#header {
        height:90px;
        margin: 0 auto;
	padding:20px;
}

#blurb {width:100%; padding:10px;}

#content {
        padding:0px;
        /*overflow:hidden;*/
        margin-top:25px;
	float:left;
	margin-bottom:30px;
	clear:both;
}

body#home #content{
        margin-top:25px;
}

body#home #content, body#portfolio #content {
        background:none;

}
#slider-container {margin: 0 auto;width:960px;}
#slider {text-align:center;}
#content #colLeft {
        float:left;
        width:48%;
        margin-right:10px;
        padding-top:0px;
	padding-left:25px;
	border-left:1px solid #333;
}
#content #colHome {
        float:left;
        width:720px;
        margin-right:20px;
        padding-top:0px;
}
#content #colRight {
        float:right;
        width:180px;
	background-image:url(images/right-bg.png);
	min-height:400px;
padding: 20px;
}
#content #homeside {
	background:url(images/homeside.jpg) no-repeat;
        float:left;
        width:200px;
	min-height:308px;
	padding-left:5px;
}

#content #colFull {
        float:left;
        width:960px;
        margin-right:50px;
        padding-top:20px;
	clear:both;
}


/* HEADER ELEMENTS
-----------------------------------*/

/* -- logo --*/
#logo {
        width:581px;
        top:60px;
float:left;        
}

#logo a img{
        border:none;
        vertical-align:middle;
}


/* Top Search */

#topSearch {
	position:absolute;
	margin-right:25px;
	top:25px;
}

#topSearch input[type="text"] {
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	width:100px;
	background:url(images/bk_top_search.png) 0 0 repeat-x;
	padding:9px 10px 10px;
	border:1px solid #2E4849;
	color:#A8A8A8;
	font-style:italic;
	margin-right:10px;
	position:relative;
}

#topSearch input[type="submit"] {
	position:absolute;
	right:0;
	z-index:100;
	width:43px;
	height:44px;
	background:url(images/but_search.png) 0 0 no-repeat;
	border:none;
	cursor:pointer;
}	
/* CONTENT ELEMENTS
-------------------------------------------*/

.alignleft {
        float:left;
        margin:5px 15px 5px 0;
}

.alignright {
        float:right;
        margin:5px 0 5px 15px;
}

.more-link {
        padding:20px 0 0 0;
}


#archive-title {
        padding:5px 0 7px 25px;
        margin:0 0 15px;
        display:block;
        background:url(images/ico_archive.png) 2px 50% no-repeat;
        border-bottom:1px solid #ddd;
}

#content #colLeft img {
        border-top:0px solid #bbb;
        border-left:0px solid #bbb;
        border-bottom:0px solid #bbb;
        border-right:0px solid #bbb;
	background:#efefef;
	padding:0px;
	margin-right:10px;
}

#content #colFull img {
        border-top:0px solid #bbb;
        border-left:0px solid #bbb;
        border-bottom:0px solid #bbb;
        border-right:0px solid #bbb;
	background:#efefef;
	padding:0px;
	margin-right:10px;
}

/* BLOG ITEMS */

.postItem {
        margin:0 0 30px;
        padding:0 0 15px;
        border-bottom:1px dotted #bbb;
        overflow:hidden;
}

.postItem .meta {
        font-size:11px;
        color:#666;
        text-shadow:1px 1px #fff;
        margin-top:-12px;
        margin-bottom:18px;
}

.postTags {
        font-size:13px;
        background:url(images/ico_tag.png) 0 50% no-repeat;
        padding-left:24px;
        margin:25px 0 0;
}

blockquote {
        margin:7px 0 0px 0;
        padding-top:0px;
	color:#151515;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-style:italic;
	font-size:9pt;
        background:url(images/bk_blockquote.png) 0 15px no-repeat;
}

#content #colLeft ul li, #content #colLeft ol li  {
        padding:5px 0 5px 25px;
        /*background:url(images/bullet_list.png) 0 8px no-repeat;*/
}

#content #colLeft ul {
        margin:0 0 15px 15px;
}

#content #colLeft ol li {
        background:none;
        padding-left:0;
}

#content #colLeft ol {
        margin:0 0 15px 35px;
}

#shareLinks {
        height:30px;
        background:url(images/bk_social.jpg) 0 0 repeat-x;
        font-size:12px;
        line-height:32px;
        padding:0 10px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border:1px solid #008FF5;
        /*border-left:1px solid #008FF5;
        border-bottom:1px solid #fff;
        border-right:1px solid #fff;*/
        margin:20px 0;
        width:130px;
}

#shareLinks a {
        color:#fff;
}

#shareLinks #icons {
        display:none;
        padding-left:15px;
}

#shareLinks #icons a {
        margin:0 10px;
        font-weight:bold;
        text-transform:uppercase;
}


/* PAGINATION */

.emm-paginate {padding:10px 0; overflow:hidden; clear:both;}
.emm-paginate a {background:url(images/bk_pagenavi.jpg) 0 100% repeat-x; border:1px solid #d5d6d8; color:#666; margin-right:5px; padding:4px 8px; text-align:center; text-decoration:none;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color:#fff; background:#707173; border:1px solid #d5d6d8; margin-right:5px; padding:4px 8px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}


/* PORTFOLIO PAGE
---------------------------------------*/
h2.portfolio {font-size:16px;}
.portfolioCategs {
        margin-top:5px;
        float:right;
        margin-top:-47px;
}

.portfolioCategs li {
        float:left;
        margin-right:5px;
}

.portfolioCategs li a{
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-top:1px solid #ddd;
        border-left:1px solid #ddd;
        border-bottom:1px solid #ddd;
        border-right:1px solid #ddd;
        padding:6px 12px;
        text-shadow:1px 1px #fff;
        background:transparent;
        font-weight:bold;
        display:block;

}

.gallery {
        margin-top:10px;
        padding-left:22px;
        margin-left:-22px;
        margin-bottom:20px;
        width:980px;
}

.gallery .portfolioItem {
        float:left;
        width:300px;
        margin-right:25px;
        overflow:hidden;
        margin-bottom:20px;
	text-align:center;
}


.gallery .portfolioItem img {
        border:none;
	height:245px;
}


/* COLRIGHT ELEMENTS
-------------------------------------*/

.rightBox  {
        margin-bottom:17px;
}

.rightBox h2 {
        padding:10px 0;
}

.rightBox ul li{
        padding:6px 0;
        border-bottom:1px solid #ddd;
}

.rightBox ul {
        border-top:1px solid #ddd;
}

/* COMMENTS
-----------------------------------*/


#content #colLeft ul.commentlist {
        list-style:none;
        list-style-position:outside;
        display:block;
        margin:0 0 20px;
        border-top:3px solid #D2D8DB;
        border-bottom:4px solid #D2D8DB;
        padding:0;
        padding-bottom:10px;
}

#content #colLeft ul.commentlist ul {
        list-style-type:none;
        list-style-position:outside;
        margin:0;
}

#content #colLeft ul.commentlist li {
        padding:20px 0 10px 50px;
        position:relative;
        margin-top:0;
        background:url(images/bk_horiz_line.jpg) 0 0 repeat-x;
}

#content #colLeft ul.commentlist li img {
        border:none;
}

#content #colLeft ul.commentlist li p{
        font-size:13px;
        margin:10px 0;
}

#content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text  {
        margin-left:20px;
}

#content #colLeft ul.commentlist li .comment-meta span {
        font-size:11px;
        color:#999;
}

#content #colLeft ul.commentlist li .comment-meta {
        font-size:16px;
}


#content #colLeft ul.commentlist li .gravatar {
        position:absolute;
        width:50px;
        height:50px;
        top:20px;
        left:0;
}

#content #colLeft ul.commentlist li .gravatar .gravatar_mask {
        position:absolute;
        left:0;
        top:0;
        background:url(images/bk_gravatar_mask.png) 0 0 no-repeat;
        width:50px;
        height:50px;
}

#content #colLeft ul.commentlist .reply {
        position:absolute;
        right:0;
        top:25px;
        width:46px;
        height:21px;
        text-align:center;
        font-size:12px;
}

#content #colLeft ul.commentlist .reply a {
        display:block;
        width:46px;
        height:21px;
        font-style:italic;
}

#content #colLeft ul.commentlist .reply a:hover {
        text-decoration:none;
        color:#333;
}


#content #colLeft ul.commentlist li .children li {
        margin-top:15px;
        padding-top:25px;
        border-bottom:none;
        overflow:hidden;
        padding-bottom:5px;
}

#content #colLeft ul.commentlist li .children li .gravatar {
        top:20px;
}

#content #colLeft ul.commentlist li .children li .reply {
        top:30px;
}

/* FOOTER ELEMENTS
-------------------------------------------*/
.footer-wrap {	
	margin-top:30px;
	height: auto; 
 	clear:both;
 	width:100%;
}

#footer {
	margin:0px auto; 
	color:#000;
	padding-top:0px;
        font-size:12px;	
	width:960px;
height:130px;
	background: transparent;
padding-bottom:100px;
}

/* Copyright */

#copyright {
        clear:both;
        padding-top:0px;
        padding-left:10px;
        margin-top:0px;
        float:left;
        position:relative;
        background:transparent;
        height:30px;
        margin-left:0px;
        width:300px;
}

#copyrightbottom {
       float:right;
        margin-right:20px;
        /*top:17px;*/
        width:300px;
}

#copyrightbottom img {
        border:none;
}

#copyrightbottom a {
        display:block;
        width:344px;
        height:26px;
        text-indent:-9999px;
}


/* Top Search */

#topSearch input[type="text"] {
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        width:120px;
        padding:9px 10px 10px;
        border:1px solid #2E4849;
        color:#A8A8A8;
        font-style:italic;
        margin-right:10px;
        position:relative;
margin-top:-5px;
}

#topSearch input[type="submit"] {
float:right;
        z-index:100;
        width:83px;
        height:40px;
        border:none;
        cursor:pointer;
display:none;
}

/* COMMENTS F0RM */

#commentform p {
        margin:0;
}

#commentform label {
        display:block;
        padding:5px 0;
}

#commentform input, #commentform textarea {
        border:1px solid #ddd;
        padding:8px;
        width:300px;
        margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

#commentform input:focus, #commentform textarea:focus {
        border:1px solid #0099FF;
}


#commentform textarea {
        width:560px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:13px;
}

#commentform input[type="submit"]{
        border:none;
        width:151px;
        height:32px;
        margin-top:10px;
        cursor:pointer;
        background:url(images/but_form.jpg) 0 100% repeat-x;
        color:#ddd;
        font-size:12px;
        padding:0;
}

/* Contact Form */

#contact label {
        display:block;
        padding:5px 0;
}

#contact input, #contact textarea {
        border:1px solid #ddd;
        padding:8px;
        width:300px;
        margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}


#contact textarea {
        width:560px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:13px;
}

#contact input[type="submit"]{
        border:none;
        width:151px;
        height:32px;
        margin-top:10px;
        cursor:pointer;
        background:url(images/but_form.jpg) 0 100% repeat-x;
        color:#ddd;
        font-size:12px;
        padding:0;
}

.errormsg, .successmsg{
        background:#FEF4F1;
        border:1px solid #F7A68A;
        color:#DA4310;
        padding:10px;
        -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

.successmsg {
        background:#F5FAF1;
        border:1px solid #C2E1AA;
        color:#8FA943;
        -moz-border-radius:4px;
   -webkit-border-radius:4px;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	display: block;
	float: left;
	width: 960px;
	margin-top: -10px;
}
#access .menu-header,
div.menu {
	font-family: serif;
	font-size: 15px;
	margin-left: 12px;
	width: 960px;
        float:right;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #424242 !important;
	font-family: Georgia !important;
	display: block;
	line-height: 38px;
padding: 5px 15px 5px 15px;
font-weight: 100;	text-transform: uppercase; 
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 8000;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #fff;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
	color: #C00;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #CCC;
	color: #C00;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #C00;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #C00;
}


.menu-footer {position:relative; margin:0;}
.menu-footer ul li{ display: block; list-style:none;}

.left-column {width:180px; float:left; padding-top:0px; margin-right:45px;}

/* ------- Fluid Columns for Shortcodes ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}