@charset "utf-8";
/* CSS Document 
* JULY 2013
* powered by VIDALMA.NET
*/

/* GRACIENT BG 
*http://css-tricks.com/examples/CSS3Gradient/
*/
body {
  /* fallback */
  background-color: #1a82f7;
  background: url(images/linear_bg_2.png);

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f2f2), to(#d5d5d5));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #f4f2f2, #d5d5d5);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #f4f2f2, #d5d5d5);

  /* IE 10 */
  background: -ms-linear-gradient(top, #f4f2f2, #d5d5d5);
  

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #f4f2f2, #d5d5d5);
  
  /* Sizing fix  for Nav animation on screen sizes 1000px and up*/
  width:100%;
  height:100%; 
 
}

/* INFO NAV TOGGLE STYLE */
.toggledDiv {
	width:990px;
    height:0;
    overflow: hidden;
	margin:0px auto;
	padding:-5px 0px 25px 0px;
}



/* Font Style */
p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:.7em;
	font-style:normal;
	font-weight: normal;
	color:#333;
}

h1 {
	font-size:3em;
	font-family: 'Oswald', sans-serif; font-weight:700;
	font-style:normal;
	font-weight: normal;
	color:#333;
}

h2 {
	font-size:2em;
	font-family: 'Oswald', sans-serif; font-weight:700;
	font-style:normal;
	font-weight: normal;
	color:#333;
}

h3 {
	font-size:100%;
}

h4 {
	font-size:75%;
}

h5 {
	font-size:50%;
}

h6 {
	font-size:25%;
}

/* Structural CSS */



#main {
	position:relative;
	width:999;
	margin:auto auto;
	display:block;
	/*background-color:#CCC;*/
}



/*Nav Style*/

#nav
{
	width:1700px;
	margin:auto 5%;
	font-size:22px;
}
	
#menu
{
	margin:0 0;
}


#menu li {
	display:inline;
}

#menu li a { 	
	font-family: 'Oswald', sans-serif; font-weight:700;
    font-weight:bold;
	text-decoration:none;
	color:#000;	
}

/* Animated CSS */

.message_info
{
	width:990px;
	height:0px; 
	margin:0px auto;
	
}

#contains
{
	margin:0px;
	width:490px;
	height:inherit;
	padding:5px 0px 25px 0px;
}

.info
{
	display:inline;
	cursor:default;
	float:right;
	margin:5px 0px;
	text-decoration:none;
	color:#333;
	font-family: 'Oswald', sans-serif; font-weight:400;
	font-size:18px;
	padding:5px 0px 25px 0px;
}

.message
{
	width:300px;
	height:150px;
	margin:17.5px 0px;
	background-color:#333;
	float:left;
}

textarea
{
	outline:none;
	resize:none;
	border:none;
	background:none;
	color:#fff;
	margin:5px 0px 0px 10px;
	padding:5px 0px;
	font-family: 'Oswald', sans-serif; font-weight:400;
}

input
{
	outline:none;
	background:none;
	border:none;
	border-radius:10px;
	margin:5px 0px 0px 10px;
	padding:5px 0px;
	
	color:#fff;
	
	font-family: 'Oswald', sans-serif; font-weight:400;

}
input[type=submit]
{
	background:none;
}
input:-moz-placeholder
{
	color:#fff;
}
input::-webkit-input-placeholder
{
	color:#fff;
}

/* Gallery Grid Styles */
.gallery {
	position: relative;
	overflow: hidden;
	width:990px;
	margin:0px auto;
}

.title {
	height:20px;
	text-decoration:none;
	font-family: 'Oswald', sans-serif; font-weight:400;
	font-style:normal;
	font-size:1em;
	font-weight: normal;
	color:#333;
	padding-bottom:30px;
}

.project-left {
	display:inline;
	float:left;
	position:relative;
	margin:0px;
	padding-right:10px;
}

.project-middle-left {
	display:inline;
	float:left;
	position:relative;
	margin:0px;
	padding-right:10px;
}

.project-middle-right {
	display:inline;
	float:left;
	position:relative;
	margin:0px;
	padding-right:10px;
}

.project-right {
	display:inline;
	float:left;
	position:relative;
	margin:0px;
}

.project-info {
	margin-bottom:15px;
	margin-top:10px;
}

.project-info div {
	background-color:#CCC;
	width:auto;
	height:auto;
	display:inline;
	position:relative;
	padding:5px;
	margin:2px;
}


header {
	width:100%;
	height:25px;
	color:#000;
	position:relative;
	margin:0px auto;
	padding:35px 0px 25px 0px;
	/*background: #CCC  */
	
}
header a {
	color:#000;
	
}

#totalImages {
	color:#fff;
	
}
#counter p {
	color:#fff;
	
}
#title p{
	color:#fff;	
}
/* Blog Style */

.tumblr {

	
}

.tumblr li {
	list-style:none;
}

.tumblr p {
} 
.tumblr img {
	display:inline-block;
}

.tumblr-post-date {
}

/* Carousel Style */
#lightbox {
	z-index:0;
	position:fixed;
	top:0; left:0;
	width:100%;
	height:100%;
	background:url(../images/overlay2.png) repeat;
}

.container {
	margin: auto auto;
	width: 990px;
}

.vid {
	margin:auto auto;
	margin-top:10%;
	width:900px;
}
.vid a {
	text-decoration:none;
	font-family: 'Oswald', sans-serif; font-weight:400;
	font-style:normal;
	font-size:2em;
	color:#fff ;
}

#button {
	
}

.carousel {
	position:relative;
	z-index:99999;
    width:100%;
}
#slides {
    /* fix ie overflow issue */
	position:absolute;
	overflow:hidden;
    width:300%;
    height:540px;
	margin:60px auto 30px auto;
}
  
#slides ul {
    position:absolute;
	height:inherit;
    left:inherit;
    top:inherit;
    list-style:none;
    margin:0;
    padding:0;    
    width:100%;           
}

#slides li {
	position:relative;
	display:inline-block;
	margin:auto;
	padding-left:60px;
}

#slides li img {
	cursor:pointer;
	display:block;
	width:990px;
    height:540px;
}

#title {
	text-align:left;
	width:150px;
	height:30px;
	margin:620px 0px 0px 20px;
	float:left;
} 
/* Carousel Counter */
#counter p {
	display:inline;
}
#counter {
	text-align:center;
	width:45px;
	height:30px;
	margin-top:625px;
	float:left;
}
/* Styling for prev and next buttons */
#close {
	padding:0 0;
	float:right;
}
#close a {
	display:block; 
    width:30px; 
    height:30px;
    float:right;
    outline:0;
}
#buttons {
	float:inherit;
	display:block;
	width:990px;
	height:30px;
	margin:0 auto;
}

#buttons a {
	margin-top:630px;
    display:block;
    width:15px; 
    height:15px;
    outline:0;
}
a#prev {
    background:url(../images/leftarrow.png) center no-repeat; 
	float:left;
}
a#prev:hover {
    background:url(../images/leftarrow.png) center no-repeat;
}
a#next {
    background:url(../images/rightarrow.png) center no-repeat; 
	float:left;
}
a#next:hover {
    background:url(../images/rightarrow.png) center no-repeat;
}
a#close {
	background:url(../images/x.png)  no-repeat;
	height: 30px;
	width: 30px;
	float:right;
}

/* MASONRY CSS */

.item {

	
	
}

.grid-sizer { width: 25%; }

#blog{
	height:10000px;
	width:100%;
	margin-left:5%;
		
}
.tumblr p {
    text-decoration:none;
	font-family: 'Oswald', sans-serif; font-weight:400;
	font-size:1em;
}
.tumblr a {
    text-decoration:none;
	font-family: 'Oswald', sans-serif; font-weight:400;
	font-size:1em;
	color:#CCC;
}
.item{
 	margin:10px 20px 10px 0;
  	float:left;	
}

#container{
	position:relative;
	width:1700px;
	height:auto;
}

@media only screen and (max-width : 1599px),
only screen and (max-device-width : 1599px){
	#nav {
		width:1300px;
	}
	#container {
		width: 1300px;
	}
}

/*Media Queries*/
@media only screen and (max-width : 1199px),
only screen and (max-device-width : 1199px){
	#nav {
		width:1000px;
	}
    #container {
        width: 1000px;
    }
}
 
@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px){
	#nav {
		width:200px;
		height:500px;
	}
    #container {
        width: 500px;
    }
}

/* center masonry 
#fit-width .masonry {
	margin: 0 auto;	
}

*/

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}