/* 
Theme Name: G2G
Description: Fresh and clean Wordpress theme
Author: Ali Blackwell
Author URI: http://www.aliblackwell.com
Version: 1

dark color = #0f3063 really light color = rgb(207,214,224) link light color = #3f5982

*/

/* Resets and Hacks*/
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	list-style: none;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* Navigation Fixed Banner Menu */
div#centerwrap {  z-index: 10; }
#widetopmenu { font-family: Arial; width: 100%; text-align: center; height: 27px; padding: 5px 0px 0px 0px; border-bottom: solid 1px rgb(207,214,224); position: fixed; z-index: 10;  background: rgb(207,214,224); font-size: 12px; font-family: font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color:#3f5982;  }
div#righttopmenu {float: right; }
ul#lefttopmenu {float: left; width: 400px;}
ul#lefttopmenu li {float: left; margin-right: 20px; margin-top: 0px; }
a.joinlink {float: left; margin: 2px 0px 0px 0px; padding: 0; text-transform: uppercase; font-size: 18px; font-weight: bold; }
a.loginout:visited,
a.joinlink:visited { text-decoration: none; }
a.loginout {float: left; margin: 2px 0px 0px 10px; padding: 0; text-transform: uppercase; font-size: 18px; font-weight: bold; }
#search-form {margin-right: 0; float: left;}
form#chgfontsizeoptions { width: 60px;  float: left;  margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 10; }
img #chgfontsizeimginc   {}
#logout-link  {text-align: left; width: 300px; }
#logout-link   { margin-top: -5px;  }
#logout-link img {margin-top: 2px;vertical-align: center; }

img#pclubbadge {    position: absolute; margin: 25px 0px 0px -40px; }
img#eclubbadge {  position: absolute; margin: 25px 0px 0px -40px; }


/* Navigation */

.timestamp { font-size: 10px; width: 150px; border-bottom: solid rgb(207,214,224) 1px; margin-bottom: 20px; }
#clubnav { height: 25px; margin-bottom: 10px; margin-left: 16px;width: 952px;  border-bottom: solid rgb(207,214,224) 1px;  }
#clubnav li {float: left; margin-right: 30px; }
li.navtitle {color: #0f3063; margin-left: 35px; font-weight: bold;}



a.rss {padding-right: 15px; background: url(images/rss.png) no-repeat top right; }
#calendar_wrap {margin-bottom: 20px;}

#nav {width: 964px; text-align: center; margin: 0px 10px 0px 0px; padding-left: 0px;  float: right;  height: 40px; background:url(images/topnav.gif) repeat-x top;  }

#nav li.topnav {float: left; position: relative; height: 30px;   margin-right: 0px; padding-top: 12px; width: 25%;  }
#nav li.topnav a { text-decoration: none; font-size: 20px; text-transform: uppercase; padding: 7px 25px 7px 25px; color: #3f5982;  }
#nav li a:hover {   color: #0f3063;}



#nav li ul.secondnav {  width: 100px; margin: 00px 0px 0px 0px;    position: absolute;  z-index: 100; left: -999em; }

#nav li ul.secondnav li a  {text-decoration: none;     font-size: 13px;  text-transform: uppercase;  color: #3f5982;  margin: 0; padding: 0; }
#nav li ul.secondnav li a:hover  {text-decoration: none;     font-size: 13px;  text-transform: uppercase;  color: rgb(15,48,99); padding: 10px 0 0 0; }

#nav li ul.secondnav li {width: 175px; height: 17px; padding: 5px 0 2px 0;  background: white; border-top: solid rgb(207,214,224) 1px; margin: 0px 0px 0px 22px;}
					

#nav li:hover ul ul, 
#nav li.sfhover ul ul {	left: -999em;}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul {	left: auto;}
		#nav li:hover ul {  left: auto; }	
#nav li:hover ul {  left: auto; }

#nav li:hover ul, 
#nav li.sfhover ul {     left: auto; }

#nav ul {margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-size: .9em; }




.widget_text h2.widgettitle {border-top: none; padding-top: 2px;}

.WPWall_Widget,
.widget_text { margin-bottom: 10px;}
h2.sidebar-title,
h2.widgettitle {margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; text-align: center; border-top: solid 1px rgb(207,214,224); }
#twitter_div {margin: 0; padding: 0; text-align: center;}
ul#twitter_update_list 
li {font-size: 90%; line-height: 130%; margin: 0px 0px 0px 0px; padding: 0px; }
ul#twitter_update_list {margin: 0; padding: 0;}
a#twitter-link {font-size: 90%; line-height: 130%; margin-top: 0px; }
body {
  
 width: 100%;
  

	
	
	
}

div#border {width: 984px; background: url(images/vertlinesright.gif) repeat-y right; position: absolute; height: 35px; z-index: -10;}
#header {background: url(images/bgheader.gif) no-repeat bottom; height: 195px;}
.headerflashbox {height: 364px; background: url(images/bgheader.gif) no-repeat bottom; }
#logo { float: left; margin: 10px; }


#contentwrapper {
background: url(images/vertlinesright.gif) repeat-y; 
	width: 984px;
	margin: 0 auto;
height: 100%;
	
}

#flashbox {width: 964px;  float: left; margin-left: 10px;  background:url(images/topnav.gif) repeat-x top; }
#flashboxcontent {background: url(images/banner1.jpg); width: 948px; height: 150px; margin: 10px 0px 0px 8px; float: left; padding: 0px; display: inline; }



#leftsidebar {float: left; min-height: 700px;  width: 180px;  padding-left:30px; text-align: center;  }
#rightcontentwrap { float: right; width: 750px;  }
#maincontent {   width: 725px;   text-align: justify; padding: 0 25px 0 0; }
#sidebar  {      float: right;    width: 370px; height: 280px; padding: 0px 0px 0px 0px; margin: 0px -5px 0px 0px; }
.vanish { display: none; }
.sidebarimg {width: 320px; margin: 0px 0px 0px 20px;  border: solid 1px rgb(207,214,224);  padding: 5px; }
p.imgbyline { width: 330px; margin: 0px 0px 0px 20px; ; padding: 2px 0 2px 0; border-bottom: solid 1px rgb(207,214,224); text-align: center; font-style: italic; }


#sidebar h2 {text-align: center;}
#footer {clear: both; display: block; text-align: center; background: url(images/footerbg.gif) no-repeat; height: 50px; padding: 20px 0px 0px 0px; }
ul#footermenu { width: 300px; margin: 0 auto;   border-top: solid 1px rgb(207,214,224); text-align: center;	margin-top: 5px; 
	
	padding-top: 5px; color: #3f5982;}
ul#footermenu li { float: left; width: 33%;  }
ul#footermenu li a {padding: 0px 0px 0px 0px; font-size: 80%; text-decoration: none; color: #3f5982;}
ul#footermenu li a:hover {color:  rgb(15,48,99);}
/*************************************************************	
Content Fonts
************************************************************/

h1, h2, h3, h4, h5 { color: rgb(15,48,99); margin: 0; font-size: 100%;}
strong {font-weight: bold;}
p {font-size: 90%; line-height: 130%;}
p.slogan {font-weight: italic; font-style: italic; color: #3f5982; line-height: 110%;}
cite {font-weight: italic; font-style: italic;}
#maincontent h1 {font-size: 150%;
    line-height: 90%;
text-align: left;
	margin-bottom: .2em;}
#sidebar h1

 {
	font-size: 180%;
    line-height: 110%;
	margin-bottom: .2em;
}

#leftsidebar h1
{ font-size: 180%;
line-height: 110%;
margin-bottom: .2em;
}

#maincontent h1 a,
#maincontent h2 a {
	color: #3f5982;
text-decoration: none;
}
#maincontent h1 a:hover,
#maincontent h2 a:hover,
#maincontent h3 a:hover
{ 
	text-decoration: underline;
color: rgb(15,48,99);
}

#leftsidebar h2
{
	font-size: 110%;
   
	clear: both;
	color: rgb(15,48,99);
}
#sidebar h2 {
	font-size: 160%;
  
	clear: both;
	color: rgb(15,48,99);
}
#maincontent h2
{
	font-size: 160%;
   text-align: left;
	clear: both;
	color: rgb(15,48,99);
}
#maincontent h2 a {
	color: #3f5982;
}

#maincontent h3
{
    line-height: 120%;
	font-size: 130%;
	clear: both;
	color: rgb(15,48,99);
	margin: 0px 0px .2em 0px;
}
#maincontent h3 a {
	color: #3f5982;
}

#leftsidebar ul li {margin-bottom: 40px; }


#maincontent h4
{
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    text-transform: uppercase;
	border-top: solid 1px rgb(207,214,224);
	margin: 0px 0px 10px 0px; 
	color: rgb(63,89,130);
	clear: both;
	font-weight: bold;
	padding: .2em 0px 0px 0px;
	font-size: 80%;
}

a {text-decoration: none; color: #3f5982; }
a:hover,
a:active
{text-decoration: underline; color: rgb(15,48,99); }
a:visited {text-decoration: underline; color: #3f5982; }
a:visited:hover {text-decoration: underline; color: rgb(15,48,99); }

.thumb { padding: 4px; border: solid 1px rgb(207,214,224); margin-left: 20%; }



#wpcumuluscontent {margin: -20px 0px 0px 10px; z-index:9; position: relative; }
#cumulusbg { width: 315px; height: 270px; margin: 0 0 0 20px; border: solid 1px rgb(207,214,224);  position: absolute; z-index: 1;}


/* Ajax Login*/
.al_nodisplay {
	display: none;
}

#loggedin,
#al_loading, 
#al_login, 
#al_register, 
#al_lostPassword {
	height: 90px; float: right; width: 350px; margin: 10px 20px 0px 0px; font-size: 80%;
}

#al_loadingImage {
	margin-top: 10px;
}
#al_loading,

#al_login,
#al_register,
#al_lostPassword,
#al_nodisplay, { float: right; width: 350px; margin: 10px 20px 0px 0px; font-size: 80%;}

#al_loadingh2,
.al_nodisplay h2,
#loggedin h2,
#al_login h2,
#al_register h2,
#al_lostPassword h2
 {border-top: solid 1px rgb(207,214,224); font-size: 120%; padding-top: 5px; margin-bottom: 5px;}

#al_loginForm,
#al_registerForm,
#al_lostPassword {  margin: 0; padding: 0;}


#al_loginForm label.username ,
#al_registerForm label.username,
#al_lostPassword label.username
  { float: left; margin: 0; padding: 0; display: block;}

#al_loginForm label.username input { float: left; margin: 0; padding: 0; width: 140px; display: block;}
#al_registerForm label.username input { float: left; margin: 0; padding: 0; width: 120px; display: block;}
#al_lostPassword label.username input { float: left; margin: 0; padding: 0; width: 120px; display: block;}


#al_loginForm label.password,
#al_registerForm label.email,
#al_lostPassword label.password { float: left; margin: 0; padding: 0; display: block;}

#al_loginForm label.password input,
#al_registerForm label.email input,
#al_lostPassword label.password input  { float: left; margin: 0px 0px 0px 10px; padding: 0; width:120px; display: block;}


#al_loginForm label.remember ,
#al_registerForm label.remember {}

#al_loginForm label.remember input ,
#al_registerForm label.remember input {}

#al_registerForm input,
#al_lostPasswordForm input { margin-top: 14px;}

span#al_registerMessage,
span#al_lostPasswordMessage  { display: block; width: 350px; margin-top: 7px;}



ul#headmenu { width: 390px; float: right;  margin: 100px 20px 0px 0px;  border-top: solid 1px rgb(207,214,224); text-align: right;	
	
	padding-top: 5px; color: #3f5982;}
ul#headmenu li { float: left; width: 130px;  }
ul#headmenu li a { font-size: 78%; text-decoration: none; color: #3f5982;}
ul#headmenu li a:hover {color: rgb(15,48,99);}
