/*
THEME NAME: Sandbox (Modified for IF ONLY SURFSHOP)
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

/* Two-column with sidebar on left from the /examples/ folder  */
/* @import url('examples/2c-l.css'); */


body {
	background: #000 url(images/ifonly-bodybg.jpg) repeat;
	color: #333; 
	font-size: 72.5%;
 	margin: 0 0 20px 0;
	padding:0;
	font-family: Verdana, Lucida, sans-serif; 
}

a { 
 	text-decoration: none; 
	color: #F20017;
}
a:hover { 
 		text-decoration: underline;
	}

/* LAYOUT STYLES */

div#wrapper {
margin:0 auto;
width:960px;
background:#FFF;
}

div#header {
background: #FFF url(images/ifonly-header960.jpg) bottom center no-repeat;
height:189px;
}

div#header h1{
display:none;
}

div#container {
/*float:right;*/
padding:0 25px;
background:#FFF;
color:#666;
}

div#content {
margin:0 250px 0 0;
}

div#pagecontent {
margin:10px 0;
line-height: 18px;
}

div.sidebar {
float:right;
margin:15px 0 0 15px;
overflow:hidden;
width:220px;
}

div#secondary {
float:right;
clear:left;
}

div#footer {
clear:both;
text-align:center;
margin:10px 0 0;
background: #FFF url(images/footer-rounded.jpg) bottom left no-repeat;
}

div#subfooter {
width:920px;
margin:5px auto 0;
text-align:right;
color:#FFF;
}

/* END LAYOUT STYLES */

/* MAIN NAVIGATION - TABS */
#Navigation {
	margin: 10px 0 0 50px;
	/*padding-top: 5px;*/
	overflow: hidden;
	/* background: transparent url(../images/headerRounded.gif) no-repeat center bottom; */
}
	#Navigation ul { 
 		margin:0;
		padding:0;
		/*float: right; 
		margin-right: 10px;*/
	}
		#Navigation ul li { 
	 		list-style: none; 
			margin: 0 5px; 
			float: left;
			line-height: 1.7em;
			display: block;
		}
  			#Navigation ul li a { 
				float: left;
				text-decoration: none;
				display: block; 
				height: 1.7em; 
				font-size: 1.1em;
				letter-spacing:.1em;
				padding: 4px 0 3px 10px;
				color: #fff;
			}
				#Navigation ul li a span {
					text-align: center;
	        		float: left;
					height: 1.8em;
					margin: -4px 0 0 0;
					padding:3px 10px 3px 0;
				}
				#Navigation ul li.current_page_item a,
	    		#Navigation ul li.current_page_item a:hover { 
				 	background: transparent url(images/ifonly-activeTabLeft.png) no-repeat left top; 
				 	color: #444;
					}
				#Navigation ul li.current_page_item span,
				#Navigation ul li.current_page_item a:hover span {
					background: transparent url(images/ifonly-activeTabRight.png) no-repeat right top;
					color: #444;
					}
					#Navigation ul li a:hover { 
			 			background: transparent url(images/ifonly-hoverTabLeft.png) no-repeat left top; 
						color: #f20017;
						cursor: pointer;
					}
					#Navigation ul li a:hover span {
						background: transparent url(images/ifonly-hoverTabRight.png) no-repeat right top;
						cursor: pointer;
					}

/* END MAIN NAVIGATION - TABS */

#blog-description {
width:128px;
height:150px;
margin-left:45px;
background: url(images/ifonlylogo-150h.png) no-repeat;
}
.blog-description-text {
display:none;
}

#nav {
margin:4px 0 0 45px;
}

div#menu ul,div#menu ul ul {
line-height:1em;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
font-size:1.2em;
margin-right:1em;
padding:0.5em 0.6em;
text-decoration:none;
color:#FFF;
}

div#menu ul a:hover {
color:#f20017;
background:#FFF;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

#pagecontent h1,#pagecontent h2 {
color: #f20017;
margin: 20px 0;
font-weight: 300;
font-family: Arial,Helvetica,sans-serif;
}

#pagecontent h2 {
font-size: 2em;
letter-spacing: -0.03em;
}

#pagecontent h3 {
letter-spacing: -0.03em;
}

.entry-content img {
padding:2px;
border:1px solid #666;
}

.entry-title {
}

.entry-meta {
/* clear:both; */
border:1px solid #CCC;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color: #EEE;
margin-bottom:10px;
padding: 6px;
}

div#primary {
float:right;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:0 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:0 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

/* COMMENTED OUT THESE STYLES SET BY SANDBOX THEME, they jacked up display in IE using default Gallery settings, if you use the gallery code in functions.php you'll need to uncomment these styles

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}
*/

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
color:#666;
text-transform:lowercase;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:none;
margin:0;
padding-top:3px;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:none;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

.footertext {
margin:40px 0 0 0;
padding:8px 0 25px 0;
}

#subfooter a {
font-size:1em;
color:#FFF;
text-decoration:none;
}

#subfooter a:hover {
color:#F20017;
text-decoration:none;
}

/* HOMEPAGE STYLES */
#blogwrapper {
	float:left;
	width: 445px;
	border:1px solid #666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 0 15px 15px;
	background-color:#DEDEDE;
}
#blogwrapper h3 {
	margin-top:0;
	font-size: 1.4em;
	font-weight:normal;
}
.blogwrapperpadding {
	padding:10px;
}
.blogdescriptor {
	text-align:right;
	color: #626467;
	margin-bottom:0;
	padding-bottom:0;
}
#homeboxes_wrap {
	margin: 0;
	padding: 0;
}
#homeboxes_wrap dl {
	margin:0;
	padding:0;
}
.homeboxes {
	margin:0px auto;
	padding:0;
}
.homeboxes dt {
	margin:0 0 13px 0;
	padding:0;
	text-align:right;
	overflow:hidden;
	list-style-type: none;
	float: left;
	width:445px;
	height:228px;
	border: 1px solid #666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.homeboxes dt.homebox-surfboards {
	margin-right:15px;
	background:  url(images/homebox-surfboards.jpg) no-repeat top left;
}
.homeboxes dt.homebox-clothing {
	background:  url(images/homebox-clothing.jpg) no-repeat top left;
}
.homeboxes dt.homebox-blog {
	margin-right:15px;
	background:  url(images/homebox-blog.jpg) no-repeat top left;
}
.homeboxes dt.homebox-team {
	background:  url(images/homebox-team.jpg) no-repeat top left;
}
.homeboxes dt.homebox-slideshow {
	height:277px;
}
.homeboxes dt strong {
	position:relative;
	display:block;
	bottom:-205px;
	font-size:36px;
}
#homeboxes_wrap .homeboxes dt strong a {
	color:#FFF;
	text-decoration:none;
}
#homeboxes_wrap .homeboxes dt strong a:hover {
	color:#f20017;
	text-decoration:none;
}
/* .homeboxes dt.lefthomebox {
	margin-right:15px;
}
.homeboxes img {
	float:right;
} */

/* styles for rotating images on homepage */
#slideshow
{
	/*position: absolute;*/
	overflow: hidden;
	width: 445px;
	height: 277px;
}

#slideshow img
{
	margin:0;
	border: 0;
	padding:0;
}

.edit-link {
clear:both;
}