/*  
Theme Name: Techozoic Fluid
Theme URI: http://clark-technet.com/theme-support
Description: Advanced, fluid width 2 or 3 column theme with widgetized sidebar, footer, and header areas.  Theme option pages to adjust everything from layout settings, color scheme, typography, ad placement, and custom headers.  SEO optimized titles and meta description and keyword fields.  Builtin social bookmarking, choose from 10 different popular social network and bookmarking sites to include.  Visit the <a href="themes.php?page=options-framework">theme options</a> page to setup Techozoic.  
Version: 2.1.1
Author: Jeremy Clark
Author URI: http://clark-technet.com
Tags: blue, light, one-column, two-columns, three-columns, flexible-width, custom-colors, custom-header, theme-options ,left-sidebar, right-sidebar, threaded-comments, translation-ready, sticky-post, post-formats, left-sidebar, right-sidebar
License: GNU General Public License v2.0 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*************************************
 Layout
 *************************************/

body{
    background:#A0B3C2 url() repeat top right;
    color:#333;
    font-family:"Lucida Sans Unicode" , "Lucida Grande", Sans-Serif;
    font-size:12px;
    margin:0;
    padding:0;
    line-height: 1.5em;
}

#page{
    background-color:#F7F7F7;
    border:none;
    margin:10px auto 10px;
    min-width:760px;
    padding:0;
    text-align:left;
    width:95%;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#content{
    color:#2C4353;
    font-size:1em;
    padding-top: 25px;
}

#r_sidebar{
    float:right;
    padding:25px 2% 0 0;
    width:20%;
    margin: 0;
}

#l_sidebar{
    float:left;
    padding:25px 0 0 2%;
    width:18%;
    margin: 0;
}

#footer{
    border:none;
    clear:both;
    height:auto;
    margin:0 0 0 auto;
    padding:3px 0 0;
    width:100%;
    box-shadow: 0 6px 15px -10px rgba(0, 0, 0, 0.7) inset;
    background-color: #eee;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}

.narrowcolumn{
    float:left;
    margin:0 1%;
    padding:0 0 10px;
    width:53%;
}

.widecolumn{
    line-height:1.6em;
    margin:0 auto 0;
    padding:0 0 10px;
    width:80%;
}

.navigation{
    display:block;
    margin-bottom:30px;
    margin-top:10px;
    text-align:center;
}

/*************************************
Header
 *************************************/

#header{
    background:url(images/headers/Grunge.jpg) no-repeat bottom center transparent;
    height:200px;
    margin:0 auto;
    padding:0;
    width: 100%;
    min-width: 760px;
    position: relative;
    z-index: 1;
}


#headerimg{
    border-radius:3px;
    box-shadow:2px 2px 6px rgba(0, 0, 0, 0.5);
    -khtml-opacity:0.85px;
    -moz-border-radius:3px;
    -moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.5);
    -moz-opacity:0.85px;
    -webkit-border-radius:3px;
    -webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.5);
    background-color:#f7f7f7;
    float:left;
    margin-left:10px;
    opacity:.85;
}

#headerimgwrap{
    position:relative;
}

.hleft{
    float:left;
    margin: 5px 3% 5px 10px;
    overflow:hidden;
    width:25%;
    height: 160px;
}

.hright{
    float:right;
    margin: 5px 10px 5px 3%;
    overflow: hidden;
    width:25%;
    height: 160px;
}

.hwidget ul {
    list-style:none;
    padding-left:0;
}

.hwidget{
    margin: 2px;
    padding: 3px;
    text-align: left;
}

.description{
    border-top:1px solid #444;
    color:#A0B3C2;
    font-size:1.2em;
    margin:0 15px;
    padding:3px;
    text-align:left;
}

/*************************************
Headings
 *************************************/
h1,h2,h3,h4,h5,.blog_title{
    color:#2C4353;
    font-family:Verdana, Sans-Serif;
    text-decoration:none;
}

h1,.blog_title{
    font-size:3em;
    font-weight:700;
    line-height:1.3em;
    margin:0;
}

h1 a,h1 a:hover,h1 a:visited,.blog_title a,.blog_title a:hover,.blog_title a:visited{
    text-decoration:none !important;
}

.blog_title{
    text-align:left;
    display:block;
}

.blog_title a,.blog_title a:visited{
    color:#A0B3C2;
    padding:5px;
}

.blog_title a:hover{
    color:#147;
    text-decoration:underline;
}

.single .blog_tile a:hover{
    cursor:default;
    text-decoration:none;
}

h2,.post_title{
    font-size:2.3em;
    font-weight:700;
    letter-spacing:-0.9px;
    margin:0;
}

h2 a,h2 a:visited,h3 a,h3 a:visited{
    color:#2C4353;
    text-decoration:none;
}

h2 a:hover,h3 a:hover{
    color:#597EAA;
    text-decoration:none;
}

h2.pagetitle{
    margin-top:30px;
    text-align:center;
}

.sidebar h2, #footer h2{
    margin:5px 0;
    padding:0;
    text-decoration:none;
}

h3{
    font-size:1.3em;
    font-weight:700;
    padding:0;
}

/*************************************
Entry
 *************************************/

.post_comment_cont{
    clear:both;
    margin:3px;
    padding:5px 0 3px;
}

ul.comment-preview li {
    font-size:.9em;
    list-style:none;
    opacity:.7;
}
ul.comment-preview li:hover{
    opacity:1;
}

.entry h2{
    font-size: 2em;
    line-height:2.2em;
    margin: 5px 0 3px;
}

.entry h3{
    font-size: 1.4em;
    line-height:1.6em;
    margin: 5px 0 3px;
}

.entry h4{
    font-size:1.2em;
    line-height:1.4em;
    margin: 5px 0 3px;
}

.entry h5{
    font-size:1em;
    line-height:1.2em;
    margin: 5px 0 3px;
}

.entry img,.entrytext img{
    border-radius:3px;
    box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4);
    -moz-border-radius:3px;
    -moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4);
    -webkit-border-radius:3px;
    -webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.4);
    border:1px solid #ccc;
    padding:4px;
}
.entry img.wp-smiley, img.avatar-14{
    box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    padding: 3px;
}
.entry ol, .entry ul{
    margin:0;
    padding:0 0 0 35px;
}

.entry ol li{
    margin:0;
    padding:0;
}

.entry p a:visited{
    text-decoration:underline;
}

.heading{
    margin-top:10px;
}

.home .narrowcolumn .entry, 
.home .widecolumn .entry, .archive .entry, 
.blog .narrowcolumn .entry, 
.blog .widecolumn .entry{
    box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.4);
    position: relative;
    z-index: 1;
}

.page .narrowcolumn .entry, .page .widecolumn .entry{
    box-shadow:none !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
}

.narrowcolumn .entry, .widecolumn .entry{
    border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    background-color:#E3E3E3;
    border-top:1px #A0B3C2 solid;
    font-family:"Lucida Sans Unicode" , "Lucida Grande", Sans-Serif;
    line-height:1.7em;
    margin-top:4px;
    padding:2px 4px 1px;
    width:98%;
}

.sticky .entry, .sticky .top {
    background-color:#D1D1D1 !important;
}

.narrowcolumn .postmetadata{
    padding-top:5px;
    margin-top: 30px;
    min-height: 64px;
    box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.format-quote .permalink, .format-status .permalink, .format-aside .permalink{
    display:block;
    float:right;
    margin: 3px;
}

.format-quote .permalink:before, .format-status .permalink:before, .format-aside .permalink:before{
    content: "\0BB \020";
}

.format-status {
    display: table;
    border-spacing: 5px;
}

.format-status .entry{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.format-status .avatar{
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 5px;
    border: none;
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    width: 64px;
}

.post{
    margin:0 0 40px;
    width:100%;
    position: relative;
}

.post small{
    display:block;
    padding-top:4px;
}

.postmetadata{
    clear:left;
    color:#777;
    padding-top: 5px !important;
}
.postmetadata img{
    border: none;
    padding: 0;
}

.postmetadata ul, .postmetadata li{
    display:inline;
    list-style-image:none;
    list-style-type:none;
}
.postmetadata p{
    font-size: 11px;
    line-height: 13px;
    margin: 1px 3px 3px;
}
.single-time{
    background:url(images/icons/calendar.png) no-repeat top left transparent;
}
.single-category{
    background:url(images/icons/folder.png) no-repeat top left transparent;
}
.single-tags{
    background:url(images/icons/tag.png) no-repeat top left transparent;
}
.single-time, .single-category, .single-tags{
    float: left;
    padding: 0 2% 5px 19px;
    width: 26%;
}
.author-info{   
    float: right;
    width: 66%;
}
.postmetadata hr{
    clear:both;
}
.narrowcolumn .singlepost, .widecolumn .singlepost{
    background-color:transparent;
    border-top:none;
}

.status {
    margin: 9px 0;
    min-height: 50px;
}
.status .group{
    display:table;
    border-spacing: 2px 0;
}
.status .avatar{
    display:table-cell;
    vertical-align:middle;
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

.status .post{
    margin: 0 5px;
    float:left;
    width: 95%;
    display: table-cell;
    vertical-align: middle;
}
.status .timestamp{
    float:right;
    font-size: .8em;
}
.tagcont{
	float:left;
	margin:2% 1%;
	width:48%;
}

.post_info{
    padding: 5px 5px 8px 10px;
}
.toppost{
    float:right;
    margin-top:5px;
}

.widecolumn .attachment{
    margin:5px 0;
    text-align:center;
}

.widecolumn .postmetadata{
    margin:30px 0;
    box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 64px;
}

.search .postmetadata {
    margin: 5px 0;
}

.widecolumn .smallattachment{
    float:left;
    margin:5px 5px 5px 0;
    text-align:center;
    width:128px;
}

/*************************************
Sidebar
 *************************************/

.sidenav .current_page_item ul, 
.sidenav .current_page_parent ul,
.sidenav .current_page_ancestor ul,
.sidenav .current-cat ul.children,
.sidenav .current-cat-parent ul.children{
    display:block !important;
}

.sidenav .page_item ul, .sidenav ul.children{
    display:none;
}

.sidenav a:visited{
    color:#597EAA;
    text-decoration:none;
}

.sidenav li.current_page_item a,
.sidenav li.current-cat a, 
a,
.sidenav li.current-menu-item a{
    text-decoration:underline;
}

.sidenav li.current_page_item ul a, .sidenav .current-cat ul a{
    text-decoration:none;
}

.navhead h3{
    margin-left:10px;
}

.sidebar{
    font-size:.9em;
}

.sidebar ul li{
    list-style-image:none;
    list-style-type:none;
    margin-bottom:8px;
}

.sidebar ul ol li{
    color:#777;
    list-style:decimal outside;
    margin:3px 0 0;
    padding:0;
}

.sidebar ul p, .sidebar ul select{
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin:5px 0 8px;
}

.sidebar ul ul{
    margin:5px 0 0 10px;
}

.sidebar ul ul li{
    color:#777;
    margin:5px 0 0;
    padding:0;
}

.sidebar ul ul ul{
    margin:0 0 0 10px;
}

.sidebar ul, .sidebar ul ol{
    margin:0;
    padding:0;
}

.sidebar_icon{
    padding-right:5px;
    text-align:right;
}

.sidebar .about_icons li{
    display:inline;
    margin:3px;
}

.techozoic_rss, #rss{
    background:url(images/syndicatebg.png) no-repeat top center;
}

/*************************************
Comments
 *************************************/

#commentform {
    background-color: #e3e3e3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
    padding: 10px;
}

#commentform input[type="text"]:focus, 
#commentform textarea:focus{
    display:block;
    z-index: 1;
    text-indent: 0px;
    outline: none;
    -webkit-transition:text-indent .3s ease-in;  
    -moz-transition:text-indent .1s ease-in;  
    -o-transition:text-indent .1s ease-in;  
    transition:text-indent .1s ease-in;
    box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),inset 0px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),inset 0px 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),inset 0px 1px 3px rgba(0, 0, 0, 0.5);
}

#commentform input[type="text"]{
    height: 45px;
    width:70%;
}

#commentform input[type="text"],
#commentform textarea{
    display:block;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.5);
    border: 4px solid #ccc;
    font-size:12px;
    padding: 0 5px;
    position: relative;
    text-indent: 65px;
    -webkit-transition:text-indent .3s ease-in;  
    -moz-transition:text-indent .1s ease-in;  
    -o-transition:text-indent .1s ease-in;  
    transition:text-indent .1s ease-in; 
}

#commentform .comment-form-author .required, 
#commentform .comment-form-email .required{
    position:absolute;
    left: 110%;
    z-index: 1;
    top: 10px;
    font-size: 22px;
    color: #BD3500;
}
#commentform .comment-form-author label,
#commentform .comment-form-email label,
#commentform .comment-form-url label,
#commentform .comment-form-comment label{
    box-shadow:1px 2px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
    clip: rect(0px, 1000px, 1000px, 0px);
    background-color: #CCCCCC;
    border-bottom-right-radius: 3px;
    display: inline-block;
    font-size: 12px;
    left: 4px;
    padding: 3px;
    position: absolute;
    top: 4px;
    z-index: 1; 
    min-width: 55px;
    text-align: right;
}

#commentform p{
    margin:5px 0;
    position: relative;
    margin-left: 10px;
    line-height: 16px;
}

#commentform textarea{
    padding: 5px;
    width:80%;
}


#respond{
    padding-bottom:25px;
}

.alt{
    background-color:#eee;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    margin:0;
    padding:10px;
}

.commentlist .author, .commentlist .bypostauthor{
    background-color:#ddd;
    border-top:1px #000 dotted;
}
.avatar_cont{
    float: left;
    left: -70px;
    margin: 0 5px 0 0;
    position: absolute;
    -webkit-transition:all .1s ease-in-out;  
    -moz-transition:all .1s ease-in-out;  
    -o-transition:all .1s ease-in-out;  
    transition:all .1s ease-in-out;
}
.depth-2 .avatar_cont{
    left: -87px;
}
.depth-3 .avatar_cont{
    left: -104px;
}
.depth-4 .avatar_cont{
    left: -121px;
}
.depth-5 .avatar_cont{
    left: -133px;
}
.avatar_cont:hover{
    transform:scale(1.3,1.3);
    -ms-transform:scale(1.3,1.3);
    -moz-transform:scale(1.3,1.3);
    -webkit-transform:scale(1.3,1.3);
    -o-transform:scale(1.3,1.3);
}

.commentlist cite, .commentlist cite a{
    font-size:1.1em;
    font-style:normal;
    font-weight:700;
}

.commentlist li.comment, .commentlist li.trackback, .commentlist li.pingback{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
    font-weight: 700;
    list-style: none outside none;
    margin: 15px auto 3px;
    padding: 12px;
    position: relative;
}
.commentlist li.comment:before{
    border-right: 10px solid #E3E3E3;
    border-bottom: 10px solid rgba(255, 255, 255, 0);
    border-top: 10px solid rgba(255, 255, 255, 0);
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    left: -10px;
    top: 20px;
    width: 0;
    z-index: 2;
}

.commentlist p{
    font-weight:400;
    line-height:1.5em;
    margin:10px 5px 10px 0;
    text-transform:none;
}

.commentlist ul.children{
    padding-left:5px;
}

.commentlist{
    padding:0;
    text-align:justify;
    position:relative;
    font-size: 0.9em;
    width: 70%;
    margin: 0 auto;
}

.commentmetadata{
    display:block;
    font-weight:400;
    margin:0;
}

.comments-link{
    background:transparent url(images/comment.gif) no-repeat scroll left top;
    font-size:1.1em;
    padding:0 0 0 18px;
}

.comments-link a {
    text-decoration:underline;
}

.nocomments{
    color:#777;
    margin:0;
    padding:0;
    text-align:center;
}

h3.comments{
    margin:40px auto 20px;
    padding:0;
}

/*************************************
Social Icons
 *************************************/
.top{
    position: absolute;
    bottom: -15px;
    right: 10px;
    z-index: 0;
    height: 20px;
    line-height: 26px;
    min-width: 32px;
    text-align: center;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
    -webkit-transition: all .5s ease 1s;
    -moz-transition: all .2s ease 1s;
    -o-transition: all .2s ease 1s;
    transition: all .2s ease 1s;
    background:url(images/top-arrow.png) bottom center no-repeat #E3E3E3;
    float:right;
    font-family:"Lucida Sans Unicode" , "Lucida Grande", Sans-Serif;
    padding:7px 7px 10px;
}
.top:hover {
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-transform:translateY(21px);  
    -moz-transform:translateY(21px);  
    -o-transform:translateY(21px);
    -ms-transform: translateY(21px);
    transform:translateY(21px);
}
.top a{
    opacity:.5;
    z-index: 1;
}
.top a:hover{
    opacity: 1;
    box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.top a{
    margin: 0 1px;
}
.top a img{
    vertical-align: bottom;
}
.social{
    display: inline-block;
    width:16px;
    height: 16px;
    zoom: 1;
    *display:inline;
}

.delicious{
    background: url(images/icons/social.png) no-repeat 0 0 transparent;
}
.digg{
    background: url(images/icons/social.png) no-repeat -16px 0 transparent;
}
.email{
    background: url(images/icons/social.png) no-repeat -32px 0 transparent;
}
.facebook{
    background: url(images/icons/social.png) no-repeat -48px 0 transparent;
}
.homelink{
    background: url(images/icons/social.png) no-repeat -64px 0 transparent;
}
.linkedin{
    background: url(images/icons/social.png) no-repeat -80px 0 transparent;
}
.myspace{
    background: url(images/icons/social.png) no-repeat -96px 0 transparent;
}
.newsvine{
    background: url(images/icons/social.png) no-repeat -112px 0 transparent;
}
.reddit{
    background: url(images/icons/social.png) no-repeat -128px 0 transparent;
}
.feed{
    background: url(images/icons/social.png) no-repeat -144px 0 transparent;
}
.stumble{
    background: url(images/icons/social.png) no-repeat -160px 0 transparent;
}
.twitter{
    background: url(images/icons/social.png) no-repeat -192px 0 transparent;
}
.toplink{
    background: url(images/icons/social.png) no-repeat -176px 0 transparent;
}

.about{
    display: inline-block;
    width:32px;
    height: 32px;
    zoom: 1;
    *display:inline;
}
.facebook32{
    background: url(images/icons/32_sprite.png) no-repeat 0 0 transparent;
}
.google32{
    background: url(images/icons/32_sprite.png) no-repeat -32px 0 transparent;
}
.myspace32{
    background: url(images/icons/32_sprite.png) no-repeat -64px 0 transparent;
}
.rss32{
    background: url(images/icons/32_sprite.png) no-repeat -96px 0 transparent;
}
.twitter32{
    background: url(images/icons/32_sprite.png) no-repeat -128px 0 transparent;
}

/*************************************
Nav Menus
 *************************************/
#navwrap {
    position: relative;
}
#menu-icon{
    display:none;
}
#dropdown, .top-menu{
    line-height:16px;
    list-style-image:none;
    list-style-type:none;
    margin:auto;
    padding:5px 10px 0;
    position:relative;
    width:100%;
    z-index:10;
    font-size: 0;
    min-height: 35px;
}
.ribbon .top-menu, .square .top-menu, #dropdown{
    padding-top: 0;
    line-height: 26px;
}
#dropdown a, .top-menu a{
    color:#A0B3C2;
    display:block;
    font-size:1.3em;
    font-weight:bolder;
    padding:3px;
    text-decoration:none;
}

#dropdown a:hover, .top-menu a:hover{
    text-decoration:none !important;
}

#dropdown > li, ul.top-menu > li{
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    background-color:#E3E3E3;
    font-family:"Lucida Sans Unicode" , "Lucida Grande", Sans-Serif;
    margin: 0 2px;
    position:relative;
    padding: 0 2px;
} 
#dropdown li, ul.top-menu li{
    text-align: left;
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
}

.ribbon ul.top-menu > li, .square ul.top-menu > li, #dropdown > li{
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    background-color: transparent;
    border-right: 1px solid #AAAAAA;
    border-left: 1px solid #EEEEEE;
    padding: 0 2px;
    min-height: 35px;
}
.ribbon ul.top-menu > li:first-child, .square ul.top-menu > li:first-child, #dropdown > li:first-child{
    border-left: 1px solid #aaa;
}
#dropdown ul, .top-menu ul{
    visibility: hidden;
    opacity: 0;
    -moz-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    -webkit-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    left:-1px;
    line-height:1.5em;
    list-style-image:none;
    list-style-type:none;
    margin:auto;
    position:absolute;
    top:22px;
    width:250px;
    z-index:300;
    background-color:#E3E3E3;
} 
.ribbon .top-menu ul, .square .top-menu ul, #dropdown ul{
    top: 35px;
}

.ribbon .top-menu ul ul, .square .top-menu ul ul, #dropdown ul ul{
    top: auto;
}

#dropdown li ul , .top-menu li ul{ 
    width:250px;
    padding:0 0 3px;
    box-shadow:2px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:2px 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:2px 1px 4px rgba(0, 0, 0, 0.3);
    clip:rect(0px, 1000px, 1000px, -10px);
}
#dropdown li ul a , .top-menu li ul a{
    width:100%; 
    float:left;
}
#dropdown li ul li, .top-menu li ul li{
    width:250px !important;
    border-top: 1px solid #D3D3D3;
    height: 24px;
    padding: 0 0 3px;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    overflow:hidden;
    line-height: 22px;
}
#dropdown ul ul, .top-menu ul ul{
    top:auto;
    border: 1px solid #D3D3D3;
    border-top:none;
}
#dropdown ul ul li:first-child, .top-menu ul ul li:first-child{
    border-top: none;
}
#dropdown li ul ul, .top-menu li ul ul{
    left:250px; 
}
#dropdown li:hover ul ul, 
#dropdown li:hover ul ul ul, 
#dropdown li:hover ul ul ul ul, 
.top-menu li:hover ul ul, 
.top-menu li:hover ul ul ul, 
.top-menu li:hover ul ul ul ul {
    visibility: hidden;
    opacity: 0;
    -moz-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    -webkit-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    transition:visibility 0s linear 0.5s,opacity 0.3s linear;
}
#dropdown li:hover ul, 
#dropdown li li:hover ul, 
#dropdown li li li:hover ul, 
#dropdown li li li li:hover ul, 
.top-menu li:hover ul, 
.top-menu li li:hover ul, 
.top-menu li li li:hover ul, 
.top-menu li li li li:hover ul  {
    visibility: visible;
    display:block;
    opacity: 1;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
} 

#dropdown li:hover, 
.top-menu li:hover {
    background:#efefef;
    box-shadow:2px -1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:2px -1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:2px -1px 3px rgba(0, 0, 0, 0.3);
}
.ribbon ul.top-menu > li.has_children, .square ul.top-menu > li.has_children, #dropdown > li.has_children{
    background: url(images/top-submenu.gif) no-repeat center right;
    padding-right: 10px;
}
.ribbon ul.top-menu > li.has_children:hover:after, .square ul.top-menu > li.has_children:hover:after, #dropdown > li.has_children:hover:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-right: 8px solid rgba(255, 255, 255, 0);           /* Go big on the size, and let overflow hide */
    border-left: 8px solid rgba(255, 255, 255, 0);
    border-bottom: 5px solid #e3e3e3;
    position: absolute;
    left: 35%;
    bottom: 0;
    z-index: 2;
}
.ribbon ul.top-menu:before{
    border-right: 10px solid #ccc;
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-top: 6px solid rgba(255, 255, 255, 0);
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    left: -10px;
    top: -7px;
    width: 0;
    z-index: 2;
}
.ribbon ul.top-menu:after{
    border-left: 10px solid #ccc;
    border-right: 10px solid rgba(255, 255, 255, 0);
    border-top: 6px solid rgba(255, 255, 255, 0);
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    right: 10px;
    top: -7px;
    width: 0;
    z-index: 2;
}
.ribbon-above ul.top-menu:before{
    border-right: 10px solid #ccc;
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-bottom: 6px solid rgba(255, 255, 255, 0);
    border-top: none;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    left: -10px;
    top: 36px;
    width: 0;
    z-index: 2;
}
.ribbon-above ul.top-menu:after{
    border-left: 10px solid #ccc;
    border-right: 10px solid rgba(255, 255, 255, 0);
    border-bottom: 6px solid rgba(255, 255, 255, 0);
    border-top: none;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    right: 10px;
    top: 36px;
    width: 0;
    z-index: 2;
}
.ribbon .top-menu li:hover, .square .top-menu li:hover, #dropdown li:hover{
    background-color: transparent;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

#dropdown li ul li:hover, 
.top-menu li ul li:hover {
    background: #efefef;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;  
}
.top-menu li ul li.has_children, #dropdown li ul li.has_children{
    background: url(images/submenu.gif) no-repeat center right;
}
.standard{
    background:url(images/navbarbg.png) repeat-x;
    height:60px;
    margin:-30px 0 -20px;
    padding:0;
    z-index: 10;
    position: relative;
}
.standard-above {
    margin:0 0 -20px;
}
.ribbon, .square{
    margin: 0;
    padding: 0;
    background-color: #e3e3e3;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#cccccc));
    background-image: -webkit-linear-gradient(top, #e3e3e3, #cccccc);
    background-image:    -moz-linear-gradient(top, #e3e3e3, #cccccc);
    background-image:     -ms-linear-gradient(top, #e3e3e3, #cccccc);
    background-image:      -o-linear-gradient(top, #e3e3e3, #cccccc);
    background-image:         linear-gradient(top, #e3e3e3, #cccccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#cccccc');
    z-index: 10;
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #999999;
    margin-left: -10px;
    margin-right: -10px;
    border-top: 1px solid #bbb;
}
.square, ul#dropdown{
    margin-left: 0px;
    margin-right: 0px;
}

ul#admin{
    float:right;
    list-style-image:none;
    list-style-type:none;
    margin-top:-10px;
    position: relative;
    z-index: 5;
}

.ribbon ul#admin, .square ul#admin{
    margin-top:1px;
    margin-right: 15px;
}

ul#admin a{
    color:#A0B3C2;
    font-weight:bolder;
    text-decoration:none;
}

ul#admin li{
    background-color:#E3E3E3;
    display:inline;
    float:left;
    font-family:"Lucida Sans Unicode" , "Lucida Grande", Sans-Serif;
    margin-right:2px;
    overflow:hidden;
    padding:3px;
    text-align:center;
}

ul#admin li{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}

ul#admin li:hover{
    box-shadow:2px 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:2px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:2px 1px 2px rgba(0, 0, 0, 0.3);
    background:#efefef;
}

/*************************************
Forms
 *************************************/

#loginform{
    font-size:.9em;
    padding:0 3px;
}
#navmenu #searchform{
    border-right:none;
    display:block;
    float:right;
    clear:right;
    font-size:1.3em;
    font-weight:bolder;
    z-index: 10;
}
#navmenu #searchform #s{
    width: 50px;
    -moz-transition:width 0.1s linear;
    -webkit-transition:width 0.1s linear;
    -o-transition:width 0.1s linear;
    transition:width 0.1s linear;
}
#navmenu #searchform #s:focus, #navmenu #searchform #s:active{
    width: 120px;
}
.standard-below #searchform{
    position: relative;
    right: 5px;
    top: -50px;
}
.standard-above #searchform{
    position: relative;
    right: 5px;
    top: 60px;
}
.ribbon #searchform, .square #searchform {
    position: relative;
    right: 10px;
    top: -35px;
    margin-bottom: -35px;
}

#searchform{
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin:5px 5px 0 0;
    text-align:left;
}

#searchform #s{
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5) inset;
    border: 0px solid #ccc;
    margin-bottom:6px;
    padding:5px;
    text-decoration:none;
    width:80%;
    background: url(images/search.png) no-repeat 3px center  #f7f7f7;
    padding-left: 20px
}

#user_login, #user_pass{
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color:#f7f7f7;
    border:1px #999 solid;
    border-left-color:#ccc;
    border-top-color:#ccc;
    color:#597EAA;
    text-decoration:none;
    width:90px;
}

.entry form{
    text-align:center;
}

.sidebar form{
    margin:0;
}

input.text{
    font-size:1.2em;
}

input[type="text"]:focus, textarea:focus, select:focus, #searchform #s:focus {
    box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),0 0px 2px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),0 0px 2px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),0 0px 2px rgba(0, 0, 0, 0.5) inset;
    outline: none;
}

select{
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    width:160px;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5) inset;
    border: 0px solid #ccc;
    padding: 3px;
}


input[type="submit"], .button, div#infinite-handle span {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .3em 1em .35em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .25em; 
    -moz-border-radius: .25em;
    border-radius: .25em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #505050;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
input[type="submit"]:hover, .button:hover, div#infinite-handle span:hover {
    text-decoration: none;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
input[type="submit"]:active, .button:active, div#infinite-handle span: active {
    position: relative;
    top: 1px;
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}


/*************************************
Bread Crumbs
 *************************************/

#crumbs{
    font-size:1.2em;
    margin:0 20px 20px;
    position: relative;
    top: 20px;
}

#crumbs .current{
    text-decoration:underline;
}

/*************************************
Footer
 *************************************/

#footerdivs {
    margin:10px auto;
    padding-left:15%;
    text-align:left;
}

.footercont {
    width:30%;
    float:left;
    padding: 5px 1%;
}

.footercont.widgettitle {
    margin-top:0;
}

#footer p{
    margin:0;
    padding:15px 0 20px;
    text-align:center;
}

#footer p.credit{
    padding:10px 0 15px;
    text-align:center;
}

#footer ul, #footer ul li ul li {
    list-style-type:none;
    list-style-image:none;
    padding:0;
    margin-left:0;
}

#footer ul ul li:before {
    content:"\00BB \0020";
    padding:0;
}
#footer ul.footernav {
    margin:-5px 0 0;
    padding:0 0 15px;
}
#footer ul.footernav li{
    display: inline;
}
/*************************************
Image Gallery
*************************************/
.gallery dl.gallery-item dd.gallery-caption{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 0px;
    -moz-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    -webkit-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    transition:visibility 0s linear 0.5s,opacity 0.3s linear;
}
.gallery dl.gallery-item:hover dd.gallery-caption{
    visibility: visible;
    opacity:1;
    -moz-transition:opacity 0.3s linear;
    -webkit-transition:opacity 0.3s linear;
    -o-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
}
.gallery dl.gallery-item{
    position: relative;
}
#main_image{ 
    position:relative;
    text-align: center;
}
#main_image a .pic_info {
    visibility: hidden;
    opacity: 0;
    display: block;
    background: #111;
    filter:alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
    position: absolute;
    padding: 10px;
    bottom: 30px;
    left: 45%;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    -webkit-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.5s,opacity 0.3s linear;
    transition:visibility 0s linear 0.5s,opacity 0.3s linear;
}
#main_image a:hover .pic_info{
    visibility: visible;
    opacity:.75;
    -moz-transition:opacity 0.3s linear;
    -webkit-transition:opacity 0.3s linear;
    -o-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
}

.pic_info {
    margin:auto;
    text-align: left;
}
#pic-navigation{
    clear:both;
    width: 90%;
    margin:auto;
}
.pic-previous{
    float:left;
    background: url(images/gallery_prev.png) no-repeat scroll left center transparent;
    padding-left:40px;
}
.pic-next{
    float:right;
    background: url(images/gallery_next.png) no-repeat scroll right center transparent;
    padding-right:40px;
}

/*************************************
Misc Tags
 *************************************/

.fontsizeminus{
    font-size:8px;
}
.fontreset{
    font-size: 12px;
}
.fontsizeplus{
    font-size: 18px;
}

a{
    color:#597EAA;
    text-decoration:none;
}

a img{
    border:none;
}

a:hover{
    color:#147;
    text-decoration:underline;
}

a:visited{
    color:#2C4353;
}

acronym,abbr{
    border-bottom:1px dashed #999;
    cursor:help;
    font-size:.9em;
    letter-spacing:.07em;
}

blockquote cite{
    float: right;
    margin:5px 0 0;
}

blockquote{
    margin: 15px 0px;
    padding-left: 40px;
}
blockquote:before{
    color: #ccc;
    content: '“';
    font-size: 5em;
    font-weight: bold;
    line-height: 0px;
    margin: 0px 5px 0px -40px;
    vertical-align: bottom;
}
blockquote p{
    display:inline;
}
cite{
    text-decoration:none;
}

code{
    font:1.1em 'Courier New', Courier, Fixed;
}

/* For modern browsers */
.clear:before,
.clear:after {
    content:"";
    display:table;
}

.clear:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clear {
    *zoom:1;
}

dd{
    font-style:italic;
    margin-left:5px;
}

hr{
    border-top: 1px solid #ccc;
    width: 90%;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

ol > li{
    list-style:decimal outside;
}

p{
    margin:5px 5px 10px;
}

p img{
    max-width:97%;
    padding:2px;
    height: auto;
}

pre{
    overflow:scroll;
    overflow-y:hidden;
}

small{
    color:#777;
    font-size:.9em;
    line-height:1.5em;
}

span.caps{
    cursor:help;
    font-size:.9em;
    letter-spacing:.07em;
}

strike{
    color:#777;
}

strong.search-excerpt { 
    background: yellow;
}

.search-terms{
    font-style:italic;
}

sub,sup{
    color:#606e79;
    font-size:1.1em;
}

/*************************************
WP-Classes
 *************************************/

#wp-calendar{
    empty-cells:show;
    margin:10px auto 0;
    width:155px;
}

#wp-calendar #next a{
    padding-right:10px;
    text-align:right;
}

#wp-calendar #prev a{
    font-size:.9em;
    padding-left:10px;
    text-align:left;
}

#wp-calendar a{
    display:block;
    text-decoration:none;
}

#wp-calendar caption{
    font-size:1.3em;
    text-align:center;
    text-decoration:none;
    width:100%;
}

#wp-calendar td{
    padding:3px 0;
    text-align:center;
}

#wp-calendar td.pad:hover{
    background-color:#fff;
}

#wp-calendar th{
    font-style:normal;
    text-transform:capitalize;
}

.aligncenter{
    display:block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.center{
    text-align:center;
}

.alignright{
    float:right;
    margin:0 6px;
}

.wp-caption, .gallery-caption{
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color:#f7f7f7;
    border:1px solid #444;
    padding:3px;
    text-align:center;
    max-width:95%;
    height: auto;
    margin-bottom: 15px;
    position: relative;
}
.wp-caption:before, .wp-caption:after {  
    position: absolute;  
    width: 50%;  
    height: 10px;  
    content: ' ';  
    left: 12px;  
    bottom: 12px;  
    background: transparent;  
    -webkit-transform: skew(-5deg) rotate(-5deg);  
    -moz-transform: skew(-5deg) rotate(-5deg);  
    -ms-transform: skew(-5deg) rotate(-5deg);  
    -o-transform: skew(-5deg) rotate(-5deg);  
    transform: skew(-5deg) rotate(-5deg);  
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);  
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);  
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);  
    z-index: -1;  
}  
.wp-caption:after  
{  
    left: auto;  
    right: 12px;  
    -webkit-transform: skew(5deg) rotate(5deg);  
    -moz-transform: skew(5deg) rotate(5deg);  
    -ms-transform: skew(5deg) rotate(5deg);  
    -o-transform: skew(5deg) rotate(5deg);  
    transform: skew(5deg) rotate(5deg);  
}
.wp-caption img{
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    max-width: 97%;
    height: auto;
}

.wp-caption-text{
    line-height:1.1em;
    text-align:center;
}

.wp-post-image,.alignleft{
    float:left;
    margin:0 6px;
}

/****************************************
Infnite Scroll
*****************************************/

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .navigation,
.infinite-scroll.neverending #footer {
	visibility: hidden;
}
/* Shows the footer again in case all posts have been loaded */
.infinity-end.neverending #footer {
	visibility: visible;
}
#infinite-footer{
    z-index: 10;
}
div#infinite-handle span:before{
    color: #505050;
}
div#infinite-handle span:hover:before{
    color: #303030;
}