/* ----------------------------------------------------------
	Servicemembers Legal Defense Network
	Last Update: August 2008

	TABLE OF CONTENT

	01 - GLOBAL BROWSER RESET
	02 - COMMON STYLE
	03 - STRUCTURE
	04 - UTILITY
---------------------------------------------------------- */

/* @group 01 - GLOBAL BROWSER RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }

ol,ul { list-style: none; }
caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }

q:before,q:after { content: ''; }
abbr,acronym { border: 0; }

iframe { border: 0;}

/* @end */

/* @group 02 - COMMON STYLES */

form {display: inline;}

input {font: 12px Arial, Helvetica, sans-serif;}

p { font-size: 1em; line-height: 1.5em; color: #666; }
.interior p { margin: 1.5em 0;}

.interior a { color: #006699; text-decoration: underline; font-style: italic; }

.interior h1 {
	font-size: 1.69em; 
	line-height: 1.5em;
	color: #c00;
	font-weight: bold;
	margin-bottom: 10px;
}

.interior h2 {
	font-size: 1.15em;
	line-height: 1.5em;
	color: #3292ad;
	margin: 15px 0 15px;
}

blockquote {
	font-size: 1em;
	line-height: 1.5em;
	color: #666;
	margin-left: 30px; padding-left: 15px;
	border-left: 3px solid #006192;
}

.interior ol { list-style-type: decimal; }
.interior ul { list-style-type: disc; }
.interior ol, .interior ul { margin: 1em 0;}
.interior li { font-size: 1em; line-height: 1.25em; font-weight: normal;
	margin: 1em 0 1em 1em;
}

form#signup td { padding: 5px 0; }
form#signup td input.radiobutton { margin: 5px;}
form#signup td input.checkbox { margin: 5px; }
/* @end */

/* @group 03 - STRUCTURE */

html { background: url(/page/-/images/site/html.gif) repeat-x; }

body {
	background: url(/page/-/images/site/body.jpg) no-repeat 50% 0;
	font: 62.5%  Georgia, "Times New Roman", Times, serif;
	min-width: 960px;
	color: #666;
}


/* @group Header */

/* - header part - */

#header {
	background: url(/page/-/images/site/body.jpg) no-repeat 50% 0;
	width: 960px;
	height: 189px;
	margin: 0 auto;
	position: relative;
}

/* - logo - */
.logo {
	background: url(/page/-/images/site/logo.gif) no-repeat;
	width: 405px;
	height: 130px;
	display: block;
	position: absolute;
	top: 15px;
	left: 14px;
}
.logo a {
	width: 405px;
	height: 105px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

/* - header formbox - */
.sign-up {
	background: url(/page/-/images/site/sign-up.png);
	width: 330px;
	height: 49px;
	overflow: hidden;
	padding: 5px 10px;
	position: absolute;
	top: 14px;
	right: 0;
}
.sign-up h4, .sign-up p { display: inline; color: #fff; }
.sign-up h4 {font-size: 13px;}
.sign-up p { font-size: 12px; font-style: italic; }
.sign-up div { width: 250px; float: left; overflow: hidden; }
.sign-up .email { width: 160px; float: left; margin-right: 5px; }
.sign-up .zip { width: 60px; float: right; }
.sign-up .email, .sign-up .zip {
	background: #7bb4d2;
	height: 18px;
	color: #0d5584;
	border: 1px solid #013355;
	margin-top: 6px;
	padding: 2px 5px 0;
}
.sign-up .submit { float: right; margin-top: 5px; }

/* - navigation - */
.navigation {
	background: url(/page/-/images/site/navigation-separarotor.gif) no-repeat 100% 0;
	width: 959px;
	position: absolute;
	top: 158px;
	left: 0;
	padding-right: 2px;
}
.navigation li {
	background: url(/page/-/images/site/navigation-separarotor.gif) no-repeat;
	height: 31px;
	float: left;
	padding-left: 2px;
}
.navigation a {
	height: 30px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.navigation .about { background: url(/page/-/images/site/about.gif) no-repeat; width: 233px; }
.navigation .in-congress { background: url(/page/-/images/site/in-congress.gif) no-repeat; width: 115px; }
.navigation .legal { background: url(/page/-/images/site/legal.gif) no-repeat; width: 117px; }
.navigation .military { background: url(/page/-/images/site/military.gif) no-repeat; width: 146px; }
.navigation .involved { background: url(/page/-/images/site/involved.gif) no-repeat; width: 118px; }
.navigation .newsroom { background: url(/page/-/images/site/newsroom.gif) no-repeat; width: 100px; }
.navigation .about-sldn { background: url(/page/-/images/site/about-sldn.gif) no-repeat; width: 116px; }


.navigation li:hover ul, .navigation li.sfhover ul { left: auto; }
.navigation li ul li, .navigation li ul li a { 
	height: auto;
	clear: both;
	padding: 0;
}
.navigation li ul { position: absolute; width: 15em; left: -9999em; margin-top: 1px; }
.navigation li ul li a {
	height: auto;	
	text-indent: 0;	
	font-size: 1.25em;
	text-transform: uppercase;
	line-height: 1em;	
	border: 1px solid #003e64;	
	z-index: 1100;	
	color: #fff;	
	text-decoration: none;
	padding: .75em 1em;
	background: #004b76;
	width: 10em;
}
.navigation li ul li a:hover { background: #7bb4d2;}

/* @end */



/* @group Main Section */

/* Homepage Styles */

#main {
	background: url(/page/-/images/site/main.gif) repeat-y;
	width: 958px;
	overflow: hidden;
	padding: 0 1px 10px;
	margin: 0 auto;
	font-size: 1.3em;
}

.lift {
	background: url(/page/-/images/site/lift.gif) repeat-x 0 100%;
	width: 648px;
	border: 6px solid #e0e0e0;
	margin-top: 13px;
}
.lift:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
.illustration {
	float: left;
	margin-top: -13px;
	position: relative;
}
.illustration img {border: none;}
.lift div {
	width: 408px;
	float: left;
	margin: 35px 0 0 -45px;
	position: relative;
}
.lift h1 {
	background: url(/page/-/images/site/lift-h1.gif) no-repeat;
	height: 64px;
	text-indent: -9999px;
	overflow: hidden;
}
.lift h1 a { display: block; height: 64px; width: 394px; }
.lift p { font-size: 1.08em; line-height: 1.78em; }
.lift p strong { font-size: 1.43em; font-weight: normal; color: #333; }
.lift p a { font-style: italic; color: #006294; text-decoration: none; }
.lift p a:hover {text-decoration: underline;}
.petition {
	background: url(/page/-/images/site/petition.gif) no-repeat;
	height: 46px;
	float: left;
	margin: 17px 0 0 90px;
}
.petition a {
	background: url(/page/-/images/site/sub-petition.gif) no-repeat 100% 0;
	height: 46px;
	float: left;
	font-size: 1.15em;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	word-spacing: 2px;
	text-decoration: none;
	margin-right: -15px;
	padding: 0 15px;
	position: relative;
}
.txt-hold {
	background: url(/page/-/images/site/txt-hold.gif) repeat-y;
	width: 664px;
	overflow: hidden;
	border: 1px solid #ccc;
	margin: 8px 0 0 -1px;
	position: relative;
}
.txt-hold-head {
	background: url(/page/-/images/site/txt-hold-head.gif) repeat-x;
	height: 47px;
	overflow: hidden;
	margin-bottom: 8px;
}
.txt-hold-head h2 {text-decoration: none;}
.txt-hold-head a.rss {	
	background: url(/page/-/images/site/rss.gif) no-repeat;
	width: 25px;
	height: 25px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	margin: 1px 2px 0 0;
}

.txt-hold-head h2 a {width: 300px; font-size: 18px; line-height: 28px; float: left; padding-left: 4px; text-align: center;
	text-decoration: none; color:  #000;}

.homepage .blog {
	width: 332px;
	float: left;
}
.txt-hold .post {
	width: 282px;
	margin: 0 auto;
}
div.first {border-top: none;}
.post { border-top: 1px solid #ccc; padding: 10px 0; }
.post p {
	margin: ;
}

.txt-hold .post .dateline {display: block;}
.post .dateline { font: bold .77em Arial, Helvetica, sans-serif; color: #c00; text-transform: uppercase;}

.txt-hold .post h4 {display: inline;}
.post h4 { font-size: 1.15em; color: #006192; }
.post h4 a { color: #006192; text-decoration: none; font-style: normal; }
.post h4.news-title { display: inline;}
.post p.marg {margin-top: 20px;}
.post p a {
	font-style: italic;
	color: #006294;
	text-decoration: none;
}
.post a:hover {text-decoration: underline;}
.post ul {margin-left: 35px;}
.post ul li {
	background: url(/page/-/images/site/bullet.gif) no-repeat 0 50%;
	line-height: 19px;
	padding-left: 10px;
}
.post ul a {
	color: #666;
	text-decoration: none;
}
.post ul a:hover {text-decoration: underline;}
.news {
	width: 331px;
	float: right;
}
.news img {
	border: 6px solid #e0e0e0;
	display: block;
	margin: 20px auto 8px;
}

#content.homepage{ width: 666px; float: left; }

#content.interior { width: 605px; float: left; margin: 30px 0 0 30px; }

/* Framework Pages */

#main.bsd { background: none;}
#content.interior.bsd {width: 887px; background: none;}

	#signup .text { 
		height: 15px; 
		border: 1px solid #999; 
		padding: 2px 4px; margin: 3px 0 15px;
		font: 10.5px Arial, sans-serif; color: #666;
	}
	#signup label { font: 1em Georgia, sans-serif; color: #333;}
	#signup .input_email, #signup .input_addr1, #signup .input_addr2 { width: 325px;}
	#signup .input_firstname { width: 140px; margin-right: 18px;} #signup .input_lastname { width: 155px;}
	#signup .input_addr1 { margin-bottom: 5px;}
	#signup .input_city { width: 110px; margin-right: 15px;} #signup .select_state_cd { width: 100px; margin-right: 15px;} #signup .input_zip { width: 60px;}
	#signup .textarea { width: 330px; font: 1.05em Verdana, Arial, sans-serif; color: #666; padding: 2px;}
	#signup .submit { margin-top: 10px;}
	
form#contribution { font: 1em Georgia, Serif; color: #666;}
	#contribution .contribheader { font: 1.3em Georgia, serif; color: #3292ad; }
	#contribution .text { 
		height: 15px; 
		border: 1px solid #999; 
		padding: 2px 4px; margin-bottom: 10px;
		font: 10.5px Arial, sans-serif; color: #666;
	}
	#contribution .input_firstname, #contribution .input_lastname { width: 150px;}
	#contribution .input_addr1, #contribution .input_addr2 { width: 365px;}
	#contribution .select_state_cd, #contribution .select_country { margin-bottom: 10px;}
	#contribution .employer { margin: 10px 0;}
	#contribution .radiobutton { margin: 10px 5px 10px 15px;}
	#contribution #payment_options label { margin-left: 10px;}
	#contribution #cc_expir_month, #contribution #cc_expir_year { margin: 0 0 10px 10px;}
	#contribution #cc_number { margin-left: 10px;}
	#contribution .legal_confirm_checkbox { margin: 10px;}
	#contribution .contribcolumn ol { margin: 0 4.5em;}
	#contribution .submit { width: 130px; margin: 15px 0;}


/* @end */



/* @group Sidebar */

.sidebar {
	width: 274px;
display: inline;
	float: right;
	margin-top: 12px;
}
.contribute {
	background: url(/page/-/images/site/contribute.gif) no-repeat;
	height: 63px;
	overflow: hidden;
	text-align: center;
	line-height: 63px;
}
.contribute a {
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	letter-spacing: 6px;
}
.help {
	background: url(/page/-/images/site/help.gif) repeat-y;
	margin-top: 5px;
}
.help-top {background: url(/page/-/images/site/help-top.gif) no-repeat;}
.help-bot {
	background: url(/page/-/images/site/help-bot.gif) no-repeat 0 100%;
	min-height: 58px;
	padding: 24px 0 12px 25px;
}
* html .help-bot {height: 58px;}
.help h3 {
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
}
.help a {
	font-size: 14px;
	font-style: italic;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
}
.help a:hover {text-decoration: underline;}
.congress {
	background: url(/page/-/images/site/congress.gif) no-repeat;
	height: 135px;
	overflow: hidden;
	margin-top: 5px;
	text-align: center;
}
.congress h3 {
	font-size: 23px;
	color: #fff;
	letter-spacing: 1px;
	margin: 18px 0 14px;
}
.congress a {
	background: url(/page/-/images/site/congress-a.gif) no-repeat;
	width: 172px;
	height: 33px;
	display: block;
	font-size: 14px;
	line-height: 28px;
	font-style: italic;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 8px auto 0;
}
.events {
	background: url(/page/-/images/site/events.gif) no-repeat;
	margin-top: 6px;
}
.sub-events {
	background: url(/page/-/images/site/sub-events.gif) no-repeat 0 100%;
	min-height: 74px;
	text-align: center;
	padding: 20px 0 10px;
}
* html .sub-events {height: 74px;}
.events h3, .events h3 a {
	font-size: 18px;
	color: #006091;
	letter-spacing: 2px;
}
.events h3 a { text-decoration: none;}
.events ul { line-height: 16px;	margin-top: 5px; padding: 0 15px 7px;}
.events ul a {
	font-size: .92em;
	color: #969696;
	text-decoration: none;
}
.events ul a:hover {text-decoration: underline;}
.video {
	background: #666;
	padding-bottom: 15px;
	margin-top: 5px;
}
.video-head {background: url(/page/-/images/site/video-head.gif) repeat-y;}
.video-head div {
	background: url(/page/-/images/site/sub-video-head.gif) repeat-x 0 100%;
	overflow: hidden;
	height: 1%;
	padding-bottom: 19px;
}
.video-head h3 {
	width: 160px;
	text-align: center;
	float: left;
	font-size: 14px;
	line-height: 28px;
	font-weight: normal;
	letter-spacing: 1px;
}
.video-head h3 a { text-decoration: none; color: #000;}
.video-head a.sldn {
	background: url(/page/-/images/site/video-head-a.gif) no-repeat;
	width: 112px;
	height: 28px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
}
.video object, .video param {
	display: block;
	margin: 2px auto;
}
.video-info {margin: 10px 20px 0;}
.video strong a {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
}
.video p { line-height: 1.31em; color: #fff; }
.video p a { font-style: italic; color: #fff; }
.video p a:hover {text-decoration: none;}

.socialnetworks {margin: 5px 0 5px 5px;}
.socialnetworks li { display: inline; margin-right: 12px; }
.socialnetworks img { border: none; vertical-align: middle; }



/* @end */

/* @group News Section */

.news-breadcrumbs { text-align: left; }

h2.mediacenter-title { margin: 45px 0 0;}
h2.mediacenter-title a { text-decoration: none; font-size: 1.2em; font-weight: bold;}

p.clips-footer { text-align: right; border-top: 1px solid #ccc; margin: 0; padding-top: 5px;}

/* @end */



/* @group Footer */

/* - footer part - */
#footer {
	background: url(/page/-/images/site/footer.gif) repeat-x;
	width: 100%;
	height: 37px;
	line-height: 20px;
	text-align: center;
	padding-top: 20px;
}
#footer div {
	width: 940px;
	padding: 0 9px;
	margin: 0 auto;
}
#footer p { font-size: 1.2em; color: #fff; }
#footer p a { color: #fff; text-decoration: none;}
#footer p a:hover {text-decoration: underline;}

#footer .searchbox { width: 250px; float: right; vertical-align: middle; margin-top: -17px; }
	#footer .searchbox input{ vertical-align: middle; }


/* @end */

/* @group Interior - Blog */

#content.interior .post.blurb p { margin: 0; }


/* COMMENTS */

#post .entry .bookmarks { float: right; }
#post .entry .comments { border-top: 1px solid #666;}
#post .entry .comments p { margin: 5px 0;}
#post .entry .comments a { font-weight: bold; text-decoration: none; text-transform: lowercase;}

#post #comments { margin-bottom: 50px;}
#post #comments h2 { margin-bottom: 10px;}
#post #comments .comment { 
	border-bottom: 1px solid #a7a7a7;
	padding: 20px 10px; margin: 0 10px;
}
#post #comments .commentInfo { margin-bottom: 10px;}
#post #comments .commentName { font-size: 1.4em; font-weight: bold;}
#post #comments .commentInfo .commentDate { color: #666; font-weight: normal; }
#post #comments .comment p { margin: 0;}

#commentPost #comment_form fieldset { width: 375px; margin: 0 auto; }
#commentPost #comment_form .text, 
#commentPost #comment_form .textarea {
	border: 1px solid #999;
	padding: 2px 4px;
	font: 10.5px Verdana, Arial, sans-serif; color: #666;
}
#commentPost #comment_form .text { width: 250px; height: 15px; }
#commentPost #comment_form .textarea { width: 250px;}
#commentPost #comment_form label { display: inline-block; vertical-align: top; width: 80px; }
#commentPost #comment_form p img { vertical-align: middle; margin-right: 10px; }

#comments .commentInfo{font-weight: bold;}
/* @end */

/* SEARCH STYLES */

.interior .interior-searchbox {
	display: block;
	width: 300px;
	margin: 0 auto;
}
.interior #sitesearch {
	height: 15px; 
		border: 1px solid #999; 
		padding: 2px 4px; margin-bottom: 15px;
		font: font: 12px Arial, Helvetica, sans-serif; color: #666;
		margin-right: 10px;
}

/* @end */


/* @group 04 - UTILITY */

.floatl { float: left;}
.floatr { float: right;}

.required { color: red; }

strong { font-weight: bold;}
em { font-style: italic;}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}

.clearfix {display:block;}

/* @end */