/*
Theme Name: Girl Sox Nation
Description: An CSS Layout developed specifically for GirlSoxNation.com.
Version: 1.0
Author: Thomas Koch
Author URI: http://www.designblox.com
*/
/* BEGIN: Global Styles ================== */

.clear {
  clear:both;
}
img {border:0;}
ul {
  padding-left:0;
  margin-left:0;
}
form {
  margin:0;
}
p {
  margin:8px auto 8px auto;
}
/* END:   Global Styles ================== */


/* BEGIN: Structure (padding, margins) ================== */

body {
  margin: 0 0 20px 0;
  padding: 0;
}
#page {
  background: #fcf8e8;
  margin: 0px auto 0 auto;
  width: 960px;
  padding:0 10px 0 10px;
}
#top_banner {
  height:85px;
  padding:12px;
  text-align:center;
}
#logo_div {
  background: url('../images/bg_logo.jpg') no-repeat;
  height:103px;
}
#ticker {
  float:right;
  background: url('../images/img_ticker.gif') no-repeat;
  margin-top:51px;
  width: 424px;
  height: 52px;
}#ticker1 {
  float:right;
  background: url('../images/img_ticker1.gif') no-repeat;
  margin-top:51px;
  width: 424px;
  height: 52px;
}
#footer {
 border-top:1px solid #0558a4;
 color:#023f76;
 width: 960px;
 padding:0 10px 0 10px;
 margin: 0 auto;
}
#footer_left {
  float:left;
  padding:13px 15px;
}
#footer_right {
  float:right;
  text-align:right;
  padding:13px 15px;
}
.content {
  border-top:1px solid #e0e0df;
}
.home_page {
  background:url(../images/bg_home_page.gif) repeat-y;
}
.home_page #column1 {
  float:left;
  margin-right:13px;
  width:412px;
  padding-top:8px;
}
.home_page #column2 {
  float:left;
  margin:0px;
  width:190px;
  /*background:#e0effa;*/
  overflow:hidden;
  padding:8px 10px 0 18px;
}
.home_page #column3 {
  float:left;
  width:300px;
  padding:8px 0 0 10px;
}
.sub_page #column1 {
  float:left;
  margin-right:0px;
  width:190px;
  padding:0 27px 0 0;
}
.sub_page #column2 {
  float:left;
  margin-right:4px;
  width:412px;
  padding:8px 17px 0 0;
  background:url(../images/bg_vertical_line_grey.gif) repeat-y right;
}
.sub_page #column2-cal {
  float:left;
  margin-right:4px;
  width:650px;
  padding:8px 17px 0 0;
}
.sub_page #column3 {
  float:left;
  width:300px;
  padding:8px 0 0 10px;
}
.sub_page #column3-cal {
  float:left;
  width:62px;
  padding:8px 0 0 10px;
}
#collage {
  width:412px;
  margin-bottom:24px;
}
#moduletable_top_stories img {
  padding:0 20px 0 15px;
}
#moduletable_girlfan_getaways p {
  padding-left: 15px;
}
#message_board ul {
  margin:0 20px 0 30px;
  padding:0;
}
#message_board ul li {
  padding:7px 0 7px 0;
}
#whos_blogging table {
  margin-left:10px;
}
#home_page_more ul {
  margin:0 15px 0 15px;
}
#home_page_more ul li {
  padding:9px 0 9px 0;
}
.separator_blue {
  background:url(../images/img_dots_blue.gif) repeat-x;
  height:1px;
  margin:0 0 18px 0;
}
.separator_white {
  background:url(../images/img_dots_white.gif) repeat-x;
  height:1px;
  margin:0 0 18px 0;
}
#moduletable_poll .wide_box_middle, #place_holder .wide_box_middle {
  padding:12px 0 12px 13px;
}
#moduletable_poll .question, #place_holder .question {
  margin:0;
}
#moduletable_poll form {
  padding: 17px 12px 0 0;
  color:#4d4d4d;
}
#moduletable_poll table {
  margin-bottom:18px;
}
#moduletable_poll td {
  vertical-align:top;
}
.home_page_ad {
  margin-bottom:15px;
}
.post {
  padding:24px 0 20px 0;
  background:url(../images/img_dots_white.gif) repeat-x bottom;
}
.post_img {
  padding: 0 14px 5px 0;
  caption: bold
}
#sub_nav {
  background-color:#e0effa;
  margin-bottom:12px;
  padding-bottom:50px;
}
#sub_nav ul {
  margin:0;
}
#sub_nav ul li {
  border-bottom:1px solid #fff;
  list-style-type:none;
  padding:7px 0 7px 31px;
}
.collage1,
.collage2,
.collage3,
.collage4 {
  height:206px;
  width:206px;
  display:block;
  background-repeat:no-repeat;
}
.collage1 {
  	background-image: url(../images/collage/img_tl_collage_shop.jpg);
}
.collage2 {
  	background-image: url(../images/collage/img_tr_collage_ba_pitch.jpg);
}

.collage3 {
  	background-image: url(../images/collage/img_bl_collage_facebook_top_text.jpg);
}
.collage4 {
  	background-image: url(../images/collage/img_tl_collage_photos.jpg);

}
#collage a {
  background-position:0 0px;
}
#collage a:hover {
  background-position:0 -206px;
}
/* END:   Structure (padding, margins) ================== */


/* BEGIN: Typography ================== */

body {
  font:0.75em Arial, Helvetica, sans-serif;
  background: #aad4f9 url('../images/bg_fade.jpg') repeat-x;
}
#moduletable_top_stories h2,
#moduletable_girlfan_getaways h2
 {
  text-transform:uppercase;
  background:url(../images/bg_header_blue.gif) no-repeat;
  width:396px;
  height:21px;
  font:12px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#fff;
  padding:7px 0 0 15px;
  margin:0 0 13px 0;
}
#moduletable_top_stories ul li {
  padding-bottom:15px;
}
#moduletable_top_stories a,
#moduletable_girlfan_getaways a,
#message_board a,
#whos_blogging a,
.post a {
  text-decoration:none;
  color:#af202f;
}
#message_board h2,
#whos_blogging h2,
#home_page_more h2,
#moduletable_poll h2,
#poll h2,
#place_holder h2 {
  text-transform:uppercase;
  font:12px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#fff;
  margin:0;
}
#footer a {
  color:#023f76;
  text-decoration:none;
}
#home_page_more h2 {
  color:#4d4d4d;
}
#home_page_more a {
  text-decoration:none;
  color:#4d4d4d;
}
.post {
  font-size:0.9em;
  color:#4d4d4d;
}
#sub_nav h1 {
  background-color:#c9e0f1;
  width:159px;
  height:13px;
  padding:46px 0 11px 31px;
  color:#fff;
  margin:0;
  text-transform:uppercase;
  font-size:18px;
  border-bottom:1px solid #fff;
}
#sub_nav li a {
  text-decoration:none;
  color:#000;
}
#sub_nav li a:hover {
  text-decoration:none;
  color:#af202f;
}
/* END:   Typography ================== */


/* BEGIN: Box Styles ================== */

.thin_box_top {
  background:url(../images/bg_box_blue_thin_top.gif) no-repeat;
  height:19px;
  padding:5px 0 0 15px;
}
.thin_box_middle {
  background:url(../images/bg_box_blue_thin_middle.gif) repeat-y;
  /*padding-top:21px;*/
}
.thin_box_bottom {
  background:url(../images/bg_box_blue_thin_bottom.gif) no-repeat;
  height:7px;
  line-height:1px;
  margin-bottom:15px;
}
.wide_box_top {
  background:url(../images/bg_box_blue_wide_top.gif) no-repeat;
  height:19px;
  padding:5px 0 0 15px;
}
.wide_box_middle {
  background:url(../images/bg_box_blue_wide_middle.gif) repeat-y;
}
.wide_box_bottom {
  background:url(../images/bg_box_blue_wide_bottom.gif) no-repeat;
  height:7px;
  line-height:1px;
  margin-bottom:15px;
}

/* END:   Box Styles ================== */


/* BEGIN: Menu ================== */

/* BEGIN: CSS Menu ================== */
#nav{
	position:relative;
	margin:10px 0 10px 0;
	padding-left:0;
	height:44px;
}


#nav ul{
	visibility:hidden;
	position:relative;
	top:2.6em; /* I'm using ems rather than px to allow people to zoom their font */
	left:0;
	width:170px
}


/* Second and third etc. level submenus - position across from parent instead */
#nav ul ul{
	top:0px;
	left:160px
}

#nav li{/* Set top-level list items */
	position:relative;
	float:left;
	list-style:none;
	margin:0 2px 0 0;
}
#nav li:last-child {  /*A style for FireFox */
  margin-right:0;
}
#nav li a{/* Set top-level link items */
	color:#fff;
	padding:0;
	height:44px;
	display:block;
	text-align:center;
	text-decoration:none;
	text-transform:lowercase;
	background-repeat:no-repeat;
	text-indent:-3000px;
}

#nav ul li{/* Set sub-level link items - OVERRIDE THE TOP-LEVEL */
	position:relative;
	float:none;
	background:#1a3f5b;
	margin-bottom:-1px;
	opacity:.95;
	border:1px solid #0d263a
}

#nav ul li a{/* Set sub-level link items - OVERRIDE THE TOP-LEVEL */
	font:12px 'Trebuchet MS', Verdana, Arial, sans-serif;
	padding:2px 5px;
	width:158px;
	text-align:left
}

#nav a:hover
{
	background-position:0 -44px
}
#nav a.current
{
	background-position:0 -44px
}

#nav ul>li:last-child{
	margin-bottom:1px
}

/* Links inside the menu */
#nav ul a{
	display:block;
	padding:0px;
}

/* Only style submenu indicators within submenus. */
#nav a .subind{
	display: none
}
#nav ul a .subind{
	display: block;
	float:right
}

/* BEGIN: Top-level widths and images */
.nav435{
	background-image:url(../images/nav_register.gif);
	width:435px
}

.nav67{
	background-image:url(../images/nav_news.gif);
	width:67px
}

.nav107{
	background-image:url(../images/nav_community.gif);
	width:107px
}
.nav96{
	background-image:url(../images/nav_calendar.gif);
	width:96px
}
.nav97{
	background-image:url(../images/nav_pink_hats.gif);
	width:97px;
}
.nav81{
	background-image:url(../images/nav_photos.gif);
	width:81px
}
.nav65{
	background-image:url(../images/nav_shop.gif);
	width:65px;
}
/* END: Top-level widths and images */


/* BEGIN: CMS Specific Menu ================== */
.contentheading, .componentheading {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #356CA0;
	font-size: 16px;
}

.contentpane ul { list-style-type: none; }
.contentpaneopen ul { margin-left: 20px; }
.contentpaneopen ul li { margin-bottom: 10px; }

/* END: CMS Specific Menu ================== */
/* END: CSS Menu ================== */