/*
Theme Name: Metrolo
Theme URI: http://themes.77points.com
Description: Metrolo is a powerful, flexible and professionally designed Wordpress theme.
Version: 1.0
Author: Jasin
Author URI: http://77points.com
*/

/*************************************************************************
 --------------------------- TABLE OF CONTENT ---------------------------
 
 	1. RESET						- (line 37)	
	2. BASE ELEMENTS				- (line 53)	
	3. HEADER						- (line 90)	
	4. BODY							- (line 146)	
	5. MODULES						- (line 151)	
	6. SLIDER - NIVO				- (line 156)	
	7. SLIDER - ACC					- (line 174)	
	8. SLIDER - ANY					- (line 187)	
	9. MESSAGE						- (line 197)	
	10. POSTED						- (line 208)	
	11. ACCORDIAN					- (line 214)	
	12. HOME PAGE CONTENT BOX		- (line 230)		
	13. BLOG PAGES					- (line 277)	
	14. BLOG FRONT PAGE				- (line 295)	
	15. GALLERY PAGE				- (line 301)	
	16. BLOG POSTS					- (line 333)	
	17. SHORTCODE MODS				- (line 383)	
	18. SIDEBAR						- (line 486)	
	19. SIDEBAR & FOOTER WIDGETS	- (line 491)
	20. FOOTER 						- (line 530)	

/*************************************************************************/
	
	
/*************************************************************************/
/*----------------------------- BEGIN RESET -----------------------------*/

/*----- v2.0 | 20110126 ----- http://meyerweb.com/eric/tools/css/reset/ -----*/
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; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*************************************************************************/
/*----------------------------- BEGIN BASE ELEMENTS ---------------------*/

body { font-weight: normal; text-align: left; }
::selection { }
::-moz-selection { }
a:link, a:visited, a:hover { text-decoration:none; }
em { font-style:italic; }
strong, b { font-weight: bold; }
blockquote, q { background: url('../images/ic_quotes.png') no-repeat 0 0; font-style:italic; padding: 0 35px; }
code, pre { font-family:"Courier New", Courier, monospace; padding-left: 10px; display: block; margin: 5px 0; }
pre { white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; white-space:pre-wrap; word-wrap:break-word; }
h1, h1 a:link, h1 a:hover, h1 a:visited { text-decoration:none; }
h2, h2 a:link, h2 a:hover, h2 a:visited { text-decoration:none; }
h3, h3 a:link, h3 a:hover, h3 a:visited { text-decoration:none; }
h4, h4 a:link, h4 a:hover, h4 a:visited { text-decoration:none; }
h5, h5 a:link, h5 a:hover, h5 a:visited { text-decoration:none; }
h6, h6 a:link, h6 a:hover, h6 a:visited { text-decoration:none; }
.aligncenter { display: block; margin: 0 auto 0 auto; text-align: center; }
.alignleft { float: left; margin: 5px 10px 2px 0; }
.alignright { float: right; margin: 5px 0 2px 10px; }
.clear { clear: both; }
.fr { float: right; }
.fl { float: left; }
.v55 { height: 55px; display: block; }
.v44 { height: 44px; display: block; }
.v33 { height: 33px; display: block; }
.v22 { height: 22px; display: block; }
.v11 { height: 11px; display: block; }
.v1 { height: 1px; display: block; }
.h40 { width: 39px; height: 1px; display: block; }
.h30 { width: 29px; height: 1px; display: block; }
.hrbreak { height: 1px; display: block; margin-bottom: 18px; }
.gototop { height: 12px; display: block; text-align: right; font-size: 8px; text-transform: uppercase; line-height: 12px; margin-bottom: 10px; }
.gototop div { padding: 0px 5px; display: inline-block; cursor: pointer; }
.scrollto { cursor: pointer; }

/*************************************************************************/
/*----------------------------- BEGIN HEADER ----------------------------*/

#logo { width:250px; }
#logo_shape { width:150px; height:150px; position: relative; top: -48px; display: table; -moz-border-radius: 75px/75px; -webkit-border-radius: 75px 75px; border-radius: 75px/75px; border:none; }
#logo_text { width:100%; text-align:center; display: table-cell; vertical-align: middle; }
#logo_text, #logo_text a:link, #logo_text a:hover, #logo_text a:visited { text-decoration:none; }
#logo_img { width: 250px; height: 150px; position: relative; top: -48px; display: block; }
#logo_img span { display: none; }

#header_bar_wrap { position: absolute; top: 55px; left:0; width: 100%; height: 55px; }
#header_bar { width: 912px; margin: 0 auto; padding: 0 0 0 24px; }

#header_navlist { width: 650px; position: relative; right: 11px; }
#header_navlist ul { float: right; }
#header_navlist ul li { z-index: 4444; }
#slide { position:absolute; top:50px; height:5px; margin:0; border:none; /*margin:9px 0; -moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px; border:none;*/ }
.hnl_menu ul { position: absolute; top: -999em; width: 180px; /* left offset of submenus need to match (see below) */ }
.hnl_menu ul li { width: 100%; }
.hnl_menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.hnl_menu li { float: left; position: relative; }
.hnl_menu a { display: block; position: relative; }
.hnl_menu li:hover ul, .hnl_menu li.sfHover ul { left: -7px; top: 55px; /* match top ul list item height */ z-index: 99; }
ul.hnl_menu li:hover li ul, ul.hnl_menu li.sfHover li ul { top: -999em; }
ul.hnl_menu li li:hover ul, ul.hnl_menu li li.sfHover ul { left: 175px; /* match ul width */ top: 0; }
ul.hnl_menu li li:hover li ul, ul.hnl_menu li li.sfHover li ul { top: -999em; }
ul.hnl_menu li li li:hover ul, ul.hnl_menu li li li.sfHover ul { left: 150px; /* match ul width */ top: 0; }
.hnl_menu li a:link, .hnl_menu li a:hover, .hnl_menu li a:visited { text-transform: uppercase; text-decoration: none; line-height: 55px; padding: 0 13px; margin: 0 7px; }
.hnl_menu li ul { -moz-border-radius: 7px/7px; -webkit-border-radius: 7px 7px; border-radius: 7px/7px;}
.hnl_menu li ul li {-moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px;}
.hnl_menu li li { }
.hnl_menu li li:hover, .hnl_menu li li.sfHover { }
.hnl_menu li li li { }
.hnl_menu li ul a:link, .hnl_menu li ul a:hover, .hnl_menu li ul a:visited { text-transform:none; padding: 8px 0; }
/*** arrows ***/
.sf-sub-indicator { position: absolute; display: block; right: 0em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: 1.3em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/*** point right for anchors in subs ***/
.hnl_menu ul .sf-sub-indicator { background-position:  -10px 0; top: 1em; }
.hnl_menu ul a > .sf-sub-indicator { background-position:  0 0; }

/*** sub-header with search ***/
.sub_header { width: 380px; height: 26px; margin: 15px 28px 0 0; }
.search_head { }
.search_body { height: 24px; overflow: hidden; }
.searchform { height: 24px; margin:0 0 0 2px; }
.searchtext { width: 135px; border:none; padding:0px 5px; height: 22px; margin: 0; float: left; font-style:italic; }
.searchtext:focus { background-color:#eaeaea; }
.searchsubmit { width:26px; height:24px; }

/*** social profiles ***/
.socmenu { border-right: solid 1px #bcbcbc; border-bottom: none; border-top: none; border-left: none; height: 26px; margin:0 8px 0 0px; }
.socmenu li { float:left; margin:0 8px 0 0px; height: 26px; }
#soc_be, #soc_bl, #soc_dl, #soc_da, #soc_dg, #soc_dp, #soc_db, #soc_fb, #soc_fc, #soc_fo, #soc_ff, #soc_gg, #soc_lf, #soc_li, #soc_ml, #soc_ms, #soc_nl, #soc_nt, #soc_nv, #soc_pc, #soc_rd, #soc_su, #soc_tr, #soc_tb, #soc_tw, #soc_vd, #soc_vm, #soc_wp, #soc_yt, #soc_rs { display: block; width: 25px; height: 25px; }
#soc_be span, #soc_bl span, #soc_dl span, #soc_da span, #soc_dg span, #soc_dp span, #soc_db span, #soc_fb span, #soc_fc span, #soc_fo span, #soc_ff span, #soc_gg span, #soc_lf span, #soc_li span, #soc_ml span, #soc_ms span, #soc_nl span, #soc_nt span, #soc_nv span, #soc_pc span, #soc_rd span, #soc_su span, #soc_tr span, #soc_tb span, #soc_tw span, #soc_vd span, #soc_vm span, #soc_wp span, #soc_yt span, #soc_rs span { display: none; }

/*************************************************************************/
/*----------------------------- BEGIN BODY ------------------------------*/

#body_wrap { width: 890px; margin: 0 auto; padding: 100px 45px 0 45px; }

/*************************************************************************/
/*----------------------------- BEGIN MODULES ----------------------------*/

#slider_wrap, .sliderany_wrap, .slideracc_wrap { -moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px; }

/*************************************************************************/
/*----------------------------- BEGIN SLIDER - NIVO ---------------------*/

#slider_wrap { width:890px; margin:0; padding:0; position:relative; overflow: hidden; }
#slider { position:relative; width:890px; margin:0; background:url(../images/nivo_loading.gif) no-repeat 50% 50%; }
#slider img { position:absolute; top:0px; left:0px; display:none; width:890px; }
#slider a { border:0; display:block; }
.nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/nivo_arrows.png) no-repeat; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-30px 0; right:15px; }
a.nivo-prevNav { left:15px; }
.nivo-controlNav { width: auto; height:17px; overflow: hidden; position:absolute; ; bottom:0px; padding:0; z-index:20; opacity: .8; }
.nivo-controlNav a { display:block; text-indent:-9999px; border:0; float:left; width:12px; height:12px; margin-right:10px; background:url(../images/nivo_bullets.png) no-repeat; }
.nivo-controlNav a.active { background-position:0 -12px; }
.nivo-caption { width:auto; max-width:890px; overflow:hidden; text-shadow:none; position:absolute; padding: 5px 15px; margin: 0 -5px; -moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px; border:none; }
.nivo-caption p { padding:0px; }
.nivo-caption, .nivo-caption a { font-size: 24px; line-height: 30px; }
.nivo-caption a { font-style: italic; }

/*************************************************************************/
/*----------------------------- BEGIN SLIDER - ACC ----------------------*/

.slideracc_wrap { width: 890px; list-style: none; position: relative; margin: 0; padding: 0; }
.slideracc_item { display: block; overflow: hidden; float: left; }
.slideracc_cap { position: absolute; z-index: 999; bottom: 0px; padding: 15px 10px 15px 20px; overflow: hidden; display: table; width: 5000px; height: 55px; filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }
.slideracc_capcon { display:table-cell; vertical-align:middle; }
.slideracc_cap a { }
.slideracc_item .slideracc_cap .slideracc_head { max-height: 40px; overflow:hidden; }
.slideracc_item .slideracc_cap .slideracc_desc { display: none; }
.slideracc_item.active .slideracc_cap .slideracc_head { max-height: 1111px; }
.slideracc_item.active .slideracc_cap .slideracc_desc { display: block; }

/*************************************************************************/
/*----------------------------- BEGIN SLIDER - ANY ----------------------*/

/* Structure & Styling - External CSS */

/* Slides */
.sliderany_wrap {margin:0 auto; overflow: hidden;}
#anyslider { }
.sliderany_item { }

/*************************************************************************/
/*----------------------------- BEGIN MESSAGE ---------------------------*/

.msg { padding: 20px 7px; }
.msg_text { }
.msg_text span { color: #333; }
.msg_button { display: table-cell; vertical-align: middle; width: 230px; text-align: center; }
.msg_button_large { padding: 10px 30px; display:inline-block; -moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px; border:none; }
.msg_button_large:hover { }
.msg_button, .msg_button a:link, .msg_button a:visited, .msg_button a:hover, .msg_button a:hover { font-size: 24px; line-height: 30px; }

/*************************************************************************/
/*----------------------------- BEGIN POSTED ----------------------------*/

.posted { background: #e9e9e9; text-align: center; padding: 20px 25px; width: 840px; margin: 0 auto; -moz-border-radius: 7px/7px; -webkit-border-radius: 7px 7px; border-radius: 7px/7px; border:none; }
.posted, .posted a:link, .posted a:visited, .posted a:hover { }

/*************************************************************************/
/*----------------------------- BEGIN ACCORDIAN -------------------------*/

#acc_wrap { padding: 0 0px; }
.accheading { margin:0 0 15px 0; }
#acc_outer { -moz-border-radius: 7px/7px; -webkit-border-radius: 7px 7px; border-radius: 7px/7px; display: inline-block; }
#acc { margin: 0px 0 0 0; height: 99px; width: 825px; visibility: visible; overflow: hidden; position: relative; }
.acc_prev, .acc_next { margin: 0px 0 0 0px; padding:0; height: 99px; width: 32px; cursor: pointer; }
.acc_prev:hover, .acc_prev:focus, .acc_prev:active, .acc_next:hover, .acc_next:focus, .acc_next:active { background-position: 0 -99px; }
#acc ul { }
.acc_item { float: left; padding: 12px 12px 12px 12px; display: block; margin: 0px; overflow: hidden; height: 75px; width: 75px; }
.acc_item img { float:left; }
.acc_item_text { margin: 0 0 0 88px; padding: 0; width: 230px; display: block; }
.acc_item_text span { display: block; font-size: 18px; line-height: 24px; }
.acc_item_text { }

/*************************************************************************/
/*----------------------------- BEGIN HOME PAGE CONTENT BOX -------------*/

/*** BASIC - TYPE 1 & 2 & 3 ***/
.hpcontent1, .hpcontent2, .hpcontent3 { padding: 0; }
.con_twothird { width: 618px; margin: 0; padding: 0; }
.con_third { width: 270px; margin: 0; padding: 0; }
.con_third_title { min-height: 44px; }
.con_third_title h4 { padding: 11px 0px 0px 0px; }
.con_third_text { }
.con_third_text p { display: inline; }
.homepage_postexcerpt p { display: inline; }
.con_third_text span {/* Tag Line */ }

/*** TYPE 2 ***/
.con_third_blog { margin-top: 3px; }
.ctb_post { padding: 0px 0 13px 0; margin:0 0 20px 0; }
.hpcontent2 .con_third_blog h2 { margin: 0 0 15px 0; }
.ctb_post .posttitle { margin-top: 0px; }
.ctb_post .posttitle h4, .ctb_post .posttitle h4 a { line-height: 26px; }
.ctb_post .postexcerpt { margin-top: 3px; }

/*** TYPE 2 & 3 ***/
.hpcontent2 .con_third_blog h2, .hpcontent3 h2 { padding: 0 0 7px 0; }
.postdate_wrapper { width:50px; height:50px; display: table; margin: 0 10px 0 0; -moz-border-radius: 25px/25px; -webkit-border-radius: 25px 25px; border-radius: 25px/25px; border:none; }
.postdate { width:100%; text-align:center; display: table-cell; vertical-align: middle; font-size: 14px; line-height: 17px; }

/*** TYPE 3 ***/
.con_full_blog { padding: 0px 0; }
.blogheading { margin:0 0 30px 0; }
.cfb_content_wrap { width: 540px; padding: 0px 0; }
.cfb_content { background: url(../images/cfb_bg.png) repeat-y left top; margin: 0 0 22px 0; }
.cfb_postmeta { width: 85px; font-size: 11px; line-height: 16px; font-family: "arial", serif; padding: 3px 0 0 0; }
.cfb_postmeta span { display:block; margin: 8px 0 0 0; }
.cfb_postmeta a:link, .cfb_postmeta a:hover, .cfb_postmeta a:visited { }
.cfb_post { width: 421px; margin: 0; padding: 0; }
.cfb_post .posttitle { }
.cfb_post .posttitle h3, .cfb_post .posttitle h3 a { }
.cfb_post img { }
.cfb_post .postexcerpt { }
.cfb2_postimage { margin: 5px 0 0 0; }
.cfb2_postexcerpt { width: 200px; }
.cfb2_postexcerpt_headwrap { display: table; height: 195px; }
.cfb2_postexcerpt_head { display: table-cell; vertical-align: middle; }
.cfb2_postexcerpt_head span { font-size: 11px; line-height: 16px; }
.cfb2_postexcerpt_head .v1 { margin-top: 5px; padding-top: 5px; }

/*************************************************************************/
/*----------------------------- BEGIN BLOG PAGES ------------------------*/

/*** archives ***/
h2.pagetitle { padding-bottom: 30px; }

/*** contact ***/
.wpcf7-form input, .wpcf7-form textarea { padding:6px 7px; margin: 8px 0 0px 0; }
.wpcf7-form select { margin: 8px 0 0px 0; padding: 3px 5px; }
.wpcf7-form select, .wpcf7-form option { }
.wpcf7-form input:focus, .wpcf7-form textarea:focus { border:none; }
.inputlabel { width: 60px; display:inline-block; }
.wpcf7-not-valid-tip-no-ajax { display: inline-block !important; padding-left: 5px; }
span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip-no-ajax { width: 200px !important; }
/**/
.wpcf7-submit { display: block; width:60px; margin-top: 8px; padding: 5px 0 !important; }
.wpcf7-response-output { margin: 0px !important; }

/*************************************************************************/
/*----------------------------- BEGIN BLOG FRONT PAGE -------------------*/

.blogfp_conwrap { padding: 0 0px; }
.navigation { display: block; }

/*************************************************************************/
/*----------------------------- BEGIN GALLERY PAGE ----------------------*/

.galcon { }
.galcon .galtitle { }
#filter { list-style: none; padding:0; margin:0; }
#filter li { float: left; padding: 5px 10px; margin-right: 15px; }
#filter li, .galprev, .galnext { -moz-border-radius: 7px/7px; -webkit-border-radius: 7px 7px; border-radius: 7px/7px;}
.item_con { }
.item_con a:link, .item_con a:visited, .item_con a:hover, .item_con .thb_item img { margin:0; padding:0; }
.galitemheading { margin-top: 5px; }
.galprev { padding: 5px 10px; margin-left: 200px; }
.galnext { padding: 5px 10px; margin-right: 200px; }

/*Gallery Templates*/
#items { }
.itemclass { list-style: none; padding:0 !important; margin:0 !important; width: 890px; }
.itemclass li { float: left; list-style: none; overflow: hidden; }
.itemclass_s4 li { width: 200px; height: 277px; margin:44px 21px 0px 0px; }
.itemclass_s3 li { width: 270px; height: 207px; margin:44px 25px 0px 0px; }
.itemclass_s2 li { width: 420px; height: 205px; margin:44px 24px 0px 0px; }
.itemclass_s1 li { width: 890px; height: 255px; margin:0px 0px 0px 0px; padding: 20px 0; }
.itemclass_swall li { width: 75px; height: 75px; margin:1px; }
.itemclass_lwall li { width: 200px; height: 180px; margin:0 18px 18px 0; }
.itemclass_s1 li .item_con img { float: left; }
.itemclass_s1 li .item_con h4 { float: right; width: 310px; margin-bottom: 5px; }
.itemclass_s1 li .item_con .postcontent { float: right; width: 310px; }
.itemclass_s1_but { padding: 6px 18px !important; font-size: 18px; display: inline-block; -moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px; }
.itemclass_s1_but:hover { }
.msg_button, .msg_button a:link, .msg_button a:visited, .msg_button a:hover, .msg_button a:hover { }
.navigation_gal { padding: 33px 0 0 0 !important; }

/*************************************************************************/
/*----------------------------- BEGIN BLOG POST -------------------------*/

.post_conwrap { padding: 0 0px; }
.post { width: 540px; padding: 0; }
.postcon { padding:0; margin:0; }
.postcon_s { width: 540px; }
.postcon .postdate_wrapper { }
.postcon .posttitle, .postcon .postmeta { }
.postcon_s .posttitle, .postcon_s .postmeta { width: 475px; }
.postcon .postmeta { font-size: 12px; line-height: 15px; font-family: "arial", serif; padding: 6px 0 0 0; }
.postcon .postmeta span { margin: 0px 0 0 0px; }
.postcon .postmeta .postmetaunit { margin:0 0px 0 0; display: inline; }
.postcon .postmeta a:link, .postcon .postmeta a:hover, .postcon .postmeta a:visited { }

/*** style ***/
.postcontent p { display:block; }
.postcontent ul { list-style: disc; }
.postcontent ol { list-style:decimal; }
.postcontent h1, .postcontent h2, .postcontent h3, .postcontent h4, .postcontent h5, .postcontent h6 { margin-top: 20px; margin-bottom: 12px; }

/*** comment ***/
#postcomm { margin-top: 22px; }
.commentshead, #respond h2 { padding:0px; }
.commnavigation { margin:0; padding:0; }
.commentlist { margin:0 0 15px 0; }
.commentlist li { clear: both; margin: 15px 10px 0 0px; padding: 0; }
.commentlist li ul { margin: 0 0 0 20px; }
.commentlist .thread-even, .commentlist .thread-odd { padding:15px; -moz-border-radius: 7px/7px; -webkit-border-radius: 7px 7px; border-radius: 7px/7px;}
.commentlist .avatar { float: left; display: inline; margin: 0 10px 0px 0; }
.commentlist .bypostauthor > div > div > .avatar { }
.commentlist .comment-author cite { font-style: normal; }
.commentlist .comment-author cite, #comments .comment-author cite a { }
.commentlist .comment-author .says { display: inline; }
.commentmetadata a { }
.commentmetadata {padding-bottom: 5px; margin-bottom: 3px;}
.reply {display: inline-block;}
#commentform p { margin: 0px 0 0 0; }
#commentform input, #commentform textarea { padding:6px 7px; margin: 8px 8px 0px 0; }
#commentform input:focus, #commentform textarea:focus { }
#commentsubmit { display: block; width:60px; margin-top: 8px; padding: 5px 0; }
#commentsubmit:hover { }

/*** related ***/
.related { margin-top: 22px; }
.rel_unit { width: 150px; height: 185px; overflow: hidden; margin: 11px 20px 0 0; padding: 5px; }
.rel_unit:hover { -moz-border-radius: 7px/7px; -webkit-border-radius: 7px 7px; border-radius: 7px/7px;}
.rel_thb img { float:left; }
.rel_title { margin: 6px 2px 0 5px; }

/*************************************************************************/
/*----------------------------- BEGIN SHORTCODE MODS --------------------*/

/*** DropCap ***/
.dropcap1 { display: block; float: left; margin:2px 8px 0 0; }

/*** Highlight ***/
.highlight a:link, .highlight a:visited, .highlight a:hover { color:inherit; text-decoration:underline; }

/*** Button ***/
.smallbutton, .mediumbutton, .largebutton { padding: 5px 10px; -moz-border-radius: 7px/7px; -webkit-border-radius: 7px 7px; border-radius: 7px/7px; }

/*** Styled Box ***/
.styled_box { -moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px; }
.styled_box_title, .styled_box_content { padding: 8px 10px; }

/*** Frame Left, Right, Center ***/
.frame_lrc { text-align: center; padding: 2px; display: inline-block; }
.caption { font-size: 0.85em; }

/*** Message ***/
.sc_message {-moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px;}

/*** Tabs ***/
.hide { position: absolute; top: -9999px; left: -9999px; } /* Generic Utility */
.tabset { padding: 15px 20px; margin: 0 0 15px 0; -moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px;}
.tabset .nav { list-style: none; overflow: hidden; margin: 0 0 15px 0; padding:0; }
.tabset .nav li { width: auto; float: left; margin: 0 10px 0 0; }
.tabset .nav li.last { margin-right: 0; }
.tabset .nav li a { display: block; padding: 5px 20px; text-align: center; }
.tabset .nav li a:hover, .tabset .nav li a.current { }
.tabset .nav li a, .tabset .nav li a:hover, .tabset .nav li a.current {-moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px;}

/*** ToggleBox ***/
.togglebox { margin: 0 0 20px 0; }
.toggleboxhead { margin: 0; display: block; padding: 6px 20px 5px 25px; background:url(../images/ic_toggle_off.png) no-repeat 0 1px; cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.toggleboxheadactive { background:url(../images/ic_toggle_on.png) no-repeat 0 0; cursor: pointer;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; }
.toggleboxcon { margin: 0; height: 0; }
.toggleboxcon-in { padding: 10px 20px; display: none;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; }

/*** Lists ***/
ul.arrow_list { list-style:url(../images/ic_arrowlist.png); }
ul.bubble_list { list-style:url(../images/ic_bubblelist.png); }
ul.check_list { list-style:url(../images/ic_checklist.png); }
ul.code_list { list-style:url(../images/ic_codelist.png); }
ul.doc_list { list-style:url(../images/ic_doclist.png); }
ul.star_list { list-style:url(../images/ic_starlist.png); }
ul.tag_list { list-style:url(../images/ic_taglist.png); }
ul.alert_list { list-style:url(../images/ic_alertlist.png); }
ul.cross_list { list-style:url(../images/ic_crosslist.png); }
ul.info_list { list-style:url(../images/ic_infolist.png); }
ul.plus_list { list-style:url(../images/ic_pluslist.png); }

/*** Alert Box ***/
.mt_alertbox {-moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px;}
.alert_alert { background:url(../images/ic_alert_alert.png) no-repeat 0 5px; }
.alert_check { background:url(../images/ic_alert_check.png) no-repeat 0 5px; }
.alert_cross { background:url(../images/ic_alert_cross.png) no-repeat 0 5px; }
.alert_info { background:url(../images/ic_alert_info.png) no-repeat 0 5px; }
.alert_plus { background:url(../images/ic_alert_plus.png) no-repeat 0 5px; }
.alert_document { background:url(../images/ic_alert_document.png) no-repeat 0 5px; }
.alert_note { background:url(../images/ic_alert_note.png) no-repeat 0 5px; }
.alert_chat { background:url(../images/ic_alert_chat.png) no-repeat 0 5px; }

/*** Columns ***/
.one_half { width: 47%; margin:0 5% 11px 0; }
.one_third { width: 30%; margin:0 5% 11px 0; }
.two_third { width: 65%; margin:0 5% 11px 0; }
.one_fourth { width: 21%; margin:0 5% 11px 0; }
.two_fourth { width: 47%; margin:0 5% 11px 0; }
.one_fifth { width: 16%; margin:0 5% 11px 0; }
.two_fifth { width: 37%; margin:0 5% 11px 0; }
.three_fifth { width: 58%; margin:0 5% 11px 0; }
.four_fifth { width: 79%; margin:0 5% 11px 0; }
.last { margin:0 0 11px 0; }

/*** Nivo Slider ***/
.mt_nivoslide_wrap { -moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px; text-align: center; overflow: hidden;}
.mt_nivoslide { background:url(../images/nivo_loading.gif) no-repeat 50% 50%; }
.mt_nivoslide img { display:none; }
.mt_nivoslide .nivo-controlNav { }

/*************************************************************************/
/*----------------------------- SIDEBAR ---------------------------------*/

.cfb_sidebar { width: 310px; padding: 5px 0 0 0; }

/*************************************************************************/
/*----------------------------- SIDEBAR & FOOTER WIDGETS ----------------*/

.cfb_sb_widget { }
.cfb_sb_wtitle { min-height: 44px; }
.cfb_sb_wtitle h4 { padding: 10px 0px 10px 0px; }
.cfb_sb_widget a:link, .cfb_sb_widget a:visited, .cfb_sb_widget a:hover { }
.cfb_sb_widget #searchsubmit { border:1px solid #fff; padding: 3px 10px; font-size: 12px; }
.cfb_sb_widget #searchsubmit:hover { }
.cfb_sb_widget ul { list-style: disc; padding-left: 15px; }
ul.plist { list-style: none; padding: 0px; margin:0; }
.plist_link { margin: 0px 0 10px 0; display:block; padding: 5px 5px 5px 5px; }
.plist_link:hover { background: #222; padding: 5px; -moz-border-radius: 7px/7px; -webkit-border-radius: 7px 7px; border-radius: 7px/7px;}
.plist_img { float:left; width: 75px; height: 75px; }
.plist_txt_wrap { float:left; height: 75px; padding:0 10px; display: table; width: 203px; }
.fwidget .plist_txt_wrap { width: 163px; }
.plist_txt { display:table-cell; vertical-align: middle; }
.fwidget .plist_link { margin: 10px 0 0px 0; }
#footer_mid .fwidget { padding: 10px 0; margin:0; }
#footer_mid h5 { font-size: 18px; line-height: 24px; margin-bottom: 4px; }
.ftwit_wrap { height:163px; width:233px; padding: 72px 0 0 37px; ; }
.ftwit_light { background: url(../images/footer_tw_bglight.png) no-repeat left top; }
.ftwit_dark { background: url(../images/footer_tw_bgdark.png) no-repeat left top; }
.ftwit_tab { width:200px; height:135px; display: table; }
.ftwit { display: table-cell; vertical-align: middle; text-align: center; font-size: 13px; line-height: 20px; font-style: italic; }
.ftwit ul { list-style: none; padding:0; color:#888; }
.ftwit ul li a:link, .ftwit ul li a:hover, .ftwit ul li a:visited { color:#888; text-decoration:underline; background: none!important; }
.ftwit ul li span { font-size: 12px; color:#aaa; font-style:normal; }
.fcontact_add { padding: 0 0 0 20px; background: url(../images/ic_footer_1.png) no-repeat left top; }
.fcontact_email { padding: 0 0 0 20px; background: url(../images/ic_footer_2.png) no-repeat left top; }
.fcontact_tel { padding: 0 0 0 20px; background: url(../images/ic_footer_3.png) no-repeat left top; }
#footer_mid .wpcf7-form input, #footer_mid .wpcf7-form textarea { padding:6px 7px; margin: 8px 0 0px 0; }
#footer_mid .wpcf7-form select { margin: 8px 0 0px 0; padding: 3px 5px; }
#footer_mid .wpcf7-form select, #footer_mid .wpcf7-form option { }
#footer_mid .wpcf7-form input:focus, #footer_mid .wpcf7-form textarea:focus { }
.inputlabel { width: 60px; display:inline-block; }
#footer_mid .wpcf7-not-valid-tip-no-ajax { display: inline-block !important; padding-left: 65px; }
#footer_mid .mt_nivoslide_wrap {border: none !important;}

/*************************************************************************/
/*----------------------------- BEGIN FOOTER ----------------------------*/

/*** structure ***/
#footer_top, #footer_bot, #footer_mid { width: 100%; }
.fwrap { width: 894px; padding: 0; margin: 0 auto; }

/*** top ***/
#footer_top { font-size: 38px; line-height: 48px; padding: 5px 0; }

/*** mid ***/
#footer_mid { padding: 0px 0 10px 0; }
.foot_third { width: 270px; margin: 0; padding: 0; }
.foot_twothird { width: 580px; margin: 0; padding: 0; }
.foot_threethird { width: 890px; margin: 0 !important; padding: 0; }
#footer_mid a:link, #footer_mid a:visited, #footer_mid a:hover { }

/*** bottom ***/
#footer_bot { font-size: 10px;  }