/*
Theme Name: cycles n sports 
Description: cycles website template for 2009.
Version: 0.8
Author: Brian Cerceo
Author URI: http://black-tooth.com/ 

*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );

/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-r.css' );

/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}
body {
	background-image:url(images/tile.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
p {
	margin-bottom:5px;
}
.indent {
	margin-left:20px;
}
input, textarea {
	font-size:13px;
	color:#555;
}
button#submit, input[type="button"], input[type="submit"] {
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 10px;
	font-size:12px;
	-moz-border-radius:16px;
	cursor:pointer;	
	background-image:url(images/buttonskin.png);
	background-repeat:repeat-x;
	background-position:0px -8px;
	border: solid 1px #666;
	color:#fff;
} 
button#submit:hover, input[type="button"]:hover, input[type="submit"]:hover {	
	background-position:0px 0px;
	border: solid 1px #333;
} 
button#submit:active, input[type="button"]:active, input[type="submit"]:active {	
	background-position:0px -50px;
	border: solid 1px #666;
} 
#all {
	height:730px;
	overflow: hidden;
}
#shadow {
	width:1025px;
	height:690px;
	background-image:url(images/shadow.png);
	background-position:center center;
	background-repeat:no-repeat;
	margin: 20px auto 0px auto;
	overflow: hidden; 
}
#container {
	width:990px;
	height:654px;
	background-image:url(images/bg-2.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	border:solid 10px #000;
}

/* HEADER */
.header {
	height:164px;
	position:relative;
	top:-30px;
	left:-45px;
}
	/* MENU */
	.menu {
		float:left;
		position:relative;
		top:35px;
		left:180px;
	}
	ul.nav, ul.nav:hover {
		border:none;
		background:none;
		height:22px !important;
		overflow:hidden;
	}
	
	ul.nav a, ul.nav a:hover, ul.nav a:focus, ul.nav a:active {
		border:none;
		background:none;
		background-color:none !important;
		padding-top:22px;
	}
	ul.nav li, ul.nav li:focus, ul.nav li:active {
		background-color:none !important;
		background-image:url(images/menu.png);
		background-repeat:no-repeat !important;
		width:66px;
		margin-right:6px;
		height:22px;
		overflow:hidden;
	}
	ul.nav li:hover, .nav li.nav-hover {
		background:none;
		background-image:url(images/menu-hover.png);
		background-repeat:no-repeat; 
	}
	ul.nav li a, ul.nav li a:hover, ul.nav li a:focus, ul.nav li a:active {
		background:none;
	}
	.current_page_item {
		background-image:url(images/menu-selected.png) !important;
	}
	.page-item-23 { /* about */
		width:77px !important;
		background-position:-75px 0px !important;
	}
	.page-item-27 { /* contact */
		width:100px !important;
		background-position:-510px 0 !important;
	}
	.page-item-34 { /* gallery */
		width:90px !important;
		background-position:-158px 0 !important;
	}
	.page-item-3 { /* meet the crew */
		width:155px !important;
		background-position:-343px 0 !important;
	}
	.page-item-41 { /* links */
		width:65px !important;
		background-position:-610px 0 !important;
	}
	/* END MENU */

	/* LOGO */
	#logo { 
		width:1090px;		
		height:1px;
		margin:auto;
		position:relative;
		z-index:2;
	}
	#logo a {
		background:url(images/logo.png) no-repeat;
		width:160px;
		height:164px;
		display:block;
	}
	/* END LOGO */
/* END HEADER */

/* CONTENT */
h1.entry-title { 
	display:none;
}
#content {
	clear:both;
	height:590px;
	width:710px;
	overflow-y:auto;
	overflow-x:hidden;
	background-image:url(images/white-bg.png);
	position:relative;
	top:-120px;
	margin:0 15px;
	-moz-border-radius:10px 0px 0px 10px;
	border:solid 1px #fff;
	float:right;
}
#primary {
	width:700px;	
}
.post {
	border-bottom: double 1px #333;
	padding:10px 15px;
	clear:both;
}
.clear {
	clear:both;
}
.entry-title, .entry-title a, .entry-title a:hover, .comment-title { 
	color:#000000;
	font-size:18px;
	line-height:22px;  
	font-weight:bold;
	padding:0 0 5px 0;
}
.entry-meta {
	font-style:italic;
	font-size:10px;
}
.hentry, .widget, .comment, .navigation-links { 
	margin-bottom:10px;
}
#respond {
	padding:2px 15px;
	background-image:url(images/gray-bg.png);
	margin-bottom:10px;
}
#leave-a-reply  {
	font-weight:bold;
}
.navigation-links {
	padding: 0 15px;
}
textarea#comment {
	height:120px;	
}
div#comments {
	padding:15px;
}
.comment {
	padding:10px;
	border:1px solid #333;
	-moz-border-radius:8px;
	background-image:url(images/whiter-bg.png);
	min-height:55px;
}
cite.commenter {
	font-style:normal;
}
.avatar { 
	margin:0 0 10px 10px; 
}
.comment-author {
	float:right;
	width:120px;
}
.comment-meta {
	float:left;
	font-size:10px;
}
.comment-date {
	font-style:italic;
}
.comment-content {
	clear:left;
	width:520px;
}
/* END CONTENT */

/* SIDEBAR */
.aside { 
	float:right;
	width:220px !important;
	position:relative;
	top:-30px;
}
.widget {
	margin-bottom:10px !important;
}
#text-391253561 {
	background-image:url(images/side-sign.png);
	background-repeat:no-repeat;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:15px;
	height:82px;
	left:-10px;
	line-height:18px;
	padding:12px 18px;
	position:relative;
	width:184px;
}
body.home div.ngg-widget {
	height:220px;
}
body.home div#slideshow {
	width:200px;
	height:200px;
	border:solid 2px #fff;
	margin-bottom:50px !important;
}
body.home div#slideshow h3 {
	display:none;
} 
/* END SIDEBAR */

/* FOOTER */
#footer {
	width:1000px;
	height:20px;
	margin:0 auto;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	color:#000;
	clear:none;
	position:relative;
	top:-2px;
}
body.home #footer {
	top:-2px;
}
#footer a {
	color:#000;
	text-decoration:none;
}
#footer a:hover {
	color:#000;
	text-decoration: underline;
}
/* END FOOTER */






/* ABOUT PAGE */
body.pageid-23 #container {
	background-image:url(images/bg-2.jpg);
}
body.pageid-23 #content {
	clear:both;
	height:auto;
	width:710px;
	overflow-y:hidden;
	overflow-x:hidden;
	background-image:url(images/white-bg.png);
	position:relative;
	top:-120px;
	left:-0px;
	margin:0 15px;
	-moz-border-radius:10px 10px 10px 10px;
	border:solid 1px #fff; 
}
body.pageid-23 #primary {
	width:680px;	
	padding:15px;
}
/* END ABOUT PAGE */

/* CREW PAGE */
body.pageid-3 #container {
	background-image:url(images/bg-2.jpg);
}
body.pageid-3 #content {
	clear:both;
	height:auto;
	width:710px;
	overflow-y:hidden;
	overflow-x:hidden;
	background-image:url(images/white-bg.png);
	position:relative;
	top:-120px;
	left:-0px;
	margin:0 15px;
	-moz-border-radius:10px 10px 10px 10px;
	border:solid 1px #fff; 
}
body.pageid-3 #primary {
	width:680px;	
	padding:15px;
}
/* END CREW PAGE */


/* GALLERY PAGE */
body.pageid-34 #container {
	background-image:url(images/bg-2.jpg);
}
body.pageid-34 #content {
	clear:both;
	height:535px;
	width:962px;
	overflow-y:auto;
	overflow-x:hidden;
	background:none;
	border:none;
	/*background-image:url(images/white-bg.png);
	-moz-border-radius:4px;
	border:solid 1px #fff; */
	position:relative;
	top:-50px;
	float:none;
	margin:0 15px;
}
body.pageid-34 #primary {
	width:860px; 
	margin:auto;
	padding:15px;
	float:none;
}
/* END GALLERY PAGE */


/* LINKS PAGE */
body.pageid-41 #container {
	background-image:url(images/bg-4.jpg);
}
body.pageid-41 #content {
	clear:both;
	height:auto;
	width:710px;
	overflow-y:hidden;
	overflow-x:hidden;
	background-image:url(images/white-bg.png);
	position:relative;
	top:-60px;
	float:none;
	margin:auto;
	-moz-border-radius:10px 10px 10px 10px;
	border:solid 1px #fff; 
}
body.pageid-41 #primary {
	width:700px;	
	padding:15px;
}
/* END LINKS PAGE */

/* CONTACT PAGE */
body.pageid-27 #container {
	background-image:url(images/bg-1.jpg);
}
body.pageid-27 #content {
	clear:both;
	height:auto;
	width:810px;
	overflow-y:hidden;
	overflow-x:hidden;
	background-image:url(images/white-bg.png);
	position:relative;
	top:-60px;
	float:none;
	margin:auto;
	-moz-border-radius:10px 10px 10px 10px;
	border:solid 1px #fff; 
}
body.pageid-27 #primary {
	width:800px;	
	padding:15px;
}
div.wpcf7{ 
}
form.wpcf7-form p {
	margin:5px 0px;
}
.your-message textarea {
	height:100px;
}
div.wpcf7-response-output { 
	margin:2px 0px !important;
	padding:3px 0px 3px 8px !important;
	width:80% !important;
}
#store-info {
	width:330px;
	float:right;
	padding:15px;
	border:#666 solid 1px;
	margin-right:20px;
	-moz-border-radius:8px;
	background-image:url(images/whiter-bg.png);
}
#store-info table {
	width:180px;
	border:0px;
	margin-left:16px;
}
#store-info table td {
	padding:0px;
	margin:0px;
	
}
/* END CONTACT PAGE */














/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both;  
	display:block !important;
}
 

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
.ngg-album {
    overflow:hidden;
    padding: 5px 10px;
    margin: 3px;
    border: 1px solid #333;
	-moz-border-radius:5px;
	width:395px;
    height: 115px;  
    border: 1px solid #fff;
	background-image:url(images/whiter-bg.png);
	float:left;
} 
 .ngg-album .ngg-thumbnail img {	 
	margin:0px 0px 4px 0px;
 }

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 14px;
	margin-bottom: 5px;
}
.ngg-albumtitle a {
	color:#333 !important;
	text-decoration:underline !important;
}
.ngg-albumtitle a:hover {
	color: #000 !important; 
}
.ngg-gallery-return {
	float:right;
}
.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:0px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #69C;
}
.ngg-galleryoverview {
	-moz-border-radius:8px;
	border: 1px solid #333;
	background-image:url(images/whiter-bg.png);
	padding:10px;
}
.ngg-gallery-title div {
	color:#000000;
	font-size:18px;
	font-weight:bold; 
	padding:0 0 5px;  
	display:inline;
}
.ngg-gallery-desciption {
	margin-bottom:5px;
}
.ngg-description {
	text-align: left;
	font-size:11px;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #6699CC;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0px 4px 0px 0px;
	padding:3px 5px 6px 5px;
	background-color:#ff0000;
	border:solid 1px  #ff0000;
	color:#fff; 
	width:12px;
	height:12px;
	float:left;
	display:block;
	cursor:default;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:solid 1px  #ff0000;
	background-color:#FFF;
	color:#111;
	margin-right:4px;
	padding:3px 5px 6px 5px;
	text-decoration:none; 
	width:12px;
	height:12px;
	float:left;
	display:block;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #ffaaaa;
	color: #111 !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
	margin-bottom:5px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #FFFFFF;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- RSS Header Button -------------*/
.header #rssHeader {
	background: url(images/rss.png) no-repeat;
	width:25px;
	height:25px;
	float:left;
	float:left;
	left:185px;
	position:relative;
	top:33px;
}