@charset "utf-8";
/* CSS Document */

/* Global tags */

a:link {color: #3B2325; text-decoration:none;}
a:visited {color: #3B2325; text-decoration:none;}
a:hover {color: #666666; text-decoration:none;}
a:active {color: #FC8208; text-decoration:none;}

h1 {
	color: #FC8208;
	font-size: 1.4em;
	margin:0px;
	margin-bottom: 15px;
}

h2 {
	color: #3B2325;
	font-size: 1.1em;
	margin:0px;
}

/* Loading zone */

.loadingZoneRed {
	background-color: #B5E1B5;
	padding:3px 10px;
	color:#333333;
	font-size: 12px;
	position:fixed;
	top: 0px;
	left:0;
	width:50px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.tag_box {
	background:#FFD3A8;
	text-align:center;
	width:auto;
	height:30px;
	max-width:145px;
	padding:0px 10px;
	display:inline-block;
}

.notify {
	padding-top:8px;
	font-weight:normal;
	color: #009900;
}

.notify_box {
	background:#D1EDD1;
	text-align:center;
	width:auto;
	max-width:160px;
	height:30px;
	padding:0px 10px;
	display:inline-block;
}

/* Header links */

.topWhiteLink a {
font-size:14px;
margin-left: 20px;
color:#3B2325;
} 

.topWhiteLink a:hover {
text-decoration:underline;
color:#5E503C;
}

.topGrayLink a {
font-size:14px;
font-weight:bold;
margin-left: 17px;
color:#FC8208; /*green bg: white*/
} 

.topGrayLink a:hover {
text-decoration:underline;
}

/* Header sub-nav links */

.smallSortFloatRight {
float:right;
margin-right:10px;
margin-top:0px;
margin-bottom:3px;
}

.topSortFloatLeft {
float:left;
margin-left:3px;
margin-top:3px;
margin-bottom:2px;
#margin-top:5px;
}

.topSortFloatRight {
float:right;
margin-right:10px;
margin-top:3px;
margin-bottom:2px;
#margin-top:5px;
}

.mediaAt a {
font-weight:bold;
color:#666666;
margin-right:12px;
}

.mediaLink a {
margin-right:12px;
}

/* Sidebar */

.sideBarDiv {
border-left:1px solid #E4E4E4;
max-width:200px;
width:16.5em;
padding:7px 0px 0px 7px;
overflow: hidden;
text-align:left;
}


.sideBarContentContainer {
color:#333333;
background:#FFFFFF;
width:auto;
margin-top:6px;
clear:both;
margin-bottom:0px;
margin-left:0px;
padding:0px 0px 0px 0px;
}

.sideBarContentText {
width:auto;
padding:3px 3px 4px 4px;
margin-bottom:4px;
clear:left;
#margin-bottom:0px;
}

.snipStreamSwitch {
padding-top:8px;
padding-right:10px;
margin-left: 7px;
max-width:176px;
display:none;
}

.snipAt a, .snipLink a {
display:block;
text-align:center;
height:15px;
padding:2px 15px 3px 15px;
color:white;
font-size:.9em;
font-weight:normal;
margin-bottom: -2px;
}


.snipAt a {
border:2px solid #CCCCCC;
background:#7E7E7E;
display:inline-block;
height:18px;
padding-top:4px;

}

.snipAt a:hover {
text-decoration:none;
}

.snipLink a {
height:16px;
margin-top:2px;
background:#999999;
border: 2px solid white;
display:inline-block;
padding:3px 10px 3px 10px;
}

.snipLink a:hover {
text-decoration:none;
border: 2px solid #CCCCCC;
margin-bottom: -2px;
}


.sideBarStats{
margin-top:0px;
}


.statsLeft {
float:left;
display:inline;
clear:left;
margin-left:3px;
margin-bottom:3px;
#margin-bottom:0px;
}

.statsLeft a {
}

.statsLeft a:hover {
}

.drag_bookmarklet a:hover {
text-decoration:none;
}

.statsRight {
color: #575757;
float:right;
display:inline;
clear:right;
margin-right:20px;
margin-bottom:3px;
}

.subTitle {
width:auto;
max-width:186px;
clear:both;
font-size:1em;
color:#464646;
border-top:1px solid #E4E4E4;
padding-bottom: 5px;
}
.sideBarTitle {
margin-left:0px;
color:#333333;
margin-top:2px;
font-weight:bold;
#margin-bottom:8px;
}

#sideBarMain {
background:#50638E url(../images/layout/leftBarTop.png) top center no-repeat;
width:202px;
height:auto;
min-height:54px;
}

#sideBarBottom {
width:202px;
height:18px;
background: url(../images/layout/leftBarBottom.png) bottom center no-repeat;
}

.sideBarTop {
margin-top:-10px;
padding-top:-15px;
}

.vsnipsPic {
margin-top:7px;
margin-left:10px;
margin-bottom:3px;
}

.followContainer {
clear:both;
float:right; 
height:auto;
text-align:left;
margin-right:13px;
margin-top:0px;
}

.followButton {
background: #E1E1E1;
border:#666666 1px solid;
width:auto;
height:22px;
padding:1px 39px 4px 39px;
#padding:1px 24px 4px 24px;
color:#666666;
margin-bottom:7px;
margin-top:-4px;
}

/* Search within Sidebar */

.search {
color: #333333;
margin-top:-90px;
#margin-top:-110px;
margin-bottom:18px;
margin-left:10px;
#margin-left:3px;
}

.search input {
color:#333333;
filter: alpha(opacity=60):
moz-opacity:.60;
opacity: .60;
height:14px;
}

.searchImage {
border:none;
background: url(../images/graphics/search.png) center bottom no-repeat;
width:25px;
height:22px;
margin-left:-4px;
cursor:pointer;
margin-top:0px;
#margin-top:1px;
}

.searchButton {
background: #CCCCCC;
border:#666666 1px solid;
width:auto;
height:22px;
padding:1px 4px 4px 4px;
color: #333333;
}

/* Footer */

#footer {
color: #93BDA1;
}

#footer a:hover {
text-decoration:none;
}


#footer a {
color: #5E503C;
margin-right:13px;
}

/* Snippets, My Snips, Friends Snips */

.snip_pic_large img, .snip_pic_small img, .snip_pic_small_selected img {
width:auto;
padding-left:8px; 
clear:left;
font-size:13px;
color:#333333;
padding-bottom:3px; 
margin: 6px 0px 5px 5px;
line-height:18px;
border-left:0px solid #CCCCCC;
}

.snip_pic_large img {
max-height:350px;
max-width:450px;
}

.snip_pic_small img {
border:0;
}

.snip_pic_large {
clear:left;
}

.snip_pic_small {
float:left;
margin-right:8px;
margin-left:8px;
}

.pic_comment {
background: url(/static/images/graphics/pic_comment.png);
width:14px;
height:13px;
position:absolute;
margin-bottom:-13px;
}

.snip_pic_small img {
float:left;
max-width:70px;
max-height:70px;
padding:0px;
}

.pic_selected img {
border:3px solid #666666;
}

.pic_move_right, .pic_move_left {
float:left;
margin-left:8px;
margin-right:0px;
margin-top:15px;
}

.thin {
font-weight:normal;
}

.pic_move_left {
margin-left:4px;
}

.pic_move_left img {
margin-top:7px;
margin-right:0px;
}

.pic_move_right img {
margin-bottom:0px;
margin-top:7px;
}

.snippet {
width:auto;
padding-left:8px; 
clear:left;
font-size:13px;
color:#333333;
padding-bottom:3px; 
margin: 6px 0px 5px 5px;
line-height:18px;
}

.snippet_img {
margin-left:10px; padding-top: 10px;
}

.flash_placeholder {
background-color:#e4e4e4; 
color: #333333; 
padding: 10px; 
font-size: 1.4em; 
margin: 0px; 
cursor:pointer;
text-align:center;
width:230px;
margin-bottom:5px;
}

.contentAuthor {
color:#666666;
font-size:.9em;
}

.contenturl {
font-size:13px;
color:#666666;
}

.upArrow{
margin: 0px 0px 0px 2px;
}

.downArrow{
margin: 0px 0px 0px 2px;
}

.contentText {
margin-left:40px;
margin-bottom:0px;
color:#666666;
font-size:.89em;
}

.contentStats {
margin-left:42px;
color:#666666;
font-size:.7em;
margin-bottom:10px;	
}




.mySnipStats {
margin-left:3px;
color: #999999;
font-size:.85em;
}

.mySnipStats a {
color:#999999;
}

.contentStats a {
color:#666666;
}

.bottomBox {
border: 1px solid #CCCCCC;
width:230px;
margin-left:7px;
margin-top:4px;
height:auto;
}

.boxTitle {
font-size:1.3em;
color:#333333;
text-align:center;

}

.boxText {
marign: 10px 0px 0px 20px;
}

.topRow  a, .topRow  a:link {
    color: white;
}

.topRow {
background:#93BDA1;
height:13px;
overflow:hidden;
font-size:1em;
padding:2px 6px 2px 2px;
margin-bottom:6px;
margin-top:0px;
}

.top_snipd_title {
font-size:1.3em;
clear:left;
ont-weight:normal;
color:#999999;
border:0px;
}

.top_snipd_title a:hover {
text-decoration:none;
}

.actionButtons a {
color:#999999;
}

.actionButtons a:hover, .mySnipStats a:hover {
color:#006699;
text-decoration:none;
}


.reply_container {
text-align:left;
}

.reply_box {
margin:0px 0px 6px 0px;
}

.reply_header {
width:auto;
padding:1px 6px 2px 6px;
margin-bottom:4px;
clear:left;
background:#F5FCF5;
border-top:1px solid #E4E4E4;
border-bottom:1px solid #F0F0F0;
}

.reply_user a {
}

.reply_info {
float:right;
font-size:11px;
color:#999999;
margin:1px 0px 0px;
}

.reply_pic {
margin:0px 8px 4px 6px;
float:left;
}

.reply_body {
padding:0px 4px 0px 0px;
margin:0px 0px 0px 50px;
}

.reply_add {
}

.reply_button {
margin-top:7px;
}

.reply_text {

}

.snipd_by {
float:right; 
font-size:.85em;
color:#999999;
text-align:right;
margin-left:8px;
}
.tagging_box {
margin-top: -20px;
margin-left: 10px;
display:none;
margin-bottom:1px;
float:right;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 500px;
    
    background-color:#E8E6CA;
    color: #333;
    border: 2px solid #CCCCCC;
    padding: 12px;
}

.jqmOverlay { background-color: #000; cursor:; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* Feedback form */

#feedback_form {
 position:absolute; 
 height: 150px; 
 top:300px; 
 left:15px; 
 width:265px; 
 color:#FFFFFF;
 background-color:#999999; 
 text-align: left; 
 display:none
}

/* Form handling */

.formText {
width:100px;
color:#666666;
font-size:.9em;
}

.formSpan {
width:500px;
color:#666666;
text-align:center;
font-size:.9em;
margin-right:5px;
}

.formInput {

font-size:.9em;
text-align:left;
width:360px;
margin-bottom:10px;
#margin-bottom:0px;	
}

/* Status and error messages */

.updated {
color: #333333;
font-size:12px;
height:auto;
text-align:center;
margin:10px 0px 10px 0px;
background: #E8E6CA  ;
padding: 7px;
font-size: 1.2em;
}

.errorMsg {
color: #333333;
height:auto;
text-align:center;
padding:10px 20px 10px 20px;
margin:10px 0px 10px 0px;
border: #666666 1px solid;
background: #FC8208;
}

.statusMsg {
color: #333333;
font-size:.9em;
height:auto;
text-align:center;
padding:10px 20px 10px 20px;
margin:10px auto;
border:#666666 1px solid;
background: #CCFFCC;
}

.error {
color:#990000;
}

.errorBox {
color: #333333;
font-size:.9em;
height:auto;
text-align:center;
padding:10px 20px 10px 20px;
margin:10px 0px 10px 0px;
border: #666666 1px solid;
background: #FC8208  ;
}

.welcomeBox {
width:auto;
background: #E8E6CA;
height: 130px; 
}