/********************************************************************

    INNOVATION+SCIENCE WORDPRESS THEME 

    (Ideal For Business And Personal Use: Creating Magazine, Portfolio and Blog)



    File:   

        common.css

    Brief:  

        Hold common styles for whole website

    Author:

        DigitalCavalry

    Author URI:

        http://graphicriver.net/user/DigitalCavalry

*********************************************************************/



          

/*************************

    GLOBAL

*************************/ 



* 

{

    border:0px none;  

    font-family:inherit;  

    font-size: 100%;  

    font-style:inherit;  

    font-weight:inherit;  

    margin:0px;  

    padding:0px;  

    vertical-align:baseline;

    background-attachment:scroll;

    background-repeat:no-repeat;

}



img 

{

    border:none;        

}

        

a  

{

    text-decoration:none; color: #1a516c;

}

a:hover { color: #2b7498; }



body 

{

    background-image: url("../img/backgrounds/bg04.jpg");

    background-repeat:no-repeat;

    background-position: 50% 0%;

    background-color: #000;

    background-attachment: scroll;

    text-align:left;

    padding:0px;

    margin-top:0px;  

}



#bodyContainer

{

    width:1040px;

    margin:auto;

    min-height: 200px; 

    margin-top:0px;

    padding-top: 10px;

    padding-bottom: 0px; 

    border:0px solid white; 

    position: relative;    

}



#mainContent { background-color:#ffffff; padding: 5px 6px 0px; }

	#mainContentInner { background-color:#edf0d3; border: 2px #565f40 solid; border-bottom: none; min-height:300px; }



strong

{

    font-weight: bold;

}



em

{

    font-style: italic;

}



p

{

    color:#000;

    font: 11px Verdana;

}



.bodyEndBlock

{

    width:1040px; 

    height:80px; 

    margin:auto;

    margin-top:0px;

    margin-bottom: 0px;

    padding:0px; 

    border:0px solid black; 

    background-color:transparent;

}



.bodyStartBlock

{

    width:1040px; 

    height:80px; 

    margin:auto;

    margin-top:0px;

    margin-bottom: 0px;

    padding:0px; 

    border:0px solid black; 

    background-color:transparent;

}




/********************************

     ASYNCHRONOUS IMAGE LOADING

*********************************/ 



.asyncImgLoad { clear: none; } 



/*************************

    UTILITY

*************************/ 



.clearBoth { clear:both; }

.clearLeft { clear:left; }

.clearRight { clear:right; }



.displayNone { display: none; }



.floatLeft { float: left; }

.floatRight { float: right; }



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

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

.imgMulti { display:inline; margin: 5px; }

.spanBold { font-weight: bold !important; }

.spanItalic { font-style: italic !important; }

.spanBoldItalic { font-weight: bold !important; font-style: italic !important;}



/****************************

   BUTTONS

****************************/ 

.contentBtn { margin: 0 10px 0 10px; }

#respond .submitCommentBtn, .contentBtn
{

    background-color:#A7B56F;
    padding-left:11px;
    padding-right:11px;
    padding-top:6px;
    padding-bottom:6px;
    border: 2px solid #7F8173;
    color: #000;
    font: bold 14px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0 0 7px #7F8173;
  	-moz-box-shadow: inset 0 0 7px #7F8173;
  	-webkit-box-shadow: inset 0 0 7px #7F8173;


}


#respond .submitCommentBtn:hover, .contentBtn:hover
{

    color:#FFF;
    background-color:#3A6980;

    border: 2px solid #7F8173;      

}


.readViewMoreBtn

{

    font: 18px Verdana;

    float:right;

}





.readViewMoreBtnBlack

{

    height: 37px;

    padding-left: 21px;

    padding-right: 21px;

    padding-top: 8px;

    padding-bottom: 8px;

    background-color: #000;

    border: 1px solid #222;

    color: #fff;

    font: bold 18px/37px Tahoma;

    cursor: pointer;

    text-align: center;

    text-decoration: none;

}



.readViewMoreBtnBlack:hover

{

    

    background-color: #fff;

    border: 1px solid #fff; 

    color: #000;

}





.commonLink

{

    color: #3399cc;;

    text-decoration:none;

    cursor: pointer; 

    

    padding-right: 12px;

    background-image: url('../img/common/img/linkArrowBlue.png');

    background-position: 100% 60%;

    background-repeat: no-repeat; 

}



.commonLink:hover

{

    text-decoration:underline;  

}  



/****************************

   CONTENT SECTIONS

****************************/ 



.contentSectionTitleWhite

{

	padding-top: 2px;

	padding-bottom: 6px;

	font: 14px Verdana;

	font-weight: bold;

	color: #222;

	text-align: left;

	border-bottom: thin #6C6C6C dashed;	

}



/************************************

    NAVIGATION TREE

*************************************/



#navigationTreeContainer

{

    border: 0px solid #ccc;

    height: 20px;

    padding-top: 5px;

    font-family: Arial,Helvetica,sans-serif;

    margin-left: 0px;

    margin-right: 20px;

    font-size: 12px;

    color: #bbb;

    text-align: left;

}


#navigationTreeContainer .prev

{

    color:#3399cc;

}



#navigationTreeContainer .current

{

    color:#bbb;

}



/****************************

   IMAGE PREVIEW - TOOLTIP

****************************/ 



.imgTipLeftTop { clear: none; }

.imgTipRightTop { clear: none; }

.imgTipCenterTop { clear: none; } 



#imgPreview

{

    position:absolute;

    padding:0px;

    margin: 0px;

    z-index:1000;

    visibility:visible;

    overflow: hidden;

    background-color: #151515;

    background-image: url('../img/common/ajax/loading12.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

    border: 1px solid #222;

}



#imgPreviewImg

{

    margin:0px;

    padding:0px;

    overflow: hidden;

}



#imgPreviewDesc

{

    padding:4px 4px 4px 4px;

    font:normal 10px/10px Verdana;

    line-height: 110%;

    color:#FFF; 

}





/******************************************

   IMAGE PREVIEW FOR TEXT LABELS - TOOLTIP

*******************************************/ 



.imgTxtPrevLink

{

    cursor: pointer;

    padding-right: 13px;

    background-image: url('../img/common/img/imgLinkBlue.png');

    background-repeat: no-repeat;

    background-position: 100% 20%;

    color: #3399CC;

}



.imgTxtPrevLink:hover

{

    text-decoration: underline;

}





.imgTxtTipLeftTop { clear: none; }

.imgTxtTipRightTop { clear: none; }

.imgTxtTipCenterTop { clear: none; } 



#imgTxtPreview

{

    position:absolute;

    padding:0px;

    margin: 0px;

    z-index:1000;

    border: 1px solid #222;

    visibility:visible;

    overflow: hidden;

    background-color: #151515;

    background-image: url('../img/common/ajax/loading12.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

}



#imgTxtPreviewImg

{

    margin:0px;

    padding:0px;

    overflow: hidden;

}



#imgTxtPreviewDesc

{

    padding:4px 4px 4px 4px;

    font:normal 10px/10px Verdana;

    line-height: 110%;

    color:#FFF; 

}



#imgTxtLoader

{

    width:20px;

    height:20px;

    background-image: url('../img/common/ajax/loading12.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-color: #000;

    position: absolute;

    z-index: 1000;

    visibility: visible;

}



/****************************

   SIMPLE TEXT TOOLTIP

****************************/ 



.textTooltipCenterTop { clear: none;}

.textTooltipLeftTop { clear: none;}

.textTooltipRightTop { clear: none;}



#textPreview

{

    position:absolute;

    border:0px solid #aaa;

    padding:0px;

    display:block;

    color:#000;

    z-index:1020;

    visibility:hidden;

    overflow:hidden;

    

}



#textPreviewDesc

{

    padding:4px 8px 4px 8px;

    font:10px Verdana;

    line-height: 12px;

    border: 1px solid #888;

    color:#000000;

    background-color:#FFFFAA; 

}



/******************************** 

    HEADER

*********************************/



#headerContainer

{

    width:960px;

    padding-right: 40px;

    margin:auto;

    margin-bottom:0px;

    margin-top:0px;

    padding-bottom: 0px;

    padding-left:40px; 

    position: relative; 

}



#headerContainer #logo

{

    float:left;

    display: block;

    height: 80px;  

    width: 40px;

    margin-right: 10px;

    margin-top: 14px;



    background-image: url('../img/header/logo.png');

    background-position: 50% 50%;

    background-repeat: no-repeat;

}



#headerContainer #titleWrapper

{

    height:80px;

    float:left;

    margin: 0px;

    padding: 0px;

    margin-top: 30px;

}



#headerContainer #title 

{

    font: bold 45px/45px "Trebuchet MS", Arial, Helvetica, sans-serif;

    color: #000;

}



#headerContainer .titleSlogan

{

    font: 16px/16px Verdana;

    color: #aaa;

    background-color: transparent;

    padding:0px;

}



#headerContainer #communityThumbsContainer

{

    float: right;

    margin-top:85px;

    background-color:transparent;

    height: 26px;

    width: 220px;

}



#headerContainer .communityBtn 

{

    float: right; 

    margin-left: 5px;

    cursor: pointer;

    display: block;

    width:26px;

    height:26px;

    background-position: 0px 0px;

    background-repeat: no-repeat;

}



#headerContainer .communityBtn:hover

{

    background-position: 0px -26px;

}   



/****************************

   FOOTER                                                

****************************/ 



#footerContainer

{

    width:1034px; 

    height:160px; 

    margin:auto;

    margin-top:0px;

    margin-bottom:0px;

    padding-top:0px;

    padding-left:0px;  

    background-color:#ffffff;

    text-align:center;

    font: 11px Verdana;

    position: relative;    

                 

}

#footerInner { margin-left:6px; margin-right:6px; background-color:#edf0d3; border: 2px #565f40 solid; border-bottom: none; border-top:none;height:160px; }

#footerRounder { margin: 0 auto; width: 1000px; height:102px; background: url('../img/footer/footerRounder.png') center top no-repeat; display:block; }



#footerContainer .logo

{

    position: absolute;

    left: 480px;

    bottom: 0%;

    width:20px;

    height:40px;

    display: block;

    background-image: url('../img/footer/smalllogo.png');

    background-position: 50% 50%;

    background-repeat:no-repeat;      

}

#footerListContainer{

    display:block;

    width:980px;

    margin-left: 0px;

    padding-top: 20px;    

    text-align: center;

    padding-left: 60px;

    padding-bottom:20px; 

}



.footerCustom

{

    background-color:transparent;

    background-image:none;

    text-align:left;

    padding-left:10px;

    padding-right:10px;

    border:none;

}



.footerCustom a

{

    text-decoration: none;

    color: #999;

    margin-top: 5px;

    margin-bottom: 5px;

    cursor:pointer;

}



.footerCustom a:hover

{

    color:#fff;

}



.footerCustom p

{

    color: #fff;

    margin-top: 4px;

    margin-bottom: 4px;

    font-size: 9px;

    line-height: 13px;

}



.footerCustom h5

{

    margin-bottom: 6px;

    color:#FFF; 

    font-size: 12px; 

    font-weight: bold;    

}



.footerCustom ul

{

    padding-left: 0px; 

    margin-left:0px; 

    margin-top:10px;

    margin-bottom:10px;

}



.footerCustom li 

{ 

    color:#333333; 

    font-size: 11px; 

    list-style-type:none; 

    list-style-position:outside; 

    margin-bottom: 5px;

    margin-left: 0px;

    padding-left: 0px;

}



.footerList

{

   width: 180px;

   padding-left: 10px;

   margin-right: 0px;

   border: 0px solid blue;

   text-align: left;

   display:inline-block;

   border-left: 1px solid #222;

   float:left;

}



#footerListContainer .footerList:nth-child(2), #footerListContainer .footerList:nth-child(3), #footerListContainer .footerList:nth-child(4) {width:160px;}



.footerList ul 

{ 

    padding-left: 0px; 

    margin-left:0px; 

    margin-top:10px;

}



.footerTitleSpan 

{ 

    color:#FFFFFF; 

    font-size: 12px; 

    font-weight: bold;

}



.footerList li 

{ 

    color:#333333; 

    font-size: 12px;

    font-weight:bold;

    list-style-type:none; 

    list-style-position:outside; 

    margin-bottom: 5px;

    margin-left: 0px;

    padding-left: 0px;

}



.footerLink 

{ 

    text-decoration: none;

    color: #999999;

}



.footerLink:hover

{

    color: #FFFFFF;

    cursor:pointer;

}





.footerCopyright 

{ 

    color:#ddd; 

    font: normal 10px Verdana;  

    margin-top:0px;

    padding-top:0px;

    padding-bottom:0; 

    text-align: center;

    display:block;

    clear:both;    

}



.footerPowered 

{ 

    position:absolute; 

    color: #ddd;

    font: normal 10px Verdana; 

    margin-top: 0px; 

    right: 5px; 

    bottom:5px;

}



/*************************

    NAVIGATION

*************************/  



#navigationContainer 

{   

    height:35px;    

    position:relative;

    z-index: 600;

    margin-left: 40px;

    margin-right: 40px; 

    padding-left: 0px;

    padding-right: 0px; 

    margin-top: 0px;     

}



#nav, #nav ul 

{ 

    padding:0px;

    margin:0px;

    list-style: none;

    line-height: 1;

}



#nav a.dirV 

{

    background-image: url('../img/navigation/down.gif');

    background-position: 100% 50%;

    background-repeat: no-repeat;

}



#nav a.dirH 

{

    background-image: url('../img/navigation/right.gif');

    background-position: 100% 50%;

    background-repeat: no-repeat;

} 



#nav a 

{

    display: block;

    padding-left:18px;

    padding-right:18px;

    color: #FFFFFF;   

}  



#nav li 

{ 

    font: normal 12px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    float: left;

    min-width: 10px; 

    color:white;

    margin-right: 5px;

    background-color:#565f40;

    background-image: -moz-linear-gradient(top center, #7a875c, #565f40);

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7a875c), to(#565f40));

    border: 3px white solid;

    border-bottom: 0;

    -webkit-border-top-left-radius: 8px;

    -webkit-border-top-right-radius: 8px;

    -moz-border-radius: 8px 8px 0 0;

    border-radius:8px 8px 0 0;

}


	ul#nav li:nth-child(n+4) ul { background-color:#7a875c;background-image:none;}

	ul#nav li:nth-child(n+4) ul li { border:0; background-image:none !important;background-color:#7a875c; padding: 1px 0; border-bottom: 1px white solid; }

	ul#nav li:nth-child(n+4) ul li:hover { background-color:#829161; }

	

ul#nav li:nth-child(-n+3) {background-color:#143F54;

	background-image: -moz-linear-gradient(top center, #3A6980, #143F54);

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3A6980), to(#143F54));

}

	ul#nav li a:hover { color:#dca23c; }

	ul#nav li:nth-child(-n+3) ul { background-color:#3A6980;background-image:none;}

	ul#nav li:nth-child(-n+3) ul li { border:0; background-image:none !important;background-color:#3A6980; padding: 1px 0; border-bottom: 1px white solid; }

	ul#nav li:nth-child(-n+3) ul li:hover { background-color:#417690; }



#nav li:hover, 

#nav li.hover 

{  

    position: static;  

} 



#nav li a:hover

{ 

    color:#dca23c;
    
}



#nav ul li 

{ 

    font: normal 11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;

    text-transform:none;

    float: left;

    width: 180px;

    background-color:#009900; 

}



#nav ul li:hover 

{ 

    color:#dca23c;

}



#nav li ul 

{ 

    position: absolute;

    width: 180px;

    left: -999em; 

}



#nav li ul ul 

{ 

    margin: -24px 0px 0px 180px;

}



#nav li:hover ul ul, 

#nav li:hover ul ul ul, 

#nav li.sfhover ul ul, 

#nav li.sfhover ul ul ul 

{

    left: -999em;

}



#nav li:hover ul, 

#nav li li:hover ul, 

#nav li li li:hover ul, 

#nav li.sfhover ul, 

#nav li li.sfhover ul, 

#nav li li li.sfhover ul 

{ 

    left: auto;

} 



/* NAVIGATION ADDS */



#searchContainer

{

   overflow: hidden;

   font-family: Verdana;

   text-align: right;

   margin-top:0px;   

   margin-right: 0px;

   width:250px;

   height: 28px;

   padding:4px 3px 0 3px;

   float:right;

   background-color:#565f40;

   border: 3px white solid;

   border-bottom: 0;

   -webkit-border-radius: 5px 5px 0 0;

   -moz-border-radius: 8px 8px 0 0;

   border-radius:5px 5px 0 0;



}



#searchBox 

{

    color:black !important; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-right:2px;

    width:170px;

    border:1px solid #444;

    padding: 2px 3px 2px 3px;

    float:right;

    background-color: #ffffff;

    

} 



#searchBoxBtn 

{ 

    color:#FFF; 

    font: normal 12px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    margin-right:4px;

    padding-left:10px;

    padding-right:10px;

    height: 24px;

    float:right;

    display:block;

    background-color: #000;

    text-transform:uppercase;

    cursor: pointer;

    text-align: center;

}



#searchBoxBtn:hover

{

    background-color: #3399cc;

}



/**********************************************************

    SIDEBAR

**********************************************************/



#rightSideBarContainer 

{

    width: 280px;

    min-height: 60px;

    margin-left:0px;    

    margin-right: 3px;

    padding-left: 0px;

    padding-bottom: 0px;

    padding-top:0px;

    border: 5px #ffffff solid;

    background-color:#A7B56F;

    float: right;

    padding: 10px;

    -moz-box-shadow: 0 0 15px #7f8173;

    -webkit-box-shadow: 0 0 15px #7f8173;

    box-shadow: 0 0 15px #7f8173;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;
    font-family:Verdana !important;

}

.textwidget, .blogroll { font-size:12px; }

.textwidget p { margin-bottom:14px; }


#rightSideBarContainer .bigSectionTitle

{

    font: normal 28px/28px Verdana;

    color: #000;

    padding-bottom:0px;

    padding-left: 0px;

    border-bottom: 0px solid #ddd;

}



#rightSideBarContainer ul li { list-style-type:none; }

#rightSideBarContainer ul, div.contentSectionTitleWhite + div { margin: 2px 0 15px; }

#rightSideBarContainer .split img { float:left;width:130px; margin: 0px 5px 15px 5px; }
	
.contentSectionTitleWhite { clear:both; }


/* sidebar custom code block*/



.sidebarCustomCode

{

    width:280px;

    padding-top: 20px;

    padding-bottom: 20px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color:transparent;

    text-align: left;

    margin-bottom: 20px;

    margin-top: 10px;

}



/* contact */



.sidebarContactContainer

{

    width:280px;

    padding-top: 20px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 25px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color:transparent;

    text-align: left;

    margin-bottom: 20px;

}



.sidebarContactContainer .map

{

    height: 180px;

    width: 272px;

    border: 1px solid #ccc;

    padding: 3px;

    background-color: #fff;

    display: block;

    

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%;        

}



.sidebarContactContainer .text

{

    margin-top: 10px;

    color: #000;

    font: 11px Verdana;

    line-height: 120%;

    font-style: normal;

}



.sidebarContactContainer .header

{

    color: #3399CC;

    font: 12px Arial;

    line-height: 120%;

    font-style:normal;

}



.sidebarContactContainer .color

{

    color: #3399CC;

}



/* multi image box */



.sidebarMultiImageBoxContainer

{

    width:280px;

    padding-top: 20px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 25px;

    margin-top:10px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #FFF;

    text-align: left;

    margin-bottom: 25px;

 }

 

 .sidebarMultiImageBoxContainer .link

 {

    display: block;

    background-color: transparent;

    width: 74px;

    height: 74px;

    position: absolute;

 }



.sidebarMultiImageBoxContainer .picture

{

    border: 1px solid #ccc;

    padding: 3px;

    background-color:#FFF;

    margin-right:17px;

    width: 74px;

    height: 74px;

    float: left;

    cursor:pointer;

    display: block;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%;  

}



.sidebarMultiImageBoxContainer .picture:hover

{

    border: 1px solid #aaa;

}



.sidebarMultiImageBoxContainer .pictureLast

{

  border: 1px solid #ccc;

  padding: 3px;

  background-color:#FFF;

  width: 74px;

  height:74px;  

  float: left;

  cursor:pointer;

  display: block;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%; 

}



.sidebarMultiImageBoxContainer .pictureLast:hover

{

   border: 1px solid #aaa;  

}



.sidebarMultiImageBoxContainer .row

{

    margin-bottom: 16px;

    height: 82px;

    background-color:transparent;

}



.sidebarMultiImageBoxContainer .rowLast

{

    height: 82px;

    background-color:transparent;

}



/* sidebar search */



.sidebarSearchContainer

{

    width:280px;

    margin-top: 10px;

    padding-top: 30px;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 20px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #FFF;

    text-align: left;

    margin-bottom: 20px;

}



.sidebarSearchContainer .wrapper

{

   overflow: hidden;

   font-family: Verdana;

   text-align: right;

   margin-top:0px;

   background-color:transparent;

   margin-right: 0px;

   width:280px;

   height: 24px;

}





.sidebarSearchContainer .search

{

    color:#444; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    width:200px;

    border:1px solid #444;

    padding: 2px 3px 2px 3px;

    float:left;

    background-color: #FFF;

    

} 



.sidebarSearchContainer .btn 

{ 

    color:#FFF; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    padding-left:15px;

    padding-right:15px;

    padding-top: 3px;

    padding-bottom: 3px;

    float:left;

    display:block;

    background-color: #000;

    text-transform:uppercase;

    cursor: pointer;

}



.sidebarSearchContainer .btn:hover

{

    background-color: #3399cc;

}



/* sidebar tabs */



.sidebarTabsContainer

{

    width:320px;

    padding-top: 0px;

    padding-left: 0px;

    padding-right: 0px;

    padding-bottom: 15px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    text-align: left;

    margin-bottom: 20px; 

}



.sidebarTabsContainer .wrapper

{

    width: 320px;

    height: 280px;

    background-color: #000;

    overflow: hidden;  

}



.sidebarTabsContainer .tab

{

   width: 280px;

   height: 220px;

   padding: 20px;

   overflow: hidden;

   background-color:#000;

   visibility:visible;

   display: none;

   left:0px;

   top:300px;

   position: relative;

}



.sidebarTabsContainer .head

{

    height: 50px;

    width: 280px;

    background-color:transparent;

}



.sidebarTabsContainer .image

{

    width: 48px;

    height: 48px;

    border: 1px solid #333;

    float:left;

    margin-right: 5px;

    display: block;    

}



.sidebarTabsContainer .titleWrapper

{

    height: 50px;

    background-color:transparent;

    float:left;

}



.sidebarTabsContainer .title

{

    font: 22px Verdana;

    color: #3399CC;

}



.sidebarTabsContainer .subTitle

{

    font: 12px Verdana;

    color: #999;

}



.sidebarTabsContainer .thumbsBar

{

    margin-top:10px; 

    margin-right: 0px;

    height: 28px;

    background-color:#000;

    position: absolute;

    bottom: 0px;

    right:20px;

}



.sidebarTabsContainer .thumb

{

    display:block;

    float:right;

    width:26px;

    height:26px;

    background-color:white;

    background-image: url('../img/common/ajax/loading2.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

    margin-left:5px;

    overflow: hidden;

    border: 1px solid #aaa;

    cursor:pointer;

}



.sidebarTabsContainer .thumb:hover

{

    border: 1px solid #222;

}



.sidebarTabsContainer .default

{

    display:none;   

}



.sidebarTabsContainer .source

{

    display:none;   

}



.sidebarTabsContainer .text

{

    font: 11px Verdana;

    padding-top: 5px;

    color: #FFF;

    line-height: 120%; 

}



.sidebarTabsContainer .btnBar

{

    height: 32px;

    width: 320px;

    overflow: hidden;

}



.sidebarTabsContainer .btn

{

   height: 32px;

   float: right;

   font: normal 12px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;

   text-transform: uppercase;

   color: #FFF;

   background-color: #000;

   padding-right: 14px;

   padding-left: 14px;

   cursor: pointer;

   border-top: 1px solid #3399cc;

}



/* link panel */



.sidebarLinkPanelContainer

{

    width:300px;

    padding-top: 15px;

    margin-top: 10px;

    padding-left: 20px;

    padding-bottom: 15px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color:transparent;

    text-align: left;

    margin-bottom: 25px;

}



.sidebarLinkPanelContainer .count

{

    color:#AAA;

}



.sidebarLinkPanelContainer .item

{

    height: 24px;

    display: block;

    padding-left: 10px;

    background-color: transparent;

    margin-right: 20px;

    cursor: pointer;

    border-bottom: 1px solid #ECECEC; 

    font: 11px/24px Verdana; 

    color: #444;

}



.sidebarLinkPanelContainer .item:hover

{

    background-color: #000;

    color: #FFF;

}





/* sidebar tags */



.sidebarTagsContainer

{

    width:300px;

    font: 10px/11px "Trebuchet MS", Arial, Helvetica, sans-serif;

    padding:20px;

    margin-top: 10px;

    padding-bottom: 40px;

    padding-left: 10px;

    padding-right: 10px;

    padding-top:15px;

    text-align: left;

} 



.sidebarTagsContainer  a

{

    text-decoration: none;

    color:#000;

    cursor: pointer;

}



.sidebarTagsContainer  a:hover

{

    color:#3399CC;

}



.sidebarTagsContainer .tag1, .sidebarTagsContainer .tag2,

.sidebarTagsContainer .tag3, .sidebarTagsContainer .tag4,

.sidebarTagsContainer .tag0,

.sidebarTagsContainer .tag5, .sidebarTagsContainer .tag6,

.sidebarTagsContainer .tag8, .sidebarTagsContainer .tag7,

.sidebarTagsContainer .tag9  

{

    cursor: pointer; 

    padding-left:2px;

    padding-right:2px;

}



.sidebarTagsContainer .tag9

{

    font: bold 22px/24px Arial;

    color:#444;

}



.sidebarTagsContainer .tag8

{

    font: bold 20px/22px Arial;

    color:#444;

}



.sidebarTagsContainer .tag7

{

    font: bold 18px/20px Arial;

    color:#444;

}



.sidebarTagsContainer .tag6

{

    font: bold 16px/20px Arial;

    color:#444;

}



.sidebarTagsContainer .tag5

{

    font: bold 15px/18px Arial;

    color:#555;

}



.sidebarTagsContainer .tag4

{

    font: bold 14px/18px Arial;

    color:#666;

}



.sidebarTagsContainer .tag3

{

    font: bold 13px/18px Arial;

    color:#777;

}



.sidebarTagsContainer .tag2

{

    font: bold 12px/18px Arial;

    color:#888;

}



.sidebarTagsContainer .tag1

{

    font: bold 11px/18px Arial;

    color:#999;

}



.sidebarTagsContainer .tag0

{

    font: normal 10px/18px Arial;

    color:#999;

}







/* sidebar flickr */



.sidebarFlickrContainer 

{

    width:300px;

    padding:20px;

    padding-bottom: 40px;

    padding-left: 10px;

    padding-right: 10px;

    line-height:0px;

}



.sidebarFlickrContainer  .thumbBlock

{

    width:75px;

    height:75px;

    display:block;

    float:left;

    background-image: url('../img/common/ajax/loading1.gif');

    background-repeat: no-repeat;

    background-color:#FFF;

    background-position: 50% 50%;

}



.sidebarFlickrContainer  .thumbBlock:hover

{

    opacity:0.90;

    filter:alpha(opacity=90); /* IE */

}



.sidebarFlickrContainer  .thumb

{

    background-color: #FFF;

    border:1px solid #EEE;

    padding:3px;

    float: left;



    margin-right:24px;

    margin-bottom: 15px;

    width:75px;

    height:75px;

    display:block;    

    

    background-image: url('../img/common/ajax/loading1.gif');

    background-repeat: no-repeat;

    background-color:#FFF;

    background-position: 50% 50%;    

}



.sidebarFlickrContainer  .thumb:hover

{

    border: 1px solid #CCC;

}



.sidebarFlickrContainer  .thumbLast:hover

{

    border: 1px solid #CCC;

}



.sidebarFlickrContainer  .thumbLast

{

    background-color: #FFF;

    border:1px solid #EEE;

    padding:3px;

    float: left;

    margin-right:0px;

    margin-bottom: 15px;

    width:75px;

    height:75px;

    display:block;

    

    background-image: url('../img/common/ajax/loading1.gif');

    background-repeat: no-repeat;

    background-color:#FFF;

    background-position: 50% 50%;    

}



/* sidebar last comments */



.sidebarLastCommentsContainer 

{

    width:300px;

    padding:20px;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 30px;

}



.sidebarLastCommentsContainer  .comment

{

    line-height: 11px;

    border-bottom: 1px solid #ECECEC;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 8px;

    padding-bottom: 8px;

    overflow: hidden; 

}    

                                

.sidebarLastCommentsContainer  .comment:hover

{

    background-color:#EEE;

}



.sidebarLastCommentsContainer  .wrapper

{

    float:left;

    width:210px;

}



.sidebarLastCommentsContainer  .avatar

{

    border:1px solid #EEE;

    padding:3px;

    margin-right:10px;

    width:48px;

    height:48px;

    float: left;

    display: block;      

         

    background-color:#FFF;

    background-image: url('../img/common/img/avatar48.jpg');

    background-repeat: no-repeat;

    background-position: 50% 50%;    

}



.sidebarLastCommentsContainer  .topBar

{

    height: 9px;    

}



.sidebarLastCommentsContainer  .time

{

    color: #3399CC;

    font: 9px/9px Verdana;

    line-height: 10px;

    float: left;    

}



.sidebarLastCommentsContainer  .user

{

    color: #333;

    font: 12px Verdana;

    margin-top: 2px;

    display: block;

}



.sidebarLastCommentsContainer  .text

{

    color: #999;

    font: 9px Verdana;

    margin-top: 2px;

    display: block;

}



.sidebarLastCommentsContainer  .post

{

    font:10px/10px Verdana; /*"Trebuchet MS", Arial, Helvetica, sans-serif;*/

    color:#666;

    text-transform:none;

    text-align: left;

    display: block;

    padding-top: 2px;

    margin-bottom: 5px;

    padding-right: 40px; 

}



.sidebarLastCommentsContainer  .post:hover

{

    color: #3399cc;

}



/* sidebar twitter */



.sidebarTwitterContainer 

{

    width:300px;

    padding:20px;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 30px;

}



.sidebarTwitterContainer  .status

{

    line-height: 11px;

    border-bottom: 1px solid #ECECEC;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 8px;

    padding-bottom: 8px;

    overflow: hidden; 

}    



.sidebarTwitterContainer  .status:hover

{

    background-color:#EEE;

}



.sidebarTwitterContainer  .avatar

{

    border:1px solid #EEE;

    padding:3px;

    margin-right:10px;

    width:48px;

    height:48px;

    float: left;

    display: block;

    overflow: hidden;      

         

    background-color:#FFF;

    background-image: url('../img/common/ajax/loading1.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;    

}



.sidebarTwitterContainer  .wrapper

{

    float:left;

    width:210px;

}



.sidebarTwitterContainer  .text

{

    color: #999;

    font: 9px Verdana;

    margin-top: 2px;

    display: block;

}



.sidebarTwitterContainer  .topBar

{

    height: 9px;    

}



.sidebarTwitterContainer  .followers

{

    color: #bbb;

    font: 9px/9px Verdana;

    line-height: 10px;

    float: right;

    

}

  



.sidebarTwitterContainer  .time

{

    color: #3399CC;

    font: 9px/9px Verdana;

    line-height: 10px;

    float: left;

    

}



.sidebarTwitterContainer  .user

{

    color: #333;

    font: 12px Verdana;

    margin-top: 2px;

    display: block;

}



.sidebarTwitterContainer  .user:hover

{

    color: #3399cc;

}



.sidebarTwitterContainer  .site

{

    font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;

    height:10px;

    color:#888;

    text-transform:none;

    text-align: left;

    display: block;

    padding-top: 2px;

    margin-bottom: 5px; 

}



.sidebarTwitterContainer  .site:hover

{

    color: #3399cc;

}



/* side bar mini slider */



#sidebarMiniSliderContainer

{

    /* 4:3 format*/

    width:318px;  /* -2px for border */

    height:238px;    

    border:0px solid #ccc;

    background-color: #000;

    margin-bottom: 40px;

    position: relative;

    border: 0px solid #ddd;

    overflow:hidden;

    

    border-left: 1px solid #444;   

    border-right: 1px solid #444;   

    border-top: 1px solid #444; 

    border-bottom: 1px solid #444;   

}



#sidebarMiniSliderContainer .slide

{

    width:320px; 

    height:240px;

    position: absolute;

    left: 320px;

    top: 0px;

    display: block;

    

    background-color: #000;    

    background-image: url('../img/common/ajax/loading6.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

}



#sidebarMiniSliderContainer .btnContainer

{

    height: 20px;

    width: 160px;

    position: absolute;

    left: 15px;

    bottom: 15px;

    z-index: 10;

}



#sidebarMiniSliderContainer .btn

{

    width:18px;

    height:18px;

    border:0px solid #222;

    background-color: #222;

    color: #ccc;

    font: 10px/18px sans-serif;

    float:left;

    text-align: center;

    cursor: pointer;

    margin-right: 2px;

}



#sidebarMiniSliderContainer .desc

{

    width: 310px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 5px;

    padding-bottom: 7px;

    background-color: #000;

    opacity: 0.90;

    filter:alpha(opacity=90); /* IE */  

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 10;

    color: #eee;

    font: 10px/12px Verdana;

    display: block;

}



/* advertisement 125x125 */



.sidebarAds125Container

{

    width:299px;

    padding-top: 20px;

    padding-left: 21px;

    padding-right: 0px;

    padding-bottom: 20px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color:transparent;

    text-align: left;

    margin-bottom: 20px;

}



.sidebarAds125Container .imgLeft

{

    border: 1px solid #ccc;

    padding: 3px;

    background-color:#FFF;

    width: 125px;

    height: 125px;

    float: left;

    cursor:pointer;

    display: block;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%;  

}



.sidebarAds125Container .imgLeft:hover

{

    border: 1px solid #aaa;

}



.sidebarAds125Container .imgRight

{

  border:1px solid #ccc;

  padding:3px;

  background-color:#FFF;

  width:125px;

  height:125px;  

  float:right;

  cursor:pointer;

  display:block;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%; 

}



.sidebarAds125Container .imgRight:hover

{

   border: 1px solid #aaa;  

}



.sidebarAds125Container .row

{

    margin-bottom: 12px;

    height: 137px;

    width: 278px;

    background-color:transparent;

}



.sidebarAds125Container .rowLast

{

    height: 137px;

    width: 278px; 

    background-color:transparent;

}



/* populars on side bar */



.sidebarPopularContainer

{

    width:320px;

    padding-bottom: 30px;

}



.sidebarPopularContainer .wrapper

{

    width:320px;

    margin-bottom: 20px;

}



.sidebarPopularContainer .image

{

    width:320px;

    height: 140px;

    overflow: hidden;

    display:block;

    

    background-image: url('../img/common/ajax/loading5.gif');

    background-position: 50% 50%;

    background-repeat: no-repeat;

}



.sidebarPopularContainer .header

{

    font: 20px/20px Verdana;

    color: #3399CC;

    margin-top: 5px;

    display:block;

}



.sidebarPopularContainer .text

{

    font: normal 11px/12px Verdana;

    color: #000;

    line-height: 120%;

    padding-top: 5px;

}



/* simple list latest entries from blog */  



.sidebarSimpleLastPostEntries

{

    padding-top: 10px;

    padding-left: 0px;    

    margin-top: 10px;

    font: 12px Verdana;

    line-height: 145%;

    padding-bottom:30px;

}





.sidebarSimpleLastPostEntries .item

{

    padding: 0px;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 6px;

    line-height: 10px;

    padding-top: 6px;

    cursor: pointer;

    background-color: transparent;

    border-bottom: 1px solid #ECECEC;

}



.sidebarSimpleLastPostEntries .item:hover 

{

    background-color: #e8e8e8;

}



.sidebarSimpleLastPostEntries .date

{

    color: #3399CC;

    font: 9px Verdana;

    line-height: 10px;

}  



.sidebarSimpleLastPostEntries .title

{

    color: #333;

    font: 12px Verdana;

    margin-top: 2px;

    display: block;

}



.sidebarSimpleLastPostEntries .text

{

    color: #999;

    font: 9px Verdana;

    margin-top: 2px;

    display: block;

}  





/**********************************************************

    COMMON PAGE LIST 

**********************************************************/



.commonPageListControlBar

{

    height: 30px;

    background-color: #EDF0D3;

    margin-top:20px;

    margin-bottom:20px;

    text-align: left;

    font:normal 11px/28px Verdana;

    color:#888;

}



.commonPageListControlBarTop

{

    height: 30px;

    background-color: #EDF0D3;

    margin-top:0px;

    margin-bottom:20px;

    text-align: left;

    font:normal 11px/28px Verdana;

    color:#888;

}



.commonPageListBtn

{

  border: 0px solid #999;

  background-color:transparent;

  color:#000;

  font: normal 11px/28px Verdana; 

  padding: 5px;

  cursor: pointer;

}



.commonPageListBtnSpliter

{

  border: 0px solid #999;

  background-color:transparent;

  color:#000;

  font: normal 11px/28px Verdana; 

  padding: 3px;

  cursor: default;

}



.commonPageListBtn:hover

{

    text-decoration: underline;

}



.commonPageListBtnSelected

{

  border: 1px solid #3A6980;

  background-color: #3A6980;

  color:#FFF;

  font: normal 11px/28px Verdana; 

  padding: 6px;

  cursor:default;

}



.commonPageListBarStat

{

  font:normal 11px/28px Verdana;

  float:right;

  color:#888;

}



.commonImageDesc

{

   font: 9px/12px Arial !important;

   margin: 0px !important;

   padding: 0px !important;

   color: #666 !important;

   text-align: right !important;

   text-indent: 0px !important;

   font-size:9px !important;

   line-height:12px !important;

}



/**********************************************************

    FADER/MOVER SLIDER

**********************************************************/



#faderMoverSlider

{

    width: 960px;

    height: 300px;

    overflow: hidden;

    position: relative;

    background-color: #000;

}



#faderMoverSliderContainer

{

    margin-top: 15px;

    margin-left: 40px;

    width: 960px;

    height: 300px;

}



#faderMoverSlider  .column

{

    width:300px;

    height: 300px;

    float:right;

    background-color: #000;

}



#faderMoverSlider  .slideFaderDescBack

{

    bottom:-70px;

    margin-left:0px;

    margin-top:0px;

    position:absolute;

    left:0px;

    width:960px;

    height:69px;

    opacity:0.8;

    filter:alpha(opacity=80); /* IE */ 

    background-color:#000;

    border-top:1px solid #111;    

} 



#faderMoverSlider .slideFaderDesc 

{

    font-weight:normal;

    font-family: verdana;

    font-size:10px;

    padding-top:0px;

    padding-left:10px;

    text-align:left;

    color:#DDD;

    bottom:-70px;

    margin-left:0px;

    margin-top:0px;

    position:absolute;

    left:0px;

    width:760px;

    height:70px;

    opacity:0.0;

    filter:alpha(opacity=0); /* IE */ 

    background:none;

    border:0px solid red;

} 



#faderMoverSlider .slideFaderDesc p

{

    color:#DDD;

    font-weight:normal;

    font-family: verdana;

    font-size:10px;    

}



.slideFaderDesc .title

{

    margin-top:5px;

    position:static;

    color:#FFF;

    font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;

    padding-bottom:3px;

    margin-bottom:0px;

}



#faderMoverSlider .slide

{

    width: 960px;

    height: 300px;

    position: absolute;

    left:960px;

    top:0px;

}





#faderMoverSlider .descColumn

{

    padding-left: 20px;

    padding-right: 20px;

    font: normal 11px Verdana;

    line-height: 130%;

    text-indent: 20px;

    color: #ccc;

}



#faderMoverSlider .image

{

    width:960px;

    height: 300px;

    display:block;

    overflow: hidden;

    background-image: url('../img/common/ajax/loading10.gif');

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-color: #000;

}



#faderMoverSlider .imageForColumn

{

    width:660px;

    height:300px;

    display:block;

    overflow: hidden;

    

    background-image: url('../img/common/ajax/loading10.gif');

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-color: #000;    

}



/**********************************************************

    STATISTIC LISTS

**********************************************************/



.statisticContainer

{

    background-color:transparent;

    margin-bottom: 15px;

    padding-left: 10px; 

    padding-top: 10px;

    padding-bottom: 5px;    

}



.statisticContainer .viewsCount, .statisticContainer .commentsCount

{

    color: #aaa;

    text-transform:capitalize;    

}



/**********************************************************

    COMMON

**********************************************************/



.commonPageTitle

{

    font: normal 42px/42px "Trebuchet MS", Arial, Helvetica, sans-serif;

    color: #3399cc;

    font-size: 36px;

    margin-left: 0px;

    margin-right: 20px;

    text-align: left;

    border: 0px solid #ccc;

    margin-top: 0px;

}



.commonItemInfoContainer

{

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    color:#666;

    font: normal 10px/20px Verdana; 

    

    margin: 0px;

    margin-top: 5px;

    padding: 0px;

    padding-left: 10px;

    text-transform: uppercase;

}



.commonItemInfoContainer a

{

    text-decoration: none;

    cursor:pointer;

    color:inherit;

}



.commonItemInfoContainer a:hover

{

    color:#3399CC;

}

.commonItemInfoContainer .separator

{

    color:#ccc;

    font: normal 10px/20px Verdana;

}



.commonItemHeader

{

    color: #3399CC;

    display: block; 

    font: normal 26px "Trebuchet MS", Arial, Helvetica, sans-serif;

    padding: 0px;

    padding-left: 0px;

    margin: 0px;

    margin-top: 10px;

}



.commonIntroductionText

{

    font: 12px Verdana;

    width: 600px;

    color: #000;

    line-height: 140%;

    margin-left: 0px;

    margin-right: 20px;

    margin-bottom: 0px;

}



.commonControlLabel

{

    font: 11px Verdana;

}



.commonControlErrorMsg

{

    font: 10px Verdana;

    font-style: italic;

    color: #A00;

    visibility: hidden;

}



.commonControlLabelItalic

{

    font: 10px Verdana;

    font-style: italic;

    color: #999;

}



.commonInput

{

    border: 1px solid #ccc;

    border-right: 1px solid #eee;

    border-bottom: 1px solid #eee;

    width: 300px;

    background-color: #f5f5f5;

    margin-bottom: 4px;

    height: 16px;

    color: #444;

    font: 12px Arial;

    padding-left: 3px;

    padding-top: 2px;

    padding-bottom: 2px;

}

     

.commonTextarea

{

    border: 1px solid #ccc;

    border-right: 1px solid #eee;

    border-bottom: 1px solid #eee;        

    margin-bottom: 10px;    

    width: 500px;

    max-width: 500px;

    height: 150px;

    max-height: 150px;

    overflow:auto;

    font-size: 14px;

    font-family: Arial;

    background-color: #f5f5f5;

    color: #444;

    padding:10px;

    padding-left:6px;

} 



/**********************************************************

    BASIC STYLES

**********************************************************/



/*  thin headers */



.h1Thin { color: #3399CC; font: 32px Verdana; margin-bottom:5px; }

.h1ThinBlack { color: #000; font: 32px Verdana; margin-bottom:5px; }

.h2Thin { color: #3399CC; font: 28px Verdana; margin-bottom:5px; }

.h2ThinBlack { color: #000; font: 28px Verdana; margin-bottom:5px; }

.h3Thin { color: #3399CC; font: 24px Verdana; margin-bottom:5px; }

.h3ThinBlack { color: #000; font: 24px Verdana; margin-bottom:5px; }

.h4Thin { color: #3399CC; font: 20px Verdana; margin-bottom:5px; }

.h4ThinBlack { color: #000; font: 20px Verdana; margin-bottom:5px; }

.h5Thin { color: #3399CC; font: 16px Verdana; margin-bottom:5px; }

.h5ThinBlack { color: #000; font: 16px Verdana; margin-bottom:5px; }



/* normal headers */



.h1Normal { color: #3399CC; font: 32px Verdana; margin-bottom:5px; }

.h1NormalBlack { color: #000; font: 32px Verdana; margin-bottom:5px; }

.h2Normal { color: #3399CC; font: 28px Verdana; margin-bottom:5px; }

.h2NormalBlack { color: #000; font: 28px Verdana; margin-bottom:5px; }

.h3Normal { color: #3399CC; font: 24px Verdana; margin-bottom:5px; }

.h3NormalBlack { color: #000; font: 24px Verdana; margin-bottom:5px; }

.h4Normal { color: #3399CC; font: 20px Verdana; margin-bottom:5px; }

.h4NormalBlack { color: #000; font: 20px Verdana; margin-bottom:5px; }

.h5Normal { color: #3399CC; font: 16px Verdana; margin-bottom:5px; }

.h5NormalBlack { color: #000; font: 16px Verdana; margin-bottom:5px; }



/* bold headers */



.h1Bold { color: #3399CC; font: 32px Verdana; margin-bottom:5px; }

.h1BoldBlack { color: #000; font: 32px Verdana; margin-bottom:5px; }

.h2Bold { color: #3399CC; font: 28px Verdana; margin-bottom:5px; }

.h2BoldBlack { color: #000; font: 28px Verdana; margin-bottom:5px; }

.h3Bold { color: #3399CC; font: 24px Verdana; margin-bottom:5px; }

.h3BoldBlack { color: #000; font: 24px Verdana; margin-bottom:5px; }

.h4Bold { color: #3399CC; font: 20px Verdana; margin-bottom:5px; }

.h4BoldBlack { color: #000; font: 20px Verdana; margin-bottom:5px; }

.h5Bold { color: #3399CC; font: 16px Verdana; margin-bottom:5px; }

.h5BoldBlack { color: #000; font: 16px Verdana; margin-bottom:5px; }



/* list */



.ulBasic

{

    margin-bottom: 15px;  

}



.ulBasic li

{

    background-image: url('../img/common/squere/4x4blue.gif');

    background-position: 0% 60%;

    background-repeat: no-repeat;

    list-style-image: none;

    list-style-type:none; 

    list-style-position:outside;

    font: 11px/14px Verdana;

    padding-left: 10px;

    margin-bottom: 3px;  

}



/* table */



.tableBasic

{

    border-collapse:collapse;

}



.tableBasic tr.even

{

    background-color: #EEE;

}



.tableBasic td.head

{

   background-color: #3399cc;

   color:#FFF;

   padding-left: 12px;

   padding-right: 12px;

   font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;

   text-transform: uppercase;

   border:1px solid #ccc;

   text-align: center;

}



.tableBasic td

{

   color:#000;

   padding-left: 12px;

   padding-right: 12px;

   font: normal 11px/18px Verdana;

   border:1px solid #ccc;

   text-align: center;

}



/* quote */



.quoteBlockRight

{

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 20px;

    padding-right: 20px;

    margin: 5px;

    margin-top: 10px;

    margin-right: 0px;

    background-color: #FFF;

    width: 280px;

    float:right;

    display: block;

    

    background-image: url('../img/common/img/quoteBlue.jpg');

    background-position: 0% 0%;

    background-repeat: no-repeat;  

}



.quoteBlockLeft

{

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 20px;

    padding-right: 20px;

    margin: 5px;

    margin-top: 10px;

    margin-right: 0px;

    background-color: #FFF;

    width: 280px;

    float:left;

    display: block;

    

    background-image: url('../img/common/img/quoteBlue.jpg');

    background-position: 0% 0%;

    background-repeat: no-repeat;  

}



.quoteBlockFullWidth

{

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 20px;

    padding-right: 20px;

    margin: 5px;

    margin-top: 10px;

    margin-right: 0px;

    background-color: #FFF;

    display: block;

    

    background-image: url('../img/common/img/quoteBlue.jpg');

    background-position: 0% 0%;

    background-repeat: no-repeat;  

}





.quoteText

{

    color:#000;

    font: italic bold 12px Verdana !important;

    line-height: 140% !important;



}



.quoteAuthorRight

{

    color:#3399cc !important;

    font: normal 11px/12px Verdana;

    text-align: right;

    font-style: italic !important;

    margin-top: 10px;

}



.quoteAuthorLeft

{

    color:#3399cc !important;

    font: normal 11px/12px Verdana;

    text-align: left;

    font-style: italic !important;

    margin-top: 10px;

}





/* signature */



.signatureLeft

{

    float:left;

    color:#000;

    font:bold 11px Verdana;

    margin-top: 10px;

    font-style: italic;

}



.signatureRight

{

    float:right;

    color:#000;

    font:bold 11px Verdana;

    margin-top: 10px;

    font-style: italic;

}



/* light box link */



.lightBoxVideo

{

    cursor: pointer;

}



.lightBoxLink

{

    color: #3399CC;

    cursor: pointer;

    padding-right: 13px;

    background-image: url('../img/common/img/lightBoxLinkBlue.png');

    background-repeat: no-repeat;

    background-position: 100% 30%; 

}



.lightBoxLink:hover

{

    text-decoration: underline;

}



/* wordpress styles */



.wpErrWrap

{

    margin:5px 0px 5px 40px;

    width:600px;

}



.wpErrTxt

{

    background-color:#eee;

    padding:6px 8px 6px;

    border:1px solid #bbb;

    font:10px/10px Verdana;

    display: block;

    margin-bottom: 5px;

    color:#444;

}



/* default page width 600px content column */



img.rotatingPics {

	border: 4px white solid;

	-webkit-border-bottom-left-radius: 5px;

    -webkit-border-bottom-right-radius: 5px;

    -moz-border-radius: 0 0 5px 5px;

    border-radius:0 0 5px 5px;



}





#defPageContentContainer

{

    width: 960px;

    margin-left: 40px;

    margin-top: 15px;

    padding-bottom: 20px;

}

    

#def600Container

{

    width:615px;

    float:left;    

    padding-bottom: 10px;

}



.def600HeaderContainer

{

    margin-left: 0px;

    width: 600px;

    text-align: left;

    padding-top: 0px;

}



#def960Container

{

    width:960px;

    min-height: 500px;

    height: auto;

    background-color: #fff;

    padding-bottom: 20px;

}



.def960HeaderContainer

{

    margin-left: 0px;

    width: 960px;

    text-align: left;

    padding-top: 0px;

}  



.defWrapper

{

    margin-top:15px;

}



.defWrapper p

{

    font: 14px Verdana;

    color: #000;

    line-height: 20px;

    margin-left: 0px;

    margin-right: 0px;

    margin-bottom: 20px;    

} 

	.defWrapper h2 { font-size: 24px; color: #3A6980; margin-bottom:10px; }

	.defWrapper h3 { font-size: 21px; color: #3A6980; margin-bottom:10px; }

	.defWrapper h4 { font-size: 18px; color: #3A6980; margin-bottom:6px; }

	.defWrapper h5 { font-size: 16px; color: #3A6980; margin-bottom:4px; }

	.defWrapper h6 { font-size: 14px; color: #3A6980; margin-bottom:4px; }



/* articles, posts, full width sites images and images description */



.artColumnLeft

{

    width: 460px;

    float: left;

    padding-bottom: 0px;

    background-color:transparent;

}



.artColumnRight

{

    padding-bottom: 0px;

    width: 460px;

    float: right;

    background-color:transparent;

}



.artColumnsEnd

{

    clear:both;

}





/* common posts wrapers */



.defPostWraper

{

    margin-left: 0px;      

    margin-top:0px;

    margin-bottom: 40px; 

    width: 600px;

    border: 0px;

    padding-bottom: 20px;

    position:relative;

    border-bottom: 0px solid #DDD;
	
 }

 

 .defPostWraper  a

 {

    text-decoration: none;

 }



.defPostImage

{

   border: 0px dotted red;

   position: relative;

   display: block;

   width: 600px;

   height: 250px;

   margin-bottom: 5px;

   background-image: url('../img/common/ajax/loading3.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

    border-top: 0px solid #ccc;   

}



.defPostText

{

   font: 12px Verdana;

   padding-left: 0px;

   padding-right: 10px;

   margin-top:5px;

   line-height: 150%;

   color: #000;

}



.defPostThumb

{

    display:block;

    float:right;

    width:26px;

    height:26px;

    background-color: #fff;

    background-image: url('../img/common/ajax/loading2.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

    margin-left:5px;

    overflow: hidden;

    border: 1px solid #aaa;

    cursor:pointer;

}



.defPostThumb:hover

{

    border: 1px solid #222;

}



.defPostThumbsContainer

{

margin-top:0px; 

border: 0px solid blue;

min-height: 28px;

padding-left: 0px;

padding-right: 0px;



}



.defPostCommentsField

{

    margin-top:15px;

    margin-right:0px;

    text-align:center;

    height:30px;

    width:110px;

    float:left;

    background-color:transparent;

    font:10px/20px Verdana;

    color:#000;

    background-image:url('../img/common/img/commentsFieldWhiteRight.png');

    background-repeat: no-repeat;

    background-position: 0px 0px;                        

}



/* search list */



.defItemsContainer

{

    display: block;

}



.commonSearchInput

{

    color:#444; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    width:200px;

    border:1px solid #444;

    padding: 2px 3px 2px 3px;

    float:left;

    background-color: #FFF;

    

} 



.commonSearchBtn 

{ 

    color:#FFF; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    padding-left:15px;

    padding-right:15px;

    padding-top: 3px;

    padding-bottom: 3px;

    float:left;

    display:block;

    background-color: #000;

    text-transform:uppercase;

    cursor: pointer;

}



.commonSearchBtn:hover

{

    background-color: #3399cc;

}



/* def small item wrapper */



.defItemWrapper

{

    border-bottom: 1px solid #ECECEC;

    height: 110px;

    margin-bottom: 0px;

    cursor:pointer;

}



.defItemWrapper:hover

{

    background-color: #eFeFeF;

}



.defItemWrapper .imageWrapper

{

    float:left;

    padding-left: 10px;

    width: 106px;

    height: 96px;

    margin-top: 7px;

    background-repeat: no-repeat; 

}



.defItemWrapper .dateComments

{

    height: 18px;

}



.defItemWrapper .image

{

    height:90px;

    width:90px;

    padding:2px;

    border:1px solid #eee;

    background-color: #FFF;

    display: block;

    

    background-image: url('../img/common/ajax/loading1.gif');

    background-position: 50% 50%;

    background-repeat: no-repeat;

}



.defItemWrapper .itemDesc

{

    height:96px;

    margin-top:7px;

    width: 480px;

    float:left;

    background-color:transparent;

    overflow: hidden;    

}



.defItemWrapper .itemDesc .date

{

   text-align:left;

   font: 10px/12px Verdana;

   color: #888;

   padding-top: 5px;

   float: left;

}



.defItemWrapper .itemDesc .comments

{

   text-align:left;

   font: 10px/12px Verdana;

   color: #888;

   padding-top: 5px;

   padding-left:20px;

   padding-right:5px;

   float: right;

   background-repeat: no-repeat;

   background-position: 0% 100%;

   background-image: url(../img/common/img/comments6.png);

}



.defItemWrapper .itemDesc .title

{

   font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;

   padding: 0px;

   color: #3399CC; 

}



.defItemWrapper .itemDesc .text

{

    font: 11px Verdana;

    color: #000;

    margin-top: 0px;

    text-indent: 0px !important;

}





/*postts tags list*/



.postTagsList

{

    background-color:transparent;

    padding: 5px;

    padding-bottom: 0px;

    padding-left:0px;

    margin-top:12px;

    margin-bottom:0px;

    font:10px/12px Verdana;    

}



.postTagsList .listName

{

    color:#222;

    font: 10px/12px Verdana;     

}



.postTagsList .tag

{

    color:#aaa;

    font:10px/12px Verdana;

    text-transform: uppercase;  

    cursor:pointer;

}



.postTagsList .tag:hover

{

    color:#3399CC;

}



.postExcerpt { margin-top: 10px; }

.postExcerpt p { font-size:14px; line-height:20px; margin-bottom:0;  }

.postExcerpt a img.attachment-index-thumbnail { float:left; margin-right: 10px;}





div.defWrapper p + ul, div.defWrapper h2 + ul, div.defWrapper h3 + ul {background-color:#dedbae; margin: -15px 0 0; padding:4px 9px; list-style-type:none;

box-shadow: inset 0 0 8px #7F8173;-moz-box-shadow: inset 0 0 8px #7F8173;-webkit-box-shadow: inset 0 0 8px #7F8173; border: 1px #7F8173 solid;

-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}

div.defWrapper p + ul li, div.defWrapper h2 + ul li, div.defWrapper h3 + ul li { border-right:none; margin: 0 0 5px; padding: 5px; float:none;  }

div.defWrapper p + ul li a, div.defWrapper h2 + ul li a, div.defWrapper h3 + ul li a {color:#3A6980; font-size:21px;}
	div.defWrapper h3 + ul li blockquote { font-family: Verdana, Geneva, Tahoma, sans-serif; }


/* Buddypress */



div#item-header-avatar a img { height: 100px; width:100px; border: 5px #395461 solid;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }

h2.fn { margin-top:15px; }

#members-directory-form h3, #forums-search-form h3, #groups-directory-form h3 { font-size:22px; padding-bottom:10px; }

#forums-search-form h3 a, #groups-directory-form h3 a { font-size: 12px; margin-left:5px; padding: 2px 4px; background-color:#AAAAAA;display:inline-block; line-height:22px; }

ul#groups-list div.item-desc { visibility: hidden; }

li.vcard span.activity { visibility:collapse; height:0; }

span.ajax-loader { border:0 !important; }

.directory div#main, .groups div#main, .activity div#main { line-height:16px; }

div.activity-inner p { font-size:14px; line-height: 16px; }

#rightSideBarContainer h4 { font-size:14px;font-weight:bold; text-align:center; background:#b4c377; padding: 3px 0;margin: 20px 0 5px;clear:both; }
.avatar-block .item-avatar { float:left; margin: 1px;border: 1px #CDE07F solid;height:50px;width:50px; }
	.avatar-block .item-avatar img { opacity:0.85; }
	.avatar-block .item-avatar img:hover { opacity:1; }
	.avatar-block { clear:both; }


/* Forums */

td.td-poster a img.avatar {height: 0;width:0; border: 0; padding: 0; float:left;}

table.forum td, table.forum th  { padding: 3px 25px;  }

table.forum td.td-title, table.forum th#th-title { padding-left:0;  }

table.forum td a img { height: 0; width:0; border: 0; padding: 0; float:left;}

ul li div.admin-links { padding-top: 2px; border-top: 1px #85acbf solid ; clear:both; }

div.poster-meta { position:relative; }

div.poster-meta a img, .message-metadata .avatar { position:absolute; display:block; }

div.poster-meta a + div, .message-metadata .avatar + strong {margin-left:45px; padding: 4px 5px; background: #d5df9e;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px; display:block; }

div.post-content, .message-content { padding: 5px 0px; float:left; margin: 0px 50px; }	

	div.post-content p, .message-content p { padding:0px 0 18px; margin-bottom:0px;font-size:14px;line-height:18px; }

table.forum { width:100%; border-spacing: 0; }

.forums table.forum td { padding:14px 5px; border-spacing: 0; }

.forums table.forum th { padding: 8px 5px; text-align:left; border-spacing:0; }

textarea#reply_text { width:500px; height:170px; padding: 2px; }

div#post-topic-reply { margin-left:30px; }



/*Navigation tabs */

div.item-list-tabs {}

div.item-list-tabs ul {	list-style: none;margin: 5px 0 8px; padding: 0 ;clear: both;border-bottom: 2px solid #998156; height: 30px;	}

	div.item-list-tabs ul li, .profile ul.button-nav li {float: left;margin-right:5px; }

		div.item-list-tabs ul li a { padding: 4px 9px; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;

									border-top-left-radius: 4px;border-top-right-radius: 4px;border: 2px solid #998156; display:inline-block;margin-bottom:-2px;background-color:#d8dacb;  }

		div.item-list-tabs ul li.current a, div.item-list-tabs ul li.selected a { border-bottom: 2px #EDF0D3 solid; background-color:#EDF0D3; }

	div.item-list-tabs#subnav ul { position:relative;clear:both;border:0px; margin-bottom:15px;padding: 0 2px 7px; background: url('../img/lowerNavBack.png') bottom left repeat-x; }	

		div.item-list-tabs#subnav ul li a, .profile ul.button-nav li a {border: none;padding: 3px;background:none;-moz-border-radius: 4px;-webkit-border-radius:4px;border-radius:4px;}

		div.item-list-tabs#subnav ul li.current a, div.item-list-tabs#subnav ul li.selected a,		
		.profile ul.button-nav li.current a, .profile ul.button-nav li.selected a {background:#e5c182;}
		div.item-list-tabs#subnav ul li.feed a { text-indent:-9999px; background:url('../img/header/rss1.png') center center no-repeat; width:20px;}
		#activity-filter-select {position:absolute;top:0;right:0;}
		#activity-filter-select select { width:150px; }

	div.item-list-tabs ul li.last { float: right; }



/*Object Lists (groups/members/forums/blogs) */

ul.item-list {margin: 20px 0;padding: 0;list-style: none;}

	ul.item-list li, .message-box { position: relative; margin: 10px 0; padding: 6px 9px 8px; -moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px; }

	ul.item-list div.item-avatar {float: left;}
		ul.item-list div.item-avatar img { height:50px;width:50px; }		

	ul.item-list div.item {margin-left: 65px;min-height:55px;}

	ul.item-list div.action {position: absolute;top: 0;right: 15px;text-align: right;}

	

ul#member-list li { padding:5px;background:#e5c182;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px; border:1px solid #7F8173;width:88px; height:110px; float: left; margin: 5px 10px 10px; }

	ul#member-list li h5 { text-align:center; }

	ul#member-list li a img {margin:0 19px 5px;}





/*Content Object Headers*/

div#item-header {padding-bottom: 15px;overflow: hidden;}

	div#item-header div#item-header-avatar {float: left;margin-right: 15px;}

	div#item-header div#item-header-content {float: left;max-width:460px;}

		div#item-header-content h2 { margin:0px 0px 5px;font-size:36px; }

		div#item-header-content h2 span.highlight { font-size:24px; color:#71736B; }

		div#item-header-content div#latest-update { font-size:14px;line-height:19px; }

		div#item-header-content div.generic-button { margin-top:16px; }

			



/*Activity Stream Post Form*/

form#whats-new-form {overflow: hidden;padding-bottom: 20px;}

	form#whats-new-form #whats-new-avatar {float: left;}

	form#whats-new-form h5 {clear: none;margin-left: 76px;}

	form#whats-new-form #whats-new-content {margin-left: 54px;padding-left: 22px;}

	form#whats-new-form #whats-new-textarea {margin-bottom: 10px;}

	form#whats-new-form textarea {width: 521px;height: 50px;overflow:auto;font-size: 14px;font-family: inherit;color: #555;margin: 0;}

	form#whats-new-form #whats-new-submit {float: right;margin: 0;}



/*Activity Stream Post Form */



ul.activity-list {margin: 0;padding: 0;}

ul.activity-list li {overflow: hidden;}

	ul.activity-list li img.avatar {float: left;width: 60px;height: 60px;}

	ul.activity-list li div.activity-content {margin-left: 75px;}

	ul.activity-list li div.activity-comments {margin: 15px 0 0 38px;}

		ul.activity-list li div.activity-comments ul li {padding: 4px 5px;}

		ul.activity-list li div.activity-comments img.avatar {width: 25px;height: 25px;}

		ul.activity-list li div.acomment-content, ul.activity-list li div.acomment-meta {margin: 0 0 5px 35px;}

		ul.activity-list li div.activity-content div.activity-header p, div.acomment-meta { padding: 4px 5px; border-bottom: 1px #998156 solid;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px; font-size:12px;margin: 0 0 10px -5px; }

			ul.activity-list li div.activity-content div.activity-header span.time-since {display:none;}

	ul.activity-list li div.activity-inner { padding: 5px 0 15px; }

	ul.activity-list li div.activity-meta { text-align:right; font-size:14px; }

	ul.activity-list li div.activity-inreplyto {margin: 10px 0 0 75px;font-size: 11px;}



/***

 * Input Forms

 */



/* Activity comment forms */

form.ac-form { display: none; } /* JS will show this */

div.activity-comments form {display: none;margin: 10px 0 10px 33px;padding: 8px;}

	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: 2% 95%;background-repeat: no-repeat;	}

	div.activity-comments form .ac-textarea {padding: 8px;border: 1px inset #ccc;margin-bottom: 10px;}

		div.activity-comments form textarea {width: 100%;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.activity-comments form div.ac-reply-content {margin-left: 25px;padding-left: 15px;}



/* Standard Input Forms */

form.standard-form label, form.standard-form span.label, div#new-topic-post label {display: block;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;}

	form.standard-form textarea, div#new-topic-post textarea {width: 75%;height: 120px;}

div#new-topic-post h5 { margin-top:15px; font-size:21px; }

div#new-topic-post div.submit { margin-top:15px; }

	

	

input#pass2 { margin-top:5px; }



/* Send Invites Form */

form#send-invite-form {margin-top: 20px;}

	div#invite-list {padding: 5px;width: 300px;margin: 10px 0;}

	#invite-list ul {list-style-type:none;}



/* Directory search forms */

form#members-directory-form > h3, form#groups-directory-form > h3, form#forums-search-form > h3 { font-size:36px; float:left;margin:22px 0 22px; }

form.dir-form div.dir-search { float:right;margin: 0 0 25px 0;display:inline-block;padding:5px;background:#e5c182;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px; border:1px solid #7F8173; }

	form.dir-form div.dir-search h4 { font-size:12px; padding-bottom:2px; text-align:center; }

	#group-dir-count, #member-dir-count, #post-count, #member-count, #messages-dir-count { color:#71736b; }

	table.forum {margin:15px 0;}



.ui-datepicker {

z-index:50;

}



/* Object Lists */

ul.item-list li, .message-box { background: url('../img/lowerNavBack.png') bottom left repeat-x;border: 1px #7F8173 solid; -moz-box-shadow: inset 0 0 5px #7F8173; -webkit-box-shadow: inset 0 0 5px #7F8173; box-shadow: inset 0 0 5px #7F8173; }

ul.item-list li:hover, .message-box:hover { -moz-box-shadow: inset 0 0 12px #7F8173; -webkit-box-shadow: inset 0 0 12px #7F8173; box-shadow: inset 0 0 12px #7F8173; }



/* Forums */



.forums td, .profile-fields td.data, .read, .unread {background: url('../img/lowerNavBack.png') bottom left repeat-x; }

.forums table.forum tr.alt th { background-color: #d2e099; text-align:center; }
.forums table.forum tr.alt th#th-group { text-align:left;padding-left:15px; }
.td-postcount, .poster-name { text-align:center; }

#forum-topic-form h3 { font-size:28px; margin: 5px 0 5px; }

.admin-links {clear:both;margin-top:5px;}



/* profile */

.profile h4 {font-size:24px;margin-top: 15px; }

.profile ul {list-style-type:none; margin-top:10px;}

.profile-fields td.label { color:#395461; padding:14px 10px 14px 0; }

.profile-fields td.data { padding:14px 18px; border-left: 1px #e7eacf solid; border-right: 1px #e7eacf solid; }

div.submit, #save {margin-top:10px;}

#profile-edit-form label, #profile-edit-form span.label { font-size:18px; font-weight:bold; }



#settings-form td { padding:2px 5px; border-bottom: 1px #D8DACB solid; }

#settings-form th {font-weight:bold;}







/* Common Stuff */

.clear {clear:both;}

h1, h2, h3, h4, h5, h6 { color:#1A516C; }

textarea, input {background: #F5F5F5;}

	textarea { padding: 10px 10px 10px 6px;border:1px #cccccc solid; }

	select { background: #f1f3e9; border: 1px #cccccc solid; }

	input[type="submit"],div#item-header-content div.generic-button a, a#new-topic-button {background-color:#A7B56F;padding-left:8px;padding-right:8px;padding-top:2px;padding-bottom:2px;border: 2px solid #7F8173;color: #000;font: bold 12px;cursor: pointer;text-align: center;text-decoration: none;

	 		box-shadow: inset 0 0 7px #7F8173;-moz-box-shadow: inset 0 0 7px #7F8173;-webkit-box-shadow: inset 0 0 7px #7F8173;}

		input[type="submit"]:hover,div#item-header-content div.generic-button a:hover, a#new-topic-button:hover {color:#FFF;background-color:#3A6980;border: 2px solid #7F8173;}

		input { padding:4px;border:1px #cccccc solid; }



#message p { color:red; }



#submit_topic_cancel { cursor:pointer;margin-left:10px;}

div.radio ul { list-style-type:none; }

#topic-meta .button { background:#D8DACB; cursor:pointer; -moz-border-radius: 4px;-webkit-border-radius:4px;border-radius:4px; padding: 4px 7px; }

#topic-meta .button:hover { background:#e5e7d8; }
#post-mention, #send-private-message, .friendship-button { float:left;margin: 0 4px; }
#item-buttons .generic-button a { padding:2px 4px; }

/* login panel */
#LoginWithAjax tr { background:#CDE07F;border:1px solid #7F8173; padding: 7px 5px; }
	#LoginWithAjax_Avatar img { margin-left:10px; }
	#LoginWithAjax_Title #wp-logout { font-size:12px; }
		
/* Register */

#signup_form h2 { font-size:24px; }
#signup_form h4 { font-size:18px; margin: 15px 0 0; }

/* Messages */

#message-threads { border-collapse:collapse; }
.thread-avatar img { height:50px;width:50px; margin:0 0 -25px;padding:0;display:inline; }
#message-threads { margin:10px 0; }
	#message-threads tr td { padding: 10px 2px; }	
.thread-info a p { color:#1A516C; font-size:14px; }
.thread-info a p:hover { color:#2b7498; }

#message-thread h3 { font-size:21px; }
.message-box .message-content { float:none; }
	#message_content { width:90%;height:150px; }

/* begin: slideshow */
.slideshow {
	position:relative;
	padding:0;
	margin:0;
}
.slideshow a img {
    border:none;
}
.slideshow li.slide {
    list-style-type:none;
}
.slideshow .slides {
	height:185px;
	margin:0 0 10px 0;
}
.slideshow .slides li.slide {
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0;
}
/* end: slideshow */

.blogHeaderContainer
{
    margin-left: 0px;
    width: 600px;
    text-align: left;
    margin-bottom:10px;
    margin-top:15px;
}

#blogContentContainer
{
  width: 960px;
  margin-left: 40px;  
}

#postsContainer
{
    border: 0px solid #0F0;
    margin-left: 0px;
    width:600px;
    margin-top: 0px;
    margin-left: 0px;
    padding-bottom:40px;
    float:left;
    margin-top:0px;
    
}



.postWraper
{
    margin-left: 0px;     
    margin-top:0px;
    margin-bottom: 40px; 
    width: 600px;
    border: 0px;
    padding-bottom: 20px;
    position:relative;
    border-bottom: 0px solid #DDD;
 }
 
 .postWraper  a
 {
    text-decoration: none;
 }

.postImage
{
   border: 0px dotted red;
   position: relative;
   display: block;
   width: 600px;
   height: 250px;
   margin-bottom: 5px;
   background-image: url('../img/common/ajax/loading3.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-top: 0px solid #ccc;   
}

.postText
{
   font: 12px Verdana;
   padding-left: 0px;
   padding-right: 10px;
   margin-top:5px;
   line-height: 150%;
   color: #000;
}

.postThumb
{
    display:block;
    float:right;
    width:26px;
    height:26px;
    background-color: #fff;
    background-image: url('../img/common/ajax/loading2.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left:5px;
    overflow: hidden;
    border: 1px solid #aaa;
    cursor:pointer;
}

.postThumb:hover
{
    border: 1px solid #222;
}

.postThumbsContainer
{
margin-top:0px; 
border: 0px solid blue;
min-height: 28px;
padding-left: 0px;
padding-right: 0px;

}

.postCommentsField
{
    margin-top:15px;
    margin-right:0px;
    text-align:center;
    height:30px;
    width:110px;
    float:left;
    background-color:transparent;
    font:10px/20px Verdana;
    color:#000;
    background-image:url('../img/common/img/commentsFieldWhiteRight.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;                        
}


#singlePageContentContainer
{   
    margin-left: 40px;    
    margin-top:10px;
    float:left;
	overflow:hidden;
	padding-bottom:20px;
	width:960px;
}

#singleContainer  {
float:left;
overflow:hidden;
padding-bottom:20px;
padding-top:5px;
width:580px;
}
    

.singleHeaderContainer
{
    margin-left: 0px;
    width: 600px;
    text-align: left;
    padding-top:5px;
}


.singleWrapper
{
    margin-top:10px;
}

.postImage
{
   width: 600px;
   height: 250px;
   margin-bottom: 5px;
   background-image: url('../img/common/ajax/loading3.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-top: 0px solid #ccc;
    background-color: #FFF;   
}

.postPageTextWrapper
{
   font: 12px Verdana;
   margin-top:10px;
   margin-bottom: 30px;
   line-height: 140%;
   color: #000;
}

.postPageTextWrapper p
{
    margin-bottom: 20px;
    font: 14px Verdana;
    line-height: 20px; 
}
	.postPageTextWrapper h2 { font-size: 24px; color: #3A6980; margin-bottom:10px; }
	.postPageTextWrapper h3 { font-size: 21px; color: #3A6980; margin-bottom:10px; }
	.postPageTextWrapper h4 { font-size: 18px; color: #3A6980; margin-bottom:6px; }
	.postPageTextWrapper h5 { font-size: 16px; color: #3A6980; margin-bottom:4px; }
	.postPageTextWrapper h6 { font-size: 16px; color: #3A6980; margin-bottom:4px; }


.postCommentsField
{
    margin-right:0px;
    text-align:center;
    height:30px;
    width:110px;
    float:left;
    background-color:transparent;
    font:10px/20px Verdana;
    color:#000;
    background-image:url('../img/common/img/commentsFieldWhiteRight.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;                        
}

#singleRecentList
{
    margin-top: 30px;
    margin-bottom: 30px;
}

#singleRecentList .wrapper
{
    height: 168px;
    padding-left: 10px;
    width: 590px;
    overflow: hidden;
    background-color: #FFF;
    border-bottom: 1px solid #eee;
    cursor:pointer;
}

#singleRecentList .wrapper:hover
{
   background-color: #eee;
}

#singleRecentList .image
{
    height: 140px;
    width: 320px;
    border: 1px solid #eee;
    padding: 3px;
    margin-top: 10px;
    float:left;
    background-color: #FFF;
    
    background-image: url('../img/common/ajax/loading1.gif'); ;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#singleRecentList .desc
{
    height:148px;
    width:240px;
    float:left;
    padding-left:10px;
    padding-right:10px;
    font:11px Verdana;
    color:#000;
    margin-top:10px;
}

#singleRecentList .dateComments
{
   text-align:left;
   font:10px/12px Verdana;
   height: 12px;
   color:#000;
   width:240px;
   padding-top:0px;
   color:#888;
}

#singleRecentList .date
{
   text-align:left;
   font:10px/12px Verdana;
   color:#000;
   padding-top:4px;
   color:#888;
   float: left;
}

#singleRecentList .comment 
{
   text-align:left;
   font: 10px/12px Verdana;
   color: #888;
   padding-top: 4px;
   padding-left:20px;
   padding-right:5px;
   float: right;
   background-repeat: no-repeat;
   background-position: 0% 100%;
   background-image: url(../img/common/img/comments6.png);
}

#singleRecentList .title
{
    color: #3399CC;
    font: 20px/20px Verdana;
    margin-top:6px;
    padding-bottom:4px;
    display: block;
}

.postLeaveReplayContainer
{
    margin-top: 15px;
} 

.backToBlog
{
    line-height:10px;
    margin-top:10px;
    margin-bottom:5px;
}


/******************************
*   COMMENT STYLES
*******************************/

#comments

{

    font: 32px "Trebuchet MS", Arial, Helvetica, sans-serif;    

    margin-left: 0px;

    margin-bottom: 10px;

    
    

}

ol.commentlist li, ol.commentlist li ul li {list-style-type:none;}



.comment-body
{
    padding-left: 0px;
    margin-bottom: 15px;
    background: #DEDBAE;
    padding: 7px 20px 10px 0;
    position:relative;
    border:1px solid #395461;
    
}

.comment-author  {
background-color:#395461;
position:absolute;
bottom:3px;
top:3px;
left:3px;
padding: 10px 14px;
max-width: 40px;
}
	cite.fn a, cite.fn { display:block; color:white; font-size:14px; }

	span.says { display:none; }

.comment-meta, .comment-body p, .reply { margin-left:80px; }
.comment-meta { font-size:12px;margin-bottom:6px; }
.comment-body p { font-size: 13px; line-height:16px; margin-bottom:14px; }

ul.children { margin-left:65px; }

#respond h3 { font: bold 14px Verdana;padding-bottom:6px; }
#respond p { margin:7px 0; }
#respond p textarea { width:500px; height:150px; overflow:auto; }

/*********************************
* COMMENT FORM
*********************************/



#respond

{

    background-color:transparent;

    margin-top: 30px;

    margin-bottom: 40px;

    padding-left: 0px;

    text-align: left;

}



#respond .submitCommentBtn

{

    background-color:#A7B56F;

    padding-left:11px;

    padding-right:11px;

    padding-top:6px;

    padding-bottom:6px;

    border: 2px solid #7F8173;

    color: #000;

    font: bold 14px;

    cursor: pointer;

    text-align: center;

    text-decoration: none;

    box-shadow: inset 0 0 7px #7F8173;

  	-moz-box-shadow: inset 0 0 7px #7F8173;

  	-webkit-box-shadow: inset 0 0 7px #7F8173;



}



#respond .submitCommentBtn:hover

{

    color:#FFF;

    background-color:#3A6980;    

    border: 2px solid #7F8173;      

}



#respond .inputComment

{

    border: 1px solid #ccc;

    border-right: 1px solid #eee;

    border-bottom: 1px solid #eee;

    width: 260px;

    background-color: #f5f5f5;

    margin-bottom: 4px;

    height: 16px;

    color: #444;

    font: 12px Arial;

    padding-left: 3px;

    padding-top: 2px;

    padding-bottom: 2px;

}

     

#respond .textareaComment
{
    border: 1px solid #ccc;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;        
    margin-bottom: 10px;
    margin-top:4px;    
    width: 500px;
    max-width: 500px;
    height: 150px;
    max-height: 150px;
    overflow:auto;
    font-size: 14px;
    font-family: Arial;
    background-color: #f5f5f5;
    color: #444;
    padding:10px;
    padding-left:6px;
} 

#respond .controlLabel
{
    font: 11px Verdana;
}

#respond .controlErrorMsg
{
    font: 10px Verdana;
    font-style: italic;
    color: #A00;
    visibility: hidden;
}

#respond .controlLabelItalic
{
    font: 10px Verdana;
    font-style: italic;
    color: #999;
}

#respond .adminLogOut
{
    font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
    height:12px;
    color:#888;
    text-transform: uppercase;
    display: block;
    margin-top: 2px;
    margin-right: 10px;       
}


#respond .adminLogOut a
{
    color:#888;
}

#respond .adminLogOut  a:hover
{
    color:#3399CC;
}



#respond .cancelRespond
{
    font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
    height:12px;
    color:#888;
    text-transform: uppercase;
    display: block;
    margin-top: 20px;
    margin-right: 10px;       
}


#respond .cancelRespond a
{
    color:#888;
}

#respond .cancelRespond  a:hover
{
    color:#3399CC;
}


/**************************
*  SMALL THUMB LIST
***************************/

#singleRecentItemsContainer  
{
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;    
}

.singleItemWrapper
{
    border-bottom: 1px solid #ECECEC;
    height: 110px;
    margin-bottom: 0px;
    cursor:pointer;
}

.singleItemWrapper:hover
{
    background-color: #eFeFeF;
}

.singleItemWrapper .imageWrapper
{
    float:left;
    padding-left: 10px;
    width: 106px;
    height: 96px;
    margin-top: 7px;
}

.singleItemWrapper .image
{
    height:90px;
    width:90px;
    display: block;  
    padding:2px;
    border:1px solid #eee;
    background-color: #FFF;
    
    background-image: url('../img/common/ajax/loading1.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.singleItemWrapper .itemDesc
{
    height:96px;
    margin-top:7px;
    width: 480px;
    float:left;
    background-color:transparent;
    overflow: hidden;
}

.singleItemWrapper .dateComments
{
    height: 18px;
}

.singleItemWrapper .itemDesc .date
{
   text-align:left;
   font: 10px/12px Verdana;
   color: #888;
   padding-top: 5px;
   float: left;
}

.singleItemWrapper .itemDesc .comments
{
   text-align:left;
   font: 10px/12px Verdana;
   color: #888;
   padding-top: 5px;
   padding-left:20px;
   padding-right:5px;
   float: right;
   background-repeat: no-repeat;
   background-position: 0% 100%;
   background-image: url(../img/common/img/comments6.png);
}

.singleItemWrapper .itemDesc .title
{
   font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
   padding: 0px;
   color: #3399CC; 
}

.singleItemWrapper .itemDesc .text
{
    font: 11px Verdana;
    color: #000;
    margin-top: 0px;
}


/**************************
    ARTICLES
***************************/

#articleContainer
{
    width: 960px;
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    
    font: 12px Verdana;
    color: #000;
    line-height: 140%;
}

#articleContainer p
{
    font: 12px Verdana;
    color: #000;
    line-height: 140%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    text-indent: 15px;
}

#underArticleContainer
{
    width: 960px;
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
}

#underArticleContainer .contentLeft
{
    width:600px;
    float:left;
    background-color: #fff;
    padding-bottom: 20px;
}


#articleContainer p
{
   font: normal 12px Verdana;
   line-height: 140%;
   color: #000;
   margin-bottom: 15px;
   text-indent: 15px;
}
   




.artPageBtnWrapper
{
    height: 20px;
    background-color:transparent;
    margin-bottom: 0px;
    text-align: right;
}

.artPageBtn
{
    display:block;
    color: #fff;
    font: normal 10px/20px Verdana;
    height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    float:right;
    text-decoration: none;
    background-color: #000;
    margin-left: 2px;
    text-transform: uppercase;
}

.artPageBtnActual
{
    display:block;
    color: #FFF;
    font: normal 10px/20px Verdana;
    height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 2px;
    float:right;
    text-decoration: none;
    background-color: #3399cc;
    text-transform: uppercase;
}

.artPageBtn:hover
{
     background-color: #3399cc;
     color:#FFF;
}

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span, .wp-pagenavi .pages, .wp-pagenavi .extend {
	text-decoration: none;
	border: 1px solid #3A6980;
	background:#3A6980;
	padding: 4px 6px;
	margin: 3px;
	color:white;
	-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
}
	
.wp-pagenavi a:hover, .wp-pagenavi span.current { cursor:pointer;}

.wp-pagenavi span.current {
	border:none; font-weight:bold;color:#3A6980;background:none;
}