/* 
Theme Name: GreatScott Images
Description: A theme created for GreatScott Images, or in other words; a guy who takes photos.
Version: 1.0
Author: Verbs Interactive
*/
/* Sie Wide CSS */
	*{
		padding:0;
		margin:0;
	}
	body {
		background:url("images/SiteBG.jpg");
		background-position:top left;
		background-repeat:repeat-x;
		background-color:#000000;
		font-family:Arial, Helvetica, sans-serif;
	}
	#wrapper {
		width:960px;
		margin:auto;
	}
	#gslogo {
		float:left;
		width:230px;
		height:58px;
	}
	#navigation {
		float:left;
		width:412px;
		height:58px;
	}
	#musicplayer {
		float:left;
		width:318px;
		height:58px;
		background:url("images/playerbg.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	#mainarea {
		clear:both;
		width:960px;
		/*height:836px;
		background:url("images/MainBG.jpg");
		background-position:top left;
		background-repeat:no-repeat;*/
	}
	#footerwrapper {
		width:100%;
		height:389px;
		background:url("images/FooterWrap.jpg");
		background-position:top left;
		background-repeat:repeat-x;
		background-color:#000000;
	}
	#footer {
		margin:auto;
		position:relative;
		width:960px;
		height:389px;
		background:url("images/FooterBG.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	#footercopy {
		position:absolute;
		margin-left:0px;
		margin-top:358px;
		width:960px;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		color:#3b3b3b;
	}
	#footercopy a, #footercopy a:visited {
		color:#3b3b3b;
		text-decoration:none;
	}
	#footercopy a:hover, #footercopy a:visited:hover {
		text-decoration:underline;
	}
	#twitter {
		position:absolute;
		margin-left:24px;
		margin-top:18px;
		padding-top:20px;
		width:847px;
		height:39px;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		color:#000000;
	}
	#twitter a, #twitter a:visited {
		color:#FFFFFF;
		text-decoration:none;
	}
	#twitter a:hover, #twitter a:visited:hover {
		text-decoration:underline;
	}
	#footerpostsarea {
		position:absolute;
		margin-top:150px;
		margin-left:48px;
		width:272px;
	}
	.footerposts {
		margin-bottom:17px;
	}
	.footerposts a, .footerposts a:visited {
		color:#FFFFFF;
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
	}
	.footerposts a:hover, .footerposts a:visited:hover {
		text-decoration:underline;
	}
	#connectarea {
		position:absolute;
		margin-top:150px;
		margin-left:390px;
		width:252px;
	}
	.connectblock {
		color:#FFFFFF;
		font-size:12px;
		margin-bottom:16px;
	}
	.graytext {
		color:#838383;
	}
	.graytext a, .graytext a:visited {
		color:#838383;
		text-decoration:none;
	}
	.graytext a:hover, .graytext a:visited:hover {
		text-decoration:underline;
	}
	#testimonial {
		position:absolute;
		margin-left:653px;
		margin-top:145px;
		padding:10px;
		width:272px;
		height:159px;
		color:#000000;
		font-size:14px;
		font-weight:bold;
		line-height:2.5;
		text-align:center;
	}
/* End Site Wide CSS */
/* Navigation CSS */
	.portfolio  {
		width:99px;
		height:58px;
		background-image:url("images/Portfolio.jpg");
		background-position:top left;
		background-repeat:no-repeat;
		cursor:pointer;
	}
	.portfolio:hover, .portfolio .selected {
		width:99px;
		height:58px;
		background-image:url("images/Portfolio-Hover.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.about a {
		width:65px;
		height:58px;
		background-image:url("images/About.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.about a:hover {
		width:65px;
		height:58px;
		background-image:url("images/About-Hover.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.investment a {
		width:110px;
		height:58px;
		background-image:url("images/Investment.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.investment a:hover {
		width:110px;
		height:58px;
		background-image:url("images/Investment-Hover.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.blog a {
		width:57px;
		height:58px;
		background-image:url("images/Blog.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.blog a:hover {
		width:57px;
		height:58px;
		background-image:url("images/Blog-Hover.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.contact a {
		width:81px;
		height:58px;
		background-image:url("images/Contact.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.contact a:hover {
		width:81px;
		height:58px;
		background-image:url("images/Contact-Hover.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.ddsmoothmenu{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:12px;
	}
	.ddsmoothmenu ul{
		z-index:100;
		margin:0;
		padding:0;
		list-style-type: none;
	}
	.ddsmoothmenu ul li{/*Top level list items*/
		position: relative;
		display: inline;
		float: left;
	}
	.ddsmoothmenu ul li a{/*Top level menu link items style*/
		display: block;
		padding: 0px;
		margin:0px;
		color: #FFFFFF;
		text-decoration: none;
	}
	* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
		display: inline-block;
	}
	.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
		color:#FFFFFF;
	}
	.ddsmoothmenu ul li a.selected{/*CSS class that's dynamically added to the currently active menu items' LI A element*/
	}
	.ddsmoothmenu ul li a:hover{/*background of menu items during onmouseover (hover state)*/
	}
	.ddsmoothmenu ul li ul{/*1st sub level menu*/
		position: absolute;
		left: 0;
		display: none; /*collapse all sub menus to begin with*/
		visibility: hidden;
	}
	.ddsmoothmenu ul li ul li{/*Sub level menu list items (undo style from Top level List Items)*/
		display: list-item;
		float: none;
	}
	.ddsmoothmenu ul li ul li ul{/*All subsequent sub menu levels vertical offset after 1st level sub menu */
		top: 0;
	}
	.ddsmoothmenu ul li ul li a, .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {/* Sub level menu links style */
		width: 180px; /*width of sub menus*/
		height:20px;
		padding-left:10px;
		padding-top:5px;
		padding-right:2px;
		padding-bottom:2px;
		color:#667260;
		background:#b4c2ab;
		text-decoration:none;
	}
	.ddsmoothmenu ul li ul li a:hover {
		background:#667260;
		color:#FFFFFF;
		font-weight:normal;
		text-decoration:none;
	}
	/* Holly Hack for IE \*/
	* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
	/* ######### CSS classes applied to down and right arrow images  ######### */
	.downarrowclass{
		position: absolute;
		top: 12px;
		right: 7px;
	}
	.rightarrowclass{
		position: absolute;
		top: 6px;
		right: 5px;
	}
	/* ######### CSS for shadow added to sub menus  ######### */
	.ddshadow{
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
	/*background: silver;*/
	}
	.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
		opacity: 0.8;
	}
/* End Navigation CSS */
/* Portfolio CSS */
	#portfoliotitle {
		width:100%;
		padding-top:8px;
		margin-top:0px;
		margin-left:66px;
		color:#FFFFFF;
		font-weight:bold;
		font-size:24px;
		text-align:center;
	}
	.galleryimgarea {
		float:left;
		position:relative;
		margin-top:25px;
		margin-left:6px;
		margin-right:6px;
		clear:right;
		width:308px;
		height:230px;
		background:url("images/GalleryImgBG.png");
		background-position:top left;
		background-repeat:no-repeat;
		
	}
	.gallerycover {
		position:absolute;
		width:293px;
		height:195px;
		margin-top:8px;
		margin-left:7px;
	}
	.covertitle {
		position:absolute;
		margin-top:212px;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		width:100%;
		text-align:center;
	}
/* End Portfolio CSS */
/* Gallery Slider CSS */
	#sliderarea {
		position:relative;
		width:960px;
		height:794px;
	}
	#gallerytitle {
		position:absolute;
		width:825px;
		height:32px;
		padding-top:8px;
		margin-top:0px;
		margin-left:66px;
		color:#FFFFFF;
		font-weight:bold;
		font-size:24px;
		text-align:center;
	}
	#galleryimages {
		position:absolute;
		width:825px;
		height:583px;
		margin-top:40px;
		margin-left:66px;
		background:url("images/GalleryBG.png");
		background-position:top left;
		background-repeat:no-repeat;
	}
	#slideshow #slidesContainer {
		margin-top:17px;
		margin-left:13px;
		width:800px;
		height:550px;
		/*overflow:auto; to allow scrollbar*/
		position:relative;
	}
	#slideshow #slidesContainer .slide {
		margin:0 auto;
		width:800px; /* reduce by 20 pixels to avoid horizontal scroll */
		height:550px;
	}
	.control {
	  display:block;
	  width:42px;
	  height:42px;
	  position:absolute;
	  cursor: pointer;
	}
	#leftControl {
	  margin-top:247px;
	  margin-left:-35px;
	  background:url("images/GalleryLeft.png") no-repeat 0 0;
	}
	#rightControl {
	  margin-left:819px;
	  margin-top:-303px;
	  background:url("images/GalleryRight.png") no-repeat 0 0;
	}
	#galleryfootarea {
		position:absolute;
		width:854px;
		height:151px;
		margin-left:72px;
		margin-top:643px;
		background:url("images/GalleryFooterBG.png");
		background-position:top left;
		background-repeat:no-repeat;
	}
	#galleryposition {
		position:relative;
		width:854px;
		height:151px;
	}
	#purchasetext {
		position:absolute;
		width:350px;
		height:26px;
		padding-left:15px;
		padding-top:10px;
		margin-left:447px;
		margin-top:13px;
		color:#3b4725;
		font-weight:bold;
		font-size:14px;
	}
	#purchasetext a, #purchasetext a:visited {
		color:#3b4725;
		text-decoration:none;
	}
	#purchasetext a:hover, #purchasetext a:visited:hover {
		color:#566638;
	}
	#gallerydescription {
		position:absolute;
		width:665px;
		height:80px;
		margin-top:60px;
		margin-left:140px;
		color:#000000;
		font-size:14px;
	}
	/*#galleryleftarrow {
		position:absolute;
		width:42px;
		height:42px;
		margin-top:288px;
		margin-left:31px;
	}
	#galleryrightarrow {
		position:absolute;
		width:42px;
		height:42px;
		margin-left:885px;
		margin-top:288px;
	}*/
/* End Gallery Slider CSS */
/* Blog CSS */
	#contentarea {
		float:left;
		position:relative;
		margin-left:13px;
		margin-top:25px;
		padding-bottom:25px;
		width:613px;
		background:url("images/MainContentBG.png");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.blogad {
		margin-top:15px;
		margin-left:12px;
		margin-bottom:15px;
		width:593px;
		height:159px;
	}
	.blogdate {
		position:absolute;
		margin-left:-44px;
		width:56px;
		height:51px;
		background:url("images/BlogDateBG.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.singleblogdate {
		position:absolute;
		margin-left:-44px;
		margin-top:15px;
		width:56px;
		height:51px;
		background:url("images/BlogDateBG.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.blogweekday {
		color:#f2f4ec;
		font-size:12px;
		width:56px;
		text-align:center;
	}
	.blogmonth {
		color:#4a563e;
		font-size:12px;
		width:56px;
		text-align:center;
	}
	.blogday {
		color:#4a563e;
		font-size:14px;
		width:56px;
		text-align:center;
	}
	.blogtitle {
		margin-left:12px;
		margin-bottom:15px;
		width:578px;
		height:36px;
		padding-top:15px;
		padding-left:15px;
		color:#4a563e;
		font-weight:bold;
		font-size:18px;
		font-style:italic;
		background:url("images/BlogTitleBG.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	.blogtitle a, .blogtitle a:visited {
		color:#3b4725;
		text-decoration:none;
	}
	.blogtitle a:hover, .blogtitle a:visited:hover {
		color:#566638;
	}
	.blogcontent {
		margin-left:12px;
		padding-bottom:15px;
		width:593px;
		color:#4a563e;
		font-size:12px;
	}
	#sidebararea {
		float:left;
		position:relative;
		margin-left:25px;
		margin-top:25px;
		width:301px;
		background:url("images/SidebarBG.png");
		background-position:top left;
		background-repeat:no-repeat;
	}
	#blogrss {
		width:282px;
		height:51px;
		margin-left:8px;
		margin-top:14px;
		margin-bottom:15px;
	}
	#blogcategories, #blogarchives, #recentprojects {
		margin-left:8px;
		margin-bottom:15px;
	}
	#blogcategories ul, #blogarchives ul, #recentprojects ul {
		list-style:none;
	}
	#blogcategories ul li a, #blogarchives ul li a, #recentprojects ul li a{
		display:block;
		padding-left:10px;
		padding-top:10px;
		width:272px;
		height:24px;
		text-decoration:none;
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
		background-color:#becba7;
		border-bottom:1px solid #FFFFFF;
	}
	#blogcategories ul li a:hover, #blogarchives ul li a:hover, #recentprojects ul li a:hover {
		background-color:#4a563e;
	}
	#blognavigation {
		width:243px;
		border-top:2px solid #becba7;
		padding-left:350px;
		margin-left:12px;
		padding-top:10px;
	}
	#blogolder a, #blognewer a {
		margin-left:15px;
		float:right;
		padding:10px;
		display:block;
		text-decoration:none;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		background-color:#becba7;
	}
	#blogolder a:hover, #blognewer a:hover {
		background-color:#4a563e;
	 }
	a.more-link {
		padding:2px;
		text-decoration:none;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		background-color:#becba7;
	}
	a.more-link:hover, a.morelink:visited:hover {
		background-color:#4a563e;
	}
	.blogcontent a, .blogcontent a:visited {
		text-decoration:none;
		color:#4a563e;
		font-size:12px;
		font-weight:bold;
	 }
	 .blogcontent a:hover, .blogcontent a:visited:hover  {
		 text-decoration:underline;
	 }
/* End Blog CSS */
/* Page CSS */
	#pagetitle {
		margin-left:12px;
		margin-top:15px;
		margin-bottom:15px;
		padding-left:15px;
		width:578px;
		height:36px;
		padding-top:15px;
		color:#4a563e;
		font-weight:bold;
		font-size:18px;
		text-transform:uppercase;
		background:url("images/BlogTitleBG.jpg");
		background-position:top left;
		background-repeat:no-repeat;
	}
	#pagecontent {
		margin-left:12px;
		width:593px;
		color:#4a563e;
		font-size:12px;
	}
	#recentprojects {
		margin-left:8px;
		margin-bottom:15px;
		margin-top:14px;
	}
	/* Recent Projects list CSS in the blog css above */
/* End Page CSS */
/* Archive CSS */
	#archivetitle {
		margin-left:12px;
		margin-top:15px;
		margin-bottom:15px;
		padding-left:15px;
		width:578px;
		height:36px;
		padding-top:15px;
		color:#4a563e;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		font-size:18px;
	}
/* End Archive CSS */
/* Contact Form CSS */
	#formarea {
		width:593px;
		padding-bottom:15px;
		background:url("images/contactbg.jpg");
		background-position:top center;
		background-repeat:no-repeat;
		background-color:#becba7;
	}
	#formarea .textboxes {
		background:white;
		border:none;
		height:19px;
		padding-top:6px;
		padding-left:6px;
	}
	#formarea select, #formarea textarea {
		background:white;
		border:none;
	}
	#formarea textarea {
		padding-top:6px;
		padding-left:6px;
	}
	#formarea .textboxes:hover, #formarea textarea:hover {
		background:#adbc9b;
	}
	.formfield {
		padding-top:15px;
		padding-left:65px;
		font-weight:bold;
		font-size:14px;
		color:#454e3a;
	}
	.submitbutton {
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		background-color:#4a563e;
		padding:4px;
		border:none;
	}
/* End Contact Form CSS */
/* Twitter CSS */
	#twitter_update_list {
		list-style:none;
	}
/* End Twitter CSS */