/* CSS Document */

@font-face {
    font-family: 'MomsTypewriterRegular';
    src: url('/includes/fonts/Moms_typewriter-webfont.eot');
    src: url('/includes/fonts/Moms_typewriter-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/fonts/Moms_typewriter-webfont.woff') format('woff'),
         url('/includes/fonts/Moms_typewriter-webfont.ttf') format('truetype'),
         url('/includes/fonts/Moms_typewriter-webfont.svg#MomsTypewriterRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AllerLightItalic';
    src: url('/includes/fonts/aller_ltit-webfont.eot');
    src: url('/includes/fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/fonts/aller_ltit-webfont.woff') format('woff'),
         url('/includes/fonts/aller_ltit-webfont.ttf') format('truetype'),
         url('/includes/fonts/aller_ltit-webfont.svg#AllerLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AllerRegular';
    src: url('/includes/fonts/aller_rg-webfont.eot');
    src: url('/includes/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/fonts/aller_rg-webfont.woff') format('woff'),
         url('/includes/fonts/aller_rg-webfont.ttf') format('truetype'),
         url('/includes/fonts/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AllerDisplayRegular';
    src: url('/includes/fonts/allerdisplay-webfont.eot');
    src: url('/includes/fonts/allerdisplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/fonts/allerdisplay-webfont.woff') format('woff'),
         url('/includes/fonts/allerdisplay-webfont.ttf') format('truetype'),
         url('/includes/fonts/allerdisplay-webfont.svg#AllerDisplayRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AllerItalic';
    src: url('/includes/fonts/aller_it-webfont.eot');
    src: url('/includes/fonts/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/fonts/aller_it-webfont.woff') format('woff'),
         url('/includes/fonts/aller_it-webfont.ttf') format('truetype'),
         url('/includes/fonts/aller_it-webfont.svg#AllerItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AllerLightRegular';
    src: url('/includes/fonts/aller_lt-webfont.eot');
    src: url('/includes/fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/fonts/aller_lt-webfont.woff') format('woff'),
         url('/includes/fonts/aller_lt-webfont.ttf') format('truetype'),
         url('/includes/fonts/aller_lt-webfont.svg#AllerLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AllerBold';
    src: url('/includes/fonts/aller_bd-webfont.eot');
    src: url('/includes/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/fonts/aller_bd-webfont.woff') format('woff'),
         url('/includes/fonts/aller_bd-webfont.ttf') format('truetype'),
         url('/includes/fonts/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AllerBoldItalic';
    src: url('/includes/fonts/aller_bdit-webfont.eot');
    src: url('/includes/fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/fonts/aller_bdit-webfont.woff') format('woff'),
         url('/includes/fonts/aller_bdit-webfont.ttf') format('truetype'),
         url('/includes/fonts/aller_bdit-webfont.svg#AllerBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}



html {
	margin:0px;
	padding:0px;
	height:100%;
	border:none;
}

body {
	margin:0px;
	padding:0px;
	height:100%;
	font-size:12px;
	line-height:16px;
	font-family:"AllerRegular", verdana, arial, helvetica, sans-serif;
	color:#000;
	/* background-color:#feffff; */
	background-color:#EEEEEE;
	
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family:"MomsTypewriterRegular","Courier New", Courier, monospace;
	font-size:20px;
	line-height:24px;
	font-weight:normal;
	color:#333;
	}
	
h2 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family:"MomsTypewriterRegular","Courier New", Courier, monospace;
	font-size:20px;
	line-height:24px;
	font-weight:normal;
	color:#F13B60;
	}
	
h3 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-family:"MomsTypewriterRegular","Courier New", Courier, monospace;
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	color:#F13B60;
	}

h3.subtitle {
	color: #fe4a6f;
    font-family: "AllerBold",verdana,arial,helvetica,sans-serif;
    font-size: 13px;
	font-weight:normal;
    line-height: 18px;
    margin: -14px 0 20px;
    padding: 0;
}

#sidebar h3 {
	color:#222222;
}

h4 {
	margin:0px 0px 2px 0px;
	padding:0px;
	font-family:"AllerBold", verdana, arial, helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:18px;
	/* color:#00adef; */
	color:#000000;
	}
	
h4.plain {
	color:#000000;
}
	
h4 a, h4 a:link { color:#545454; text-decoration:none; }
	
td {
	
}
p {
	margin:0px 0px 16px 0px;
	padding:0px;
	}

a p, a:link p { color:#545454; }
	
a, a:link, a:visited, a:active { text-decoration:none; color:#08A9C2; }

/*----Structure----*/
#wrapper {
	width:900px;
	margin:0 auto;
}
#inner_wrapper {
	border:1px solid #d7d7d7;
	background-color:#fff;
	padding:20px;
}
#social_media_links {
	text-align:right; margin:2px 10px; float:right;
}
#social_media_links img { margin-left:4px; }
#search {
	float:right;
	white-space:nowrap;
	height:20px;
	border:1px solid #d7d7d7;
	margin-right:20px;
}
#search_field {
	height:18px;
	padding:0 5px;
	margin:0;
	color:#7c7c7c;
	font-size:12px;
	line-height:12px;
	border:none;
}
#search_button {
	background-color: #D7D7D7;
    border: medium none;
    color: #7C7C7C;
    cursor: pointer;
    font-size: 9px;
    height: 20px;
    margin: 0;
    padding: 0 5px;
}
#search_button:hover {
	background-color:#d0d0d0;
}

#logo {
	font-family: 'MomsTypewriterRegular';
	font-size:42px;
	color:#000000;
	line-height:normal;
	margin-top:25px;
	margin-left:20px;
}
#tagline {
	font-family: 'MomsTypewriterRegular';
	font-size:15px;
	color:#08A9C2;
	line-height:normal;
	margin:5px 0 15px 27px;
}
#main_content {
	float:left;
	width:516px;
	background:url(/images/dot.gif) top right repeat-y;
	padding-right:28px;
}

/*----Navigation----*/

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	float:right;
}
#nav {
	/* background-color:#1EC9E3; */
	background-color:#000;
	font-family: Helvetica, Arial, sans-serif;
	z-index: 100;
	position: relative;
	height:29px;
	text-align:right;
}

a.mainNav, a.mainNav:link {
	padding:10px;
}

.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  text-align:center;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 13px/29px "AllerBold", verdana, arial, helvetica, sans-serif;
  /* background-color:#1EC9E3; */
  background-color:#000;
  color: #ffffff;
  display: block;
  padding: 0 9px;
  text-decoration: none;
  font-weight:normal;
}

.nav li a:hover,
.nav li a.here,
.nav li a.here:link,
.nav li a.here:hover {
  /*background: #23E1FE;*/
  background: #fe4a6f;
}
#nav-one li:hover a, 
#nav-one li.sfHover a{
  /*background: #23E1FE;*/
  background: #888888;
}
#nav-one li{
	border-left:1px solid #D7D7D7;	
	text-align:left;
}
#nav-one li ul li { 
	border:none;
}
#nav-one li ul li a, #nav-one li ul li a:link { 
	font-size:13px;
	/*background: #23E1FE;*/
	background: #888888;
}
#nav-one li ul li a:visited { 
	/*background: #23E1FE;*/
	background: #888888;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a{
  /*background: #23E1FE;*/
  background: #888888;
  color: #ffffff;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  /*background: #1EC9E3;*/
  background: #777777;
  color:#eee;
}

.nav ul {
  /*background: #23E1FE;*/
  background: #888888;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: 0px;
  padding: 5px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 29px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  white-space: nowrap;
}
.nav ul a:hover {
  /*background: #1EC9E3;*/
  background: #999999;
}
/* -----special classes ----- */
.gray { color:#545454; }
.right	{float:right;}
.left	{float:left;}
.image_left { margin-right: 15px; margin-bottom:5px; float:left; }
.image_right { margin-left: 15px; margin-bottom:5px; float:right; }
.dot_horiz { 
	height:8px;
	width:auto;
	background:url(/images/dot.gif) repeat;
}
.dot_vert {
	width:8px;
	height:auto;
	background:url(/images/dot.gif) repeat;
}
.credit {
	font-size:11px;
	line-height:14px;
	color:#999999;
}
.noborder, a.noborder, a.noborder:link {
	text-decoration:none;
}
/* ---- footer ---- */
#footer {
	width:860px;
	height:20px;
	margin:0 auto;
	padding:5px 20px;
	background-color:#dddddd;
}
#footer a, #footer a:link, #footer a:visited, #footer, #sub_footer, #sub_footer a, #sub_footer a:link, #sub_footer a:visited {
	font-family:"AllerRegular", verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:20px;
	color:#7d7d7d;
	text-decoration:none;
}
#sub_footer {
	width:900px;
	margin:10px auto;
	text-align:center;
}

/* ----- modules ----- */
.module {
	width:300px;
}
#tagcloud { 
	margin-bottom: 10px;
    white-space: normal;
    width: 300px;
}
#tagcloud a, #tagcloud a:link, #tagcloud a:visited {
	color:#08A9C2;
	text-decoration:none;
	padding:3px;
	line-height:normal;
	display:inline;
}

/*----home----*/
#recent_holder {
	width:860px;
	position:relative;
}
#recent_holder a, #recent_holder a:link {
	outline:none;
}
#article_container {
	width:785px;
	height:330px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#article_inner {
	height:330px;
	max-height:330px;
	overflow:visible;
	margin:0;
	padding:0;
}
.article_preview {
	width:255px;
	max-width:255px;
	height:330px;
	overflow:hidden;
	padding:0 10px 0 0;
	border:none;
	vertical-align:top;
}
.article_preview p, .article_preview h4 { margin-bottom:5px; }
#home_left {
	width:520px;
	margin:0;
	padding:10px 16px 10px 0px;
	vertical-align:top;
}
.home_image_credit {
	font-size:11px;
	color: #FFFFFF;
    margin: -26px 0 4px;
	padding:3px 5px;
    position: relative;
    z-index: 100;
	background:url(/images/transBlack-50.png) repeat;
}
#home_center {
	background:url(/images/dot.gif) repeat-y top center;
}
#home_right {
	width:300px;
	padding:10px 0px 10px 16px;
	margin:0;
	vertical-align:top;
}
.public_square {
	margin:0;
	padding:0;
	/* background-color:#1ec9e3; */
	background-color:#08A9C2;
	width:519px;
	color:#fff;
}
.public_square h1, .public_square h2, .public_square h3, .public_square h4, .public_square p, .public_square div, .public_square label { color:#fff; }
.public_square a, .public_square a:link, .public_square a:visited, .public_square a:active { color:#fff; border-bottom:1px dotted #fff; }
.public_square_inner {
	padding:20px;
}
.public_square_comments { background-color:#fff; }
.public_square label { display: inline-block; margin-bottom: 5px; }
.public_square .button { background-color:#fff; display:inline-block; padding:3px 6px; cursor:pointer; color:#29aecd; }
.public_square .button:hover { background-color:#eee; }
.button { background-color:#F13B60; padding:3px 6px; cursor:pointer; color:#fff; }
.button:hover { background-color:#d42044; }
#joml input { margin-bottom:2px; }
#joml label { width:80px; display:inline-block; margin: 10px 0 0; }
#joml { background-color:#ddd; padding:10px 20px; }
#joml_status { margin:5px 0; }
#ltte_status {
	color: #1BDDE9;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
/* ---- authors ---- */
.author_listing {
	margin-top:10px;
}
.author_listing p { margin-bottom:0; }
/* SWP */
#swp { background:#08a9c2; padding:12px 15px; color:#fff; }
#swp.b_white { background:#fff; }
#swp.b_fuschia { background:#F13B60; }
#swp.b_blue { background:#08a9c2; }
#swp.b_black { background:#000; }
#swp.imgonly { padding:0; }
#swp h1, #swp h2, #swp h3, #swp h4, #swp p, #swp a, #swp a:link { color:#fff; }
#swp.f_white h1, #swp.f_white h2, #swp.f_white h3, #swp.f_white h4, #swp.f_white p, #swp.f_white a, #swp.f_white a:link { color:#fff; }
#swp.f_fuschia h1, #swp.f_fuschia h2, #swp.f_fuschia h3, #swp.f_fuschia h4, #swp.f_fuschia p, #swp.f_fuschia a, #swp.f_fuschia a:link { color:#F13B60; }
#swp.f_blue h1, #swp.f_blue h2, #swp.f_blue h3, #swp.f_blue h4, #swp.f_blue p, #swp.f_blue a, #swp.f_blue a:link { color:#08a9c2; }
#swp.f_black h1, #swp.f_black h2, #swp.f_black h3, #swp.f_black h4, #swp.f_black p, #swp.f_black a, #swp.f_black a:link { color:#000; }

#swp *:last-child { margin-bottom:0; }
#swp img { max-width:100%; height:auto; }