/*
Theme Name: Blue Gemini Original Theme
Theme URI: http://mysalonpage.no-ip.biz
Description: This is the blue gemini theme adapted to wordpress
Version: 1.0
Author: hoangkeR
Author URI: http://mysalonpage.no-ip.biz
*/
html
{
	background:url(/wp-content/themes/bluegeminiorg/images/htmlBG.jpg) repeat-x  left top #023a60;
	margin-top: 0px !important;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form
{
	margin: 0;
	/*padding: 0;*/
	/*margin: 5px 0 0 5px;*/
   	 padding-bottom: 5px;
	
}

body{
	/*margin: 0;*/
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 10pt;
	text-align: center;
	vertical-align: top;
	/*font-weight: normal;*/
	/*background: #ffffff;*/
	background: url(/wp-content/themes/bluegeminiorg/images/bodyBG.jpg) top center  no-repeat; 
	color: #ffffff;
	display: table;
	width: 100%;
	/*padding-bottom: 5px;
	margin: 10px 0 0 20px;*/
}

h1{
	font-family: Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 700px;
	text-align: left;
}

#header{
	float: left;
	width: 700px;
	
}	

.logo {
	background: url(/wp-content/themes/bluegeminiorg/images/blueLogo.gif) no-repeat top center;
	margin: 55px -20px;
	padding: 0;
	width:450px;
	height:20px;
	bottom: 19px;
	left:15px;
	top: 0px;
	position: relative;
	/*background: url(/wp-content/themes/bluegeminiorg/images/blueLogo.gif) no-repeat top left;
	margin:0;
	padding: 0;
	width:450px;
	height:20px;
	bottom: 19px;
	left:350px;
	top: 60px;
	position: absolute;*/
}

#branding{
	width: 700px;
	height: 160px;
	/*background-color: #000000;*/
	float: left;
background-image: url(/wp-content/themes/bluegeminiorg/images/bgHeaderImage.png);
	margin: 0 0 20px 0;
}
/* =Menu
-------------------------------------------------------------- */
#access {
	background: transparent;
	display: block;
	float: left;
	margin: 0 auto;
	width: 700px;
	
}

div.menu {
	font-size: 13px;	
	width: 700px;
}

/*#access .menu-header ul,*/
div.menu ul {
	list-style: none;
	margin: 0;
}
/*#access .menu-header li,*/
div.menu li {
	float: left;
	position: relative;
	
	
	
}
#access a {
	color: #aaa; /* short hand for #aaaaaa -> gray */
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none; /* no underline */
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;/*don't display UL element's yet*/
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 100px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 100px;
	
	
}
#access li.page_item /*added this rule so all sub LI elements would be flush up to the left*/
{
	left: -40px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 120px; /* change this to make hover links smaller*/
	height: auto;
}
#access li:hover > a, /* hover over LI (parent) then make ALL A elements (children) have a brown (#333) background and white (#fff) text color.*/
#access ul ul :hover > a {
	background: #333;
	color: #fff;
	left: 0;

}
#access ul li:hover > ul {
	display: block;
}

/*
#access ul li.current_page_parent > a -set ALL the child A element of parent LI element (li.current-menu-parent) that is the parent of the current selected LI element (li.current_page_item) text color white 
#access ul li.current_page_ancestor > a -set ALL the child A element of LI element that is the parent of the parent LI element of the currently selected LI element text color white 
*/ 
#access ul li.current_page_item > a, /*set ALL the child A element of the currently selected LI element text color to white*/
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}

/*
#access ul ul a {
	background: #fff;
	line-height: 1em;
	padding: 10px;
	width: 120px; 
	height: auto;
}

#access li:hover > a,
#access ul li.current_page_item:hover > a, 
#access ul ul :hover > a
{
	background: #333;
	color: #fff;
}

#access ul li:hover > ul {
	display: block;
}


#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a 
{ 
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,

* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover{

	color: #000;
}

This rule makes the ALL child A elements of the currently selected LI element that is a sub page text color to black
#access ul li ul li.current_page_item > a
{
	color: #000;
}
*/

/* =Container
-------------------------------------------------------------- */
#container{
	float:left;
	width:410px;
	clear: both;
	margin: 10px 15px 0 15px;
}

.post{
	padding: 10px 0 10px 0;
}

.post h2{
	font-family: Georgia, Sans-serif;
	font-size: 10pt;
}


.entry{
	line-height: 18px;
}

/*Make the link of each entry white*/

.entry h2 {
	/*font-size:15pt;*/
}

.entry h2 a
{
	color: #fff;
	text-decoration: none;
}


.entry h2:hover > a
{
	text-decoration:underline;
}
p.postmetadata{
	/*border-bottom:1px solid #ccc;*/
	margin: 0 0 10px 0;/*top left bot right*/
}
/*This is the individual post navigation style*/
.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

#navigation a
{
	color: #fff;
	text-decoration:none;
}

#navigation a:hover
{
	text-decoration:underline;
}


p{
	padding: 11px 0 0 0;
}

.entry p > a
{
	color: white;
	text-decoration: none;
}

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

.date {
	background:url('/wp-content/themes/bluegeminiorg/images/fulldate-blue.png') repeat-x scroll top left;
	width:60px;
	height:60px;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin: 0 0 5px 0;
	float: left;
	
}
.date .date-day {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	top: 2px;
	position:relative;
}
.date .date-month {
	font-size:11px;
	font-weight:bold;
	
}
.date .date-year {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	top: 2px;
	position:relative;
	
}
.time {
	clear: both;	
}


#catablog-lightbox p, h4
{
	color: #000;
}

div.msp-gallery
{
	margin-left: 35px;
}

div.entry h2
{
	float: left;  
	margin: 20px 10px 0px;
}

div.entry p
{
	clear:both;
}

div.connections-list
{
	color: #fff;
}

.catablog-description .product-link a
{
	text-decoration: none;
	color: #fff;
	
}

.catablog-lightbox-desc .product-link a
{
	text-decoration: none;	
}

.product-link a:hover
{
	text-decoration:underline;
	color: #426B87;
}

/* =Sidebar
-------------------------------------------------------------- */
.sidebar{
	float:left;
	width: 250px;
	/*background: #eeeeee;*/
	margin: 5px 0 0 10px;
}

#calendar_wrap{
	
	color: #000000;

}

.sidebar ul{
	list-style-type: none;
	margin: 0;
	/*padding: 0 10px 0 10px;*/
	padding: 0 10px 10px;
}
.sidebar ul a img {
 	border: 0px; /*IE8 fix: for some reason the img element in the button widget was causing a purple border*/
}
.sidebar ul li{
/*padding: 5px 0;*/
padding: 2px 0 0;
}

.sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
}

.sidebar  a 
{
	color: #fff;
	text-decoration:none;
}
.sidebar a:hover
{
	text-decoration:underline;
}
table#wp-calendar{
width: 100%;
}


/* =Footer
-------------------------------------------------------------- */
/*#footer{
	clear: both;
	float: left;
	text-align:center;
	width: 700px;
	padding: 10px 0 0 0;
}

#footer p{
	line-height: 18px;
}*/

/* --- footer --- */

#footer {
clear:both;
font-size:11px;
color:#426b87;
margin:0 auto;
border-top:1px solid #0f4266;
width:700px;
height:53px;
margin-top:25px;
text-align:left;
padding-top:5px;
float: left;
}

#footer a {
font-weight:normal;
color:#426b87;
text-decoration: none;
}

#footer a:hover {
font-weight:normal;
color:#ffffff;
}

#footer_menu
{
	display: block;
	float:left;
	line-height: 38px;
	padding: 0 5px;
	width:700px;
}
#copyright{
	display: block;
	float:left;
}
div#footer_menu ul
{
	list-style: none;
	margin: 0;;
}

/*#access .menu-header li,*/
div#footer_menu li {
	float: left;
	position: relative;	
}

#footer a {
	display: block;
	line-height: 38px;
	padding: 0 5px;
	text-decoration: none; /* no underline */
}

#footer .logos {
padding: 5px 0;
text-align:left;
margin: 0;
}


/* =Contact Form 7
-------------------------------------------------------------- */


.wpcf7-form span.wpcf7-not-valid-tip{
    
    color: #000000;
    display: block; 
    width: 175px;   
}

/*****************************/
/* sociable blugemini style  */
/*****************************/
.sociable .sociable_tagline {
color: #ffffff !important;
clear:both;
}


/***********************/
/* Ultimate Facebook activity feed */
/*****************************/
.fbDarkWidget .fan_box, .fbDarkWidget .uiStream .uiStreamMessage {
    color: white;
}

/********************************/
/*     Next Gen Gallery         */
/********************************/

.ngg-album-compactbox {
    background: url("./images/albumset.png") no-repeat scroll 0 center transparent !important;
    height: 106px !important;
    margin: 0 0 6px !important;
    padding: 12px 0 0 7px !important;
    width: 124px !important;
}


.ngg-album-compactbox .Thumb {
    /*border: none;*/
    height: 68px;
    left: 7px;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    top: 8px;
    width: 91px;
    border:0px solid #fff !important;
}

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

a:hover {
   color: #fff;
   font-style: oblique !important;
   text-decoration: none;
}