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

ZOOMPASS	 
MAY 2009

***************************************************
	GENERIC
	*/


HTML {
	font: 62.5%/160% "Helvetica Neue LT Std", "Helvetica Neue Std", "Helvectica Neue Pro", Helvetica, sans-serif;   
	background:#FFF url(../images/html-bkg.gif) repeat-x;
	color: #c0b4a6;
	}
	
BODY {
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
    
h3{
    margin: 1em 0 .25em 0;
    }
h4{
    color: #386876;
    font-size: 110%;
    font-weight: bold;
    margin: .5em 0 .25em 0;
    }


.postauthor small{
    background: url(../images/author.gif) 0 5px no-repeat !important;
    padding-left: 7px;
    }
    
    
#signuptoday{
   display: block;
   width: 282px;
   height: 142px;
   background: url(../images/signup.gif) 0 0 no-repeat;
   text-indent: -900em;
   overflow: hidden;
   }
#signuptoday:hover{
    background-position: bottom left;
    }

    
	
/***************************************************
	WRAPPER
	 */
.blog #wrapper {
	width:920px;
	margin: 0px auto;
	text-align:left;
    background:url(../images/wrapper-bkg.jpg) 0 130px no-repeat;
	}
.mediaroom #wrapper {
	width:920px;
	margin: 0px auto;
	text-align:left;
    background:url(../images/wrapper-bkg-mediaroom.jpg) 0 130px no-repeat;
	}
/***************************************************
	HEADER
	*/


#header {height:130px;}

.logo {
	display:block;
	width:311px;
	height:58px;
	text-indent:-999em;
    background:url(../images/logo.gif) no-repeat;
    float:left;
    margin:25px 0 0 0;
	}
	  
#content {
    width:600px;
    float:left;
    margin:0 20px 0 0;
    color:#455560;
    font-size:130%;
    line-height:150%;
    }
    
/***************************************************
	TOPMEMU 	
	
	*/   
   
 .blog .external-btn {
    width:182px;
    height:35px;
    overflow:hidden;
    background:url(../images/media-room-btn.gif) no-repeat;
    text-indent:-999em;
    display:block;
    float:right;
    margin:35px 10px 0 0;
    }
    
 .blog .external-btn:hover {
    background-position:bottom left;
    }
    
 .mediaroom .external-btn {
    width:133px;
    height:35px;
    overflow:hidden;
    background:url(../images/blog-btn.gif) no-repeat;
    text-indent:-999em;
    display:block;
    float:right;
    margin:35px 10px 0 0;
    }    
    
 .mediaroom .external-btn:hover {
    background-position:bottom left;
    }    
    
#topmenu {
    width:186px;
    height:35px;
    background:url(../images/topmenu.gif) no-repeat;
    list-style:none;
    margin:35px 20px 0 0;
    padding:0;    
    float:right;
    }
 #topmenu LI {
    display:block;
    float:left;
    }
    
#topmenu LI A {
    text-indent:-999em;
    font-size:0;
    line-height:0;
    display:block;
    height:35px;
   background:url(../images/topmenu.gif) no-repeat;
    width:92px;    
    float:left;
    overflow: hidden;
   }
   
 #topmenu #nav-about A{background-position: top right; margin:0 0 0 1px;}
 #topmenu #nav-about A:hover {background-position: center right;}
 
  #topmenu #nav-home A:hover {background-position: center left;}
  #topmenu #nav-home.selected  A {background-position: top right;}
	
/***************************************************
	SEARCH FORM 
	
	 */
     
#title-bar {
    height:50px ;
    }
    
#searchform INPUT {
   background:url(../images/search.gif) no-repeat;
   width:198px;
    height:26px;    
    font-size:160%;
    font-weight:bold;
    float:right;
    color:#96a3af;
    padding:6px 0 0 30px;
    margin:8px 20px 0 0;
    border:none;
    }
    
/***************************************************
	POSTS
	
	 */
.post-wrapper {
    background:url(../images/post-div.gif) bottom left no-repeat;
   clear:left;
    margin:30px 0;
    }
       
.post,
.page {
    padding:0 0 10px 0;
    float:left;
    width:500px;
    }
.mediaroom .post{
	width:570px;
	float:left;
	padding:0 15px 10px 20px;
}    
.page {
    margin:0 0 0 90px;
    }
  
.post H1,
.post H2 {
    font-weight: bold;
    color:#fcb033;
    font-size:180%;
/*     font-family:"Myriad", "Myriad Pro"; */
    text-transform:capitalize;
    }
.mediaroom .post H1,
.mediaroom .post H2 {
	margin-bottom:.2em;
}
    
.post H2 A {
    text-decoration:none;
    color:#fcb033;
display:Block;
    }
		
.post-icon {
    float:left;
    width:90px;
    text-align:center;
    }
    
/***************************************************
	SIDEBAR 	
	
	*/
    
#sidebar {
	float:left;
	width:282px;
	}

#sidebar H2 {
	font-weight:bold;
	color:#41372f;
	font-size:160%;
	margin:0;
    height:42px;
    line-height:42px;
    color:#FFF;
    padding:0 0 0 40px;
    margin: 0 0 0 10px;
	}
	
/* the first UL holds EVERYTHING because we're using widgets */	
#sidebar UL {
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
	}	
  
/* the second level UL is the indivual widgets */	
#sidebar LI  {
    background:url(../images/widget-bkg.gif) no-repeat;
    margin:0 0 10px 0;
    
    }
    
#sidebar LI UL {
	margin:0 0 43px;
	padding:0;
	}	
	
#sidebar LI LI {
	list-style:none;
	margin:0;
	padding:1px;
	background:none;
    }
	
#sidebar LI LI A {
    text-decoration:none;
	}
	
#sidebar LI LI A:hover {
    color:#000;
    text-decoration:underline;
	}	
    
   #sidebar LI LI {
	display:block;
	text-decoration:none;
	padding:10px 15px 10px 15px;
	color:#54646e;
	font-size:120%;
    font-weight:bold;
    border-bottom:solid 1px #e1e1e1;
    }
  #sidebar LI UL {
    margin-bottom:10px;
    }
    
    
    .vcard{
        padding-bottom: 45px;
        color: #8D969D;
        }
    .vcard p{
        margin: 0;
        }
    .vcard strong{
        font-size: 1.1em;
        border-bottom: solid 1px #cfcfcf;
        }
        
    .url{
      position:relative;
      bottom:0;
    }
    .says{
      position:relative;
      bottom:0;
    }

 /***************************************************
	WIDGET ICONS 

    */		
    
#sidebar H2 {background:url(../images/icon-zoompass.gif) left center no-repeat; text-transform:capitalize;} /*Default */
#sidebar #zoompass-flickr H2 {background:url(../images/icon-flickr.gif) left center no-repeat;}
#sidebar #recent-comments H2 {background:url(../images/icon-side-comments.gif) left center no-repeat;}
#sidebar #zoompass-twitter H2 {background:url(../images/icon-twitter.gif) left center no-repeat;}
#sidebar #signup-today H2 {background:url(../images/icon-zoompass.gif) left center no-repeat;}
#sidebar #zoompass-delicious H2 {background:url(../images/icon-delicious.gif) left center no-repeat;}
	 
 .widgetsubtitle{
    display:block;
	text-decoration:none;
	padding:10px 15px 10px 15px;
    margin:0;
	color:#8d969d;
	font-size:120%;
    font-weight:bold;
    border-bottom:solid 1px #e1e1e1;
    }
    
 .button {
    border: none;
    background:url(../images/sidebar-btn.gif) no-repeat;
    padding:8px 0 8px 9px; 
    text-decoration:none;
    color:#455560;
    font-weight:bold;
    font-size:110%;
    float:right;
    text-align: left;
    display: block;
    }

.button STRONG {
    background:url(../images/sidebar-btn.gif) top right no-repeat;
    padding:9px 18px 9px 9px; 
    margin:0px;
    }
    
.button:hover {
    background-position:bottom left;
    color:#FFF;
    }
    
 .button:hover STRONG{
    background-position:bottom right;
    }
    
    /**********************************************
    FACEBOOK CSS
    **********************************************/
    
    #fbConnectHolder{
        float:right;
        padding:2px;
        margin:3px;
    }
    
  #facebook {
    width:285px;
    background:url(../images/facebook.gif) no-repeat;
    display:block;
    text-decoration:none;
    line-height:39px;
    color:#8D969D; 
    }
    
    
 #facebook:hover {
    color:#54646e;
    background:url(../images/facebook.gif) 0 -60px no-repeat;  
    }
    
  #facebook STRONG {
    display:block;
    font-size:160%;
    padding:0px 4px 0px 10px; 
    }
        
#facebook SPAN {
    line-height:100%;
    background:#f8f8f8;
    border-bottom:solid 1px #e1e1e1;
    display:block;    
    font-size:120%;
   padding:4px 4px 4px 10px; 
   font-weight:bold;
   }
   
#rss-feed {
      color:#8d969d;
      width:285px;
    height:39px;
    line-height:37px;
    background:url(../images/rss-feed.gif) no-repeat;
    display:block;
    text-decoration:none;
    font-size:160%;  
    color:#8d969d;
    padding:0 4px 0 10px; 
    }
    
 #rss-feed:hover {
    background:url(../images/rss-feed.gif) 0 -60px no-repeat;  
    color:#54646e;  
    }
/***************************************************
	POST META DATA

	 */
     
     #sidebar #flickr-list {
        padding:10px 10px 0 10px;
        margin:0;
        overflow: hidden;
        
        }
        #sidebar #flickr-list LI,
        #sidebar #zoompass-smr-videos li,
        #sidebar #zoompass-smr-photos li       {
        padding:0;
        margin:0;
        text-align:center;
        border: none;
        display: inline;
        }
        
    #sidebar #zoompass-smr-videos li a,
    #sidebar #zoompass-smr-photos li a,        
    #zoompass-flickr LI A {
       float:left;       
       padding:5px;
       }
       
    #sidebar #zoompass-smr-videos a:hover,
    #sidebar #zoompass-smr-photos a:hover,       
    #zoompass-flickr LI A:hover {
        border:solid 1px #FCB033; 
        padding:4px;
        }
/***************************************************
	POST META DATA

	 */
     
.postmetadata  SMALL,
.postmetadata  A.comments {
	padding:5px 0 5px 20px;
	background:none;
	margin:0 15px 0 0;
    background:url(../images/icon-posted.gif) left center no-repeat;
    font-weight:bold;
    font-size:80%;
    color:#455560;
    text-decoration:none;
	}
    
.postmetadata A.comments{
    background:url(../images/icon-comments-sml.gif) left center no-repeat
    }
    
.postmetadata A:hover {
    text-decoration:underline;
    }
    
.entry DIV {
   float:right;
    }
.entry h2{
    font-size: 1.2em;
    margin: 0 0 .25em 0;
    }

/***************************************************
	COMMENTS

	 */
  H3#comments {
    width:150px;
    margin:10px 0 0 0;
    float:left;
    }
    
 .comments-rss A{
    background:url(../images/rss.gif) no-repeat;
    width:24px;
    height:24px;
    text-indent:-999em;
    line-height:0;
    display:block;
    float:right;
    margin:6px 0 0 0;   
    }
    
 #respond {
   margin:0 0 0 90px;
   }
   
 .comment-wrapper {
    width:500px; 
    float:left; 
    }
    
.comment-meta {margin:0 0 10px 0;}
    
ol.commentlist { list-style:none; margin:0 0 20px; padding:10px 0 0 0; text-indent:0; clear:both;}
ol.commentlist li {margin:0 0 10px; padding:5px 0px; position:relative;border-bottom:1px solid #e8ebed;}
ol.commentlist li div.author A, ol.commentlist li div.author h5{text-decoration:none;  }
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#96a3af; text-decoration:none; }

.avatar {
    border:solid 1px #455560;
    }
    
.fn A{
	color:#386876;
	text-decoration:none;
	font-size:120%;
    font-weight:bold;    
	}
    
    
#sidebar #zoompass-smr-videos ul,
#sidebar #zoompass-smr-photos ul{
    padding: 10px 5px;
    margin: 0;
    overflow: hidden;
    height: 1%;
    }

    
    
/***************************************************
SIGNUP WIDGET 

*/

.widget{
    overflow: hidden;
    height: 1%;
    }
    
#sidebar li#zoompass-rss-button,
#sidebar li#zoompass-facebook-button{
    background: none;
    }
    
    
    .followus {
        margin-top: 8px;
        }


#signup{
    padding: 5px 10px;
    text-align: center;
    }
    
#signup p{
    margin: 0 0 3px 0;
    }
    
#signup p.followus{
    text-align: right;
    }
    
#signup .submit{
    display: block;
    width: 94px;
    height: 32px;
    background: url(../images/submit-btn.gif) 0 0 no-repeat;
    border: none;
    padding: 0;
    cursor: pointer;
    float: right;
    margin: 6px 15px 0 0;
    color: #455560;
    font: bold 11px/14px arial, helvetica, sans-serif !important;
    }
#signup .submit:hover{
        background-position: 0 -39px;
        }

#signup input.text{
    border: solid 1px #96a3af;
    padding: 4px;
    color: #455560;
    width: 80%;
    }
    
.error,
.success{
    text-align: center;
    margin: 0;
    padding: 4px 0;
    }
    
.error{
    color: #e33f2e; }
.success{
    color: #6aa919; }
    
/***************************************************
	WORDPRESS RANDOM NONSENSE 

    */
    
.pagetitle {
    font-size:180%;
    text-transform:capitalize;
    margin:30px 0 0;
    }
    
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right;}

.alignleft,
.entry div.alignleft{
    float: left !important
    }	

.navigation {
	display: block;
	margin-bottom: 10px;
	clear:both;
	overflow:hidden;
	color:#5F5651;
    background:#e4e4e4;
    padding:5px;
    font-weight:bold;
	}	
	
.navigation A {text-decoration:none;}
	
TEXTAREA {
	width:425px;
	}
    
    
    
    
#footer{
    text-align: right;
    margin: 20px 0;
    padding: 40px 0;
    clear: both;
    }