/*
     
			    1. TWITTER FEED MODULE
			    2. PHOTO-SHOOT LENS VIEW MODULE
			    3. PHOTO-SHOOT SCROLLER MODULE
			    4. TAB MODULE
			    5. QUOTES MODULE
*/

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

/* ///////////////// 1. TWITTER FEED MODULE //////////////// */

.tweet {
        padding: 30px 0;  
        font-family: Times new roman;
        font-size: 15px;
        font-style: oblique;
        color: #888888;
}

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


/* ///////////////// 2. PHOTO-SHOOT LENS VIEW MODULE //////////////// */

#shoot_zoomer {
	   /* Contains the photograph */
	   width: 500px;
	   height: 270px;
	   position: relative;
	   margin-bottom: 20px;
}
#retina {
	   /* The Lens effect */
	   background: url('../img/shoot_zoom_z.jpg') no-repeat white;
	   background-position: 200px 0px;
	   border: 2px solid white;
	
	   /* Positioned absolutely, so we can move it around */
	   position:absolute;
	   height: 180px;
	   width: 260px;
	   margin: 0;

	   /* Hidden by default */
	   display: none;

	   /* A blank cursor, notice the default fallback */
	   cursor: crosshair;
	
	   /* CSS3 Box Shadow */
	   -moz-box-shadow:0 0 5px #777777, 0 0 10px #AAAAAA inset;
	   -webkit-box-shadow: 0 0 5px #777777;
	   box-shadow: 0 0 5px #777777, 0 0 10px #AAAAAA inset;
	
	   /* CSS3 rounded corners */
	   -moz-border-radius: 90px;
	   -webkit-border-radius: 90px;
	   border-radius: 90px;
}
#retina.chrome {
	   /* A special chrome version of the cursor */
	   cursor: crosshair;
}

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


/* ///////////////// 3. PHOTO-SHOOT SCROLLER MODULE //////////////// */

.shoot_wrapper {
        position: relative;
        top: 40px;
        background-image: url('../img/noise_bg.png');
        margin-bottom: 60px;
        border-top: 1px #DDDDDD solid;
        border-bottom: 1px #DDDDDD solid;
}
#mcs5_container { 
        position:relative; 
        margin: 40px auto; 
        width: 100%; 
        height: 550px; 
        padding: 25px 0; 
        border:0px dashed #000000; 
        -moz-border-radius: 4px; 
        -khtml-border-radius: 4px; 
        -webkit-border-radius: 4px; 
        border-radius: 4px;
        background: #FFFFFF;
        -moz-box-shadow: 0 0 5px #DDDDDD;
        -webkit-box-shadow: 0 0 5px #DDDDDD;
        box-shadow: 0 0 5px #DDDDDD;
}
#mcs5_container .customScrollBox {
        position: relative; 
        width: 920px; 
        overflow: hidden;
}
#mcs5_container .customScrollBox .container {
        position: relative; 
        width: 2700px; 
        left: 0;
}
#mcs5_container .customScrollBox .photo_gallery {
        clear: both;
        margin-left: 15px;
}
#mcs5_container .customScrollBox .photo_gallery img {
        margin: 10px 5px; 
        border-radius: 5px; 
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
}
#mcs5_container .dragger_container {
        position: relative; 
        height: 0px; 
        width: 900px; 
        margin: 15px 10px 10px 20px; 
        border-top: 1px dashed #000000;
        cursor: move;
}
.shoot {
        width: 320px;
        float: left;
        margin: 0 5px;
}
.shoot a img {
        float: left;
        margin: 0 2px; 
        border-radius: 5px; 
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
}
.shoot_intro h3 {
        position:relative;
        top: 10px;
        left: 10px;
        margin-bottom: 14px;
}
.shoot_intro h3 a {
        color: #888888
}
#mcs5_container .dragger {
        position: absolute; 
        width: 60px; 
        height: 9px; 
        background: #111111 url(mcsDragger.png) no-repeat; 
        margin-top: -5px;
        cursor: move;
}
#mcs5_container .dragger_pressed {
        position: absolute; 
        width: 60px; 
        height: 9px; 
        background: #111111 url(mcsDraggerHover.png) no-repeat; 
        margin-top: -5px;cursor: move;
}
#mcs5_container .scrollUpBtn,#mcs5_container .scrollDownBtn {
        position: absolute; 
        top: 0; 
        display: inline-block; 
        font-family: Arial,Helvetica,sans-serif; 
        font-size: large; 
        font-weight: normal; 
        color: #000000; 
        margin: 8px 5px 0 10px; 
        text-decoration: none;
}
#mcs5_container .scrollDownBtn {
        right: 10px;
}
#mcs5_container .scrollUpBtn {
        right: 50px;
}
#mcs5_container .scrollUpBtn:hover,#mcs5_container .scrollDownBtn:hover {
        color: #BBBBBB;
}

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


/* ///////////////// 4. TAB MODULE //////////////// */

#tab_block {
        width: 440px;
        padding: 30px 0;    
}
ul.tabs {
        width: 440px;
        margin: 0;
        padding: 0;
}
ul.tabs li {
        display: block;
        float: left;
        padding: 0 5px;
}
ul.tabs li a {
        display: block;
        float: left;
        padding: 8px;
        font-size: 11px;
        background-color: #E0E0E0;
        background-image: url('../img/noise_diag_bg.png');
        color: #666666;
        text-decoration: none;
}
ul.tabs li a:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
}
.selected {
        font-weight: bold;
}
.tab-content {
        clear: both;
        border: 1px solid #ddd;
        padding: 15px;
        -moz-box-shadow: 3px 3px rgba(0,0,0,0.1);
        -webkit-box-shadow: 3px 3px rgba(0,0,0,0.1);
        box-shadow: 3px 3px rgba(0,0,0,0.1);
}

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


/* ///////////////// 5. QUOTES MODULE //////////////// */

.quotes_icon {
        float: left;
        width: 40px;
        height: 33px;
        margin: 20px 15px 0 10px;
        background-image: url('../img/quote.png');
        background-repeat: none;
}
.quotes_module {        
        font-family: Times new roman;
        font-size: 20px;
        font-style: oblique;
        margin: 30px 10px 0 0;
}
.commenter {
        font-family: Calibri;
        font-size: 12px;
}