/* ------------------------------ 
               basics             
   ------------------------------*/

html, body { min-height: 100%; }

body { width:100%; height:100%; font:normal 11px Helvetica, Arial, sans-serif; color:#64676c; margin:0;
	background: #fefefe url(../assets/site/linen.jpg) repeat; }

.clear { clear: both; }

hr { width: 750px; height: 38px; margin: 0; border-style: none; background: url(../assets/site/hr_tear.png) no-repeat; display: block; float: left; }

hr.foot { width: 750px; height: 38px; margin: 0; border-style: none; background: url(../assets/site/hr_tear_b.png) no-repeat; display: block; float: left; }

a { color: #8c8c8c; }

a:hover { color: #08c; }

/* ------------------------------ 
               header            
   ------------------------------*/

#topBar { display:block; width:100%; height: 4px;
background: url(../assets/site/line_top.jpg) repeat-x; }

#wrapper { width: 750px; height: 100%; margin-left: auto; margin-right: auto; }

#content { float: left; margin: 15px 0; }

#header { width: 750px; height: 50px; margin: 30px 0 15px; float: left;
}

#header h1 { color: #333333; font-size: 40px;
text-shadow: 0 0 2px #fff; float: left;
}

.dot { color: #08c; }

.design { color: #999999; font-family: "Helvetica Neue"; font-weight: 200; }

/* ------------------------------ 
             navigation             
   ------------------------------*/

#nav { margin: 20px 0 0; float: right; }

#nav ul { margin: 0; padding: 2px 0; display: block; }

#nav li { list-style-type: none; display: inline; margin: 0 0 0 5px; }

#nav li a { color: #8c8c8c; background: #fff; padding: 5px 10px;
border: 1px solid #fff; text-decoration: none;

/* CSS3 Background */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top,  #fff,  #ededed); 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');	

/* CSS3 Rounded Corners */	
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	
/* CSS3 Box Shadow */
-moz-box-shadow:0 0 3px #9c9c9c; -webkit-box-shadow:0 0 3px #9c9c9c; box-shadow:0 0 3px #9c9c9c; }

#nav li a:hover { color: #4f4f4f; padding: 5px 10px; text-decoration: none; border: 1px solid #fff;

/* CSS3 Background */
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top,  #ededed,  #fff); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	
/* CSS3 Rounded Corners */
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

#home #nav-home a { color: #08c; margin: 0 0 0 2px; padding: 5px 10px;
text-decoration: none; border: 1px solid #fff;

/* CSS3 Background */
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top,  #ededed,  #fff); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	
/* CSS3 Rounded Corners */
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

#works #nav-works a { color: #08c; margin: 0 0 0 2px; padding: 5px 10px;
text-decoration: none; border: 1px solid #fff;

/* CSS3 Background */
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top,  #ededed,  #fff); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	
/* CSS3 Rounded Corners */
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

#goodies #nav-goodies a { color: #08c; margin: 0 0 0 2px; padding: 5px 10px;
text-decoration: none; border: 1px solid #fff;

/* CSS3 Background */
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top,  #ededed,  #fff); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	
/* CSS3 Rounded Corners */
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

#about #nav-about a { color: #08c; margin: 0 0 0 2px; padding: 5px 10px;
text-decoration: none; border: 1px solid #fff;

/* CSS3 Background */
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top,  #ededed,  #fff); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	
/* CSS3 Rounded Corners */
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

#blog #nav-blog a { color: #08c; margin: 0 0 0 2px; padding: 5px 10px;
text-decoration: none; border: 1px solid #fff;

/* CSS3 Background */
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top,  #ededed,  #fff); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	
/* CSS3 Rounded Corners */
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

#contact #nav-contact a { color: #08c; margin: 0 0 0 2px; padding: 5px 10px;
text-decoration: none; border: 1px solid #fff;

/* CSS3 Background */
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top,  #ededed,  #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	
/* CSS3 Rounded Corners */
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

/* ------------------------------ 
             nivo slider            
   ------------------------------*/

#nivoSlider { width: 750px; height: 312px; margin: 10px 0; float: left; }

#sliderContainer { width: 750px; margin-top: 0; background-color: #fff; }
#slider{display: none;}

#slider a { border:0; }

.nivo-controlNav { position:absolute; left:47%; bottom: -20px; }

.nivo-controlNav a { display:block; width:10px; height:10px; 
background: url(../assets/site/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 3px 0 0; float:left; }

.nivo-controlNav a.active { background-position:-10px 0; }

.nivo-directionNav a { display:block; width:32px; height:34px; 
background: url(../assets/site/arrows.png) no-repeat; text-indent:-9999px; border:0; }

a.nivo-nextNav { background-position:-32px 0; right:10px; }

a.nivo-prevNav { left:10px; }

/* ------------------------------ 
              twitter             
   ------------------------------*/

#twitter { width: 355px; height: inherit; float: left; padding: 5px 0; text-align: left; margin: 6px 35px 0 0; }

#twitter img { float: left; }

#twitter h2 { float: left; display: block; font: 25px "Helvetica Neue"; font-weight: 200; text-shadow: 0 0 2px #fff; color: #333; margin: 0 2px; }

#twitter h3 { float: left; margin: 7px 2px 0 10px; font: 15px "Helvetica Neue"; font-weight: 300; display: block; }

#twitter_update_list { color: #4f4f4f; font-size: 12px; margin-top: 10px; float: left; }

#twitter_update_list li{ border-top: 1px dotted #999; padding: 10px 0; }

#twitter_update_list li  a { color: #8c8c8c; }

#twitter_update_list li  a:hover { color: #08c; }

/* ------------------------------ 
               flickr             
   ------------------------------*/

#flickr { width: 350px; height: inherit; float: left; padding: 5px 0; text-align: left; }

#photos { float: left; margin: 6px 0 0; }

#photos img { border: 3px solid #fff; -moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA; box-shadow:0 0 3px #AAAAAA; margin: 0 6px 4px 0; }

#flickr h2 { float: left; display: block; font: 600 32px "Helvetica Neue"; text-shadow: 0 0 2px #fff; color: #0062db; margin: 0 2px; }

.pinkr { color: #f90084; }

#flickr h3 { float: left; margin: 13px 2px 0 10px; font: 300 18px "Helvetica Neue"; display: block; }

/* ------------------------------ 
               works             
   ------------------------------*/

#portfolio { width: 750px; float: left; text-align: center; margin: 25px 0 0; }

.worksHeader { margin: 10px 0 6px; }

#portfolio h1 { font: 50px "Helvetica Neue"; font-weight: 100; text-shadow: 0 0 2px #fff; color: #4f4f4f; margin: 10px 0 30px; }

#tn { width: 750px; float: left; }

.image-caption { float: left; width: 185px; background-repeat: no-repeat; margin: 0 2px 15px 0; height: 215px; }

.image-caption img { border: none; margin-bottom: 5px; }

.image-caption p { clear: both; padding: 0; color: #585858; line-height: 12px; font-size: 12px; text-align: center; margin: 0 0 6px; text-shadow: 0 0 2px #fff; }

.image-caption a { color: #8a8a8a; text-decoration: underline; }

.image-caption a:hover { color: #08c; text-decoration: none; }

.new { background: url(../assets/site/new.png) no-repeat; width: 68px; height: 68px; position: absolute; z-index: 1; margin: 5px 0 0 105px; }

/* ------------------------------ 
              about me             
   ------------------------------*/

#photo { width: 200px; height: 210px; float: left; margin: 15px 5px 0 25px;
-moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA; box-shadow:0 0 3px #AAAAAA; background: #fff url(../assets/site/devi8.png) no-repeat -10px -5px; border: 5px solid #fff; }

#pens { width: 188px; height: 242px; float: right; background: url(../assets/site/pens.png) no-repeat; margin: -40px 0 0; }

.aboutme_content { float: left; width: 478px; margin: 10px 0 15px 25px; }

.aboutme_content h1 { font: 400 20px "Helvetica Neue"; text-shadow: 0 0 2px #fff; color: #333; margin: 0 0 5px; }

.aboutme_content p { font: 200 15px/22px "Helvetica Neue"; text-shadow: 0 0 2px #fff; color: #333; }

.aboutme_content ul { width: 520px; float: left; }

.aboutme_content li { display: inline-block; height: 25px; float: left; font: 200 15px/22px "Helvetica Neue"; text-shadow: 0 0 2px #fff; color: #333; padding: 0 8px 0 0; }

.icon { margin: 0 5px 0 0; }

.social { margin: 8px 4px 0 0; }

/* ------------------------------ 
              contact             
   ------------------------------*/

#contactContainer { width: 750px; height: inherit; float: left; }

#cform { width: 410px; height: 420px; float: left; margin: 15px 0 0; }

#iphone {width: 230px; height: 430px; margin: 2px 40px 0 0; background: url(../assets/site/iphone4.png) no-repeat; float: right;
}

/* ------------------------------ 
              footer             
   ------------------------------*/

#footer { width: 750px; height: 40px; float: left; margin: 5px 0 0; }

#footer p { text-align: center; color: #7a7a7a; font-size: 12px; margin: 0 0 4px 0; }

#footer a:hover.seydesign { color: #d00e0d; }