JustPaste.it

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

/***--- MAIN / DEFAULT --***/
html, body { height: 100%; 0; }
html, body, input, select, textarea, button {
Verdana, Geneva, sans-serif;
11px;
17px;
color: #555;
}
a { color: #2f6c8e; text-decoration: none; }
a:hover { color: #69a1c1; }
a img { border: none; }
ul, ol { 0; padding: 0; list-style: none; }

.clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}

#Wrapper { min-width: 960px /* change "min-width" to "width" for a fixed width */; min-height: 100%; position: relative; 0 auto; }
.Hidden { display: none; }

/***--- HEADER(S) --***/
#Header { width: 100%; height: 75px; position: absolute; top: 0; background: #2f6c8e; }

#Header h1 { padding: 15px; 2em; }
#Header a { color: #69a1c1; }
#Header a:hover { color: #FFF; }


/***--- NAV --***/
#Nav { width: 100%; height: 50px; position: absolute; top: 75px; background: #ddd; }

ul#Menu { 11px 15px; float: left; }
#Menu li { float: left; 0 1px 0 0; }
#Menu a { display: block; background: #FFF; padding: 5px 8px; }

#Menu a:hover { background: #c60; color: #FFF; }
#Menu li.Highlight a { background: #555; color: #FFF; }

#Menu li.NonTab { position: absolute; top: -27px; right: 14px; }

/* search */
#Search { height: 23px; float: right; background: #FFF; padding: 2px 2px; 11px 15px; }
#Search form { padding: 0; border: none; }
#Nav #Search input.InputBox { width: 150px; border: none; }


/***--- MAIN --***/
#Main { padding: 140px /* header + nav height + extra padding */ 15px 65px /* footer height + extra padding */; }

#ContentHolder { width: 80%; float: left; }
#PanelHolder { width: 20%; float: right; }

/* If you prefer the panel on the left and content on the right, simply switch the "float" property for #Content & #Panel and set the "margin-left" to "margin-right" for the #Content */
#Content { 15px; position: relative; }
#Panel { padding: 15px; background: #ddd; position: relative; }

/***--- CONTENT --***/
.GuestBox { background: #FFF; }
.GuestBox p { padding: 0 10px; }
.Message img { max-width: 100%; }

/* headers */
h1 { 0; 1.5em; }
#Content h1, h2, #Popup h1, div.DiscussionTabs .SubTab {
1.1em; background: #2F6C8E; color: #fff; 0 0 10px; padding: 10px; font-weight: bold;
}
div.DiscussionTabs .SubTab { 0; }
h4 { 0; background: #555; color: #FFF; padding: 5px; }
#Panel h4 { 10px 0 0; }
#Panel .GuestBox h4 { background: #2f6c8e; 1.1em; padding: 10px; 0; }

div.Empty, div#Status { padding: 10px; }

/* tabs */
.Tabs li, .SubTab { background: #ddd; padding: 5px 8px; 1.1em; border-bottom: 1px solid #fff; }
.Tabs li.Active { background: #555; border-bottom: none; }
.Tabs li.Active a { color: #fff; }
.Tabs span { display: inline-block; 0 10px; color: #888; }
.SubTab { 1em; }

/* DISCUSSIONS */
.DataList li.Item, .Conversation li.Item {
border-bottom: 1px dotted #ccc; position: relative; padding: 10px;
}
.Activities li.Item { min-height: 50px; }
.DataList li.Item a.Title { display: block; 1.15em; font-weight: bold; padding: 0 0 8px; }

/* discussions meta */
.DataList .Meta span, .DataList .Meta strong {
min-width: 100px; display: inline-block; 0 5px 0 0;
}
.DataList .Meta .LastCommentBy { width: 175px; }
.DataList .Meta .LastCommentDate { width: 100px; }

/* discussions highlight */
.DataList li.Mine { background: #bcdbec; border-bottom-color: #fff; }
.DataList li.New { background: #d8ecbc; }
.DataList li.Bookmarked { background: #ffdf5d; border-bottom-color: #fff; }

.DataList li.Closed { background: #eee; }
.DataList .Meta .Closed { color: #333; }
.DataList li.Closed a.Title { text-decoration: line-through; }

.DataList li.Announcement { background: #FFC; }
.DataList .Meta .Announcement, .DataList .Meta .Closed {
width: 100px; font-weight: bold;
}
.DataList .Meta .Announcement { color: #C60; }

/* DISCUSSION */
div.DiscussionTabs li { 1em; }
ul.Discussion { 0 0 10px; }

/* bookmark */
a.Bookmark { width: 9px; height: 9px; position: absolute; top: 8px; right: 10px; 0; background: #fff; border: 1px dotted #ffcc00; }
.Discussion a.Bookmark { top: 41px; }
a.Bookmarked { background: #ffcc00; border: 1px solid #fff; }
div.Options a.Bookmark { top: 14px; }

div.Comment { position: relative; border-bottom: 1px dotted #ccc; padding: 10px; }
li.Even { background: #f8f8f8; }

/* discussion meta */
.Comment .Message, .Comment .MessageForm, .ConversationMessage .Message {
215px; 1.75em;
}
.Comment .Meta, .ConversationMessage .Meta {
width: 175px; float: left; padding: 10px; background: #FFC;
}
.Comment .Meta span, .ConversationMessage .Meta span, div.Meta div.PostCount {
display: block; border-bottom: 1px dotted #ccc; 0.85em; padding: 1px 0;
}
.Comment .Author, .ConversationMessage span.Author {
background: #fff; padding: 5px; border-bottom: none;
}
.Comment .Author img, .ConversationMessage .Author a.Photo {
float: left; 0 10px 0 0;
}
.Comment .Author a, .ConversationMessage .Author a {
font-weight: bold; 1.1em;
}
blockquote { 0; padding: 10px; background: #fff; border: 1px dotted #ccc; }
.Odd blockquote { background: #F8F8F8; }

/* post */
ul.PostOptions { 0 0 10px; }
.Preview { padding: 10px; 0 0 10px; border-bottom: 1px dotted #ccc; }

/*- Conversations & Activities -*/
ul.Activities .Title { 0 0 0 60px; font-weight: bold; }
ul.Conversations .Photo, ul.Activities .Photo {
width: 50px; height: 50px; float: left; 0.9em; color: #ccc; overflow: hidden; background: #eee;
}
ul.Conversations .Excerpt, ul.Activities .Excerpt {
0 0 10px 60px;
}
ul.Conversations .Meta, ul.Activities .Meta, .SearchResults .Meta {
0 0 0 60px;background: #FFC; padding: 3px 5px;
}
.SearchResults .Meta { 5px 0 0; }
ul.ActivityComments { 0 0 0 60px; }

.ConversationMessage .Message { min-height: 100px; }
.ConversationMessage span.Author { height: 50px; }
.ConversationMessage span.ItemLink { display: none; }

/***--- PANEL --***/
.Block { padding: 15px; background: #ddd; 0 10px 0 0; }
.Post #Panel, .Search #Panel {
display: none;
}

ul.PanelInfo { border-bottom: 1px dotted #ccc; }
.PanelInfo li { border-top: 1px dotted #ccc; padding: 3px 5px; }
.PanelInfo li strong { font-weight: normal; }
.PanelInfo li.Active a { color: #c60; }
.PanelInfo li.Parent { background: #ccc; padding: 2px 5px; 1.1em; font-weight: bold; }

/* account */

#Panel .Photo { background: #ddd; position: absolute; right: 10px; padding: 0 0 10px 10px; }
#Panel .Photo img { width: 50px; display: block; border: 5px solid #fff; border-bottom-width: 12px; }
#Panel .Photo img:hover { width: auto; }

#Panel dl { padding: 10px; background: #fff; 0; }
#Panel dt { font-weight: bold; padding: 2px 0 0; }
#Panel dd { 0; border-bottom: 1px dotted #ccc; padding: 0 0 2px; }

/* inbox */
.PanelInfo li strong { display: inline-block; 0 5px 0 0; }

/*- Form elements -*/
form { padding: 0 10px 10px; border-bottom: 1px dotted #ccc; }
fieldset { 0; padding: 0; border: none; }

form#Form_User_Register { 10px; }

input, textarea, select {
border: 1px solid #ccc; padding: 3px 5px; 0;
}
input.InputBox { width: 325px; 0 10px 5px 0; }

input.Button, input.Cancel {
cursor: pointer; border: none; background: #c60; color: #fff; padding: 4px;
}
input.Button:hover, input.Cancel:hover {
background: #ccc; color: #555;
}
#Search input.Button { height: 23px; }
a.Back, a.Cancel {
0 5px 0 0;
}

textarea { width: 95%; min-height: 100px; display: block; 10px 0; }

label { display: block; font-weight: bold; }
label.RadioLabel, label.CheckBoxLabel {
font-weight: normal;
}
label.RadioLabel input, label.CheckBoxLabel input {
border: none;
}

li.Gender, li.CaptchaInput {
0 0 10px;
}
li.CreateAccount, li.Buttons {
5px 0 0;
}
.cleditorMain { 10px 0; }

.CommentForm div.Messages { 8px 0 0; }
.Errors, .Warning {
color: #F00;
}

/***--- BUTTONS ---***/
.GuestBox a.Button { display: inline-block; padding: 5px; 0 0 10px; background: #ddd; }

a.BigButton { display: block; background: #c60; color: #FFF; padding: 10px; 1.1em; font-weight: bold; }
a.BigButton:hover { background: #69a1c1; }
a.ClearConversation { 10px 0 0; }

/* options */
div.Options, div.OptionButton {
position: absolute; top: 12px; right: 10px;
}
div.OptionButton { font-weight: bold; color: #555; }
ul.Options strong { cursor: pointer; display: block; padding: 5px 10px; background: #FFC; border: 1px dotted #ccc; }

ul.Options { 5px 40px 0 0; }
ul.Options li { position: relative; }
ul.Options ul { min-width: 125px; display: none; position: absolute; z-index: 1000; background: #FFC; right: 0; border: 1px dotted #ccc; -1px; }
ul.Options li:hover ul { display: block; }
ul.Options ul li { display: block; border-top: 1px dotted #ccc; }
ul.Options ul li:first-child { border-top: none; }
ul.Options ul li a { display: block; padding: 5px 10px; }

/*- Pager -*/
#PagerAfter { 10px 0; text-align: center; background: #ddd; padding: 2px 10px; }
#PagerAfter a { display: inline-block; padding: 0 5px; }
#PagerAfter a.Highlight { color: #c60; }
span.Previous, a.Previous { float: left; }
#PagerAfter span.Next, #PagerAfter a.Next { float: right; padding: 0; }

#PagerMore { text-align: right; padding: 5px 10px; }

/***--- FOOTER --***/
#Footer { width: 100%; height: 50px; position: absolute; bottom: 0; background: #69a1c1; }
#Footer ul { 16px 15px; }
#Footer li { float: left; }
#Footer a:hover { color: #fff; }

/***--- OVERLAY ---***/
.Overlay { width: 100%; position: absolute; top: 0; z-index: 10000; background: u rl(../images/overlayBg.png); }
.Overlay #Popup { width: 720px; padding: 15px; background: #FFF; 0 auto; border: 1px dotted #c60; position: relative; }

.Overlay .Buttons input.Button { 0 0 10px; }
.Overlay p { padding: 0 10px; }
.Overlay a.Close { position: absolute; display: block; top: 10px; right: 15px; padding: 13px; 1.5em; color: #fff; }
.Overlay a.Close:hover { color: #c60; }
.Overlay ul { 10px 0 0; }

.Overlay input.Button { 10px 0 0; }
.Overlay textarea { 10px 0 0; }
.Overlay li.Gender { 0; }

.Overlay #Form_Picture { 0 0 10px; }