/*
Theme Name: My Child Theme
Theme URI: http://example.com/child
Description: My first child theme
Author: Tech Times Reader
Author URI: http://example.com
Template: sandbox
Version: 1.0
Tags: your, tags, here
.
Add any comments here!
.
*/

body {
	background-color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	letter-spacing: -0.03em;
	margin: 0px;
	min-height:800px;
	
}



a:link {
	color: #666666;
	font-weight: bolder;
	text-transform: none;
	text-decoration: none;
}
a:visited {
	color: #00CC33;
	text-decoration: none;
}

#container1 {
	width: 770px;
	background-color: #000000;
	padding-bottom: 60px;
	padding-right:0px;
	margin-left: 260px;
	

}

#containersingle {
	
	width: 770px;
	background-color: #000000;
	padding-bottom: 60px;
	padding-right:0px;
	margin-left: 260px;
	margin-top: -15px;

}

#container3 {
	width: 770px;
	background-color: transparent;
	padding-bottom: 60px;
	padding-right:0px;
	margin-left: 260px;
	
	
}

#container3 img{
	max-width: 250px;	
	
}


.imgtfe {
	padding-bottom: 20px;
	
}


#leftcol {
	position:relative;
	top:30px;
	left:-10px;
	float:left;
	width:550px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:255px;
	padding-right:5px;
	z-index:100;
	color: #000000;
	background-color: #FFFFFF;
	height: 400px;
	margin-top:-30px;
	margin-right: 0;
	
	margin-left: 0;
	overflow: hidden;
	}
#rightcol {
	position:relative;
	top:30px;
	right:-10px;
	float:right;
	width:255px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:255px; /* actual value */
	margin-top:-20px;
	padding-left:5px;
	z-index:99;
	background-color: #FFFFFF;
	}
#centercol {
	position:relative;
	margin-top:10px;
	background-color: #FFFFFF;
	
	overflow: hidden;
	height:400px;
	}


#centercol h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-family: Helvetica, sans serif;
	color: #FFFFFF;
	background-color: #000000;
	padding-left: 10px;
	margin-top:-10px;
	padding-top:20px;
	padding-bottom: 10px;
	font-weight: lighter;	
}

#leftcol h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-family: Helvetica, sans serif;
	color: #FFFFFF;
	background-color: #000000;
	padding-left: 10px;
	margin-top:-10px;
	padding-top:20px;
	padding-bottom: 10px;
	font-weight: lighter;	
}



#rightcol h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-family: Helvetica, sans serif;
	color: #FFFFFF;
	background-color: #000000;
	padding-left: 10px;
	margin-top:-10px;
	padding-top:10px;
	padding-bottom: 10px;
	font-weight: lighter;	
}



#story {
	width: 255px;
	background-color: #FFFFFF;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-align: justify;
	float:left
}

#photo {
	width: 255px;
	background-color: #FFFFFF;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-align: justify;
	
	
}
#container {
	width: 770px;
	background-color: #000000;
	padding-bottom: 60px;
	padding-right:0px;
	margin-left: 260px;
	margin-top: -15px;

}

#container2 {
	width: 770px;
	background-color: #fff;
	padding-bottom: 60px;
	padding-right:0px;
	margin-left: 260px;
	margin-top: 10px;
	

}


#comments {
	background-color: #CCCCCC;
	list-style-type: none;
	border: 1px dotted #000000;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 24px;
	margin-bottom: 15px;
	color: #000000;
	

}
#commentstyle {
	background-image: url(http://www.campusrailjamtour.com/images/comment.jpg);
	font-size: 28px;
	color: #333333;
	list-style-type: none;
	background-repeat: no-repeat;
	padding-bottom: 25px;
}

#commenttext {
	color: #CCCCCC;
	background-color: #000000;
	padding: 15px;
	margin-left: -45px;
	list-style-type: none;
	text-align: justify;
}


#content {
	width: 770px;
	background-color: #FFFFFF;
	min-height: 250px;

	
}

#content5 {
	width: 770px;
	background-color: #FFFFFF;
	min-height: 250px;
	padding-bottom:25px;
	}

#imgpadding img{
	padding-top: 10px;
	padding-bottom: 10px;
	
}


#photofloat img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: -2px;
}
#photofloat {
	padding-bottom: 25px;

}

#wrapper {
	width: 100%;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin-bottom: 20px;
}


#header {
	width: 100%;
	background-attachment: scroll;
	background-image: url(http://www.campusrailjamtour.com/images/background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 170px;
		
}


#primary {
	background-image: url(http://www.campusrailjamtour.com/images/swirlsnav.png);
	background-repeat: no-repeat;
	font-family: Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 900;
	color: #000000;
	text-decoration: none;
	letter-spacing: -1.5px;
	text-transform: lowercase;
	width: 220px;
	padding-right: 40px;
	float:left;
	position: absolute;
	left: 17px;
	top: 180px;
	line-height:85%;
	background-position: 65px 120px;	
}
#primary a:hover {
	color: #660099;
	text-decoration: none;
}

#primary a{
	color: #000000;
	text-decoration: none;
}

h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-family: Helvetica, sans serif;
	color: #FFFFFF;
	background-color: #000000;
	padding-left: 10px;
	padding-top:15px;
	padding-bottom: 10px;
	font-weight: lighter;	
}

h2 a:visited {text-transform: uppercase;
color: #FFFFFF;
}

h2 a:link {text-transform: uppercase;
color: #FFFFFF;
}


#stops h3{
font-size: 14px;


}


.meta {
font-size: .75em;
}

.meta, .meta a {
color: #808080;
font-weight: normal;
letter-spacing: 0;
}

.meta ul {
display: inline;
margin: 0;
padding: 0;
list-style: none;
}

.meta li {
display: inline;
}



.xoxo {
	list-style-image: none;
	list-style-type: none;
	text-indent: -50px;
	text-align: left;
}

.xoxo li{
	list-style-image: none;
	list-style-type: none;
	text-indent: -60px;
}


.floatright
{
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 10px;
}


.floatleft
{
float: left;
margin: 0 10px 0 0;
}

#access {
display:none;
}


#footer {
	color: #333333;
	text-decoration: none;
	font-size: 10px;
	letter-spacing: 0em;
	line-height: 90%;
}

#sidebar {
	width: 270px;
	position: fixed;
	left: 30px;
	top: 300px;
	border-top: 4px; 
	
}

#facebook {
	position: fixed;
	top: 90px;
	right: 0px;
}

#twitter {
	position: fixed;
	top: 230px;
	right: 0px;
}

#mixtape {
visibility:hidden;
	position: fixed;
	top: 390px;
	right: 0px;
}



#topbanner {
	position: absolute;
	height: 90px;
	width: 500px;
	left: 540px;
	top: 10px;
	text-align: center;
	background-color: #009999;
	background-image: url(http://www.campusrailjamtour.com/images/cricketbanner.jpg);
	
	}
	
	
#xsi{
	position: fixed;
	top: 0px;
	right: 0px;
}



#search {
	background-image: url(http://www.campusrailjamtour.com/images/search2.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 90px;
	width: 236px;
	left: 850px;
	top: 88px;
	text-align: center;
	padding-top: 43px;
}

#navwrap {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 12px;
	border-bottom-width: 24px;
	}

#sponsors {
	width:220px;
	float:left;
	position: relative;
	height: 260px;
	margin-top: 10px;
	margin-bottom:25px;
	background-color: #000000;
	
	}
	
#sponsors img{
padding-left:-3px;}
	
#dots {

}

h2 a{
	color: #FFFFFF;
	text-decoration: none;
}

h2 a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

h3 {
	font-size: 16px;
	
}

h3 p {
border-bottom:dotted 1px;

}





	#slider {
	height: 700px;
	width: 790px;
	padding-top: 0px;
	padding-right: 0px;
padding-left: 0px;
	text-align: justify;
	
	}
	
	#slider p {
	text-indent: 45px;
	padding-right: 15px;
	padding-left: 15px;	
	}
	

	img{border:none;}
	pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	margin:.5em 0;
	width:674px;
	background-color: #666666;
	
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:770px;
		height:330px;
	
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(http://www.campusrailjamtour.com/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(http://www.campusrailjamtour.com/images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	color:#555;
	padding:0 10px;
	text-decoration:none;
	background-color: #000000;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


#poststory {
	width: 250px;
	padding-right: 3px;
}



.style1 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-weight: bolder;
	
}


.sponsorbig {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

.sponsormed {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}


.sponsorsmall {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}


#sponsor {
	text-align: center;
	
		
}


#sponsor img{
padding:10px;

}






/* These hieghts and widths should be edited to your images */	
ul#pikame{
	margin-left: -44px;
}

	
#pikame li{
	margin-top:0px;
	border:1px solid #3e3f41;
	position:relative;
	overflow:hidden;

margin-left: 5px;
	float: left;
	text-align:center;
	
	
}




.pikachoose{
	width:730px;
	margin-top: 0;
	margin-right: auto;
	
	margin-left: auto;
	
}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:770px;height:453px;margin:0;overflow:hidden;}
.pikachoose ul li{
	float: left;
	position:relative;
	overflow:hidden;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0;
}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:768px;height:450px;display:block;position:relative;overflow:hidden;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:0px;left:0px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{
	position:relative;
	border:1px solid #000000;
	background:#888;
	padding:0px;
}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{
	width:677px;
	height:46px;
	padding-top:10px;
	text-align:center;
	position:absolute;
	bottom:7px;
	background:url('http://www.galvanicdesign.com/pika/black.png') top left;
	color: #CCCCCC;
	font-size: 12px;
	padding-left: 45px;
	padding-right: 45px;
	letter-spacing: normal;
}

.pika_caption a{color:white;}


.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{
	position:absolute;
	top:5px;
	left:1px;
	height:456px;
	width:100px;
	background-image: url(http://www.campusrailjamtour.com/images/rewind.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.pika_next_hover{
	position:absolute;
	top:5px;
	right:1px;
	height:456px;
	width:100px;
	background-image: url(http://www.campusrailjamtour.com/images/fastforward.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.mediapagetitle {
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	font-size: 16px;

}

#mediabottom {
	background-color: #FFFFFF;
	margin-left: 250px;
}

#mediabottom img {
padding-right:15px;
}

.post {
	padding-bottom: 100px;
	margin-bottom: 15px;
	border-bottom: 1px dotted;
}


#video h3{


}
#video .vidheading{
font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	font-size: 16px;

}
#video .viddate{


}

#space {
	background-color: #000;
	height: 10px;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}