/*

Theme Name: Shutterjock (V. 1)

Theme URI: http://www.batescreativegroup.com

Description: Custom theme for Shutterjock LLC.

Version: 2.0

Author: N/A

Tags: Shutterjock, Custom, Imagery, Photography


Updated: May 09, 2011

*/



/*@media screen {



* { margin: 0; padding: 0; }*/



/*body {

	margin: 0;

	padding: 0;

	height: 100%;

	background: #A6A6A0 url(images/bg-camouflage-02.png) repeat-x left top;

	background-attachment: scroll;

	font-family: Arial, "Helvetica Neue", sans-serif;

	font-size: 12px;

	line-height: 1.5em;

}*/



/****************************************************/

/* !Container, Content                              */       

/****************************************************/



#container {	

	 width: 1020px; 

	/*width: 979px;*/

	min-height: 100%;

	padding: 0 0px 0 0px;

	margin: 0 auto;

	background: #fff url(../../images/bg-sidebar.jpg) repeat-y right top;

	overflow: auto;

}



.content.lesspadding {

	width: 638px;

	height: 100%;

	/* background-color: #8eaf2f; */

	padding: 6px 0;

}

.content.nopadding {

	width: 638px;

	height: 100%;

	/* background-color: #8eaf2f; */

	padding:0;

}



.content.lessbottompadding {

	width: 638px;

	height: 100%;

	/* background-color: #8eaf2f; */

	padding: 25px 0 0 0;

}

.content {

	position: relative;

	width: 638px;

	height: 100%;

	/* background-color: #8eaf2f; */

	padding: 0px 0;

}







#article {

	width: 638px;

	float: left;

}



/****************************************************/

/* !Navigation                                      */                                              

/****************************************************/



#navigation {

	/*position: relative;

	width: 1020px;*/
	min-width:1020px;
	margin-left: 0px;

	height: 36px;

	background: #000 url(../../images/bg-nav.png) repeat-x left top;	

}



#search {

	/*position: absolute;

	top: 6px;

	right: 0px;*/

	color:#fff

}









#search input[type="text"] {

	width: 194px;

	background: #f0f0f0 url(../../images/english/icon-search.png) no-repeat 5px center;

	padding-left: 20px;

border:solid 1px #333;

height:20px;

}





#search input.text {

	width: 194px;

	background: #f0f0f0 url(../../images/english/icon-search.png) no-repeat 5px center;

	padding-left: 20px;

border:solid 1px #333;

height:20px;

color:#ccc

}



#search input.text.active {



	background: #ffffff url(../../images/english/icon-search.png) no-repeat 5px center;	

border:solid 1px #000;

color:#333

}













#search input[type="submit"] {

	background: #45484d; /* Old browsers */

background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera11.10+ */

background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

background: linear-gradient(top, #45484d 0%,#000000 100%); /* W3C */

	color: #fefefe;

border:solid 1px #333333;





	font-weight: bold;

	padding: 3px 10px;

	margin-left: 4px;

	cursor: pointer;

	text-shadow: 1px 1px 1px #000;

}



#search input[type="submit"]:hover {

	

background: #7d7e7d; /* Old browsers */

background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera11.10+ */

background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */



color: #ffffff;

}



a.rss {

	display: block;

	color: #D7D7D2;

	text-decoration: none;

	text-transform: uppercase;

	position: absolute;

	right: 20px;

	height: 15px;

	bottom: 14px;

	padding-left: 20px;

	background: url(../../images/icon-rss.png) no-repeat left center;

	line-height: 16px;

	/* outline: 1px dotted #8eaf2f; */

}



a.rss:hover {

	color: #fff;

}



/****************************************************/

/* !Masthead                                        */      

/****************************************************/



#masthead {

	position:relative;

	width:1020px;

	margin-left: 0px;

	height: 124px;

	overflow: hidden;

	background-color: #000;

}



#masthead a.logotype {

	position: absolute;

	top: 26px;

	left: 20px;

	width: 600px;

	height: 84px;

	/*background: url(../../images/logotype-blog.png) no-repeat center center;*/

	z-index: 0;

	/*text-indent: -9999px;

	overflow: hidden;*/

	text-decoration:none; 

	font-size:40px; 

	color:#FFFFFF; 

	font-weight:bold;

}



p.tagline {

	position: absolute;

	top: 88px;

	left: 105px;

	color: #fefefe;

	font-size: 12px;

}





/****************************************************/

/* !Featured Slideshow                              */                

/****************************************************/



#featured {

	position: relative;

	width: 688px;

	height: 360px;

	margin: 0 0 0 0px;

	z-index: 1;

	/* background-color: #000; */

	background: #000 url(../../images/featured-bg.jpg) no-repeat center;

}





/*

#featured #dfcg-text h3 {

	font-size: 36px;

	color: #fff;

}

*/



/****************************************************/

/* !Sidebar                                         */                                              

/****************************************************/



#sidebar {

	position: relative;

	/* width: 306px; */

	width: 300px;

	float: right;

	/* background-color: #fff; */

	padding: 16px 0 0px 0;

	margin-right:16px;

	/* margin: 32px 0 0 0; */

}





#sidebar #tabs {

	height: 381px;

	width: 299px;

	background-color: #fff;

	margin-bottom: 16px;

}



#sidebar .explorecorps {

	/* height: 445px; */

	width: 299px;

	/* background-color: #fff; */

	padding-bottom: 16px;

}



.social {

	position: relative;

	width: 280px;

	margin-right:18px;

	padding:10px;

	height: 81px;

	background: url(../../images/bg-social.jpg) repeat-x;

	padding-bottom: 16px;

	color: #fefefe;

	

}



.social img{margin:0 2px}



#sidebar .divisions-archives {

	overflow:hidden;

	width: 289px;

	color: #fefefe;

	padding: 10px 10px 10px 0;

	margin-bottom: 16px;

}



#sidebar h4.title {

	position: relative;

	display: block;

	/* width: 638px; */

	width: 287px;

	height: 20px;

	font-size: 12px;

	font-weight: 800;

	line-height: 20px;

	/* background: #000 url(images/corner.gif) no-repeat right top; */

	background: url(../../images/bg-title.png) no-repeat right center;

	text-align: left;

	text-transform: uppercase;

	color: #fefefe;

	padding: 0 0 0 13px;

	/* margin: 26px 0; */

	margin: 0 0 8px 0;

}



/****************************************************/

/* !Footer                                          */    

/****************************************************/



#footer {

	width: 100%;

	/*min-width:1020px;*/

	clear: both;

	padding: 36px 0 60px 0;

	border-top: 2px solid #D61F26;

	background: #111 url(../../images/bg-footer.png) repeat-x left top;

	color: #fefefe;

}



#footer .content {

	overflow: auto;

	position: relative;

	width: 1020px;

	padding: 0 0 55px 0;

	margin-bottom: 27.5px;

	/* border-bottom: 1px solid #5b5b5b; */

	/* outline: 1px dotted #8eaf2f; */

}





#footer .content a.logo-small {

	display: block;

	width: 297px;

	height: 32px;

	position: absolute;

	left: 0;

	top: 0;

	text-indent: -9999px;

	overflow: hidden;

	background: url(../../images/logo-small-blog.png) no-repeat center left;

	z-index: 3;

}



#footer .content .about-marines {

	display: block;

	width: 314px;

	position: absolute;

	top: 60px;

	left: 8px;

	line-height: 18px;

	/* outline: 1px dotted #ff6600; */

}



#footer .footer-base {

	clear: both;

	position: relative;

	width: 100%;

	height: 55px;

	background: url(../../images/bg-5b5b5b.gif) repeat-x left center;

	color: #909088;



}

#footer-copy-links{float:left}

#footer .footer-base .footer-info {

	display: block;

	position: absolute;

	bottom: -6px;

	width: 100%;

	font-size: 11px;

}

.footer-info ol li{display:inline;list-style-type:none;} 

.footer-info a {

	text-decoration: none;

	color: #909088;

	padding-right: 6px;

	padding-left: 6px;

	font-size:11px

}



.footer-info a.first {

	padding-left: 0;

}



.footer-info a:hover {

	color: #fff;

	text-decoration: underline;

}



.footer-info .copyright {

	float: right;

	padding-right: 75px;

	text-transform: uppercase;

}



#footer .content a.logo-footer {

	position: absolute;

	display: block;

	width: 55px;

	height: 55px;

	right: 0;

	background: #111 url(../../images/logotype-footer.png) no-repeat center;

	z-index: 2;

	border: 0;

}



/****************************************************/

/* !Footer columns                                  */            

/****************************************************/





#footer .content {

	margin: 0 auto;

}


#footer .content .column-spotlight,
#footer .content .column-divisions,

#footer .content .column-explore,

#footer .content .column-connect {

	min-height: 265px;

}


#footer .content .column-spotlight {

	float: left;

	padding-left: 20px;

	width: 330px;

}

#footer .content .column-spotlight div {

	padding-left: 10px;

}	

#footer .content .column-divisions {

	float: left;

	border-left: 1px solid #5b5b5b;

	/*margin-left: 350px;*/

	padding-left: 12px;

	width: 175px;

}





#footer .content .column-explore {

	float: left;

	border-left: 1px solid #5b5b5b;

	margin-left: 50px;

	padding-left: 12px;

	width: 175px;

}







#footer .content .column-connect {

	float: left;

	border-left: 1px solid #5b5b5b;

	margin-left: 50px;

	padding-left: 12px;

	width: 175px;

}



#footer .content .column-connect ul {

	padding-left: 6px;

}





#footer .content .column-connect ul li {

/* 	outline: 1px dotted red; */

	list-style: none;

	display: block;

	line-height: 16px;

	padding-left: 24px;

}





#footer .content .column-connect li.facebook-small {

	background: url(../../images/facebook-small.png) no-repeat left top;

}

#footer .content .column-connect li.vimeo-small {

	background: url(../../images/vimeo-small.png) no-repeat left top;

}

#footer .content .column-connect li.dailymotion-small {

	background: url(../../images/dailymotion-small.png) no-repeat left top;

}



#footer .content .column-connect li.twitter-small {

	background: url(../../images/twitter-small.png) no-repeat left top;

}



#footer .content .column-connect li.liveleak-small {

	background: url(../../images/liveleak-small.png) no-repeat left top;

}







/****************************************************/

/* !Divisions                                       */       

/****************************************************/



#sidebar .divisions-archives h4.title,

#footer h4.title {

	width: 125px;

	background: url(../../images/english/bg-title.png) no-repeat right center;

	color: #fefefe;

}



#footer h4.title {

	width: 125px;

	background: #000 url(../../images/bg-footer-col-title.png) repeat-x left top;

	color: #fefefe;

	padding: 6px;

	margin-bottom: 10px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	border: 1px solid #111;

	margin-top: 0;

}





#sidebar .divisions-archives .divisions {

	width: 125px;

	float: left;

}	



#sidebar .divisions-archives ul,

#footer ul  {

	padding-left: 15px;

}	



#sidebar .divisions-archives ul li,

#footer ul li {

	list-style-image: url(../../images/icon-double-arrow.png);

	padding-bottom: 10px;

}	



#sidebar .divisions-archives ul li a,

#footer ul li a

 {

	text-decoration: none;

	color: #fefefe;

}	

	



#sidebar .divisions-archives ul li a:hover,

#footer ul li a:hover {

	text-decoration: underline;

}	

	



#sidebar .divisions-archives .archives,

#footer .archives  {

	width: 125px;

	float: right;

}