/*
Theme Name: Photo Scroll for Wordpress
Theme URI: http://www.revolutioncore.com/demo/photoscroll/
Description: Theme Design by Mondre'
Version: 1.0
Author: Mondre'
Author URI: http://www.revolutioncore.com/
Tags: fixed width, two columns, widgets

	Photo Scroll v1.0
	http://www.revolutioncore.com/demo/photoscroll/

	This theme was designed and built by Mondre,
	you will find him at http://themeforest.net/user/imaginem 
	in Themeforest

*/

/*
begin resets
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

/*
Main Global Layout Settings
*/

*{ padding: 0px; }
body, html{ margin: 0; background:#2E2E2E; }
body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%;margin: 0;padding: 0;background: #2E2E2E url(../images/menubar.gif) repeat-x 0 top;}
a{ outline: none; text-decoration: none;}
a:hover{ text-decoration: underline;}
a img{ border: none; }

.clear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }

/* -------- Page Structure -------- */
#thebody{ width: 100%;margin:0;padding:0;}
#mainpagebody{width: 100%;margin: 0px auto;}
#thebodysmallbg{width: 100%;margin:0;padding:0;}
#thepage{margin:0; width:100%;}


/* ------------------------------------------------------------
Logo - Center it for the Homepage And Left Align for the rest
------------------------------------------------------------ */
#logocenter {
width: 720px;
margin: 0px auto;
}

#logo {
float:left;width:200px;height:50px;
}

/* ------------------------------------------------------------
Category Title
------------------------------------------------------------ */
#displaycat {
font-size:1.5em;letter-spacing:1px;
position:relative;top:2px;left:52px;width:500px;color:#5D5D5D;padding:0;

}

/* -------- Head Styles -------- */
h1{
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
}
h1 a{
	color: #000;
}


h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight:normal;
}
h2 a{
	color: #fff;
}

/* -------- Post -------- */
.post .content	{
	color:#5D5D5D;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.45em;	
}

.post-image{
	padding-top:18px;
}

.post a {
	color:#000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.45em;
	margin-bottom: 10px;
}

blockquote
{
	display:block;
	line-height:1.2em;
	font-style:italic;
	padding:20px 20px 20px 30px;
	margin:20px 0;
	border-left:5px solid #A2978B;
}

.content ul
{
	padding:0 0 0 20px;

}
.content ul li
{
	margin:0 0 5px 20px;
	padding:0px 0 0 5px;
}
.content ol
{
	margin:5px 0 30px 0;
	padding:0;
}
.content ol li
{
	margin:0 0 5px 45px;
	padding:0;
}


/* ------------------------------------------------------------
Edit .Contents to change text size and color
------------------------------------------------------------ */

.content {
	color:#D1D1D1;

	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.5em;

	margin-bottom: 10px;
	margin-left:20px;
}

/* ------------------------------------------------------------
Content image
------------------------------------------------------------ */

.content img {
    border:1px solid #000;margin:20px;
    
}

/* ------------------------------------------------------------
Align Right and Left
------------------------------------------------------------ */
.alignright {
    float:right;
}

.alignleft {
    float:left;
}

/* ------------------------------------------------------------
Content Hyperlink
------------------------------------------------------------ */
.content a {
	color:#fff;


	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.5em;

	margin-bottom: 10px;
	text-decoration:underline;
	
}

.page .content	{
	color:#A2A2A2;
	font-family: verdana;
	font-size: 12px;
	line-height: 1.8em;
	margin-right:70px;
	
}

.page h2 {
	margin-right:60px;
	padding-left:20px;
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#fff;

}

.page h2 a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 1.2px;
	line-height: 1.4em;
	color:#fff;
	text-decoration:none;
}

.post h2 {
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#000;

}

.post h2 a {
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#000;
}


/* ------------------------------------------------------------
Contact 7 Form Styles
------------------------------------------------------------ */
.wpcf7 input, .wpcf7 textarea {
	border: 1px solid #ccc;padding:0;width:400px;
}

.wpcf7 .wpcf7-not-valid-tip {
	background:#000;border:1px solid #464646;width:500px;
}

.wpcf7 .your-message textarea{
	width:400px;
	height:100px;
}

.wpcf7 .wpcf7-response-output {
	width:500px;
}


/* ------------------------------------------------------------
Featured
------------------------------------------------------------ */

#featured {
	width:720px;
    margin: 0px auto;
	
}


ul#featuredslides {
	list-style:none;
	
}

ul#featuredslides li{
	padding: 0px 0px 27px 0px;
	background: url(../images/shade1.gif) no-repeat right bottom;

}

ul#featuredslides li img{
	
	padding:4px;
	background:#000;
	border:1px solid #171717;

}

/* ------------------------------------------------------------
The PHOTO BLOCK AREA
------------------------------------------------------------ */

ul.blocks {
	margin:0;
	padding: 0;
	width: 50000px;
	padding-top:15px;
	list-style:none;	
	
}
ul.blocks li.photos {
	margin: 0 25px 0 25px;
	float: left;
	display: block;
	padding: 0px 0px 27px 0px;
	background: url(../images/shade1.gif) no-repeat right bottom;
}

ul.blocks li.photos img{
	padding:4px;
	background:#000;
	border:1px solid #171717;
}

ul.blocks li a{

}

/* ------------------------------------------------------------
The Holder, Scroll Pane, The Panel 5 (photo Panel)
------------------------------------------------------------ */
.holder {
	margin: 0;padding:0;
	display: block;
	/* TEMP */
	background:#2E2E2E;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	
}
.scroll-pane {
	width: 100%;
	
	float: left;
	padding: 0;
}
#pane1 {
	height: 100px;
	width: 50px;
	padding: 0;
	display: block;
	overflow: hidden;
}

#pane5 {
	width: 100%;
	height:520px;
	padding: 0;
	display: block;
	overflow: hidden;
}

/* ------------------------------------------------------------
ScreenShot - That's the thumbnail from the numbers
------------------------------------------------------------ */
#screenshot{
	position:absolute;
	
	background:#000;
	padding:2px;
	display:none;
	color:#fff;
	z-index: 1000;
	padding: 2px;
	background: url(../images/thumbshade1.gif) no-repeat right bottom;
	}


/* ------------------------------------------------------------
Photo navigation at the Bottom of Page with Photo Numbers
------------------------------------------------------------ */

#navi_box_wrap{
	
}

#navi_boxes{
	font-size:1em;
	float:left;
}

#navi_boxes ul{
padding: 0 0 0 30px;
}

#navi_boxes li{
	list-style:none;
	float:left;
	padding: 0;
}

#navi_boxes a{
	color:#A2A2A2;text-decoration:none;
}

#navi_boxes a:hover{
	color:#fff; text-decoration:none;
}


/* ------------------------------------------------------------
Bottom Bar for the Main page and the Rest
------------------------------------------------------------ */

#bottombar {
	position: fixed;
	width: 100%;
	height:50px;
	z-index:999;
	background: #6c6c6c url(../images/numberbar.gif) repeat-x;
	color: #ffffff;
	border-top: 1px solid #393939;
	bottom: 0px;
	left: 0px;
}

#mainpagebottombar {
	position: fixed;
	width: 100%;
	height:50px;
	z-index:999;
	background: #6c6c6c url(../images/numberbar.gif) repeat-x;
	color: #ffffff;
	border-top: 1px solid #393939;
	bottom: 0px;
	left: 0px;
}

#bottombar, #mainpagebottombar ul {
	list-style:none;

}

#mainpagebottombar ul {
text-transform:uppercase;font-size:9px;color:#B9B9B9;
width: 700px;
margin: 0px auto;
padding-top:20px;
}

#mainpagebottombar ul li{
float:right;
}


/* ------------------------------------------------------------
Which jumps from image to image when clicked on the number
------------------------------------------------------------ */
.jumper{
	
	}

/* ------------------------------------------------------------
Scrolling Numbers
------------------------------------------------------------ */
.scrollnumbers{
	padding:6px 10px 6px 10px;display:block;border-left:1px solid #2E2E2E;
	}

/* ------------------------------------------------------------
Tool Tip when hovered over the images
------------------------------------------------------------ */
#easyTooltip{	
	z-index: 99;
	padding:10px;
	background:#171717;
	color:#fff;
	font-size:1.5em;
	letter-spacing:0.1em;
	}

/* ------------------------------------------------------------
The image position for the pic at the end of the photo line ARROW back
------------------------------------------------------------ */
.backimg{
padding-top:220px;
	}

/* ------------------------------------------------------------
Hbox is the Page Box with contents
------------------------------------------------------------ */
#hbox {
	background:#171717;
	border:4px solid #000;
	height:520px;
	width:700px;
	padding: 0;
	display: block;

	padding-left:40px;
	padding-right:40px;
	margin-left:30px;
}

/* ------------------------------------------------------------
Limits the contents shown
------------------------------------------------------------ */
.limitheight {
	
	padding-left:20px;
	padding-right:10px;
	height:430px;
	width:640px;
}

/* ------------------------------------------------------------
Footer
------------------------------------------------------------ */

#bottombar ul#footer{
	list-style:none;
	margin:18px 10px 6px 20px;
	text-transform:uppercase;font-size:0.9em;color:#B9B9B9;
	float:left;
}

#footer li{
	text-transform:uppercase;font-size:1em;color:#B9B9B9;float:left;border-right:1px solid #2E2E2E;padding-left:10px; padding-right:10px;
}

#footer li a{
	text-transform:uppercase;font-size:1em;color:#fff;text-decoration:none;
}




/* ------------------------------------------------------------
END OF CSS
------------------------------------------------------------ */