@import "css/reset.css";
/*
Theme Name: Trimass
Theme URI: http://www.toptut.com
Description: Trimass,
Author: Lorelei
Author URI: http://www.toptut.com
 */


body {
background:#fff url(images/bkg.jpg) top center no-repeat;
font:78% Segoe UI,Arial,Verdana,Helvetica,sans-serif;
color:#fff;
margin:0;
}


#header {
background:#fff url(images/bkg-7.jpg) top center;
color:#e6e6e5;
border-bottom:4px solid #336699;
padding:10px;
height:140px;
}

#header .left {
width:50%;
padding: 10px 0 0 80px;
}

#header .right {
margin-left:-80px;
padding-top:120px;
width:50%;
}

#header .nav li {
float:left;
margin:0 0 20px 20px;
}

#header .nav li ul li {
display:none;
}

#page {
margin-top:20px;
}

.box {
width:940px;
margin:0 auto;
}

#bw_content{
background:url('images/bkgcontent.png') center;
/*background:#fff;
-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
*/}

#toggleArchives {
position:absolute;
display:inline;
left:50%;
height:0; width:0;
margin-top:-18px;
margin-left:-45px;text-align:center;
/*background:#336699 url(images/black.png) top repeat-x;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
cursor:pointer;
padding:7px 10px;
border:1px solid #3B75AF;*/
}

#archives {
background:#3B75AF url(images/black.png) top repeat-x;
}

#archives .box {
padding:35px 0 40px;
}

.col {
float:left;
width:220px;
margin-left:20px;
}

.col:first-child {
margin-left:0;
}

#content {
width:600px;
float:right;
padding:10px 20px 20px 0;
}


#content .nav li {
float:left;
margin:0 20px 10px 0;
}

.bubble {
background:#526d6b;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
padding:6px 5px 0;
}

.bubble p {
margin-bottom:6px;
}

#sidebar {
float:left;
margin-left:10px;
width:250px;
padding:5px 15px;
background-color:#fff;

}

.widget {
margin-top:20px;
}

.widget:first-child {
margin-top:0;
}

#sidebar li.linkcat {
list-style:none;
}

#footer {
background:#336699 url(images/white.png) top repeat-x;
padding:20px 0 30px;
border-top:1px solid #2c4442;
}

#page #footer a{
color:#fff;
text-decoration:none;
}

#page #footer a:hover{
text-decoration:underline;
color:#fff;
}

#footer p{
color:#fff;
}

#footer .right {
text-align:right;
}

.left {
float:left;
}

.clear:after,.box:after,.nav:after,.nav ul:after,#page:after,.navigation:after,#footer:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

h1 {
font-size:1.9em;
font-weight:700;
letter-spacing:-1px;
color:#133359;
margin:10px 0;
}

h2 {
color:#333;
font-size:1.5em;
font-weight:600;
letter-spacing:-1px;
line-height:1.1em;
margin:20px 0 8px 0;
border-bottom:1px solid #ddd;
}


h3 {
font-size:1.4em;
font-weight:700;
text-transform:uppercase;
margin-bottom:10px;
color:#336699;
}

#sidebar h3 {
border-left:10px solid #12335C;
padding-left:12px;
line-height:.5em;
color:#12335C;
font-size:1.2em
}

h4 {
font-size:1.1em;
font-weight:700;
text-transform:uppercase;
margin-bottom:4px;
color:#336699;
}

h5 {
font-weight:700;
margin-bottom:3px;
}

h6 {
font-size:.9em;
font-weight:700;
margin-bottom:2px;
}

p {
line-height:1.6em;
margin-bottom:10px;
font-size:14px;
color:#222;
}

/*
LINKS
*/

a,a:link,a:visited,a:active,a:hover {
color:#fff;
text-decoration:none;
outline:none;
cursor:pointer;
}

#header a.home:hover {
padding-right:60px;
background:url(images/home.png) no-repeat center right;
}

.nav a:link,.nav a:visited,.nav a:active {
font-weight:700;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,.5);
-moz-box-shadow:0 1px 0 rgba(0,0,0,.5);
padding:8px 15px;
}

.nav a:hover {
border:0;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,.3);
-moz-box-shadow:0 1px 0 rgba(0,0,0,.3);
}

.nav a:active {
-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.3);
-moz-box-shadow:0 -1px 0 rgba(0,0,0,.3);
}

#header .nav a:link,#header .nav a:visited,#header .nav a:active {
color:#fff;
background:#990000 ;
}

#header .nav a:hover {
color:#fff;
background:#B80606;
}

#content .nav a:link,#content .nav a:visited,#content .nav a:active {
color:#9BBDFF;
background:#526d6b;
}

#content .nav a:hover {
color:#c2c5a9;
background:#3f7281;
}

div.post-infos a,div.post-infos a:link,div.post-infos a:visited,div.post-infos a:active {
color:#526d6b;
}

.rss a,.rss a:link,.rss a:active,.rss a:visited {
background:url(images/rss.png) no-repeat 5px 6px;
text-shadow:none;
font-weight:700;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
padding:2px 5px 2px 19px;
}

.rss a:hover {
background-color:#F93;
border-bottom:none;
}

a.arrow,a.arrow:link,a.arrow:active,a.arrow:visited {
background:url(images/arrow-up.png) no-repeat 5px 6px;
text-shadow:none;
font-weight:700;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
padding:2px 5px 2px 19px;
}

a.arrow:hover {
background-color:#B80606;
border-bottom:none;
}

#sidebar a,#sidebar a:link,#sidebar a:visited,#sidebar a:active {
color:#336699;
}
h2.posttitle a, h2.posttitle a:link, h2.posttitle a:visited, h2.posttitle a:active, h2.posttitle a:hover{
color:#990000;
margin-top:10px;

}

/*
####################################################################
POSTS / PAGES
#################################################################### */
.post,.search .page,.navigation,#comments {
margin-top:0;
padding-top:0;

}

.page .post {
margin-top:0;
padding-top:0;
}

.post:first-child,.search .page:first-child {
margin-top:0;
padding-top:0;
border:0;
}

div.post-infos {
color:#526d6b;
text-shadow:none;
margin-top:10px;

font-weight:700;
}

div.post-infos:first-child {
margin:0 0 5px;
}

ul.post-infos {
width:220px;
position:fixed;
}

#sidebar ul.post-infos li {
list-style:none;
line-height:1.3em;
border-top:1px dotted #3f7281;
padding:10px 0;
}

#sidebar ul.post-infos li:first-child {
border-top:none;
padding-top:0;
}

ul.post-infos li span {
color:#526d6b;
text-shadow:none;

font-weight:700;
}

.post ul,.post ol {
margin-bottom:10px;
}

.post ol li {
list-style:outside lower-latin;
}

.post pre,.post blockquote,.post code,.post img,.attachment img,.wp-caption,#respond,.avatar {
}

.post pre {
margin:10px 0;
padding:20px;
}

.post blockquote {
margin:10px 0;
padding:15px 20px 5px 20px;
background-color:#E3ECF5;
}

.post code {
padding:3px 5px;
}

.post img,.attachment img,.avatar, img {
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

img.alignnone,img.alignleft,img.alignright,div.alignnone img,div.alignleft img,div.alignright img {
display:inline;
}

.alignleft {
float:left;
margin:5px 10px 5px 0;
}

.alignright {
float:right;
margin:5px 0 5px 10px;
}

.wp-caption {
text-align:center;
padding-top:5px;
}

.wp-caption img {
border:0 none;
background:none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:.8em;
margin:0;
padding:5px;
}

/*
####################################################################
COMMENTS / TRACKBACKS / PINGBACKS
#################################################################### */
#comments .title .right {
margin-top:10px;
}

.comment,.pingback,.trackback {
min-height:70px;
margin-top:20px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
background:#614a23;
padding:10px 10px 0;
}

.comment .left,.pingback .left,.trackback .left {
width:130px;
text-align:right;
}

.comment .right,.pingback .right,.trackback .right {
width:430px;
margin-left:20px;
}

.depth-2 {
margin-right:20px;
}

.depth-2 .right {
width:410px;
}

.depth-3 {
margin-right:40px;
}

.depth-3 .right {
width:390px;
}

.depth-4 {
margin-right:60px;
}

.depth-4 .right {
width:370px;
}

.depth-5,.depth-6,.depth-7,.depth-8,.depth-9,.depth-10 {
margin-right:80px;
}

.depth-5 .right,.depth-6 .right,.depth-7 .right,.depth-8 .right,.depth-9 .right,.depth-10 .right {
width:350px;
}

.avatar {
float:right;
margin-left:10px;
}

#commentlist .comment-author-admin,#commentlist .bypostauthor {
background:#CB1921;
color:#FFC4BE;
}

#commentlist .comment-author-admin .avatar,#commentlist .bypostauthor .avatar {
background:#7F0F14;
}

#respond {
margin-top:40px;
padding:20px 20px 10px;
}

/*
####################################################################
FORM
#################################################################### */
input,textarea {
font:1em 'Helvetica Neue', Helvetica, Arial, sans-serif;
background:#fff;
color:#222;
border:1px solid #3f7281;
outline:none;
padding:6px 8px;
}

input {}

textarea {
width:542px;
resize:vertical;
}

input:hover,textarea:hover {
border-color:#ABABAB;
}

input:focus,textarea:focus {
color:#222;
border-color:#ABABAB;
}


input.submit, input[type="submit"] {
background:url("images/gradient.png") repeat-x scroll center top #336699;
border-color:#336699;
color:#FFFFFF;
cursor:pointer;
font-weight:700;
padding-left:10px;
padding-right:10px;
width:auto !important;
}

input.submit:hover,input[type=submit]:hover,input.submit:focus,input[type=submit]:focus {
background-color:#B80606;
border-color:#B80606;
}

input.submit:active,input[type=submit]:active {
background-color:#747c61;
}

label {
font-weight:700;
color:#41679A;
margin-left:5px;
}

.s {
float:left;
width:125px;
height:18px;
border-top-right-radius:0;
border-bottom-right-radius:0;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
-khtml-border-top-right-radius:0;
-khtml-border-bottom-right-radius:0;
border-right:0;
}

.searchSubmit {
height:32px;
border-top-left-radius:0;
border-bottom-left-radius:0;
-moz-border-radius-topleft:0;
-moz-border-radius-bottomleft:0;
-webkit-border-top-left-radius:0;
-webkit-border-bottom-left-radius:0;
-khtml-border-top-left-radius:0;
-khtml-border-bottom-left-radius:0;
border-left:0;
}

#header .nav,.right {
float:right;
}

#toggleArchives:hover{
color:#dfdfdf;
}

#sidebar a:hover{
color:#B80606;
}

.textwidget,#archives li,#page li {
line-height:1.8em;
}

#sidebar li, {
list-style:none;
}

.post ul li{
color:#222;
list-style-type:circle;
margin-left:30px;
}

#header a:hover,div.post-infos a:hover,.wp-caption a:hover {
border-bottom:0;
}

.post a:hover img,.attachment a:hover img,#commentlist .even,  a:hover img {
background:#3B75AF;
}

.post a:hover img.nooutline,.attachment a:hover img.nooutline,#commentlist .even.nooutline{
background:#fff;
}

#page a,#page a:link,#page a:visited,#page a:active{
color:#336699;
text-decoration:none;
}

#page a:hover{
color:#990000;
text-decoration:none;
border-bottom:none;
}

#page h1 a,#page h1 a:link,#page h1 a:visited,#page h1 a:active{color:#133359;text-decoration:none;}
#page h1 a:hover{color:#B80606;text-decoration:none;border-bottom:none;}

#page h2 a,#page h2 a:link,#page h2 a:visited,#page h2 a:active{color:#133359;text-decoration:none;}
#page h2 a:hover{color:#B80606;text-decoration:none;}

#top_quotes{
position:absolute;
margin:3px 0 0 460px
}
/* Dropdown menu */
#topcontainer{
width:500px;
margin:0 0 0 -93px;
font-size:13px;
}
#topmenu{
position:absolute;
margin-top:0px;
cursor:pointer
}
#topmenu ul .item{
display:none; font-size:11px;
}
#topmenu ul:hover .item{
display:block;
background:#336699;
padding:3px;
margin:1px;
}
#topmenu ul:hover .item a{
color:#fff;
text-decoration:none;
}
#topmenu ul:hover .item a:hover{
color:#dfdfdf;
}
#topmenu ul{
width:100px;
float:left;
margin:0px;
padding:6px;
background:#336699;
list-style:none;
text-align:center;
margin-right:1px;
z-index:9888;
position:relative;
}
.clear{clear:both;}

/* iContact form */
.link,.link a,.signupframe{
color: #222222;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
.link,.link a {
text-decoration: none;
}
.signupframe {
width:360px;
}
.signupframe .required {
font-size: 10px;
}
.signupframe input{
margin-bottom:10px;}
#fields_mailinglist{
width:50px;
text-align:left;}

.thumbnail {float:left; margin:0 8px 0 0; padding:3px 3px 0px 3px; }
.thumbnail img{width:200px; height:200px;}	
.thumbnail img a{border:none;}	

.fronttext{
float:left;
line-height:1.6em;
font-size:14px;
color:#222;
width:250px; }
.frontvideo{float:right; }

.newsdate{
font-size:11px;
margin-top:-6px;
font-style:italic;
}

#donate img, #facebook img{ background:none;}

.inthemedia{
border:1px solid #999999;
padding:15px 0 0 20px;
width:578px;}

/* HOME PAGE BOXES */

.home_box{
width:192px;
height:238px;
float:left;
margin-right:12px;
}
.home_box_last{
margin-right:0;
}

.home_box_title{
color:#fff;
height:18px;
width:187px;
font-weight:700;
padding:0 0 0 5px;
line-height:18px;
}

.bk_blue{background-color:#336699;}
.bk_gray{background-color:#666;}
.bk_red{background-color:#A82929;}

.home_box_content{
height:200px;
overflow-y:auto;
border:1px solid #ccc;
padding:5px;
color:#333;
}

.home_box_item{
margin:0 0 5px 0;
padding-bottom:8px;
border-bottom: 1px dotted #CCC;
}

.home_box_newsitem_date{
color:#333;
font-weight:bold;
font-style:italic;
}

.home_box_mediaitem_img{
float:left;
height:65px;
width:86px;
}

.home_box_mediaitem_title{
float:left;
margin-left:3px;
position:relative;
width:70px;
}

.wpcf7-mail-sent-ok, .wpcf7-validation-errors{
color:#333 !important
}



/* Gallery styles */

ul.thumbs_meet li{
	line-height:0;
	list-style:none;
	margin:0
	}

#gallery_meet{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(images/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:600px;
	overflow:hidden;
}

#main_meet{
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:600px;
	position:relative;
}

ul.thumbs_meet li a:hover img{
background:none;
}


#slides_meet{
	/* This is the slide area */
	height:auto;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:600px;
	overflow:hidden;
}

.slide{
	float:left;
	width:600px;
	padding-top:10px;
}
.slide_name{
	font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; margin:10px 0; color:#133359}
.slide_desc{
	padding:0 20px 10px 20px;
}
.slide_desc p{
	font-size:12px}

#menu_meet{
	/* This is the container for the thumbnails */
	height:45px;
}

ul.thumbs_meet{
	margin:0px;
	padding:0px;
}


ul.thumbs_meet li {
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

ul.thumbs_meet li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(images/pic_bg.png) repeat;
}

ul.thumbs_meet li.act, ul.thumbs_meet li.act:hover{
	/* The active state of the thumb */
	background:url(images/active_bg.png) no-repeat;
}

ul.thumbs_meet li.act a{
	cursor:default;
}



ul.thumbs_meet li a, ul.thumbs_meet li.act a{
	display:block;
	background:url(images/divider.png) no-repeat right !important;
	padding-top:10px;
	padding-right: 5px;
	margin-top:6px
}

ul.thumbs_meet li.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(images/divider.png) no-repeat right; 
}

#logo a:hover img{padding:0;border:none;margin:0}

.youtube_gallery_caption{color:#000 !important}


/* The NEW Header */

#top {
	height:150px;
	margin:auto;
	width:940px;
	position:relative;
	background:#fff;
	/*border:5px solid #efece5; */
	
	}
	
.topbar{
	height:34px;
}
	
.blogname {
	width:600px;
	margin:10px 0 0 15px;
    float:left;

	}
.blogname h1  {
	font-size:36px;
	text-align:left;
	margin-left:-99999px
}
#rb7_logo{margin-top:-50px;}
.blogname h1  a:link, .blogname h1  a:visited{ 
	color: #47587a; 
	display:block;
	margin:0px 0 0 0px;
	}
	
.blogname h1  a:hover { 
	color: #47587a; 
	}
.blogname h2 {
	margin:5px 0px 0px 0px;
	font-size:16px;
	font-weight:normal;
	color: #133359; 
	text-align:left;
	font-family:Arial ,Century gothic,Verdana,Tahoma,sans-serif;	
	}

.toplist{
	text-align:right;
	padding:10px 10px;
	color:#D9D5CD;
}

.toplist a:link,.toplist a:visited{
	color:#516284;
}
.toplist a:hover{
color:#E7135D;
}


/*Page menu*/


#foxmenucontainer{
	height:30px;
	display:block;
	padding:0px 0 0px 0px;
	font: 13px Arial,Tahoma,Century gothic,verdana,  sans-serif;
	width:940px;
	position:absolute;
	bottom:0px;
	left:0px;
	background-color:#133359;
	top:130px;
	}
#menutop{
	margin: 0px;
	padding: 0px 5px;
	height:30px;
	float:left;
	}
	
#menutop ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;

	}
	
#menutop li {
	float: left;
	list-style: none;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	}
	
#menutop li a, #menutop li a:link, #menutop li a:visited {
	display: block;
	margin: 0px;
	padding: 0px 10px ;
	line-height:30px;
	color:#fff;	
}

#menutop li a:hover, #menutop li a:active {
	background:#4988B3;
    margin: 0px;
	padding: 0px 10px ;
	line-height:30px;
	text-decoration: none;
	color: #fff;
	}
#menutop li.current_page_item a {
	color: #fff;

}	
#menutop li li a, #menutop li li a:link, #menutop li li a:visited {
	background:#133359 ;
	width: 150px;
	color: #fff;
	float: none;
	margin: 0px;
	padding: 0px 10px ;
	line-height:25px;
	border-bottom: 1px solid #3a5371;

	}
	
#menutop li li a:hover, #menutop li li a:active {
	background:#4988B3;
	color: #fff;
	padding: 0px 10px ;
	line-height:25px;
	}

#menutop li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#menutop li li { 
	}

#menutop li ul a { 
	width: 140px;
	}

#menutop li ul a:hover, #menutop li ul a:active { 
	}

#menutop li ul ul {
	margin: -36px 0 0 170px;
	}

#menutop li:hover ul ul, #menutop li:hover ul ul ul, 
#menutop li.sfhover ul ul, #menutop li.sfhover ul ul ul {
	left: -999em;
	}

#menutop li:hover ul, #menutop li li:hover ul, 
#menutop li li li:hover ul, #menutop li.sfhover ul, 
#menutop li li.sfhover ul, #menutop li li li.sfhover ul {
	left: auto;
	}

#menutop li:hover, #menutop li.sfhover { 
	position: static;
	}

a.top_news_link{text-decoration: underline !important; color: #4582af !important;}
a.top_news_link:hover{text-decoration: none !important;}