/*
Theme Name: strive_media
Description: 2 column, with RHS widget sidebar

*/


body {
margin: 0;
padding: 0;  
color: #333;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
background: #777;
}


#wrapper{
width: 900px;
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 78%;
line-height:18px;
background: transparent;
}

#wrapper2{
	background: transparent;
}

#superheader{
padding: 0 11px;
margin: 0;
height: 45px;
}	


#header{
padding: 0px  0 0px 0;
height: 160px;
margin: 0px 0 0px 1px;
/*border-bottom:2px solid #fff;*/
}	

#menu {
border-bottom:2px solid #89E1EF;
height:28px;
width:879px;
margin: 5px 0 0 11px;
}

#menu ul {
height:20px;
margin:5px 0 0 0px;
padding:0;
width:879px;
/*text-align: center;*/
}

#menu li {
display:inline;
margin:0;
padding:3px 4px;
text-align:center;
}

#menu li a {
color:#032684;
font-size:0.9em;
font-weight:bold;
line-height:1.1em;
margin:0 0 5px 0;
text-decoration:none;
}

#menu li a:hover {
color:#89E1EF;
}

#menu li.current a {
color:#FF9C1F;
}

#gdSearch {
display:none;
width:170px; height:45px;
	margin: 0px 10px 0 550px;
	text-align:left;
}
		
#content{
clear:both;
padding: 0;
margin: 15px 10px;
}	


#main {
width: 660px; 
float:right;
margin: 0 5px 0 0;
padding: 0 0px 10px 0px;
overflow:hidden;
}

#widemain { 
clear:both;
margin: 0 5px 0 5px;
padding: 0 0px 10px 10px;
overflow:hidden;
}


#sidebar {
float:left;
width:200px;
padding: 0;
margin:0 0 0 10px;
}

#sidebar2 {
float:left;
width:200px;
padding: 0;
margin:0 0 0 10px;
}

#rightcolumn {
float: right;
width: 200px;
/*height: 1130px;*/
padding: 0;
margin:0px 5px 0px 0px;
/*border: 1px solid red;*/
background: #FFFFFF;
}

#footer {
clear: both;
margin: 0;
padding: 10px  0 ;
text-align: center;
font-size: 85%;
background: transparent;
}


#footer-inner{
clear:both;
}

#footer-inner p{
padding:15px 0 20px 0;
margin:0;
}

#navigation{
padding: 5px 15px;

}

#navigation div.fleft{
float:left;
}

#navigation div.fright{ 
float:right;
}

#credit{
text-align:right;
font-size: 80%;
}

#credit p{
	margin: 0px 10px;
	padding: 3px;
	}
#credit p a{
	color: #777;
	font-weight:100;
}
#credit p a:hover{
	color: #777;
}


#subscribe{
text-align:center;
display:none;
}

#subscribe p{
 margin: 5px 0;
}

/*  ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin: 10px 5px;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1{
	font-size: 1%;
	text-indent: -3000px;
	}
h2{
	font-size: 160%;
}
h3{
	font-size: 120%;
}
h4{
	font-size: 110%;
}
h5{
	font-size: 100%;
}
h6{
	font-size: 90%;
}


a{
color: #022684;
font-weight:800;
text-decoration:underline;
}
a:hover{
color:#7F828B;
text-decoration:underline;
}

a img{
border:0px;
}

hr{
height:2px;
margin:5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

blockquote{
background-color: #F6E8E8;
padding: 5px 15px;
margin: 3px 30px;
border: 1px 1px 1px 4px solid #972321;


}

form{
margin: 0;
padding:0;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

code{
	font-size: 90%;
	font-family: "Courier New", Courier, monospace;
	white-space: pre;
}

td{
 vertical-align:top;
}




#tabs{
padding: 0;
background: #972321;
}

#tabs ul{
margin: 0;
padding:3px 0;
list-style-type:none;
background-COLOR: #79201E;

}

#tabs ul li{
margin: 10px 0 3px 15px;
padding: 6px 15px 6px 0px;
display:inline;
border-right: 2px solid #fff;
font-size: 90%;
font-family: Tahoma, Arial, sans-serif;
}

#tabs ul li a{
color: #ffffff;
}

#tabs ul li a:hover{
color:#ececec;
 text-decoration:none;
}


/* Headings */ 

form#searchform2{
display: block;
margin: 3px 0px;
}


#header h3{
margin:  0;
padding: 15px 0 0 15px;
font-weight:800;
font-size: 200%;
display:none;
}

#header h3 a{
font-weight:100;
color: #ccc;
text-decoration: none;
display:none;
}


#header h2{
margin: 0;
font-family: Tahoma, Arial, Verdana, sans-serif;
letter-spacing:1px;
padding: 10px 0 5px 17px;
font-weight:800;
color: #ccc;
font-size: 85%;
line-height:120%;
display:none;
}

h2#sectiontitle{
font-size:150%;
line-height:120%;
font-weight: 300;
padding:6px 6px 6px 10px;
margin:8px 10px 5px 0px;
color: #444;
border-top: 1px solid #972321;
background-color: #F3D7D2;
}

/* post styles */

.post{
margin: 0 0 10px 0;
padding: 5px;
}

.entry{
margin: 0;
padding: 0 0;
}

.entry img{
padding:0 20px 5px 0;
}

.post h2 {
color:#022684;
font-size: 190%;
line-height:120%;
font-weight:800;
padding: 2px 0 0px 2px;
margin: 0 0 15px 0;
}

.post h1 {
color:#022684;
line-height:1%;
font-weight:500;
/*padding: 2px 0 8px 2px;*/
margin: 0 0 -1px 0px;
}
.post h1 a{
color: #022684;
text-decoration:underline;
line-height:1%;
font-weight:500;
}

.post h1 a:red{
color: #972321;
text-decoration:none;

line-height:120%;
font-weight:500;
}
.post h1 a:visited{
color: #022684;
text-decoration:underline;

line-height:120%;
font-weight:500;
}
.post h2 a{
color: red;
text-decoration:underline;
font-weight:900;
}

.post h2 a:hover{
text-decoration:underline;
color: black;
}

.postmetadata{
font-size:80%;
/*border-top: 1px solid #022684;
background-color: #F6E8E8;
padding: 1px 0 1px 5px;*/
margin: 0 210px 0 0;
}

.postmetadata p{
line-height: 15px;
padding: 0;
margin: 3px 0;
}


/*  Comments   */

h3#comments, h3#postcomment{
	font-size: 100%;
	font-family:verdana, sans-serif;
}	

ol#commentlist{
padding: 0 0 0 20px;
font-size: 90%;
list-style-type:none;
}

ol#commentlist li{
	padding: 2px 10px;
	margin: 0;
}

ol#commentlist li p.commentheader{
margin: 3px 0 0px 0;
padding: 1px 5px;
}



ul#commentlist{
padding: 0;
margin:0;
list-style-type:none;
}

ul#commentlist li{
	display: block;
	padding: 0;
	margin: 0 15px;
	font-size:90%;
	border: 4px solid white;
}


ul#commentlist li div.gravatar {
	width:40px;
	float:left;
	text-align: center;
	padding: 5px 0 0 5px;
}

ul#commentlist li div.gravatar img{
border: 2px solid #ddd;
}


ul#commentlist li p.commentauthor {
	padding: 0;
	margin: 0 0 2px 0;
	overflow:hidden;
}


ul#commentlist li p.commentheader{
margin: 0 0 10px 0;
padding: 0px;
}


ul#commentlist li div.commenttext{
padding: 0 0 0 0px;
margin:5px 10px 5px 60px;
}

ul#commentlist li div.commenttext div.commentwrapper{
background: #F0F9FF;
margin:0 0 0 5px;
padding: 3px 8px;
border-top: 1px solid #972321; 
}


/*  sidebar styles */


.menu{
padding:0;
font-size:90%;
}

.menu a{
font-weight: 100;
}

.menu a:hover{
text-decoration:none;
}

.menu ul{
margin:0;
padding:0 0 0 0px;
list-style-type:none;
}

.menu ul li.widget{
padding:2px 0 0 4px;
margin:0 0 0px 0px;
background-color:#EEFBFC;
}

.menu ul li.widget ul{
	margin: 8px 0 0 0;
	padding:0;
	}

.menu ul li.widget ul li{
padding: 2px 0 2px 12px;
margin:0;
}

.menu ul li.widget ul li ul{
}

.menu ul li.widget ul li ul li{
border-top: 1px solid #eee;
border-bottom: none !important;
padding: 0 0 0 11px;
}

.menu ul li.widget h3{
font-size:120%;
padding:2px 0 3px 5px;
margin:0;
color: #022684;
font-weight: 800;
font-family: arial, verdana, sans-serif;
font-variant:small-caps;
letter-spacing:2px;
background:url("images/sidebarblend.jpg");
}

.menu ul li h3 a{
color: #611A18;
font-weight: 800;
}
.menu ul li h3 a:hover{
color: #611A18;
text-decoration: none;
}

.menu form{
display:block;
margin:0px;
padding:4px;
}

.menu input{
margin:3px 0;
font-size:90%;
}

li.widget .textwidget, li.widget #search {
/*padding: 2px 5px;*/
}

/* sidebar 2*/

.menu2{
padding:0;
font-size:90%;
}

.menu2 a{
font-weight: 100;
}

.menu2 a:hover{
text-decoration:none;
}

.menu2 ul{
margin:0;
padding:0 0 0 0px;
list-style-type:none;
}

.menu2 ul li.widget{
padding:0px 0;
margin:0 0 0px 0px;
background-color:#EEFBFC;
}

.menu2 ul li.widget2{
padding:0px 0 0px 0;
margin:0 0 0px 0px;
background-color:#FFFFA3;
}

.menu2 ul li.widget ul{
	margin: 8px 0 0 0;
	padding:0;
	}

.menu2 ul li.widget ul li{
padding: 2px 0 2px 12px;
margin:0;
}

.menu2 ul li.widget ul li ul{
}

.menu2 ul li.widget ul li ul li{
border-top: 1px solid #eee;
border-bottom: none !important;
padding: 0 0 0 11px;
}

.menu2 ul li.widget h3{
font-size:120%;
padding:2px 0 3px 5px;
margin:0;
color: #042586;
font-weight: 800;
font-family: arial, verdana, sans-serif;
font-variant:small-caps;
letter-spacing:2px;
background:url("images/sidebarblend.jpg");
}

.menu2 ul li.widget2 h3{
font-size:120%;
padding:2px 0 3px 5px;
margin:0;
color: #042586;
font-weight: 800;
font-family: arial, verdana, sans-serif;
font-variant:small-caps;
letter-spacing:2px;
background:url("images/sidebarblend.jpg");
}

.menu2 ul li h3 a{
color: #611A18;
font-weight: 800;
}
.menu2 ul li h3 a:hover{
color: #611A18;
text-decoration: none;
}

.menu2 form{
display:block;
margin:0px;
padding:4px;
}

.menu2 input{
margin:3px 0;
font-size:90%;
}

li.widget .textwidget, li.widget #search {
/*padding: 2px 5px;*/
}

/* Calendar styles */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}


#footer a{
font-weight: 100;
}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

div.textwidget {
background-color:#EEFBFC;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#sidebar2 div.menu {
background-color:#EEFBFC;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

div.textwidget p {
font-size:14px;
line-height: 4px;
Font-weight:bold;
text-align: center;
color:#000000;
}

div.menu ul ul div {
font-size: 11px;
padding: 0 15px;
}

div.menu ul ul {
padding: 0 3px 10px 3px;
}

.menu2 li.page_item a, .menu2 li.page_item a:link, .menu2 li.page_item a:visited {
background:url("images/arrow.gif") no-repeat scroll 0 20% transparent;
color:#001FA0;
display:block;
font:0.95em "Trebuchet MS",Arial,Helvetica,sans-serif;
height:25px;
margin:0px 0 0 5px;
padding:0 35px 0 10px;
text-align:left;
text-decoration:none;
width:120px;
list-style-type: none;
}

.menu2 li.page_item a:hover {
background:url("images/arrow.gif") no-repeat scroll 85% 20% transparent;
color:#760384;
text-decoration:none;
list-style-type: none;
}

#buttonbox {
height: 190px;
float: left;
padding: 0 0 0 90px;
width: 100%;
}

#buttonbox2 {
height: 145px;
float: left;
padding: 0 0 0 105px;
width: 100%;
}

#gohome {
width: 400px;
height: 160px;
}

.clearfix {
clear:both;
}


.redtext {
color:blue;
font-size:120%;
}

.boldtext {
color:red;
font-size:120%;
}

.pinktext {
color:#DC00FF;
font-weight:bold;
font-size:120%;
}

.footertext {
color:#0084EC;
font-size:150%;
line-height:25px;
}

.homenav {
	float: left;
	height: 189px;
	width: 160px;
}


#scubabutton {
background-image:url(../../uploads/2010/04/scuba_01.jpg);
}

#scubabutton:hover {
background-image:url(../../uploads/2010/04/scuba_02.jpg);
}

#surfbutton {
background-image:url(../../uploads/2010/04/surf_01.jpg);
}

#surfbutton:hover {
background-image:url(../../uploads/2010/04/surf_02.jpg);
}

#kayakbutton {
background-image:url(../../uploads/2010/04/kayak_01.jpg);
}

#kayakbutton:hover {
background-image:url(../../uploads/2010/04/kayak_02.jpg);
}

#outdoorbutton {
background-image:url(../../uploads/2010/04/outdoor_01.jpg);
}

#outdoorbutton:hover {
background-image:url(../../uploads/2010/04/outdoor_02.jpg);
}

table {
margin:0 0 0 60px;
}

#menu ul li{
float:left;
position:relative;
}

#menu ul li ul{
visibility:hidden;
margin:0px;
padding:0px;
width:200px;
position:absolute;
}

#menu ul li ul li{
display:block;
width:125px;
height:25px;
background:#ffffff;
border:1px solid #89E1EF;
padding:3px 5px 0;
}

li.hoverlist:hover ul{
visibility:visible;
}

/* remove the bullets, padding and margins from the lists */
#menu ul{
list-style-type:none;
padding:0;
margin:0;
}


/* make the top level links horizontal and position relative so that we can position the sub level */
#menu li{
float:left;
position:relative;
z-index:100;
}




/* style all the links */
#menu a{
display:block;
/*font-size:10px;*/
width:95px;
/*padding:7px 0;
color:#000;
background:#949e7c;*/
text-decoration:none;
margin-right:6px;
text-align:center;
font-family:verdana, sans-serif;
}


/* style the links hover */
#menu :hover{
/*color:#444;
background:#d4d8bd;*/
}

/* hide the sub level links */
#menu ul ul {
visibility:hidden;
position:absolute;
width:125px;
height:0;
text-align:center;
}


/* make the sub level visible on hover list or link */
#menu ul li:hover ul,
#menu ul a:hover ul{
visibility:visible;
z-index:200;
}

#menu ul li ul li a, #menu ul li ul li a:hover{
width:125px;
}

div.menu2 #sidebarmenu1{
padding: 5px 0 0 0;
}
