/*  
Theme Name:    BizzThemes
Theme URI:     http://bizzthemes.com/
Description:   Developed & Designed by Zeljan Topic.
Version:       2.0
Author:        BizzThemes
Author URI:    http://bizzthemes.com/
Tags:          buddypress
*/

/*
               IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Import TEXT styling for grid framework*/
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/* Import GRID styling for grid framework*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}


/*----------------------------------------------

STYLE.CSS FILE STRUCTURE:

1. GENERAL STYLING Options
    1.1 Global Design Options
	1.2 Activation Design
	1.3 Image Handling
2. LAYOUT STRUCTURE
3. NAVIGATION Area
    3.1 Main Navigation Options
	    Drop-down menu items
	3.2 Feed Icon Options
4. LOGO Area
        Logo Design
5. SLIDER Area
    5.1 Slider Content
6. ADDITIONAL INFO Area
7. CONTENT BOXES Area
    7.1 Text Formating
	7.2 Content Display
	7.3 Portfolio Template Display
	7.4 Pagination Options
	7.5 Breadcrumbs Navigation
8. ADDON Options
    8.1 Contact Form
	8.2 Login Modal
9. WIDGET Options
    9.1 General Widget Styling
	9.2 Specific Widget Styling
10. COMMENTS Options
    10.1 Comments
	10.2 Post Form
11. FOOTER Options
12. CSS3 Options
    12.1 BORDER-RADIUS
	12.2 BOX-SHADOW
	12.3 TEXT-SHADOW

----------------------------------------------*/
 
 
/*--------- 1. GENERAL STYLING Options --------- */

/*=== 1.1 Global Design Options ===*/
body{ font-family:Georgia,Helvetica,Sans-serif; font-size:12px; background-color:#FFFFFF; color:#333333 }
a{ color:#3A58AA; text-decoration:none }
a:hover{ text-decoration:underline }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 18px 0 }
blockquote { padding:0 15px; margin:5px 0 15px 0; border-left:3px solid #ccc; display:block }
blockquote, blockquote p { font:italic 13px Georgia; line-height:23px }
code { background:#F0F0F0 }
abbr, acronym { cursor:help }

dl { font-size:14px; width:100%; border-collapse:collapse; margin:0 0 20px }
dl dt { color:#555; font:bold 12px Georgia; padding:8px 10px; vertical-align:middle }
dl dd { border:1px dotted #dddddd; color:#333; padding:10px }

table { width:100%; border-collapse:collapse; margin:0 0 20px }
table caption { margin:15px 0 }
table th { border:1px solid #E0E0E0; color:#555; font-weight:bold; padding:8px 10px; vertical-align:middle }
table td { border:1px solid #E0E0E0; color:#333; padding:10px }
table td sup { font-size:10px; color:#555555 }
table td img { position: relative; vertical-align:top }

input, textarea { font-size: 1em; color: #444444; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; }
input:focus, textarea:focus { background: #ffffff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
input[type="submit"] { padding:6px 12px; margin:5px 0; color:#ffffff; font-size:12px; background:#000000 url(images/bg-button-trans.png) no-repeat center 0; border:1px solid #414C2A }
input[type="submit"]:hover { cursor:pointer; opacity:0.86 }

.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl, .alignleft{ float: left }
.fr, .alignright{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }
.al{ text-align: left }

/*=== 1.2 Activation Design ===*/
.activation { text-align:center; position:absolute; top:35%; left:30%; font:normal 20px Georgia; background:#ffffe0; border:1px solid #e6db55; padding:15px }
.activation small { font:normal 16px Georgia }

/*=== 1.3 Image Handling ===*/
img.alignleft, img.left { float: left; margin:0 15px 10px 0 }
img.alignright, img.right { float: right; margin:0 0 15px 10px }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

.wp-caption { background:#f6f6f6; border:1px solid #B0B5B7; color:#666666 }
.wp-caption img { margin:5px 5px 0 5px; border:none !important; padding:0 !important }
.wp-caption-text { text-align:center; font-style:italic; margin:0 5px 5px 5px }
.wp-caption.alignleft { float: left; margin:0 15px 10px 0 }
.wp-caption.alignright { float: right; margin:0 0 10px 15px }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }

/*--------- 3. NAVIGATION Area ---------  */

/*--------- 3.1 Main Navigation Options ---------  */

/*=== 2.1 Additional Navigation Options ===*/
.addnavigation-area { background-color:#16130B }

/* First level menu items */
.add_menu { z-index:3; background:transparent }
.sf-addmenu { background:none; border:none; padding:0 }
.sf-addmenu li ul { border:none; padding:0; margin:0 }
.sf-addmenu, .sf-addmenu ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
.sf-addmenu a  { display:block; z-index:100; padding:0 10px; line-height:40px; font-size:11px; color:#FFCF3F }
.sf-addmenu a:hover  { color:#FFCF3F }
.sf-addmenu li.current_page_item a { color:#FFCF3F; font-weight:bold }
.sf-addmenu li  { float:left; width: auto; padding:0; margin:0 }
.sf-addmenu li.current_page_item { background-color:#990C0C }
.sf-addmenu li li.current_page_item { background: none; }
.sf-addmenu .sf-sub-indicator { padding-left:5px }
.sf-addmenu li.sfhover a { color:#FFCF3F }
.sf-addmenu li li.sfhover { background-color:#DEDEDE }
.sf-addmenu li.sfhover li a, .sf-addmenu li li.sfhover a { color:#000000 }

/* Drop-down menu items */
.sf-addmenu li ul  { position:absolute; left:-999em; width:180px; background-color:#ffffff; border:1px solid #B1B1B1; padding:5px }
.sf-addmenu li ul li  { border:none; padding:0; margin:0 }
.sf-addmenu li ul li a  { background:url(images/ico-bullet.png) no-repeat 10px 10px; width:150px; padding-left:20px; line-height:30px; font-size:10px; color:#000000 }
.sf-addmenu li ul li a:hover  { background-color:#DEDEDE; color:#000000 }
.sf-addmenu li ul li ul li a  { width:150px; line-height:28px; font-size:10px }
.sf-addmenu li ul ul  { margin: -20px 0 0 140px; }
.sf-addmenu li:hover ul ul, .sf-addmenu li.sfhover ul ul, .sf-addmenu li:hover ul ul ul, .sf-addmenu li.sfhover ul ul ul { left:-999em; }
.sf-addmenu li:hover ul,.sf-addmenu li li:hover ul,.sf-addmenu li li li:hover ul,.sf-addmenu li.sfhover ul,.sf-addmenu li li.sfhover ul,.sf-addmenu li li li.sfhover ul  { left:auto; }
.sf-addmenu li:hover,.sf-addmenu li.hover  { position:static; }

/* Login form */
li.mythemes { position:relative }
li.mythemes a { font-weight:bold }
li.mylogin a { font-weight:bold }
li.mylogin a.logactive { background:#ffffff; color:#000000; border:solid #990C0C; border-width:0 1px }
li.mylogin .myloginform { position:absolute; top:35px; right:0; display:none; padding:10px; background:#ffffff; border:solid #990C0C; border-width:0 1px 1px 1px }
li.mylogin form#loginform { margin:0; padding:0 }
li.mylogin form#loginform label { margin:0; padding:0; font-size:13px }
li.mylogin form#loginform input.ifield { display:block; background:#FAFFBD; border:1px solid #C4C4C4; width:128px; color:#777777; padding:3px 6px; margin:5px 0; font-size:12px }
li.mylogin form#loginform input.ifield:focus { border:1px solid #990C0C; color:#000000 }
li.mylogin form#loginform input.isubmit { background:#16130B; border:1px solid #000000; color:#ffffff; padding:3px 6px; margin:5px 0 0 0; font-size:11px; font-weight:bold }
li.mylogin form#loginform input.isubmit:hover { color:#ffffff }

/*=== 2.1 Main Navigation Options ===*/
.navigation-area { z-index:2; background-color:#16130B; padding-bottom:20px }

/* First level menu items */
ul.sf-menu { background:none; border:none; padding:0; margin:0; float:left; width:58% }
ul.logo-menu { float:left; width:16% }
.sf-menu li.small-logo { border-right:1px solid #ffffff; margin:0 15px 0 0 }
.sf-menu li.small-logo a { padding:0; margin:0 15px 0 0 }
.sf-menu li.small-logo a:hover { background:none }
.sf-menu li.small-logo img { vertical-align:middle }
.sf-menu li ul { border:none; padding:0; margin:0 }
.sf-menu, .sf-menu ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
.sf-menu a  { display:block; z-index:100; padding:6px 12px; line-height:20px; font-size:13px; color:#ffffff }
.sf-menu li.current-menu-item a { background:#7F0A0A; color:#ffffff; font-weight:normal }
.sf-menu li  { float:left; width: auto; padding:0; margin:0 }
.sf-menu li li.current-menu-item { background: none; }
.sf-menu .sf-sub-indicator { padding-left:5px }

/* Drop-down menu items */
.sf-menu li ul  { position:absolute; left:-999em; width:180px; background-color:#ffffff; border:1px solid #B1B1B1 }
.sf-menu li ul li  { border:none; padding:0; margin:0 }
.sf-menu li ul li a  { background:url(images/ico-bullet.png) no-repeat 5px 11px; width:150px; padding-left:15px; line-height:20px; font-size:11px; color:#000000 }
.sf-menu li ul li ul li a  { width:150px }
.sf-menu li ul li a:hover { background-color:#3F3524; color:#ffffff }
.sf-menu li.current-menu-item ul li a:hover, .sf-menu li ul li.current-menu-item a:hover { color:#ffffff }
.sf-menu li ul  { padding:5px; }
.sf-menu li ul ul  { margin: -20px 0 0 140px; }
.sf-menu li:hover ul ul, .sf-menu li.sfhover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li.sfhover ul ul ul { left:-999em; }
.sf-menu li:hover ul,.sf-menu li li:hover ul,.sf-menu li li li:hover ul,.sf-menu li.sfhover ul,.sf-menu li li.sfhover ul,.sf-menu li li li.sfhover ul  { left:auto; }
.sf-menu li:hover,.sf-menu li.hover  { position:static; }

/*--------- 3.2 Search Icon Options ---------  */
.search-spot { float:right; width:24% }
.search-spot .search{ width:220px; height:30px; position:relative; margin:0 }
.search-spot .search input{ color:#707070; font-size:12px; height:20px; width:190px; padding:5px 5px 5px 10px; margin:0; background:url(images/search-form.png) no-repeat 0 0; outline:0; border:0; float:left }
.search-spot .search button{ border:0; padding:0; margin:0; cursor:pointer }
.search-spot .search button span{ position:absolute; top:0; right:0; width:35px; height:30px; background:url(images/search-form.png) no-repeat 100% 0% }

/*--------- 3. SLIDER + PORTFOLIO Area ---------  */

/*=== 3.1 Portfolio Content ===*/
.slider-area { z-index:1; background:#F7F7F4; padding:10px 0 }
.slider-area  h1, .slider-area  h2 { color:#000000; text-align:center; padding:0; margin:0 }
.slider-area  h1 { font-size:32px; font-weight:500; letter-spacing:-0.03em; padding:10px 0 5px 0 }
.slider-area  h2 { font-size:18px; letter-spacing:0.005em; padding:15px 0 }

.theme-gallery { margin:15px 0 0 0 }
.portfolio { position:relative; margin:0 0 30px 20px }
.portfolio .gall-image { width:282px; height:201px; background:url(images/bg-theme-gall.png) no-repeat }
.portfolio .gall-image a { display:block; padding:10px 0 0 1px; height:190px; overflow:hidden; }
.portfolio img.thumbnail { border:none; padding:0; margin:0; background:none; overflow:hidden }

.portfolio .gall-meta { background:#16130B; color:#F0F0F0; text-align:center; padding:10px 20px; margin:0; position:absolute; top:65px; left:47px; display:none }
.portfolio .gall-meta span { display:block; font-size:15px; font-weight:bold; padding:0 0 10px 0 }
.portfolio .gall-meta a { background:#990C0C; color:#ffffff; padding:4px 8px }
.portfolio .gall-meta a:hover { text-decoration:none; background:#ffffff; color:#000000 }

/*=== 3.1 Slider Content ===*/
#container { overflow:hidden }
#container .js .carousel-wrap{ float:left; vertical-align:middle; height:210px; width:820px }
.IE #container .js .carousel-wrap{ display:inline }
#container .carousel ul{ margin:0; padding:0 }
#container .js ul li{ margin:0; padding:0; overflow:hidden; display:inline; text-align:center }
#container .carousel div{ margin:0; padding:0; border:0 }
#container .carousel ul { padding:0; list-style:none }
#container .carousel ul li { position:relative; width:275px; height:215px; display:inline; float:left; list-style:none; background:url(images/bg-theme-thumb.png) no-repeat; margin:15px 0 0 0; display:none }
#container .carousel ul li a { padding:10px 0 0 1px; height:180px; overflow:hidden; display:block }
#container .carousel ul li.s_1 .ribbon { background:url(images/new-ribbon-trans.png) no-repeat; position:absolute; top:0; right:22px; width:57px; height:57px }
#container .carousel ul li img { border:none; padding:0; margin:0; background:none; overflow:hidden }

#container .carousel ul li .gall-meta { background:#16130B; color:#F0F0F0; text-align:center; padding:10px 20px; margin:0; position:absolute; top:65px; left:37px; display:none }
#container .carousel ul li .gall-meta span { display:block; font-size:15px; font-weight:bold; padding:0 0 10px 0 }
#container .carousel ul li .gall-meta a { background:#990C0C; color:#ffffff; padding:4px 8px; display:inline }
#container .carousel ul li .gall-meta a:hover { text-decoration:none; background:#ffffff; color:#000000 }

/*=== 3.2 Slider Pagination ===*/
#container .carousel .carousel-control{ overflow:hidden; float:left; vertical-align:middle; width:53px; height:53px; cursor:pointer; line-height:999px; margin:90px 0 0 0 }
#container .carousel .carousel-next{ background:url(images/arr-right-trans.png) 0 0 no-repeat; }
#container .carousel .carousel-previous{ background:url(images/arr-left-trans.png) 0 0 no-repeat; }
#container .carousel .disabled,#container .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}

/*--------- 6. ADDITIONAL INFO Area ---------  */
.addinfo-area { z-index:1; background:#F0F0F0; border-bottom:1px solid #E2E2E2; border-top:1px dotted #E2E2E2; padding-top:25px; padding-bottom:25px }
.addinfo { padding:0 }
.addinfo .browse-themes { margin:6px 0 6px 0 }
.addinfo .browse-themes a.themes { color:#000000; background:#FFCF3F; border:1px solid #FF6A00; font-size:19px; padding:10px 16px }
.addinfo .browse-themes a.membership { font-size:12px; text-decoration:underline; color:#000000 }

.restricted { text-align:center; padding:60px 0 100px 0 }
.restricted h3 { background:url(images/exclamation-trans.png) 35% 45% no-repeat; font-size:24px; border-bottom:1px dotted #666666; padding:15px 0; margin:0 0 60px 0; display:block }

.addinfo .demo {margin:9px 0 8px 0; text-align:right }
.addinfo .demo a{ color:#000000; padding:12px 16px 12px 50px; margin:0 0 0 5px; font-size:15px; font-weight:bold }
.addinfo .demo a.dwl{ background:url(images/ico-download.png) no-repeat 8px 50%; }
.addinfo .demo a.dmo{ background:url(images/ico-demo.png) no-repeat 8px 50%; }

.addinfo .tagline h1{ font-size:36px; font-weight:bold; font-family:Georgia; line-height:36px; margin:10px 0 8px 0 }
.addinfo .tagline h1.hpag{ margin:0 0 8px 0 }
.addinfo .tagline h1 span{ font-size:26px; font-weight:bold; }
.addinfo .tagline h2{ font-size:36px; font-weight:bold; font-family:Georgia; line-height:36px; margin:0 0 8px 0 }
.addinfo .tagline h3{ font-size:15px; font-weight:normal; line-height:20px; margin:0 0 5px 0 }
.addinfo .tagline h4{ font-size:13px; font-weight:normal; line-height:17px; margin:0 0 5px 0 }
.addinfo .tagline a{  }
.addinfo .tagline .tagline-right{ text-align:right; line-height:64px }
.addinfo .tagline .tagline-right a.info{ font-size:14px; margin:0 10px 0 0 }
.addinfo .tagline .tagline-right img{ position: relative; vertical-align:middle }

/* Header Styling
-------------------------------------------------------------- */
div#item-header{overflow:hidden}
div#item-header div#item-header-content{ margin-left:170px }
div#item-header h2{ font-size:28px; line-height:120%;margin:0 0 5px }
div#item-header h2 a{ color:#777 }
div#item-header img.avatar{ float:left; margin:0 15px 25px 0; border:1px solid #C9CED4; padding:2px }
div#item-header span.activity,div#item-header h2 span.highlight{vertical-align:middle;font-size:11px;font-weight:400;line-height:170%;margin-bottom:7px}
div#item-header h2 span.highlight{font-size:16px}
div#item-header h2 span.highlight span{ position:relative;top:-2px;right:-2px;font-weight:700;font-size:11px;background:#005C9C;color:#fff;margin-bottom:2px; vertical-align:middle;cursor:pointer;display:none;padding:1px 4px}
div#item-header div#item-meta{ font-size:13px;color:#7F7F7F; overflow:hidden; margin:10px 0 }
div#item-header div#item-actions{float:right;width:20%;text-align:right;margin:0 0 15px 15px}
div#item-header div#item-actions h3{font-size:12px;margin:0 0 5px}
div#item-header ul{overflow:hidden;margin-bottom:15px}
div#item-header ul h5,div#item-header ul span,div#item-header ul hr{display:none}
div#item-header ul li{ float:right; list-style:none}
div#item-header ul img.avatar,div#item-header ul.avatars img.avatar{width:30px;height:30px;margin:2px}
div#item-header div.generic-button, div#item-header a.button { float:left; margin:10px 10px 5px 0 }
div#item-header div#message.info{ line-height:80% }

a#close-notice { display:block; font-weight:bold; padding:5px 0 0 0 }

/* Activity Stream Posting
-------------------------------------------------------------- */
form#whats-new-form { margin:0 0 20px 0; overflow:hidden }
#item-body form#whats-new-form { margin-top:20px; border:none }
.home-page form#whats-new-form{ border:0 }
form#whats-new-form h5{ margin:0; font-weight:normal; font-size:12px; color:#666666; margin-left:80px; padding:0 0 3px 0 }
form#whats-new-form h5 small{ font-size:10px; margin-left:10px; color:#cccccc }
form#whats-new-form #whats-new-avatar{ float:left }
form#whats-new-form #whats-new-avatar img { border:1px solid #C9CED4; padding:2px }
form#whats-new-form #whats-new-content{margin-left:60px; padding-left:22px}
form#whats-new-form #whats-new-textarea{padding:8px; border:1px inset #ccc; background:#ffffff; margin-bottom:10px }
form#whats-new-form textarea{width:100%; height:60px; font-size:14px; font-family:inherit; color:#555; border:none; margin:0; padding:0}
form#whats-new-form #whats-new-options select{max-width:200px}
form#whats-new-form #whats-new-submit{float:right; margin:0}

/* >Input Forms
-------------------------------------------------------------- */
form.standard-form{ margin:10px 1px 20px 0 }
form.standard-form textarea, form.standard-form input[type=text], 
form.standard-form select, form.standard-form input[type=password], 
.dir-search input[type=text]{border:1px inset #ccc; padding:6px; font:inherit; font-size:14px; color:#888}
form.standard-form select{padding:3px}
form.standard-form input[type=password]{margin-bottom:5px}
form.standard-form label, form.standard-form span.label{display:block; font-weight:bold; margin:15px 0 5px 0}
form.standard-form div.checkbox label, 
form.standard-form div.radio label{font-weight:normal; margin:5px 0 0 0; font-size:14px; color:#888}
form.standard-form#sidebar-login-form label{margin-top:5px}
form.standard-form input[type=text]{ width:98% }
form.standard-form#sidebar-login-form input[type=text], 
form.standard-form#sidebar-login-form input[type=password]{padding:4px; width:95%}
form.standard-form #basic-details-section input[type=password], 
form.standard-form #blog-details-section input#signup_blog_url{width:35%}
form.standard-form#signup_form input[type=text], 
form.standard-form#signup_form textarea{width:90%}
form.standard-form#signup_form div.submit{float:right}
div#signup-avatar img{ border:1px solid #C9CED4; padding:2px; margin:0 15px 10px 0}
form.standard-form textarea{width:98%; height:120px}
form.standard-form textarea#message_content{height:200px}
form.standard-form#send-reply textarea{width:97.5%}
form.standard-form p.description{font-size:11px; color:#888; margin:5px 0}
form.standard-form div.submit{padding:15px 0; clear:both}
form.standard-form div.submit input{margin-right:15px}
form.standard-form div.radio ul{margin:10px 0 15px 38px; list-style:disc}
form.standard-form div.radio ul li{margin-bottom:5px}
form.standard-form a.clear-value{display:block; margin-top:5px; outline:none}
form.standard-form #basic-details-section, form.standard-form #blog-details-section, 
form.standard-form #profile-details-section{float:left; width:48%}
form.standard-form #profile-details-section{float:right}
form.standard-form #blog-details-section{clear:left}
form.standard-form input:focus, form.standard-form textarea:focus, form.standard-form select:focus{background:#fafafa; color:#555}
form#send-invite-form{ margin-top:20px }
form#settings-form{ margin-top:20px }
form#forum-topic-form{ margin-top:0 }
div#invite-list{height:400px; overflow:scroll; padding:5px; background:#f5f5f5; width:160px; border:1px solid #e4e4e4; margin:10px 0}

/* Item Tabs
-------------------------------------------------------------- */
div.item-list-tabs{ clear:left; overflow:hidden; margin:0; padding:10px 10px 0 10px; background:#666666 }
div.item-list-tabs ul { margin:0; padding:0 }
div.item-list-tabs ul li a{ text-decoration:none }
div.item-list-tabs ul li a:hover{ text-decoration:underline }
div.item-list-tabs ul{ width:100% }
div.item-list-tabs ul li{ float:left; margin:0; list-style:none }
div.item-list-tabs ul li.last{ float:right; margin:0; color:#E0E0E0 }
div.item-list-tabs ul li.last select{ width:190px !important }
div.item-list-tabs ul li a, 
div.item-list-tabs ul li span{ display:block; padding:5px 12px; text-decoration:none; font-size:12px; color:#ffffff }
div.item-list-tabs ul li a span{ display:inline; padding:0; color:inherit }
div.item-list-tabs ul li.selected a, 
div.item-list-tabs ul li.current a{ background-color:#ffffff; color:#000000; font-weight:bold }
ul li.loading a{ background-image:url(images/ajax-loader.gif); background-position:92% 50%; background-repeat:no-repeat; padding-right:35px !important }
div#item-nav ul li.loading a{ background-position:88% 50% }
div.item-list-tabs#subnav{ background:#ffffff; border:solid #E0E0E0; border-width:0 1px 1px 1px; margin:0 0 10px 0; padding:5px 10px; overflow:hidden }
div.item-list-tabs#subnav, div.item-list-tabs#subnav a{ background:#ffffff; color:#000000 }
div.item-list-tabs#subnav ul li#groups-order-select{ margin:2px 0 0 0; color:#999999 }
div.item-list-tabs#subnav ul li#members-order-select{ margin:2px 0 0 0; color:#999999 }
div.item-list-tabs#subnav ul li#activity-filter-select{ margin:2px 0 0 0; color:#999999 }
div.item-list-tabs ul li.feed a{ background:url(images/rss_16.png) center left no-repeat !important; padding-left:22px; color:#000000 }

/* >Item Lists (Activity, Friend, Group lists)
-------------------------------------------------------------- */
ul.item-list{ background:#ffffff; border:solid #E0E0E0; border-width:1px }
ul.item-list li{ position:relative; border:solid #E0E0E0; border-width:0 0 1px 0; padding:15px 0; list-style:none }
ul.item-list li:last-child{ border:none }
ul.single-line li{ border:none }
body.activity-permalink ul.item-list li{ padding-top:0 }
ul.item-list li img.avatar{ float:left; margin:0 10px 10px 0; border:1px solid #C9CED4; padding:2px }
ul.item-list li div.item-title, ul.item-list li h4{ font-weight:normal; font-size:14px; width:98%; margin:0 }
ul.item-list li div.item-title span{ font-size:12px; color:#999 }
ul.item-list li div.item-desc{ margin:10px 0 0 64px; font-size:11px; color:#888; width:50% }
ul.item-list li div.action{ position:absolute; top:15px; right:15px; text-align:right }
ul.item-list li div.meta{ margin-top:10px; color:#888; font-size:11px }
ul.item-list li h5 span.small{ font-weight:normal; font-size:11px }
ul#groups-list li { margin-left:15px }
ul#member-list li { margin-left:15px }
ul#admins-list li { margin-left:15px }
ul#member-list li h5 { margin:0 }

.widget .item-options { position:relative }
.widget .item-options a.selected { font-weight:bold }
.widget .item-options span.ajax-loader { position:absolute; top:5px; right:100px }
.widget ul.item-list { padding:0; margin:0 }
.widget ul.item-list li, .widget ul#groups-list li { position:relative; border:none; margin:0; padding:10px 0; list-style:none }

li.forum-post-activity ul { border:solid #E0E0E0; border-width:0 !important } /* plugin */

/* >Activity Stream Listing
-------------------------------------------------------------- */
ul.activity-list { margin:0; padding:0 }
ul.activity-list li{ padding:15px; margin:0; overflow:hidden; list-style:none }
ul.activity-list li.has-comments{ padding-bottom:20px }
.activity-list li .activity-avatar { float:left; margin:0; padding:0 }
.activity-list li.mini{ position:relative; font-size:11px; min-height:35px; padding:12px 0 0 15px; background:#F7F7F4 }
.activity-list li.mini div.activity-meta{ display:block; margin:0 }
.activity-list li.mini div.activity-meta a{ padding:3px 8px }
.activity-list li.mini .activity-avatar img.avatar, 
.activity-list li.mini .activity-avatar img.FB_profile_pic{ width:35px; height:35px; margin:0 0 0 16px; border:1px solid #C9CED4; padding:2px }
.activity-list li.activity_comment .activity-avatar img.avatar, 
.activity-list li.activity_comment .activity-avatar img.FB_profile_pic{ width:35px; height:35px; margin:0 0 0 14px }
body.activity-permalink .activity-list li .activity-avatar img.avatar, 
body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic{ width:100px; height:100px; margin:18px 0 0 0 }
.activity-list li.mini .activity-content p{ margin:0; padding:0; float:left }
.activity-list li.mini .activity-comments{ clear:left; font-size:12px; margin:30px 0 0 0 }
.activity-list li .activity-inreplyto{ font-size:11px; color:#888; margin-left:70px; margin-bottom:15px; padding-left:25px; background:url( images/replyto_arrow.gif ) 7px 0 no-repeat}
.activity-list li .activity-inreplyto >p{margin:0; display:inline}
.activity-list li .activity-inreplyto div.activity-inner{ background:none; border:none; display:inline; padding:0; margin:0; overflow:hidden}
.activity-list .activity-avatar img{ width:50px; height:50px; border:1px solid #C9CED4; padding:2px }
body.activity-permalink .activity-list .activity-avatar img{ width:100px; height:100px; margin:18px 0 0 20px  }
.activity-list .activity-content { margin:0 0 0 70px }
body.activity-permalink .activity-list li .activity-content{ background:#fff; padding:15px; margin-left:120px; font-size:16px; line-height:23px; min-height:35px; margin-right:0 }
body.activity-permalink .activity-list li .activity-header p { padding:5px 0 0 0; height:35px; margin:0 }
.activity-list .activity-content .activity-header, 
.activity-list .activity-content .comment-header{ font-size:11px; color:#888; margin:0; padding:0 }
.activity-list .activity-header a:first-child, span.highlight{ font-weight:bold; margin:0 3px 0 0 }
.activity-list .activity-content a:first-child:focus{ outline:none }
.activity-list .activity-content span.time-since{ color:#bbbbbb;  }
.activity-list .activity-content span.activity-header-meta a{ background:none; padding:0; font-size:11px; margin:0; border:none; color:#aaa }
.activity-list .activity-content span.activity-header-meta a:hover{ color:inherit }
.activity-list .activity-content .activity-inner { margin:5px 0 0 0; overflow:hidden}

/* Backwards compatibility. */
.activity-inner >.activity-inner{ margin:0 !important }
.activity-list .activity-content img.thumbnail{float:left; margin:0 10px 5px 0; border:2px solid #eee}
.activity-list li.load-more{ margin:0 !important; padding:15px !important; background:#f0f0f0 !important; text-align:center; font-size:1.2em }
.activity-list li.load-more a{ color:#555}

/* >Activity Stream Comments
-------------------------------------------------------------- */
div.activity-meta{ margin:5px 0 10px 0; clear:left }
.activity-list div.activity-meta a{ font-size:11px; background:#F2F1EF; color:#000000; padding:4px 8px; margin-right:3px}
div.activity-meta a:focus{ outline:none}
div.activity-meta a:hover{ background:#000000; color:#ffffff }
div.activity-comments{ position:relative; margin:0 0 0 70px; width:auto; overflow:hidden; /* IE fix */}
body.activity-permalink div.activity-comments{ width:auto; margin-left:135px; background:none }
div.activity-comments >ul{ background:#F2F1EF }
div.activity-comments >ul:first-child{ padding:0 15px 0 0 }
div.activity-comments ul, div.activity-comments ul li{border:none; list-style:none; margin:0; padding:0 }
div.activity-comments ul{ clear:left }
div.activity-comments ul li{ border-top:2px solid #fff !important; padding:10px 0; margin-left:15px }
body.activity-permalink div.activity-comments ul li{border-width:1px; padding:15px 0 15px 0}
div.activity-comments ul li p:last-child{margin-bottom:0}
div.activity-comments >ul >li:first-child{ border-top:none !important}
div.activity-comments ul li:last-child{margin-bottom:0}
div.activity-comments ul li >ul{margin-top:5px; margin-left:25px}
body.activity-permalink div.activity-comments ul li >ul{margin-top:15px}
div.activity-comments div.acomment-avatar { float:left; margin:0; padding:0 }
div.activity-comments div.acomment-avatar img{ float:left; margin-right:10px; border:1px solid #C9CED4; padding:2px }
div.activity-comments div.acomment-content{ font-size:11px; margin-left:35px; margin-top:8px }
div.activity-comments div.acomment-content p { padding:0 0 10px 0; margin:0 0 0 5px }
div.acomment-content .time-since{display:none}
div.acomment-content .activity-delete-link{display:none}
div.acomment-content .comment-header{display:none}
body.activity-permalink div.activity-comments div.acomment-content{font-size:14px}
div.activity-comments div.acomment-meta{font-size:11px; color:#888}
div.activity-comments form.ac-form { display:none; margin:10px 0 10px 33px; background:#F2F1EF; padding:8px }
div.activity-comments li form.ac-form{margin-right:15px}
div.activity-comments form.root{margin-left:0}
div.activity-comments div#message{margin-top:15px; margin-bottom:0}
div.activity-comments form.loading{background-image:url( images/ajax-loader.gif ); background-position:5% 85%; background-repeat:no-repeat}
div.activity-comments form .ac-textarea{padding:8px; border:1px inset #ccc; background:#fff; margin-bottom:10px }
div.activity-comments form textarea{width:100%; font-family:inherit; font-size:11px; color:#555; height:60px; border:none; padding:0}
div.activity-comments form input{margin-top:5px}
div.activity-comments form div.ac-reply-avatar{float:left}
div.ac-reply-avatar img{ border:1px solid #C9CED4; padding:2px }
div.activity-comments form div.ac-reply-content{ margin-left:25px; padding-left:15px; color:#888; font-size:11px; line-height:35px }

/* >Item Body
-------------------------------------------------------------- */
.item-body{ margin:20px 0 0 0 }
span.activity, div#message p{display:inline-block; font-size:11px; font-weight:normal; background:#FFEEB2; color:#666666; border:1px solid #FFAA00; padding:1px 8px; margin:5px 0 0 0 }
div#content h3 { line-height:26px }

/* >Directories (Members, Groups, Blogs, Forums)
-------------------------------------------------------------- */
div.dir-search{ float:right; margin:-46px 0 0 0; line-height:23px }
div.dir-search input[type=text]{ padding:3px 4px; font-size:12px}

/* >Pagination
-------------------------------------------------------------- */
div.pagination{ background:#ffffff; border:solid #E0E0E0; border-width:0 1px 1px 1px; margin:0 0 10px 0; padding:17px 10px 10px 10px; min-height:30px; overflow:hidden color:#888; font-size:11px }
div.pagination#user-pag, .friends div.pagination, 
.mygroups div.pagination, .myblogs div.pagination, noscript div.pagination{ background:#F7F7F4; border:none; padding:8px 15px }
div.pagination .pag-count, div.pagination .post-count{ float:left }
div.pagination .pagination-links{ float:right }
div.pagination .pagination-links span, 
div.pagination .pagination-links a{ font-weight:bold; font-size:12px; padding:0 5px }
div.pagination .pagination-links span.current { padding:5px 10px; background:#000000; color:#ffffff }

/* >Error / Success Messages
-------------------------------------------------------------- */
div#message{ margin:15px 0 }
div#message.updated{clear:both}
div#message p{padding:10px 15px; font-size:12px; display:block}
div#message.error p{background:#e41717; color:#fff; border-color:#a71a1a; clear:left}
div#message.updated p{ background:#dffcd9; color:#1a9b00; border-color:#4F9E4F }
form.standard-form#signup_form div div.error{color:#fff; background:#e41717; padding:6px; width:90%; margin:0 0 10px 0}

/* >Buttons
-------------------------------------------------------------- */
a.button, input[type=submit], input[type=button], 
ul.button-nav li a, div.generic-button a{background:url( images/white-grad.png ) top left repeat-x; border:1px solid #ddd; padding:3px 10px; text-decoration:none; color:#888; font-size:12px; font-weight:normal; vertical-align:bottom; cursor:pointer}
a.button:hover, a.button:focus, input[type=submit]:hover, input[type=button]:hover, 
ul.button-nav li a:hover, ul.button-nav li.current a, 
div.generic-button a:hover{ border-color:#aaa; color:#555; outline:none}
ul.button-nav li { list-style:none }

/* Buttons that are disabled */
div.pending a, a.disabled{border-color:#eee; color:#bbb; cursor:default}
div.pending a:hover, a.disabled:hover{border-color:#eee; color:#bbb}
div.accept, div.reject{float:left; margin-left:10px}
ul.button-nav li{float:left; margin:0 10px 10px 0}
ul.button-nav li.current a{font-weight:bold}

/* >AJAX Loaders
-------------------------------------------------------------- */
.ajax-loader{ background:url( images/ajax-loader.gif ) !important; background-position:95% 7% !important; background-repeat:no-repeat !important; padding:8px; display:none }
a.loading{ background-image:url( images/ajax-loader.gif ) !important; background-position:95% 50% !important; background-repeat:no-repeat !important; padding-right:25px !important}

/* >Data Tables
-------------------------------------------------------------- */
table{width:100%}
table#message-threads{margin:0; width:auto}
table.profile-fields{ margin-bottom:10px }
div#sidebar table{margin:0; width:117%}
table tr td, table tr th{ padding:8px 8px 8px 12px; vertical-align:middle}
table tr td.label{ border-right:1px solid #eaeaea; font-weight:bold; width:25% }
table tr td.data p { margin:0 }
table tr td.thread-info p{ margin:0 }
table tr td.thread-info p.thread-excerpt{ color:#888; font-size:11px; margin-top:3px }
div#sidebar table td, table.forum td{ text-align:center }
table tr.alt{ background:#FCFCFC }

table.notification-settings{margin-bottom:20px; text-align:left}
table.notification-settings th.icon, table.notification-settings td:first-child{display:none}
table.notification-settings th.title{width:80%}
table.notification-settings .yes, table.notification-settings .no{width:40px; text-align:center}

table.forum{ margin:0; width:auto; background:#ffffff }
table.forum tr:first-child{ background:#EFEFED }
table.forum tr.sticky td{ background:#FFF9DB; border-top:1px solid #FFE8C4; border-bottom:1px solid #FFE8C4 }
table.forum tr.closed td.td-title{padding-left:35px; background-image:url( images/closed.png ); background-position:15px 50%; background-repeat:no-repeat}
table.forum td p.topic-text{color:#888; font-size:11px}
table.forum tr >td:first-child, table.forum tr >th:first-child{padding-left:15px}
table.forum tr >td:last-child, table.forum tr >th:last-child{padding-right:15px}
table.forum tr th#th-title, table.forum tr th#th-poster, 
table.forum tr th#th-group, table.forum td.td-poster, 
table.forum td.td-group, table.forum td.td-title{ text-align:left }
table.forum td.td-freshness{ font-size:11px; color:#888 }
table.forum td img.avatar{ margin-right:5px; float:left; border:1px solid #C9CED4; padding:2px }

table.forum th#th-title{width:40%}
table.forum th#th-postcount{width:1%}

/* >Private Message Threads
-------------------------------------------------------------- */
table#message-threads tr.unread td{background:#FFF9DB; border-top:1px solid #FFE8C4; border-bottom:1px solid #FFE8C4; font-weight:bold}
table#message-threads tr.unread td span.activity{background:#fff}
li span.unread-count, tr.unread span.unread-count{background:#dd0000; padding:2px 8px; color:#fff; font-weight:bold }
div.item-list-tabs ul li a span.unread-count{padding:1px 6px; color:#fff}
div.messages-options-nav{font-size:11px; background:#eee; text-align:right; margin:0; padding:5px 15px}
div#message-thread div.message-box{margin:0; padding:15px}
div#message-thread div.alt{ background:#FCFCFC }
div#message-thread p#message-recipients{margin:10px 0 20px 0}
div#message-thread img.avatar{float:left; margin:0 10px 0 0; vertical-align:middle; border:1px solid #C9CED4; padding:2px }
div#message-thread strong{margin:0; font-size:16px}
div#message-thread strong a{ }
div#message-thread strong span.activity{margin:4px 0 0 10px}
div#message-thread div.message-metadata{overflow:hidden}
div#message-thread div.message-content{margin-left:45px}
div#message-thread div.message-options{text-align:right}

/* >Group Forum Topics
-------------------------------------------------------------- */
ul#topic-post-list{margin:0; width:auto}
ul#topic-post-list li{ padding:15px; margin:0; position:relative; list-style:none }
ul#topic-post-list li.alt{ background:#FCFCFC }
ul#topic-post-list li div.poster-meta{ margin-bottom:10px; color:#888}
ul#topic-post-list li div.post-content{ margin-left:54px; line-height:23px }
ul#topic-post-list li div.post-content p{ line-height:23px }
div.admin-links{position:absolute; top:15px; right:25px; color:#888; font-size:11px}
div#topic-meta div.admin-links{bottom:8px; right:0; top:auto}
div#topic-meta{position:relative; padding:10px 0}
div#topic-meta h3{font-size:20px}
div#new-topic-post{margin:0; padding:1px 0 0 0}

/*--------- 7. CONTENT BOXES Area ---------  */
.cbox-area { z-index:1; background-color:#F7F7F4; padding-top:20px; padding-bottom:20px }
.cbox { background:#ffffff; border:1px solid #E0E0E0; margin-left:9px; margin-right:9px; color:#636363; line-height:23px }
.cbox h1, .cbox h2, .cbox h3, .cbox h4 { padding:0; margin:0 0 20px 0; color:#000000 }
.f-what { line-height:23px }
ul.ithumbs { background-color:#F3F3F1; border:1px solid #E2E2E2; padding:22px; margin:5px 0 20px 0 }
ul.ithumbs li { position:relative; margin:0 25px 0 0; padding:0; list-style:none; float:left }
ul.ithumbs li.last { margin:0 }
ul.ithumbs li a { color:#727272; font-size:11px }
ul.ithumbs li span { display:block }
ul.isupport, .format_text ul.isupport { padding:15px 20px 15px 0; margin:5px 0 20px 0 }
ul.isupport li { position:relative; padding:0; margin:0 0 25px 0; list-style:none !important; clear:both }
ul.isupport li img { float:left; margin:0 20px 20px 0; vertical-align:middle }
ul.isupport li h4 { display:inline; padding:0; margin:0; font-size:20px }
ul.isupport li h6 { padding:0; margin:5px 0 0 0; font-size:14px }

.iopt img { border:1px solid #E2E2E2; padding:30px }
.iopt img.fl { margin:0 25px 0 0 }
.iopt img.fr { margin:0 0 0 25px }
.iopt h3 { padding:0; margin:0 0 10px 0; font-size:19px }
.iopt p { color:#6A6B66; line-height:23px }
.iopt .fix { padding:10px 0 }

.iinfo { z-index:1; display:none; position:absolute; bottom:125px; left:-15px; padding:5px 10px; background:#FFEEB2; border:1px solid #FFAA00; width:250px; text-align:left }
.iinfo p { margin-bottom:10px }

/*=== 7.1 Text Formating ===*/
.format_text { line-height:25px }
.format_text img{ padding:3px; border:1px solid #DDDDDD }
.format_text ol{ padding:0 0 0 1em; margin:1em 0 2em 0 }
.format_text ul{ padding:0 0 0 1em; margin:1em 0 2em 0; list-style:square }
.format_text ul li{ list-style:square; margin:0 0 .4em .5em }
.format_text ol li{ list-style:decimal; margin:0 0 .4em .5em }
.format_text .alignright, .format_text .fr{ margin:0 0 0 10px }
.format_text .alignleft, .format_text .fl{ margin:0 10px 0 0 }

/*=== 7.2 Content Display ===*/
.title-area { z-index:1; padding-top:10px; padding-bottom:10px }
h2.title, h1.title { padding:0; margin:0; color:#000000; font-size:33px }
a.rss-button img { vertical-align:middle; margin:0 10px 2px 0; padding:0 }
.psingle { border-bottom:1px solid #E0E0E0; padding:20px; margin:0; font-size:13px }
.sing { padding:20px; border-bottom:none }
.gall-standard { border-top:1px dotted #dddddd; border-bottom:none; margin:20px 0 0 0; padding:20px 0 10px 0 }
.psingle img.thumbnail { padding:5px; border:1px solid #B0B5B7 }
.headline h2 { font-size:21px; margin:0 0 5px 0 }
.meta { color:#7E7E7E; margin:15px 0 }
.sing .meta { margin:5px 0 20px 0 }
.meta a { color:#7E7E7E }
.meta span { background:url(images/calendar-ico-trans.png) no-repeat 0 2px; font-size:11px; padding:2px 8px 2px 22px; margin:0 }
.meta span.comm { background:url(images/comment-ico-trans.png) no-repeat 0 2px }
.meta span.auth { background:url(images/author-ico-trans.png) no-repeat 0 2px }
.meta span.tag { background:url(images/tag-ico-trans.png) no-repeat 0 2px }
.meta span.cat { background:url(images/flag-ico-trans.png) no-repeat 0 2px }
span.read-more { padding:0; display:block }
span.read-more a { background:#F0F0F0 url(images/ico-bullet.png) no-repeat 8px 8px; border:none; color:#555555; font-size:12px; text-decoration:none; margin:0; padding:5px 10px 5px 20px; height:1%; line-height:20px }
span.read-more a:hover { text-decoration:none; background-color:#DEDEDE }
.single-sep { border-bottom:1px dotted #dddddd }

.gstd { margin-bottom:10px }
.gstd  h5 { font-size:14px; font-weight:bold; margin:5px 0 }

/*=== 7.3 Pricing Template Display ===*/
table.membership { background-color:#ffffff }
table.membership th{ text-align:center }
table.membership th h4 { font-size:30px; padding:8px 0 5px 0; margin:0 }
table.membership th h6 { font-size:17px; padding:5px 0; margin:0; color:#666666 }
table.membership th.club { background:#FFFFE5 }
table.membership td.club { background:#FFFFE5 }
table.membership td a.btn { font-size:17px; font-weight:bold }
table.membership td img { vertical-align:middle; margin:0 0 0 5px; padding:0 }
table.membership.vertical th{ text-align:right; width:33% }
table.membership.vertical th.coupon { text-align:center; background:#ebeff9 }
table.membership.vertical td{ width:67% }
table.membership tr:hover, table.membership tr:hover td.club, table.membership tr:hover th.club { background-color:#ffffbb }

.tinfo { position:relative; margin:0; padding:0 }
.tinfo img:hover { cursor:pointer }
.qinfo { display:none; position:absolute; bottom:25px; left:-40px; padding:5px 10px; background:#FFEEB2; border:1px solid #FFAA00; width:250px; text-align:left }
.qinfo p { margin-bottom:10px }

/*=== 7.4 Pagination Options ===*/
.lpagination { background:#F0F0F0; padding:20px 0; text-align:center }
ul.lpag { list-style:none; padding:0; margin:0 }
ul.lpag li  { font-size:13px; font-family:Tahoma; display:inline; padding:0; margin:0 }
ul.lpag li a { padding:5px 10px; color:#000000 }
ul.lpag li.name span, ul.lpag li a.name { background:transparent url(images/featured-opacity-trans.png) no-repeat left top; color:#000000; font-size:13px; font-family:Georgia; padding:5px 10px; margin:0 10px 0 0 }
ul.lpag li a:hover { background:#BFD7FF; text-decoration:none }
ul.lpag li.active a { background:#000000; color:#ffffff }
ul.lpag li.current span { padding:5px 10px; margin:0; background:#000000; color:#ffffff }

/*=== 7.5 Breadcrumbs Navigation ===*/
.breadcrumbs-area { z-index:1; padding-top:7px; padding-bottom:7px }
#breadcrumb p{ font-size:12px; padding:0; margin:0; color:#777777 }
#breadcrumb p a {  }
#breadcrumb p strong { color:#777777 }

/*--------- 9. WIDGET Options --------- */
.sidebar {  }

/*=== 9.1 General Widget Styling ===*/
.widget { background:transparent; margin:0; padding:0 0 10px 10px; line-height:23px; font-size:12px; color:#636363 }
.widget h1, .widget h2, .widget h3 { padding:10px 0; margin:0 0 10px 0  }
.widget a {  }
.widget h3 { font-size:19px; color:#000000; padding:0; margin:0 0 15px 0  }
.widget h3 img  { vertical-align: middle; border:0; padding:0; margin:0 15px 0 0 }
.widget h3 img.wid-icon  {  margin:0 15px 0 0 }
.widget ul { list-style-image:url(images/list-bullet-trans.png); margin:0 0 0 13px; padding:0; background:none; border:none }
.widget ul li { list-style-type:none; margin:0; padding:2px 0 }
.widget ul li ul { list-style-image:none; background:transparent url(images/tree-vert.gif) repeat-y top left; list-style:none; margin:5px 0 }
.widget ul li ul li { line-height:15px; padding-left:17px; background:transparent url(images/tree-horiz.gif) no-repeat 0px 10px }
.widget a.button { background:#7FB000 url(images/ico-bullet-fff.png) no-repeat 8px 10px; border:1px solid #689300; color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none; margin:0 5px 0 0; padding:5px 13px 5px 20px; height:1%; line-height:35px }
.widget a.button:hover { text-decoration:none; background-color:#95C000; color:#ffffff; }
 
/*=== 9.2 Specific Widget Styling ===*/
.widget .rec-title { font-size:13px }
.widget .rec-title a { font-weight:bold }
.widget .rec-title img { vertical-align: middle; border:0; padding:0; margin:0 0 5px 10px }
.widget .rec-excerpt { line-height:23px; margin:10px 0 }
.widget .rec-date { font-size:11px; margin:5px 0; color:#969696 }
 
.flickr { padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 0 0 5px }
.flickr img{ padding:3px; border:1px solid #B0B5B7 }

.social { font-size:17px; margin:0 0 10px 0; padding:0 }
.social img{ vertical-align:middle; margin:0 10px 0 0 }
.social a:hover { text-decoration:none }
.social a:hover span { text-decoration:underline }

.widget #twitter ul li span { display:block }
.widget #twitter ul li span.date { font-size:11px; padding:2px 8px 2px 0; margin:2px 0 10px 0 }
.widget #twitter ul li span.date a { color:#969696 }

a.follow img { margin:8px 0 12px 0 }

.widget .search{ width:260px; height:35px; position:relative; margin:0 }
.widget .search input{ color:#707070; font-size:1.25em; height:20px; width:220px; padding:8px 5px 8px 15px; margin:0; background:url(images/search-form.png) no-repeat 0 0; outline:0; border:0; float:left }
.widget .search button{ border:0; padding:0; margin:0; cursor:pointer }
.widget .search button span{ position:absolute; width:47px; height:35px; top:0; right:0; background:url(images/search-form.png) no-repeat 100% 0%}

#calendar_wrap { width:100%; padding:0; margin:0 }
#calendar_wrap a { font-weight: bold; }
#calendar_wrap a:hover {  }
table#wp-calendar { width:100%; border-collapse: collapse; margin:0 }
table#wp-calendar caption { margin:0 0 0 -1px; font-weight:bold; letter-spacing: 2px; padding:25px 0 10px 0; color:#fff; background:transparent url(images/calendarhead.png) repeat-x left top }
table#wp-calendar th, table#wp-calendar td { padding:5px; text-align:center; color:#333333 }
table#wp-calendar th { width: 14%; border:1px solid #cccccc; background:#f2f2f2 }
table#wp-calendar td { width: 14%; border:1px solid #cccccc; background:#ffffff }
#today  { background:#ffffcc }
table#wp-calendar td#next, table#wp-calendar td#prev { width: 45%; letter-spacing: 1px; }
table#wp-calendar td#next { text-align: right; }
table#wp-calendar td#prev { text-align: left; }
table#wp-calendar td#prev, table#wp-calendar td#next { background:transparent; border:none }
table#wp-calendar tfoot td.pad { background:transparent; border:none }

.widget .ad-box { text-align:left }
.widget .ad-box img { margin:0 5px 0 0 }

.widget .themedetails {  }
.widget .themedetails .buy-theme { background:url(images/payments-trans.png) no-repeat left bottom; padding:20px 0 80px 0 }
.widget .themedetails .buy-theme a { color:#000000; text-decoration:none; background:#FFCF3F; border:1px solid #FF6A00; font-size:15px; font-weight:bold; padding:6px 12px }
/*
.widget .themedetails ul li.cb { margin:0 0 0 15px; line-height:25px; font-size:13px }
.widget .themedetails ul li.date { list-style-image:url(images/ico-date.png) }
.widget .themedetails ul li.type { list-style-image:url(images/ico-type.png) }
.widget .themedetails ul li.version { list-style-image:url(images/ico-version.png) }
.widget .themedetails ul li.designer { list-style-image:url(images/ico-designer.png) }
.widget .themedetails ul li.wp { list-style-image:url(images/ico-wp.png) }
.widget .themedetails ul li.browser { list-style-image:url(images/ico-browser.png) }
*/

.widget .side-m {  }
.widget .side-m ul{ margin:0 }
.widget .side-m #wp-admin-bar { margin:0 0 0 15px }
.widget .side-m #wp-admin-bar ul li { margin-top:5px }

/*--------- 10. COMMENTS Options --------- */

/*=== 10.1 Comments ===*/
#scomments { background:#F7F7F4; margin:0 10px 10px 10px; padding:0 10px }
h3.tcomm, h2.post-form { font-size:22px; color:#333333; padding:10px 0; margin:20px 0 }
#respond h3.tcomm { border:none; padding:0; margin:10px 0 0 0 }
#comments { position:relative }
#comments ol.commentlist, #comments ol.commentlist li { padding:0; margin:0; background:none; border:none }
#comments .comment { margin-top:10px !important; width:100%; list-style-type:none }
#comments .comment a { padding:1px 0 }
#comments .comment small { font-size: 11px }
#comments .comment .comment-container  { padding:3px 0 }
#comments .comment .avatar-wrap { float:left }
#comments .comment .avatar-wrap img { background:#fff; border:1px solid #C9CED4; padding:2px }
#comments .comment .text-right { margin-left:75px }
#comments .comment .text-right .comm-reply{ background:#EFEFED; font-size:12px; font-family:Tahoma; color:#999999; padding:0 8px 25px 8px; margin:0; border:1px solid #dddddd }
#comments .comment .text-right .comm-reply span.author{ font-weight:bold; color:#000000 }
#comments .comment .text-right .comm-reply .fl { margin:0; padding:3px 0 0 0 }
#comments .comment .text-right .comm-reply .fr { margin:0; padding:2px 0 0 0 }
#comments .comment .text-right .comm-reply .fr input { vertical-align:middle; margin:0; padding:0; display:inline }
#comments .comment .text-right .comm-reply small a{ font-weight:normal }
#comments .comment .text-right .comment-entry { background:#ffffff; padding:10px; border:1px solid #dddddd; border-width:0 1px 1px 1px }
#comments .comment .text-right .comment-entry p { padding:0 0 10px 0; margin:0 }
#comments ul.children { padding:0 0 0 25px; margin:0; list-style:none; border:none; background:none }
#comments .comment .text-right .authcomment { border:1px solid #3c3ca4; background:#eeeeff }
p.commpadd{ padding:0; margin:0 0 10px 0 }
.cancel-comment-reply { padding:10px 0 }
.cancel-comment-reply a#cancel-comment-reply-link { background:#FEFFA2; border:1px solid #dddddd; padding:4px 6px }
#comments .comment .vote { margin:0; padding:0; border:0 }
#comments .comment .voted { border:1px solid #cccccc }

/*=== 10.2 Post Form ===*/
#respond { padding:10px 0; margin:0 }
#respond a{ padding:1px 0 }
#respond p{ padding:5px 0; margin:0 }
#respond textarea, .commpadd input{ background:#FCFBF7; }
#respond textarea { margin:0; padding:4px }
p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
p.commpadd label{ padding:0 0 0 5px }
#comments_wrap .navigation { margin:15px 0 0 0 }
#comments_wrap .navigation a { padding:5px 8px; color:#000000; font-size:12px; background-color:#dddddd; border:1px solid #777777; text-decoration:none }
#comments_wrap .navigation a:hover { opacity:0.86 }

/*--------- 11. FOOTER Options --------- */
.footer-area { background:#16130B; z-index:1; color:#ffffff; padding:20px 10px 70px 0 }
.footer{ background:transparent; font-size:11px; line-height:30px }
.footer ul { background:none; border:none; padding:0; margin:0; font-size:11px }
.footer li { display:block; float:right; text-align:left; padding:0 0 0 10px; margin:8px 0 0 10px; line-height:15px }
.footer li.last { border-right:none }
.footer li a { font-size:11px; color:#ffffff }
.footer li.small-logo { border-left:1px solid #ffffff; margin:0 0 0 15px }
.footer li.small-logo a { padding:0; margin:0 0 0 5px }
.footer li.small-logo a:hover { background:none }
.footer li.small-logo img { vertical-align:middle }

/*--------- 12. aMember Options --------- */
.wamember-area { background-color:#ffffff }
.wamember-logo { padding:20px; text-align:center }
.wamember { padding:20px; background:#F0F0F0 }
.wamember th { text-align:left }
.wamember th.coupon { text-align:center }
.wamember td { background-color:#ffffff }
.wamember td img { padding:0 0 5px 0 !important }
.wamember td.sticky { background-color:#ffffbb }
.wamember tr:hover td { background-color:#FFFDDD }
.wamember form input[type=text], .wamember form input[type=password] { width:200px }
.wamember form input[type=submit] { margin:2px 2px 2px 0 }
.wamember .small { font-size:10px; font-weight:normal; color:#aaaaaa }

.wamember table.signup td { padding:15px; vertical-align:top }
.wamember table.signup .leftcol { width:50% }
.wamember table.signup th { padding:20px 0 20px 10px; border:0 }
.wamember table.signup th span{ padding:15px 0 15px 60px; font-size:17px; font-weight:normal }
.wamember table.signup th.step_1 span{ background:url(images/step_1.png) no-repeat left center }
.wamember table.signup th.step_2 span{ background:url(images/step_2.png) no-repeat left center }
.wamember table.signup th.step_3 span{ background:url(images/step_3.png) no-repeat left center }
.wamember table.signup th.step_4 span{ background:url(images/step_4.png) no-repeat left center }
.wamember table.signup label.sml { display:block; font-size:10px; font-weight:normal; color:#aaaaaa }
.wamember table.signup .tit { font-size:11px; font-weight:bold; padding:5px 0 }
.wamember table.signup label span { padding:0 0 0 5px }
.wamember table.signup label span.tth { font-size:16px; font-weight:normal; margin:0 }
.wamember table.signup label span.terms { display:block; font-size:11px; font-weight:bold; background:#ffffff; color:#5E9A0F }
.wamember table.signup label span.more { padding:0 0 0 30px }
.wamember table.signup label span.small { display:block; }
.wamember table.signup label.paysys { display:block; padding:18px 0; background:url(images/payments-trans.png) no-repeat right center }
.wamember table.signup table, .wamember table.signup table td { padding:0; border:0; margin:0 }

.wamember table.signup .rightcol { width:50%; background:#F0F0F0; vertical-align:top; border:0; padding:0 0 0 40px }
.wamember table.signup .rightcol h2 { font-size:18px; margin:25px 0 10px 0; color:#777777 }
.wamember table.signup .rightcol ul { list-style-image:url(images/bullet-arrow.png); margin:0; padding:0 }
.wamember table.signup .rightcol ul li { font-size:14px; padding:6px 0 6px 2px; margin:0 0 0 22px; color:#777777 }
.wamember table.signup .rightcol span { background:url(images/user_go.png) no-repeat left center; font-size:11px; font-weight:bold; display:block; margin:10px 0; padding:0 0 0 25px; color:#888888 }

th.purchase input { width:272px; height:59px; text-indent:-9999px; display:block; background: url(images/button-purchase.png) no-repeat left top }
th.purchase input:hover { opacity:1 }
th.purchase input:active { background: url(images/button-purchase.png) no-repeat left bottom }

.tweetstream_checkbox_container { margin:10px 0 0 0 }

/*--------- 12. CSS3 Options --------- */

/*=== 12.1 BORDER-RADIUS ===*/

input[type="submit"], .single img.thumbnail, .meta, span.read-more a, .flickr img,
#simplemodal-login-container #login_error, img.avatar, 
form#whats-new-form #whats-new-avatar img, div#signup-avatar img, 
.activity-list li.mini .activity-avatar img.FB_profile_pic,
.activity-list .activity-avatar img, div.activity-comments div.acomment-avatar img,
div.ac-reply-avatar img, #comments .comment .avatar-wrap img,
form#whats-new-form #whats-new-textarea,
.dir-search input[type=text],
div#invite-list,
div.activity-comments form .ac-textarea,
form.standard-form#signup_form div div.error,
a.button, input[type=submit], input[type=button], 
ul.button-nav li a, div.generic-button a,
li span.unread-count, tr.unread span.unread-count,
.clean-contact-msg, div.activity-comments form.ac-form { 
    border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
}

#simplemodal-login-container #loginform, .activity-list div.activity-meta a, div.activity-comments >ul,
span.activity, div#message p, form textarea, form input, form select, .sf-addmenu li ul, .sf-addmenu li li.sfhover, .sf-addmenu li ul li a:hover,
.sf-menu li ul, .sf-menu li a:hover, .sf-menu li.current-menu-item a, .portfolio .gall-meta, .portfolio .gall-meta a,
.cbox, .psingle img, #container .carousel ul li .gall-meta, #container .carousel ul li .gall-meta a { 
    border-radius:6px; 
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
}
a.button, .wp-caption, ul.lpag li a, ul.lpag li.current span, ul.lpag li.name span, .qinfo, #scomments, .iinfo, ul.ithumbs, ul.isupport,
div.pagination .pagination-links span.current, .iopt img { 
    border-radius:8px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px;
}
#simplemodal-login-container #loginform, .addinfo .browse-themes a.themes, .addinfo .demo a,
.widget .themedetails .buy-theme a { 
    border-radius:10px; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
}
#comments .comment .text-right .comm-reply, div.item-list-tabs, div.item-list-tabs ul li.selected a, 
div.item-list-tabs ul li.current a, ul.item-list { 
    border-top-right-radius:5px; border-top-left-radius:5px; 
    -moz-border-radius-toprigh:5px; -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; 
}
#comments .comment .text-right .comment-entry, ul.item-list, div.item-list-tabs#subnav { 
    border-bottom-right-radius:5px; border-bottom-left-radius:5px; 
    -moz-border-radius-bottomrigh:5px; -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;
}
div.item-list-tabs#subnav { 
    border-top-right-radius:0; border-top-left-radius:0; 
    -moz-border-radius-toprigh:0; -moz-border-radius-topleft:0;
    -webkit-border-top-right-radius:0; -webkit-border-top-left-radius:0; 
}
li.mylogin form#loginform input.ifield, li.mylogin form#loginform input.isubmit { 
    border-radius:0; 
	-moz-border-radius:0; 
	-webkit-border-radius:0;
}

/*=== 12.2 BOX-SHADOW ===*/

.portfolio .gall-image a { 
    box-shadow: 0 1px 1px #999;
	-moz-box-shadow: 0 1px 1px #999;
	-webkit-box-shadow: 0 1px 1px #999;
}
#container .carousel ul li a img { 
    box-shadow: 0 1px 6px #999;
	-moz-box-shadow: 0 1px 6px #999;
	-webkit-box-shadow: 0 1px 6px #999;
}

.gall-meta { 
    box-shadow: 0 0 70px #000000;
	-moz-box-shadow: 0 0 70px #000000;
	-webkit-box-shadow: 0 0 70px #000000;
}

/*=== 12.3 TEXT-SHADOW ===*/

span.read-more a, h2.title, h1.title, h3.tcomm, h2.post-form { 
    text-shadow: 0 1px 1px #ffffff;
}

/*=== 12.4 GRADIENT ===*/
.navigation-area, .footer-area {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16130B', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#16130B), to(#000000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #16130B,  #000000); /* for firefox 3.6+ */
}

.addinfo-area {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F4', endColorstr='#EFEFEF'); /* for IE */
	background: -webkit-gradient(linear, 0% 100%, 0% 50%, from(#F7F7F4), to(#F7F7F4), color-stop(0,#EFEFEF)); /* for webkit browsers */
	background: -moz-linear-gradient(bottom,  #EFEFEF,  #F7F7F4 50%, #F7F7F4); /* for firefox 3.6+ */
}
.slider-area {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#F7F7F4'); /* for IE */
	background: -webkit-gradient(linear, 0% 0%, 0% 19%, from(#EDEDED), to(#F7F7F4), color-stop(1,#F7F7F4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EDEDED,  #F7F7F4 19%, #F7F7F4); /* for firefox 3.6+ */
}