/*  
Theme Name: SMITHTeens homepage
Theme URI: http://smithmag.net/
Description: SMITHTeens homepage
Version: 1
---------------------------------------------------- */

* {
	margin:0;
	padding:0;
}

html, body { 
	height:100%;
	margin:0;
	padding:0;
}

/* basic elements 
---------------------------------------------------- */

body {
	margin:0;
	padding:0;
	background:#f4f4f4;
	font: normal 62.5%/20px Helvetica, Arial, "Lucida Grande", sans-serif;
	color:#222;
}
a:link { 
	color:#0059B3;
	text-decoration:none;
}
a:visited { 
	color:#3535B3; 
	text-decoration:none;
}
a:hover { 
	text-decoration:underline; 
}
.clear,
br.clear {clear:both !important;}
h2 {
	font-weight:normal;
	font-size:1.8em;
	line-height:30px;
	margin: 10px 0;
}
h3 { font-size: 1.3em;}
img { border:0;}

/* top elements 
---------------------------------------------------- */

#wrapper {
position:relative;
min-height:100%;
	width:950px;
	margin:0 auto;
	background:#fff;
	border:1px solid #999;
	border-top:none;
	border-bottom:none;
	font-size:1.3em;
}

.base { 
	position:relative;
	margin: 0 0 0px; 
	padding-bottom:250px !important;
	overflow:hidden;	
}
#footer {
	clear:both;
	position:absolute;	
	bottom:0;
	height:230px;
	margin:0 auto;
	padding-top:20px;	
	width:950px;
	background:#eee url(../images/footer_bg.png) 0 0 repeat-x;
}
#header {
	background:#fff;
	height:51px;
	margin-bottom:20px;
	z-index:1000;
	background: #eee url(../images/header_bg.png) 0 0 repeat-x;
}
#header .logo {
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:80px;
}
#header .mid {
	position:absolute;
	top:16px;
	left:325px;
	width:310px;
	height:50px;
	z-index:1000;
}
/* primary navigation tabs 
---------------------------------------------------- */
#nav {
	position:absolute;
	top:0px;
	left:10px;
	height:20px;
	width:450px;
	background: #eee;
	list-style:none;
	z-index:1000;
}
#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}
#nav li {
	float: left;
	display: block;
	height:20px;
	z-index:1000;
	margin-right:3px;
}
#nav a {
	display: block;
	height:20px;
	text-indent: -9999px;
	text-decoration: none;
	background:url(../images/menusprites.png) no-repeat 0px 0px; 
	outline:none;
}
/*home*/
#m1, #m1 a { left:0; width: 41px; }
#m1 a { background-position: -0px -0px; }
#m1 a.current { background-position: 0px -38px; }
#m1 a:hover, #m1 a:active { background-position: 0px -19px; }
/*sixwords*/
#m2, #m2 a { left:41px; width: 79px; }
#m2 a { background-position: -41px -0px; }
#m2 a.current { background-position: -41px -38px; }
#m2 a:hover, #m2 a:active { background-position: -41px -19px; }
/*explore*/
#m3, #m3 a { left:120px; width: 66px; }
#m3 a { background-position: -580px -0px; }
#m3 a.current { background-position: -580px -38px; }
#m3 a:hover, #m3 a:active { background-position: -580px -19px; }


#m4, #m4 a { left:186px; width: 86px; }
#m4 a { background-position: -647px -0px; }
#m4 a.current { background-position: -647px -38px; }
#m4 a:hover, #m4 a:active { background-position: -647px -19px; }

/*wordcloud*/
#wordcloudm3, #wordcloudm3m3 a { left:120px; width: 75px; }
#wordcloudm3m3 a { background-position: -429px -0px; }
#wordcloudm3m3 a.current { background-position: -429px -38px; }
#wordcloudm3m3 a:hover, #wordcloudm3m3 a:active { background-position: -429px -19px; }
/*blogs*/
#m5, #m5 a { left:272px; width: 48px; }
#m5 a { background-position: -235px -0px; }
#m5 a.current { background-position: -235px -38px; }
#m5 a:hover, #m5 a:active { background-position: -235px -19px; }
/*about*/
#m6, #m6 a { left:320px; width: 76px; }
#m6 a { background-position: -505px -0px; }
#m6 a.current { background-position: -505px -38px; }
#m6 a:hover, #m6 a:active { background-position: -505px -19px; }
/*about*/
#m7, #m7 a { left:396px; width: 51px; }
#m7 a { background-position: -340px -0px; }
#m7 a.current { background-position: -340px -38px; }
#m7 a:hover, #m7 a:active { background-position: -340px -19px; }

#community_menu { background-position: -647px -19px; width: 86px; }


/* clear out sub LI and A */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 280px;
	w\idth:280px;
	border:1px solid #ccc; 
	font-weight: normal;
	margin: 0;
	padding:5px 0;
	z-index:1000;
}
#nav li li {
	display:inline;
	height:auto;
	background:#fff;
	background-image:none;
	line-height:1em;
	padding-right: 10px;
	width: 270px;
	z-index:1000;
}
#nav li ul a {
	display: block;
	height:auto;
	padding: .35em 10px .15em;
	width: 260px;
	w\idth: 260px;
	color:#333;
	font-size:12px;
	text-decoration: none;
	background:none;
	text-indent:0;
}
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
#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, #nav li.sfhover {
	Xbackground: #fff;
}

#nav li ul li a:hover { 
	background-color:#7d0;
	}
#nav li ul li a:hover,
#nav li ul li a:hover .description {
	color:#fff;
}

#nav li ul li .description {
	font-size:11px;
	line-height:150%;
	color:#679;
	margin:1px 0 0;
}

/*added section menu */
#nav li ul.sections {
	width: 140px;
	w\idth: 140px;
}
#nav li ul.sections li {
	width: 130px;
}
#nav li ul.sections a {
	width:120px !important;
	w\idth:120px;
}

#nav li ul.special {
	width: 240px;
	w\idth: 240px;
}
#nav li ul.special li {
	width: 230px;
}
#nav li ul.special a {
	width:220px !important;
	w\idth:220px;
}


/* user profile-login box ----------------*/ 
#profile_wrapper {
	position:absolute;
	top:16px;
	left:770px;
	width:180px;
	height:20px;
	overflow:visible;
}
#profile_login {
	position:relative;
	height:20px;
	padding:0 10px 0 10px;
	overflow:visible;
	text-align:right;
}
#profile_login p  {
	font: normal 11px/100% "Lucida Grande", Tahoma, Arial, sans-serif;
	margin: 0;
}
#profile_login p.username  {
	font: bold 13px/100% Arial, sans-serif;
}
#profile_login p a { color:#06f; text-decoration:none; }
#profile_login p a:hover { color:#f03; }

#profile_login img.usericon  {
	vertical-align:middle;
	margin: 0;
}

#profile_login .links  {
	height:18px;
	padding-left:10px;
	font-size:11px;
	font-weight:normal;
}
#profile_login .links a:hover, #profile_login .links a:active  {
	text-decoration:underline;
}

.reg_message {
	line-height:14px !important;
}
#profile_login .biglinks {
	font-size:13px;
	line-height:15px !important;
	font-weight:bold;
	height:auto;
}
#profile_login .biglinks a:link, #profile_login .biglinks a:visited  {
	color: #e30;
	text-decoration:none;
}
#profile_login .biglinks a:hover {
	text-decoration:underline;
}


/* content ---------------------------- */

#content_wrapper {
	position:relative;
	top:0;
	width:950px;
	padding:0 0 0 0px;
}

/* primary content ---------------------------- */
.primary {
	float:left;
	width:530px;
	margin:10px 0px 20px 0px;
	padding:0 0 0 20px;
	background:#fff;
}

/* secondary content ---------------------------- */
.secondary {
	float:right;
	width:350px;
	margin-bottom:10px;
	overflow:hidden;
	background:#fff;
}
.section_categories {
	margin:10px 0 20px;
	font-size:11px;
	overflow:auto;
}
.section_categories ul { }
.section_categories ul li { float:left; list-style:none; width:150px; margin-right:15px; }
.section_categories ul ul { margin-left:20px;color:#999;}
.section_categories ul ul li { list-style:square; float:none;width:120px;margin:0;font-weight:normal;}
.section_categories li.pagenav, .section_categories li.categories { font-weight:bold;font-size:13px;}

.rsslink {
	padding-left:18px;
	background: #fff url(../images/icons/rss.png) 0 50% no-repeat;
}

/* footer content ---------------------------- */

#footer ul {
	list-style-type:none;
	margin: 0 0 20px 20px;
}
#footer ul ul {
	margin-left:0px;
}
#footer ul li {
	float:left;
	width:210px;
	margin-right:10px;
	font-size:11px;
}
#footer ul ul li {
	float:none;
	width:auto;
}
#footer p {
	margin: 0 0 20px;
}
#footer h4 {
	font-size:11px;
}
.rss_small { background:transparent url('../images/rss_small.gif') 0 50% no-repeat; padding-left:16px;}

/* posts and page content ---------------------------- */

.post { 
	margin: 20px 0 20px 0px;
	clear:left;	
}
.kicker {
	color:#999;
	text-transform:uppercase;
	font-size:11px;
}
.post .kicker a:link, .post .kicker a:visited {
	color:#999 !important;
	text-decoration:none;
}
.post .kicker a:hover {
	text-decoration:underline;
}
.post h2 {
	font-weight:normal;
	font-size:18px;
	margin: 10px 0 0;
	clear:left;
}

.post h2 a:link, .post h2 a:visited {
	color:#06c;
	text-decoration:none;
}
.post h2 a:hover {
	text-decoration:underline;
}
.post .author, .post .date {
	font-size:11px;
	margin-bottom: 20px;
}
.post .date { margin:0;}
.post .entry {
	font-weight:normal;
	font-size:14px;
}
.post .entry p {
	margin: 0 0 20px 0;
}
.post .entry img {
	margin:5px;
}
.post .postmetadata {
	color:#999;
	font-size:11px;
}
.entry ul {
	padding: 5px 0 5px 20px;
}
.entry ul li {
	list-style-type:circle;
}
.entry hr {
	margin:3px 0 20px;
	height:1px;
	border:none;
	border-bottom:1px solid #333;
}
.entry blockquote {
	margin-left:20px;
	padding-left:10px;
	border-left:2px solid #eee;
	font-family:Georgia, Times, serif;
	
}

.navigation { 
	width:100%;
	padding: 20px; 
	font-size:11px;
	clear:both;
}
.navigation .alignleft { float:left; }
.navigation .alignright { float:right; }

.imageframe-left {
	float:none;
	clear:left;
}
.imageframe-right {
	float:none;
	clear:right;
}


/* comments ---------------------------- */

#commentstuff, .nocomments { margin:20px 0 20px 20px; }

h3#respond, h3#comments { 
	font-weight:normal;
	font-size:16px;
	margin: 40px 0 20px;
	clear:left;
	color:#00477A;
}
h3#respond { margin-bottom:0; }
.commentlist { 
	margin:10px 0;
	list-style-type:none;
	}
.commentlist li {
	margin: 0 0 20px;
}
#commentform { 
	width: 500px;
	line-height:20px;
}
#commentform p {
	margin:0 0 5px;
}

#commentform textarea, #commentform input {
	margin:1px 0;
	padding:2px;
	font:normal 13px/100% "Lucida Grande", Tahoma, Arial, sans-serif;
	border:2px solid #ccc;
	background-color:#F2F2EF;
}
#commentform label {
	float:left;
	width:60px;
	margin:0 10px 0 0;
	font:normal 13px/16px "Lucida Grande", Tahoma, Arial, sans-serif;
	color:#1F333F;
}
#commentform .hint {
margin-left:70px;
}
#commentform .req {
	font-size:11px;
	color:#d00;
}

#commentform textarea {
	width:380px;
	height:120px;
	margin:10px 0 0 70px;
}
#commentform input[type=text] {
	vertical-align:middle;
}
#commentform input[type=submit] {
	font-size:14px;
	padding:1px 2px;
	font-weight:bold;
	border:2px solid #00477A;		
	background:#E5ECF1;
	color:#00477A;
	margin-left:70px;
}
#commentform p.allowedtags {
	font-size:11px;
	color:#00477A;
}
.commentlist cite {
	font-weight:bold;
} 
.commentmetadata {
	float:right;
	font-size:11px;
}
#commentform label.openid_label {
	color:#f60 !important;
}


/* User flag
---------------------------------------------*/
.user_flag {
	height:20px;
	line-height: 20px;
	overflow:hidden;
	text-align:left;
	float:right;
	clear:right;
	background:#D9D9CF;
	background:#ccc;
}
.user_flag img { vertical-align:top; }
.user_flag a {
	font-weight:bold;
	font-size:11px;
	height: 18px;
	line-height: 20px;
	padding: 0 5px 0 2px;
	text-decoration:none;
}
.user_flag a:link, .user_flag a:visited { color:#222;}
.user_flag a:hover { text-decoration:underline;}


/* Ad Banners
---------------------------------------------*/

.ad_leaderboard {
	position:relative;
	top:0;
	clear:both;
	width:930px;
	margin:0 0 10px;
	padding:10px 0;
	text-align:center;
	background:#fff;
}
.ad_rectangle {
	position:relative;
	top:0;
	clear:both;
	width:348px;
	border:1px solid #fff;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	background:#fff;
}


.homestrips { margin: -20px 0 0; text-align:right;}
.homestrips img { margin: 0 0 0 5px;}

.ad_leaderboard div, .ad_rectangle div { margin: 0 auto;}

.ad_buttons {
	position:relative;
	top:0;
	clear:both;
	width:350px;
	border:0px solid #fff;
	margin:10px 0;
	padding:10px 0;
	text-align:center;
	overflow:auto;		
}
.ad_buttons div {
	float:left;
	margin: 10px  0 10px 33px;
}
.ad_buttons p {
	font-size:11px;
	color:#999;
	text-align:center;
}




/* Secondary Content
---------------------------------------------*/


/* Sidebar Featured
---------------------------------------------*/

#side_featured {
	position:relative;
	top:0;
	width:350px;
	margin:10px 0 20px;
	overflow:auto;
}
#side_featured h2 {
	font-size:13px;
	font-weight:bold;
	margin-left:10px;
}
#side_featured .project {
	float:left;
	width:160px;
	margin-left:10px;
}
#side_featured .project p {
	font-size:11px;
	line-height:16px;
}
#side_featured .project .pbimage {
	width:160px;
	height:105px;
	background: url(../images/featured_project_default.png) 0 0 no-repeat;
	margin-bottom:4px;
}

/* Community Profile Pages 
-------------------------------------------- */
#pheader {
	padding-bottom:0px;
	margin: 0 0 10px;
	font-size:13px;
	Xborder-bottom:2px dotted #ccc;
}
#pheader img {
	margin-right:20px;	
}
#profile_left .noimage {
	width: 100px;
	height: 100px; 
	float: left; 
	border: 1px solid #CCC; 
	background: #F0F0F0 url(../images/default_icon_lg.png) 0 0 no-repeat; 
	margin-right: 20px;	
}
.needphoto {
	clear:left;
	width: 100px;
	float: left;
	color:#c00; 
}

#pheader h2, .contentbox h2 { font-size:16px;}
#pheader h3 {
	font-size:13px;
}
.contentbox {
	margin-left:200px;
}
.p_questions {
	margin: 0 0 0px 0px;
	padding-left:0px;
	font-size:11px;
	line-height:16px;
	float:left;
	width:170px;
}
.p_questions h3 {
	display:none;
	font-size:13px;
	line-height:20px;
	margin-bottom:10px;
}
.p_questions div {
	margin:0 0 10px;
}
.p_questions p {
	display:inline;
}

.p_questions b {
	color:#00477A;
	color:#480;
}

ul.favorites, ul.mystories {
	list-style-type:none;
	margin-left:10px;
}
ul.favorites li, ul.mystories li {
	margin: 0 0 10px 0;
	font-size: 15px; 
}
ul.favorites .faveinfo, ul.mystories .mystoryinfo {
	font-size:11px;
}


ol.favorites, ol.mystories {
	list-style-position: inside;	
}
ol.favorites li {
	margin: 0 0 10px 0;
}

ol.mystories li {
	margin: 0 0 10px 0;
	font-size: 18px; 
}
ol.favorites .faveinfo, ol.mystories .mystoryinfo {
	font-size:11px;
}



/*
	Story

	#BFE7FF
-------------------------------------------- */


.story {
	margin: 0 0 20px;
}
.story img { 
	margin: 10px -5px; 
	width:auto;
}
.archive img { 
	margin:0 4px 0 0; 
	}

.story .storybody, .story .storybody-alt {
	padding: 20px;
	background:#f0f0f0;
}
.storybody h2 {}

p.pq {
	color:#666;
	margin: 0 0 10px;
	background: transparent url(../images/pullquote.png) 0 5px no-repeat;
	padding:0 0 0 44px;
	min-height:30px;
}

.storybody p {
	margin: 0 0 20px;
}

div.storyinfo, div.storyinfo-alt {
	background:#fff url(../images/bubble.png) 5px 0 no-repeat;
	font-size:11px; 
	line-height:16px;
	margin-left:0;
	padding-left:40px;
	width:440px;
}
.storybody-alt {
	background:#D7ECFF !important;
}
.storyinfo-alt {
	background-image: url(../images/bubble_alt.png) !important;
}
.permalink {
	font-weight:bold;
	padding: 0 1px;
}
.storyinfo .permalink, .storyinfo-alt .permalink {
	float:left;
	margin: 0 5px 0 0;
}
.storyinfo .tags, .storyinfo-alt .tags  { 
	display:block;
}
.storyinfo p, .storyinfo-alt p {
	line-height:20px; 
	margin: 0;
	padding:1px 4px 2px 0;
}
.storyinfo .actions, .storyinfo-alt .actions {
	border-top:2px dotted #ccc;
	margin:2px 0 0 0px;
	padding-top:2px;
}
.storyinfo .actions a, .storyinfo-alt .actions a {
	margin-right:6px;
}
.commentlink {
	background:url(../images/comments.png) 0 50% no-repeat;
	padding-left:16px;
}
.sharelink {
	background:url(../images/emailafriend.png) 0 50% no-repeat;
	padding-left:16px;	
}
.storyinfo .editlink, .storyinfo-alt .editlink {
	margin-left:10px;
	color:#900;
}

.single { margin: 20px 0;}


.fave_add { 
	background: #fff url(../images/fave_remove.png) 0 0 no-repeat;
	padding-left:16px;
}
.fave_remove { 
	background: #fff url(../images/fave_add.png) 0 0 no-repeat;
	padding-left:16px;
}

/*
	Story comments 
-------------------------------------------- */
.commentsdiv {
	margin-left:40px;
}
.commentsdiv h3 {
	font-size:16px;
	margin: 0 0 10px;
}
.commentsdiv .comment {
	margin: 0 0 20px;
}
.commentsdiv .commentauthor {
	font-size:11px;
	font-weight: normal;
}
.commentsdiv form {
	line-height:200%;
	margin: 40px 0 20px;
}
.commentsdiv form textarea {
	height:100px;
}
.commentsdiv form .commentform_bubble {
	padding:10px 20px;
	background:#D7ECFF;
	width:400px;
}
.commentsdiv form .commentform_bubbletail {
	padding:0 0 0 45px;
	background:#fff url(../images/bubble_alt.png) 5px 0 no-repeat;
}




/*
	FORM ELEMENTS 
-------------------------------------------- */
input[type='button'], input[type='submit'] {
cursor:pointer;
cursor:hand;
}

input[type='button'] {
	background:#eee;
	border:2px solid #ddd;
	padding:2px 4px;
	color:#333;
	margin-left:10px;
}
input[type='submit'] {
	background:#E5ECF1;
	border:2px solid #00477A;
	padding:2px 4px;
	color:#00477A;
	margin-top:10px;
}
input[type='submit'].delete {
	background:#fff;
	border:2px solid #fff;
	padding:2px 4px;
	color:#33c;
	margin-left:10px;
	font-size:11px;
}

form {
	clear:left;
}
form input, form textarea {
	font-size:14px;
	padding:2px;	
	border:2px solid #ccc;
}
form textarea {
	font: normal 13px/20px "Lucida Grande", Tahoma, Arial, sans-serif;
	width:380px;
}
form br {
	clear:left;
}
form h3 {
	font-size:16px;
	margin:0 0 10px 0;
}
form label {
	float:left;
	width:80px;
	font-weight:bold;
	font-size:11px;
}
form .hint {
	margin-left:100px;
	text-align:left;
	font-size:11px;
	color:#777;
}
form p {
	margin:0 0 10px 0;
	clear:left;
}
form p.loggedin { margin: 10px 0;}


textarea#submission {
	width:100%;
	height: 300px;
}
form#submit img {margin:10px 0;}


input#age { 
	width:30px;
	font-size:20px;
	line-height:1em;
	text-align:center;
}


/*
	All Projects Archive page
-------------------------------------------- */
.projectarchive {
	margin-left:20px;
}
.projectarchive .project {
	margin:0 0 20px 0px;
	clear:both;
	overflow:auto;
}
.projectarchive .project h3 {
	margin: 0;
	font-size:14px;
	font-weight:bold;
}
.projectarchive .project img {
	float:left;
	margin: 0 10px 10px 0;
	background:#eee;
	text-align:center;
	font-size:11px;
	color:#1F333F;
}
.projectarchive .project .description { }

.projectarchive .project .infodate {
	font-size:11px;
	margin: 0 0 10px;
}
.projectarchive .project .infodate span {
}
.projectarchive .project .infodate .startdate {
	color:#00477A;
}
.projectarchive .project .infodate .enddate {
	color:#9E1900;	
}
.endsoon {
	background-color:#ff6;
	color:#c00 !important;
	padding:0 3px;	
}

/* Profile Page */

#profile_left { width: 170px; padding:10px; float: left; min-height: 300px; }
#profile_center { width: 500px; float:left; border-left: 1px dashed #CCC; padding: 10px; border-right: 1px dashed #CCC; }
#profile_right { padding:10px; width: 180px; float: left; } 
#profile_right ul  { list-style-type: none; margin:0px; padding:0px; } 
#profile_right ul li { line-height: 14px; font-size:12px; margin-bottom:10px; } 
#profile_head { padding: 10px; padding-bottom:0px; border-bottom: 1px solid #CCC; float: left; width: 700px;} 
#profile_head h2 { margin-bottom:20px; }
ul#profile_tabs { list-style-type: none; margin:0px; padding:0px; } 
ul#profile_tabs li { display: block; float: left; margin:0px; padding:0px; }
ul#profile_tabs li a { padding:10px; padding-bottom:3px; display: block; }   
ul#profile_tabs li.active a { background: #F0F0F0; font-weight: bold; }

.link_next { float: right; } 



/* Search Page */


#search_big { border-bottom: 1px solid #CCC; margin-bottom:20px; padding-bottom: 10px; } 


/* Profile Editing Form
-------------------------------------------- */
.edit_profile {
	float:right;
	font-size:11px;
}
.edit_profile a:link, .edit_profile a:visited {
	display:block;
	border:2px solid #0059B3;
	background:#E5ECF1;
	color:#0059B3;
	padding:1px 4px;
	text-decoration:none;	
}
.edit_profile a:hover, .edit_profile a:active {
	color:#d20;
	text-decoration:none;	
}

	
.info {
	background:#def;
	border:2px solid #cdf;
	margin:0 0 10px;
	padding: 5px 0 5px 20px;
	width:530px;
}
div.error, p.error {
	background:#fdd;	
	margin:0 0 10px;
	padding: 5px 0 5px 20px;
	overflow:auto;
}
label.error {
	background:none;
	color:#f00;	
	margin:0 0 0 80px;
	width:250px;
}
.profile_form {
	margin:0 0 20px 20px;
	line-height:20px;
}
.profile_form h2 {
	margin:0 0 20px;
	font-size:16px;
	clear:both;
}
.profile_form h2.more { margin-top:20px; }
.profile_form .formhelp {
	font-size:11px;
	color:#d30;
	margin:0 !important;
}
.profile_form p {
	margin:10px 0;
}
.profile_form label {
	float:left;
	width:100px;
	margin-right:10px;
}
.profile_form textarea {
	font:normal 13px/18px "Lucida Grande", Tahoma, Arial, sans-serif;
}
.profile_form .profile_question {
	margin: 10px 30px 5px 110px;
	font-weight:bold;
}

input.required {
	background-color:#ffc;
}
.profile_form img {
	margin:10px 0 10px 110px;
} 
.profile_password {
	clear:both;
	margin:60px 100px 0 0;
	padding-top:10px;
	border-top:2px solid #B2C7D7;
}
.date-pick {
	border-color:#fff !important;
	width:110px !important;
}


/* Project Page
-------------------------------------------- */
.projecthead {
	padding:0px 0 0;
	margin-top:-20px;
}

h2.pjhead {
	height:100px;
	overflow:hidden;
	text-indent:-999px;
	margin:0;
}

.pj_description {}
.pj_description p {
	margin: 0 0 10px;
}
.pj_description ul, .pj_description blockquote {
	margin:10px 20px;
}

/* top bar of submissions */
.featured_submissions {
	position:relative;
	top:0;
	height:150px;
	margin-bottom:20px;
}
.featured_submissions .doc {
	width:536px;
	height:120px;
	margin-right: 10px;
	border:2px solid #eee;
	padding:0;
	position:relative;
	overflow:hidden;
	background:#fff;
	display:none; 
}
#s0.featured_submissions .doc { display:block !important; } /* only one featured submission */

.featured_submissions .end {
	margin-right: 0 !important;
}
.doc img { margin-right:5px;}
.doc .body {
	font-size:15px;
	padding:6px 6px 40px;
	position:relative;
}
.doc .permalink {
	font-size:15px;
	color:#f20;
}
.featured_submissions .permalink { 
	font-size:11px;
	font-weight:normal;
	padding-right:5px;
}

.doc .author {
	position:absolute;
	width:99%;
	bottom:0;
	font-size:11px;
	background:#eee;
	padding:1%;
	clear:left;
}
.doc .author img {
	vertical-align:middle;
}

/* inset sidebar of submissions */

h3.startreading {
	width:156px;
	height:30px;
	margin-bottom:10px;
	text-indent:-999px;
	background:#fff url(../images/start_reading.png) 0 0 no-repeat;
}

.list_submissions {
	float:right;
	width:156px;
	padding-left:10px;
	font-size:11px;
}
.list_submissions .featured {
	margin: 0 0 10px;
}
.list_submissions .featured p { margin: 0;}

.tagcloud {
	margin:20px 0;
}

.previous_projects {
	margin:20px 0 0;
}


#pj_form {
	margin:20px 0px;
	width:358px;
}
.editform { width: 98% !important;}

#pj_form textarea { width: 98%;}
#pj_form img { margin:10px 0;}
#pj_form .pq { 
	padding: 0 2px;
	font-size:19px;
	font-weight:bold;
	color:#999;
}

form#pj_form .storyform_bubble {
	padding:10px 20px;
	background:#D7ECFF;
	background:#f0f0f0;
}
form#pj_form .storyform_bubbletail {
	padding:0 0 0 45px;
	background:#fff url(../images/bubble_alt.png) 5px 0 no-repeat;
	background:#fff url(../images/bubble.png) 5px 0 no-repeat;
}

/* shorter label and hint for tags */
label.taginput {
	width:40px !important;
}
input#tags {
	width:230px !important;
}
div.taginput {
	margin-left:0px;
}


.limit {
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}
.limit .count {
	color:#00477A;
}
#pj_form .loginfirst {
	font-size:11px;
	color:#333;
	margin:10px 0;
}
#pj_form .loginfirst strong {
	color:#06f;
}
#pj_form .loginfirst b {
	color:#d20;
}

h3.pj_archive {
	margin: 20px 0 20px;
	font-size:13px;
}

#textile-help { float:right; font-size:11px;}
#textile { background:#def;font-size:11px; width:360px;margin:20px -20px 10px;}
.editform #textile { width:100%;margin:20px 0px 10px;}


/* PROJECT MENU
-------------------------------------------- */
ul.pj_menu {
	margin: 0px 0 20px 0px;
	padding:0 0 0 20px;
	list-style-type:none;
	height:22px;
	background:#eee;
}
ul.pj_menu li {
	display:block;
	float:left;
	font-size:12px;
	margin-right:10px;
}


/* SHARE WITH FRIEND
-------------------------------------------- */

form#contact { line-height:200%; }

form#contact h3 {
	margin:20px 0 0;
	font-size:13px;

}
form#contact textarea {
	margin:5px 0 10px;
}

.shared_pj {
	width:410px;
}
.shared_pj h3 {
	font-size:13px;
}

.shared_pj .pj_description {
	font-size:11px;
}


/* COMMUNITY HOME PAGE
-------------------------------------------- */
.recent_container {
	position:relative;
	float:left;
	margin:10px 20px 10px 0;
}
.recent_container .comment, .recent_container .submission {
	width:146px;
	height:131px;
	padding:25px 10px 10px;
	background:#fff;
	font-size:14px;
	border:2px solid #ccc;
	position:relative;
	overflow:hidden;
}
.recent_container .comment {
	background: #fff url(../images/recent_comment.png) 0 0 no-repeat;
	border-color:#ccc;
}
.recent_container .submission {
	background: #D7EDFF url(../images/recent_story.png) 0 0 no-repeat;
	border-color:#A0D7FF;
}
.recent_container .author {
	position:absolute;
	bottom:0;
	height:22px;
	font-size:11px;
	padding:4px 0 0;
	margin-left:-10px;
}
.recent_container .comment .author {
	background:#ccc;
}
.recent_container .submission .author {
	background:#A0D7FF;
}

.recent_container .author .storylink {
	font-size:11px;
	margin:2px 0 2px 5px;
}
.recent_container .author .user_flag {
	background-color:transparent;
}

/* ARCHIVE TEMPLATE
-------------------------------------------- */
.archive_wrapper {
	position:relative;
	top:0;
	width:930px;
	margin:-20px 0 0;
	background:transparent url(http://smithmag2.smithmag.net/images/section_head_top.png) -20px -20px no-repeat;
}
.archivehead {
	width:890px;
	height:145px;
	overflow:hidden;
	text-indent:-9999px;
	padding:0px;
	margin:0;
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
.archive_info {
	position:absolute;
	top:10px;
	right:55px;
	width:305px;
	margin:0;
	padding:10px;
	background:#fff;
	font-size:11px;
}
#smith-archives {
	background-image: url(http://smithmag2.smithmag.net/images/sections/smith-archives.png);
}

/* WORD CLOUD
-------------------------------------------- */
.wordcloud {
	width:910px !important;
	margin:20px 0;
	line-height:2em;
	text-align:justify;
}
.wordcloud .hilite { background-color:#cf3;}