siamensis_style.css

/* $Id: style.css,v 1.1.2.9 2009/05/22 08:46:11 jmburnz Exp $ */

/**
 * @file style.css
 *
 * Use this file to override the Genesis core modular styles 
 * (such as the HTML elements in typography.css), module CSS 
 * and other Drupal styles. Anything that doesn't fit logically
 * into page.css, nodes.css, blocks.css or comments.css can go here.
 */

/**********************************************************
 *                    Body
 **********************************************************/
* {margin: 0; padding: 0;}

body {
  font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
}

body.front_page {
	background: #f9fbf4 url("../images/bg-front.jpg") repeat-x !important;
}

body#genesis-1b {
	background: #eaf1d9 url("../images/bg-notfront.jpg") repeat-x; 
	color: #333;
	font-size: 13px;
}


/**********************************************************
 *                 HTML Elements
 **********************************************************/

h1 {}
h2 {margin-bottom: 1em;}
h3 {margin-bottom: 0.5em;}
h4 {}
h5 {}
h6 {}

p {margin: 0.5em 0 1.5em;}

strong {}
em, dfn {}
dfn {}

sup, sub {}

del {}
ins {}

blockquote {}
cite {}
q {}

address {}

ul {}
ol {}
li {}

dl {}
dd {}
dt {}


abbr {}
acronym {}

pre, code, tt {}
p code {}
samp {}
kbd {}
var {}


/**********************************************************
 *                 Global Link Styles
 **********************************************************/
a {
  margin: 0; 
  padding: 0;
  text-decoration: none;
}

a:link    {color: #339900;}
a:visited {color: #339900;}
a:hover   {text-decoration: underline;}
a:active  {color: #000;}
a.active  {}

/* Set global a:active and a:focus styles. */
a:active,
a:focus {
  color: #C00000;
  border: 0;
}

/* Drupal sets this to black. */
li a.active {}

/* Remove borders on linked images. */
a img {
  border: none;
}


/**********************************************************
 *                 Accessibility Classes
 **********************************************************/

/* Hide content without positioning issues. */
.invisible {
  height: 0;
  overflow: hidden;
}

/* Move content off screen where appropriate. */
.offscreen {
  position: absolute;
  left: -999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Completely remove content for all users.
   DO NOT use this for Skip links, display:none 
   hides content from screen readers! */
.remove {
  display: none;
}


/**********************************************************
 *                 Custom Styles
 **********************************************************/
/**
 * Here you can add custom stles for your theme that do not fit
 * into one if the modular stylesheets (such as the nodes, blocks,
 * page and comments stylesheets).
 */
	
	
/* 
** all 
*/
	
.view-content .views-row .views-field-title a {color: #000; font-weight: bold;}	
.view-content .views-row .views-field-title a:hover {color: #339900; text-decoration: none;}

.node .field-field-image div.field-item {margin-bottom: 20px;}

.term_and_condition {display: block; margin-bottom: 1.5em;}

/*
** front 
*/
.front_page #columns {background-color: none; padding: 0;}
.front_page .columns-inner {border: 0; padding: 0;}

/*
** breadcrump
*/
#breadcrumb {
	background-color: #F9FBF4;
	font-size: 0.9em;
	padding: 40px 40px 10px;
}
	
/* 
** footer 
*/	

#block-block-5 h2.block-title,
#block-views-webboard_img-block_1 h2.block-title,
#block-block-7 h2.block-title,
#block-block-8 h2.block-title,
#block-block-5 h2.footer_contact {
	display: block;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}

#block-views-webboard_img-block_1 span.image-caption {display: none !important;}

#footer .block h2.block-title, #block-block-5 h2.footer_contact {
	border-bottom: 2px solid #333;
	margin-bottom: 20px;
}

#footer a {color: #fff;}

a.about_readmore, a.contact_readmore {
		background: url("../images/bt-readmore.png") no-repeat;
		display: block;
		height: 20px;
		text-indent: -9999px;
		position: absolute;
		overflow: hidden;
		width: 22px;
}

a.about_readmore {right: 0; top: 2px;}
a.contact_readmore {right: 0; bottom: 30px;}

/* about */
#block-block-5 {position: relative;}

#block-block-5 h2.block-title {background: url("../images/h2-about_footer.png") no-repeat; margin-bottom: 10px;}
#block-block-5 h2.footer_contact {background: url("../images/h2-contact_footer.png") no-repeat; margin-bottom: 10px;}

/* photo */
#block-views-webboard_img-block_1 h2.block-title {background: url("../images/h2-photo_footer.png") no-repeat;}

#block-views-webboard_img-block_1 .block-content ul {overflow: hidden; width: 220px;}

#block-views-webboard_img-block_1 .block-content ul li {
	float: left;
	list-style-type: none;
	margin: 0 10px 5px 0;
	width: 60px;
}

	#block-views-webboard_img-block_1 .block-content ul li img {
		border: 3px solid #fff;
	}
	
/* follow */
#block-block-7 h2.block-title {background: url("../images/h2-follow_footer.png") no-repeat;}
#block-block-7 .block-content ul {padding: 0;}
#block-block-7 .block-content li {
	list-style-type: none;
	margin: 0 0 10px;
	overflow: hidden;
	width: 220px;
}
	#block-block-7 .block-content li p {margin: 0; line-height: 32px;}
	#block-block-7 .block-content li img {float: left; margin: 0 10px 10px 0;}

a.twitter, a.facebook, a.rss {
	display: block;
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
}

a.twitter {background: url("../images/twitter.png") no-repeat;}
a.facebook {background: url("../images/facebook.png") no-repeat;}
a.rss {background: url("../images/rss.png") no-repeat;}

/* copyright */	
#block-block-8 h2.block-title {background: url("../images/h2-copyright_footer.png") no-repeat;}


/*
** login, search
*/
#block-privatemsg-privatemsg-new h2.block-title {text-indent: -9999px; height: 0;}

#block-rotioai-search form input#edit-submit {
	border: none;
	background: url("../images/bt-search.png") no-repeat 0 0px;
	cursor: pointer;
	display: block;
	height: 21px; 
	padding-top: 21px;
	width: 21px;
}

#block-rotioai-search form input#edit-submit:hover {background-position: 0 -21px;}

/*.view-webboard .views-field-name { float : left; }
.view-webboard .views-field-title { float : left; }
.view-webboard .views-field-content { float : left; }
.view-webboard .views-field-totalcount { float : right; }
.view-webboard .views-field-comment-count { float : right; }
.view-webboard .views-field-last-comment-timestamp {clear: right; float : right; }
.view-webboard .views-field-comment-name-1 { float : right; }*/

/*
** webboard
*/
.page-webboard .view-webboard .view-filters {position: absolute; right: 0; top: 15px; text-align: right;}

form#views-exposed-form-webboard-page-1 input#edit-submit-webboard {display: none;}
form#views-exposed-form-webboard-page-1 .views-widget,
form#views-exposed-form-webboard-page-1 .form-item {display: inline;}
form#views-exposed-form-webboard-page-1 .views-exposed-form .views-exposed-widget {float: none; padding: 0;}

.page-webboard .view-webboard {position: relative;}

.page-webboard h2.title {
	background: url("../images/h2-webboard.png") no-repeat;
	border-bottom: 1px dotted #999;
	display: block;
	height: 40px;
	padding-bottom: 5px; 
	text-indent: -9999px;
	overflow: hidden;
}

.page-webboard .view-webboard .view-content ul {margin: 0;}
.page-webboard .view-webboard .view-content ul li {
	border-bottom: 1px solid #ded5c6;
	list-style-type: none;
	margin: 0 0 3px;
	overflow: hidden;
	padding-bottom: 8px;
	width: 860px;
}

.view-webboard .views-field-phpcode {float: left; width: 500px; margin-right: 20px;}
	.view-webboard .views-field-phpcode .forum-title {
		display: inline;
	}
	.view-webboard .views-field-phpcode .forum-title .forum-term {font-size: 0.9em;}
	.view-webboard .views-field-phpcode .forum-term {font-size: 0.8em; margin-top: 5px;}

.view-webboard .item-list li.views-row .views-field-nid {float: left; font-size: 0.8em; line-height: 2.2em; margin-right: 10px;}	
.view-webboard .views-field-title-2 {float: right; text-align: right; width: 280px;}
	.view-webboard .views-field-title-2 .forum-post-by {display: inline; font-size: 0.8em; margin-right: 5px;}
	.view-webboard .views-field-title-2 .forum-read-more {display: inline;}
		.view-webboard .views-field-title-2 .forum-read-more a {
			background: url("../images/bt-more_webboard.png") no-repeat;
			float: right;
			height: 0;
			text-indent: -9999px;
			margin-top: 2px;
			overflow: hidden;
			padding-top: 16px;
			width: 16px;
		}

.view-webboard ul.links {margin: 10px 0; overflow: hidden; padding: 0;}
.view-webboard ul.links li.forum {float: right; padding: 0;}
	.view-webboard ul.links li.forum a {
		background: url("../images/bt-post_new_forum.png") no-repeat;
		display: block;
		height: 25px;
		text-indent: -9999px;
		overflow: hidden;
		text-decoration: none;
		width: 125px;
	}

a.a-new-comment {position: relative;}
a.a-new-comment span.forum-icon-new-comments {
	background: url("../images/bt-new_comment.png") no-repeat 0 center;
	display: block;
	height: 20px;
	position: absolute;
	right: -28px;
	top: 0px;
	width: 25px;
}
span.forum-num-new-comments {
	background-color: #ff6600;
	color: #fff;
	font-size: 0.8em;
	padding: 0 4px;
}

span.unseen {background-color: #eee; color: #666; font-size: 0.8em; padding: 0 3px;}

.forum-term a, .node-terms a {color: #000;}
.node-terms a {font-size: 0.9em;}

/*inside*/
.node-type-forum h1#page-title, .node-type-article h1#page-title,
.node-type-news h1#page-title, .section-comment h1#page-title, .section-taxonomy h1#page-title {
	background: url("../images/fisheye.png") no-repeat 0 48px;
	font-size: 1.8em;
	margin-bottom: 10px;
	padding: 40px 0 0 30px;
}

.node-type-forum .node-submitted, .node-submitted {
	background-color: #eaf1d9;
	font-size: 0.8em;
	left: 0;
	padding: 5px 10px 5px 30px;
	position: absolute;
	top: 0;
	width: 820px;
	_left: -30px;
}

.node-type-forum #main-content {position: relative;}

.node-type-forum .field-field-image {text-align: center;}

.forum-topic-navigation {display: none;}

.node-type-forum .columns-inner {
	border-top: 1px dotted #999;
	padding-top: 30px;
}

/* dropdown */
#block-block-14 {position: absolute; right: 0; top: -65px;}

#block-block-14 .block-content label {font-weight: bold; margin-right: 5px;}
#block-block-14 .block-content form {display: inline;}

/* comment */
.comment-submitted {
	font-size: 0.9em;
	left: 0;
	position: absolute;
	top: -20px;
	padding: 0 0 0 25px;
}

.comment-links ul.links li.comment_reply {margin-right: 0;}
.comment-links ul.links li.comment_reply a {
	background: url("../images/bt-reply.png") no-repeat;
	display: block;
	height: 0;
	padding-top: 20px;
	overflow: hidden;
	width: 80px;
}

ul.links li.comment_delete a,
ul.links li.comment_edit a,
ul.links li.comment_pm a {
	background: url("../images/ic-tool_forum.png") no-repeat;
	display: block;
	height: 0;
	padding-top: 16px;
	overflow: hidden;
	width: 16px;
}

ul.links li.comment_delete a {background-position: 0 0;}
ul.links li.comment_edit a {background-position: 0 -50px;}
ul.links li.comment_pm a {background-position: 0 -97px;}

.comment-upload-images {text-align: center;}

.indented {margin-top: -10px;}

#cke_edit-comment {
	width: 470px !important;
}

#comments h2.box-title {
	background: url("../images/h2-post_reply.png") no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	width: 200px;
}

form#comment-form #edit-comment-wrapper {

}

#comments h2.comments {
	background: url("../images/h2-comments.png") no-repeat;
	border-bottom: 1px dotted #999;
	display: block;
	height: 30px;
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
}

.not-logged-in span.siamensis-support {top: 280px;}

span.siamensis-support {
	background: url("../images/qoute.png") no-repeat;
	display: block;
	height: 75px;
	text-indent: -9999px;
	overflow: hidden;
	width: 375px;
	position: absolute;
	right: 0;
	top: 150px;
}

form#comment-form {position: relative;}

form#comment-form ul.tips, .node-form ul.tips, form#comment-form p {display: none;}

span.picture-authenticated-user {
	background: url("../images/user-authen.png") no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: -6px;
	left: 0;
	width: 24px;
	height: 24px;
}

  .node-submitted span.picture-authenticated-user {
    top: 0;
    left: 5px;
  }

span.picture-anonymous-user {
	background: url("../images/user-anony.png") no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
}

	.node-submitted span.picture-anonymous-user {left: 5px; top: 4px;}

/*
** about us
*/
.page-node-86 h1#page-title {
	background: url("../images/h2-about_page.png") no-repeat;
	display: block;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
}

/*
** article
*/

span.image-caption {display: block;}

.node-article .field-item {margin-bottom: 10px;}

.field-field-photographer, .field-field-science-name {margin-bottom: 1.5em;}
.field-field-article-image {text-align: center;}

.section-article .view-article .view-content ul {margin: 0;}
	.section-article .view-article .view-content ul li {list-style-type: none; margin: 0 0 20px; overflow: hidden; width: 860px;}
		.section-article .view-article li.views-row .views-field-field-article-image-fid {
			float: left;
			margin-right: 20px;
		} 
		.section-article .view-article li.views-row .views-field-created{
			color:#999999;
			font-size:0.8em;
			margin-bottom:0.5em;
		}
		.section-article .view-article li.views-row .views-field-view-node {margin-top: 10px;}
		.section-article .view-article li.views-row .views-field-view-node a {
			background:url("../images/bt-readmore_blog.png") no-repeat scroll 0 0 transparent;
			display:block;
			height:25px;
			margin-left:180px;
			overflow:hidden;
			text-indent:-9999px;
			width:75px;		
		}
		
.page-article h1#page-title, .page-node-88 h1#page-title, .page-node-87 h1#page-title {
	display: block;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
}

.page-article h1#page-title {background: url("../images/h1-article.png") no-repeat;}

h2#comments-title {height: 0; margin: 0; text-indent: -9999px; overflow: hidden;}

.node-article .node-terms, .node-forum .node-terms {text-align: right;}

.section-article .view-article .view-header a, #block-views-news-block_1 .block-inner .view-header a {
	background: url("../images/add.png") no-repeat 0 2px;
	display: block;
	height: 20px;
	padding-left: 20px;
	position: absolute; 
	right: 0; 
	top: 0;
}

.section-article .view-article {float: right;}
.section-article .view-article .view-filters {float: right;}
	form#views-exposed-form-article-page-1 .views-exposed-widgets {float: left;}
	form#views-exposed-form-article-page-1 .views-exposed-widgets label {float: left; line-height: 2em; margin-right: 10px;}
	form#views-exposed-form-article-page-1 .views-exposed-widgets .views-widget {float: left;}
	form#views-exposed-form-article-page-1 .views-exposed-form .views-exposed-widget {padding: 0; overflow: hidden;}
	form#views-exposed-form-article-page-1 .views-exposed-form .views-exposed-widget .form-submit {display: none;}
	
.section-article .view-article .view-content {clear: both;}
.section-article .view-article .view-content li.views-row .views-field-name {font-size: 0.9em; text-align: right;}

/*
** document
*/
.page-node-88 h1#page-title {background: url("../images/h1-documents.png") no-repeat;}

/*
** term
*/
.page-node-89 .node-content ol li {margin-bottom: 1.5em;}

/*
** index
*/
.page-node-87 h1#page-title {background: url("../images/h1-index.png") no-repeat;}

/*
** news
*/
#block-views-news-block_1 .block-inner {position: relative;}
	#block-views-news-block_1 .block-inner .view-header a {_right: 10px;}


/*
** PM
*/
.section-messages .privatemsg-view-pager {margin: 0; padding: 0; width: 300px;}
.section-messages .message-participants {border: 0; margin: 0;}
.section-messages .privatemsg-box-fb {background-color: #EAF1D9; margin: 20px 0; padding: 20px 0 10px;}
.section-messages .privatemsg-box-fb .avatar-fb {margin: 0;}
.section-messages .right-column {margin: 0 0 0 180px;}
.section-messages .bottom-border {border: 0;}
.section-messages .message-actions {font-size: 0.9em; margin: 0;}
.section-messages .message-actions li {float: none; text-align: right; padding: 0 10px;} 

/*
slideshow
*/

.node-type-slideshow form#node-form #edit-url-wrapper {display: none;}