/*

Theme Name: BARK

Description: BARK Paddleboards custom theme 

Author: Justin Wade

*/







body {

margin: 0;

padding: 0;  

color: #333;

text-align:center;

font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

font-size: 100.1%;

background: #fff;

}

a{
	outline:none;
}







#wrapper{

width: 960px;

margin: 0px auto 0px auto;

padding: 0px;

text-align:left;

font-size: 75%;

line-height:20px;

background: #fff;

background-image:url(images/bodybg.gif);
background-repeat:no-repeat;
background-position:right 200px;

}





#header{

padding: 0px 0px;

margin: 0;

background: #ccc;

height:76px;

}	





#header-inner{

margin:0;

padding:0;

}





		

#content{

clear:both;

margin: 0;

padding: 5px 0px 5px 0px;


}	


#content-inner{
	margin:0;
	padding:0;
}


#main {

width: 688px; 

float:left;

margin: 0;

padding: 5px 0 10px 0;

overflow:hidden;

}





#sidebar {

padding: 0;

margin: 0 0 0 698px;


}





#footer {

clear: both;

margin: 0;

padding: 0;

text-align: center;

font-size: 85%;



}





#footer-inner{

background:none;
text-align:right;
height: 50px;

}



#footer p{

margin:0;

padding:15px 15px;

}



#navigation{

padding: 5px 15px;



}



#navigation div.fleft{

float:left;

}



#navigation div.fright{ 

float:right;

}



#credit{

text-align:right;

padding: 0 15px;

}



#credit p{

margin:0;

color:#777;

font-size:85%;

}



#credit p a, #credit p a:hover{

color:#999;

font-weight:100;

}



/*  ********** default styles *********** */



p, h1, h2, h3, h4, h5, h6{

margin: 10px 0;

padding: 0;

}



h1, h2, h3, h4, h5, h6 {

font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}



h1{

	font-size: 190%;

}

h2{

	font-size: 160%;

}

h3{

	font-size: 120%;

}

h4{

	font-size: 110%;

}

h5{

	font-size: 100%;

}

h6{

	font-size: 70%;

}





a{

color:#033a67;

font-weight:800;

text-decoration:none;

}

a:hover{

color:#033a67;

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: #f4f4f4;

padding: 5px 15px;

margin: 3px 30px;

}



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;

}



.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;

}





#tabs{

padding: 0;

background:#e3e2e2;
color:#666666;

}


#tabs ul{

margin: 0;

padding:3px 0;

list-style-type:none;



}



#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:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}



#tabs ul li a{

color: #666666;

}



#tabs ul li a:hover{

color:#A1E7FD;

 text-decoration:none;

}

	





/* Headings */ 



form#searchform2{

display: block;

float:right;

margin: 10px 10px 0px 5px;

}



#header h3{

margin:  0;

padding: 18px 0 0 10px;

}



#header h3 a{

font-weight:100;

color: #fff;

text-decoration: none;

font-size: 220%;

letter-spacing: 1px;

}



#header h2{

margin: 0;

padding: 10px 0 5px 10px;

font-weight:800;

color: #fff;

font-size: 100%;

letter-spacing: 1px;

}



h2#sectiontitle{

font-size:100%;

font-weight: 800;

font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

padding:6px 6px 6px 10px;

margin:8px 10px 5px 10px;

background: #f2f2f2;

color: #444;

}



/* post styles */



.post{

margin: 0 0 10px 0;

padding: 0 5px 5px 0px;

}



.entry{

margin: 0;

padding: 0px 10px 3px 0px;

}



.post h2 {

color: #333;

font-size: 150%;

font-weight:100;

padding: 7px 0 2px 2px;

margin: 10px 0 15px 0;

}





.post h2 a{

color: #333;

text-decoration:none;

font-weight:100;

}



.post h2 a:hover{

text-decoration:none;

color: #333;

}



.postmetadata{

font-size:80%;

padding: 1px 8px 1px 5px;

margin: 0;

border-top: 1px solid #ccc;

}



.postmetadata p{

line-height: 18px;

padding: 0;

margin: 2px 0;

}





.date{

float:left;

text-align:center;

font-weight:800;

margin: 0 10px 0 0;

padding: 0 10px;

border-right: 1px solid #ccc;

color: #444;

}





.dateDay{

display:block;

font-size: 16px;

line-height: 16px;

text-align:center;

}

.dateMonth, .dateYear{

display:block;

font-size: 11px;

padding:0;

line-height: 12px;

}









/*  Comments   */



h3#comments, h3#postcomment{

	font-size: 100%;

	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}	



ol#commentlist{

padding: 0 0 0 20px;

font-size: 90%;

list-style-type: none;

}



ol#commentlist li{

	padding: 0px 3px;

	margin: 0;

}



ol#commentlist li p.commentheader{

margin: 0px 0 0px 0;

display: block;

padding: 1px 5px;

}







ul#commentlist{

padding: 0;

margin:0;

list-style-type:none;

}



ul#commentlist li{

	display: block;

	padding: 0;

	margin: 0 15px 5px 15px;

	font-size:90%;

	background: #f2f2f2;

}



ul#commentlist p{

margin: 6px 0;

}



ul#commentlist li div.comm{

margin: 1px;

padding: 1px;

}



ul#commentlist li div.gravatar {

	width:50px;

	float:left;

	padding: 10px 0 0 10px;

}



ul#commentlist li div.gravatar img{

border: 2px solid #ccc;

}









ul#commentlist li div.commenttext{

padding: 0;

margin:5px 10px 5px 65px;

}



ul#commentlist li div.commenttext div.commentwrapper{

margin:0 0 0 5px;

padding: 3px 8px;

}





/*  sidebar styles */




#subscribe{
	text-align:right;
}
#subscribe p{

font-size: 85%;

margin: 15px 0 10px 0;
}







.menu{

padding:0;

font-size:90%;

}



.menu a{

font-weight: 100;

}



.menu a:hover{

text-decoration:none;

}



.menu ul{

margin:0;

padding:0;

list-style-type:none;

}



.menu ul li.widget{

padding:2px;

margin:0 0 0px 0px;

}



.menu ul li.widget ul{

	margin: 0;

	padding:0;

}



.menu ul li.widget ul li{

border-bottom:1px dotted #ccc;

padding: 2px 0 2px 15px;

margin:0;

}



.menu ul li.widget ul li ul{

}



.menu ul li.widget ul li ul li{

border-top: 1px dotted #ccc;

border-bottom: none !important;

padding: 2px 0 2px 15px;

}







.menu ul li.widget h3{

font-family:Georgia, "Times New Roman", Times, serif;

font-size:120%;

padding:2px 0 1px 4px;

margin:0;

border-bottom: 2px solid #033a67;

color: #333;

font-weight: 800;

font-variant:small-caps;

}



.menu ul li h3 a{

color: #333;

font-weight: 800;

}

.menu ul li h3 a:hover{

color: #333;

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;

}



/* Calendar styles */

#wp-calendar {

empty-cells: show;

margin: 5px auto 0;

width: 195px;

}



#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;

}

#wp-calendar th{

padding: 3px 0;

text-align: center !important;

}



#footer a{

font-weight: 100;

}