/* - - - - - - - - - - - - - - - - - - - - -

Title : SVDesigns Style

- - - - - - - - - - - - - - - - - - - - - */

/* ------------------------------------------------------------

	css

------------------------------------------------------------ */

*{
	margin: 0;
	padding: 0;
}
body{
	background: #FFF;
	color: #333;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 62.5%; /* http://www.clagnut.com/blog/348/ */
	line-height: 1.6em;
	text-align: center;
}

/* links  */

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

/* headings */

h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

/* tables & forms */

input, select, th, td {font-size:1em}

/* ------------------------------------------------------------

	page structure

------------------------------------------------------------ */

#page-container{
	text-align: left;
	font-size: 1.2em;
}
#page{}
#page-top{background: #066CAA url("images/banner_bg.jpg") repeat-x bottom;}
#sitemenu-container,#page-content,#page-bottom{
	margin: 0 auto;
	width: 760px;
}
#title{
	background: #FFF url("images/top_bg.jpg") repeat-x bottom;
	padding: 20px 0;
	border-bottom: 1px solid #FFF;
}

/* ------------------------------------------------------------

	title

------------------------------------------------------------ */

#title h1, #title p, #logo-container{
	display: block;
	margin: 0 auto;
	width: 720px;
	color: #777;
}
#title h1{margin-bottom: 5px;}
#logo{
	margin: 10px 5px 0 0;
}

/* ------------------------------------------------------------

	sitemenu-container

------------------------------------------------------------ */

#sitemenu-container{
	position: relative;
	height: 250px;
	background: url("images/image.jpg") no-repeat center;
	width: 760px;
}
	#sitemenu-content{
		position: absolute;
		top: 0;
		background: #000;
		color: #FFF;
		width: 760px;
		filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
	}
		#sitemenu-content ul{
			list-style: none;
			overflow: hidden;
			margin: 0;
		}
			#sitemenu-content ul li{
				float: left;
				padding: 10px 12px;
				margin: 0 2px;
			}
				#sitemenu-content ul li a{
					float: left;
					display: block;
					text-align: center;
					color: #FFF;
				}
				#sitemenu-content li.currentPage{border-bottom: 1px solid #FFF;}

/* ------------------------------------------------------------

	page-content

------------------------------------------------------------ */

#page-content{
	overflow: hidden;
}
				
/* ------------------------------------------------------------

	main-content

------------------------------------------------------------ */

#main-content{
	float: left;
	width: 470px;
	padding: 0 10px 10px 10px;
	margin-bottom: 30px;
	line-height: 20px;
	position: relative;
}
	#main-content h2{
		border-bottom: 1px solid #CCC;
		padding-bottom: 10px;
		font-size: 1.6em;
	}
		#main-content h2 em{
			font-weight: normal;
		}
	#main-content .article-summary p{
		padding: 10px;
		margin: 0;
		border-left: 1px solid #CCC;
	}
	#main-content .article-info{
		font-style: italic;
		color: #999;
	}
	
#main-content h3.price span{
	color: #fff;
	background: #000;
	padding: 5px 10px;
	position: absolute;
	top:170px;left: 20px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -1px;
	z-index: 1000;
	font-style: italic;
	}
	
/* theme */

#main-content img.theme{
	float: left;
	margin-right: 10px;
	width: 250px;
}
#main-content .desc{
	float: right;
	width: 200px;
}
#main-content h3.ft{
	background: #E9EFFC;
	color: #005CB5;
	clear: both;
	padding: 5px;
}
#main-content ul.features{
	list-style: none;
	font-size: 11px;
}
#main-content ul.features li{
	background: #F3F3F3 url("images/feature.png") no-repeat left;
	padding: 0 0 0 20px;
	margin: 2px;
}

/* screenshots */

.screenshots{
	border: 1px dashed #CCC;
	padding: 10px 0 3px 10px;
}
.screenshots img{
	border: 1px solid #eee;
	padding: 3px;
	width: 140px;
}
	
/* forms */	

form label{
	font-weight: bold;
}
form input.fullWidth, form textarea{
	border: 1px solid #CCC;
	padding: 3px;
	margin-bottom: 20px;
}
form select.fullWidth{
	margin-bottom: 20px;
}
form input.submit{
	margin: 0 auto;
	float: left;
	margin-top: 10px;
}

/* photos */

.gridItem {
   	float: left;
	position: relative;
	width: 150px;
	height: 186px;	/* room for caption */
	overflow: hidden;
	margin-top: 5px; 
}
	.gridItem h3 {
	    font-weight:normal;
	    margin: 10px 7px 0 7px;
	    height: 33px;
	    overflow: hidden;
	    position:absolute;
		top: 140px; /* needs to leave 38px from the bottom of the gridItem */
		width: 130px;
		font-size: 1em;
		text-align: center;
	}
	.gridItem img {
	    margin: auto;
	    display:block;
	    position: absolute;
	    top: 0;
	    bottom: 40px;
	    right: 0;
	    left: 0;
	}
	* html .gridItem img {
		position: relative;
		top:6px;
	}
	
/* ----------- individual photo ---------------- */

.photo-navigation{
	position: relative;
	overflow: hidden;
	padding: 20px 0;
	margin: 0 auto;
	width: 200px;
}
.ImageElement, .VideoElement { text-align:center;}

/* navigation links */

#previous-photo	{
	position: absolute;
	left: 0;
	top: 0;
}
#next-photo {
	top: 0;
	position: absolute;
	right: 0;
}
#photo-list{
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 0;
}

/* screenshot new */
.screenshot-new {float: left;margin: 20px 15px 0 0 !important;}
.screenshot-new h4 {text-align: center;border: 1px solid #ccc;padding: 3px 0;margin: 0 !important;border-bottom: none;background: #EDF3F8;color: #4F83BC;}
.screenshot-new img{padding: 8px;border: 1px solid #ccc;background: #fff;width: 200px;}

.details { background-color:#fff;border: 1px solid #ccc;margin: 0;padding: 5px;border-bottom: none; }
.details ul { list-style:none;padding: 0 !important;margin: 0 !important;font-size: 11px;text-align: center;}
.details li { display:inline;}
.details li a { color:#333;padding-right: 25px;border-right: 1px solid #ccc; }
.details li a:hover { color:#0375D8; }
.details li.last a { padding-right:0 !important;border-right: none; padding-left: 15px; }

/* ------------------------------------------------------------

	sidebar-container

------------------------------------------------------------ */

#sidebar-container{
	float: right;
	width: 230px;
	font-size: 11px;
	padding: 18px 15px 15px 15px;
	color: #777;
}
	#sidebar-container h2,#sidebar-container h3,#sidebar-container h4{
		font-size: 11px;
		text-transform: uppercase;
		margin: 0;
		background: #EDF3F8;
		color: #4F83BC;
		border-bottom: 1px solid #C1D4E5;
		padding: 5px 10px;		
	}
	#sidebar-container ul, #sidebar-container ol{margin-left: 20px;}
	#sidebar-container p{padding: 0 10px;}
	#sidebar-container img{float: left; margin: 0 5px 0 0;}
	
/* custom */
.newsletter{padding: 0 10px;}
.newsletter .text { margin-bottom:5px; color:#333; padding:3px; width:95%;border: 1px solid #DAE3E3; }
.newsletter .bt { margin: 10px 0; cursor:pointer; }

/* twitter */
.twitter_div{background: url("images/twitter_bg.png") repeat-x;padding: 10px 0 15px 0;color: #666 !important}
.twitter_div ul{list-style: none;margin: 0 !important;padding: 0;color: #888;}
.twitter_div ul li{padding: 5px 0;line-height: 18px;border-bottom: 1px solid #ccc;font-style: italic;}
#twitter-link {display: block;padding: 0;margin: 10px 0 0 10px;}
	
/* ------------------------------------------------------------

	page-bottom

------------------------------------------------------------ */

#page-bottom{
	background: #F1F1F1;
	color: #9E9E9E;
	padding: 15px;
	margin-bottom: 20px;
	font-size: 11px;
	width: 710px;
}
	#page-bottom a{color: #333;}

/* ------------------------------------------------------------

	global

------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
a img{ border:none; }
.hide, .hidden {display: none;}
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
.left{ float:left; }
.right{ float:right; }
hr { margin:1em 0; height:1px; color:#212224; border:none; clear:both;background: #ccc; }
.bordered{border: 1px solid #CCC;background: #FAFAFA;}
.pagelet{margin-bottom: 20px;}
.continue-reading-link{color: #999; margin-left: 10px;font-size: 11px; }
.continue-reading-link a{color: #999;}

/* custom */
.no-sidebar #main-content{
	width: 95%;
}
.no-sidebar #sidebar-container{
	display: none;
}

/* ------------------------------------------------------------

	browser issues

------------------------------------------------------------ */

.floatclear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.floatclear {display: inline-table;}

/* hides from IE-mac \*/
* html .floatclear {height: 1%;}
.floatclear {display: block;}
/* end hide from IE-mac */

/* end */