body
{
	color:#fff;
	font-size:10px;
	font-family:Verdana,Arial,sans-serif;
	background:#111 url(http://orteil.dashnet.org/forum/tileblack.png) fixed;
}
html,body,#Frame
{
	height:100%;
	position:relative;
}

h1,h2,h3,h4,h5,h6
{font-family:inherit;margin:0px;}

a,.Button,a.TextColor
{
	color:#39f;
	text-decoration:none;
	outline:none;
	text-shadow:0px 1px 0px #000;
	transition: color 0.2s,text-shadow 0.2s;
	-moz-transition: color 0.2s,text-shadow 0.2s; /* Firefox 4 */
	-webkit-transition: color 0.2s,text-shadow 0.2s; /* Safari and Chrome */
	-o-transition: color 0.2s,text-shadow 0.2s; /* Opera */
}
a:hover,.Button:hover,a.TextColor:hover
{
	color:#fff;
	text-shadow:0px 0px 4px rgba(255,255,255,0.5);
}
.MenuItems{color:#999;}
.MenuItems a{text-shadow:none;}

.Button
{
	border-radius:4px;
	border:none;
	border-bottom:1px solid #099;
	background:#333 url(http://orteil.dashnet.org/forum/tiledark.png) fixed;
	box-shadow:0px -4px 8px #033 inset,0px 0px 4px #000;
}
.Button:hover, .Button.Active, .ButtonGroup.Open .Button.Handle, .Button:focus, .Button:active
{
	border:none;
	border-bottom:1px solid #fff;
	background:#39f;
	box-shadow:0px -4px 8px #9ff inset,0px 0px 4px #000;
}

#Head
{
	background:#eee url(http://orteil.dashnet.org/forum/tilewhite.png) fixed;
	border-bottom:1px solid #666;
	height:70px;
	overflow:hidden;
}

#Head .Row
{
	height:100%;
	position:relative;
}

#Title
{
	width:178px;
	height:100%;
	background:#ccc url(http://orteil.dashnet.org/forum/tilelight.png) fixed;
	box-shadow:0px 0px 8px rgba(0,0,0,0.2) inset,0px 0px 4px rgba(255,255,255,0.5);
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
}
#Title a
{
	position:absolute;
	bottom:12px;
	text-align:center;
	width:100%;
	font-size:24px;
	text-shadow:0px 1px 0px #900,0px 0px 4px #000;
}
#Title a:hover
{
	text-shadow:0px 0px 8px #fff;
}


.SiteMenu
{
	overflow:hidden;
	margin:0px;
	display:block;
	position:absolute;
	left:178px;
	right:178px;
	bottom:0px;
	padding:4px;
}
.SiteMenu li
{
	display:block;
	color:#fff;
	background:#ccc url(http://orteil.dashnet.org/forum/tilelight.png) fixed;
	box-shadow:0px 0px 8px rgba(0,0,0,0.2) inset,0px 0px 4px rgba(255,255,255,0.5);
	border-radius:4px;
	margin:2px;
	padding:4px 8px;
	float:left;
	font-size:14px;
}
.SiteMenu a{padding:0px;font-size:inherit;}
.SiteMenu a:hover{text-decoration:none;}


#Body
{
}

#Body .Row
{
	padding-bottom:64px;
}

#Foot
{
	margin:0px;
	padding:0px;
	position:fixed;
	bottom:0px;
	right:0px;
}
#Foot .Row
{
	margin:8px;
	width:auto;
	text-align:right;
}
#Foot a
{
	font-size:10px;
	color:#fff;
	opacity:0.5;
}
#Foot a:hover{color:#fff;}
#Foot a:before{content:'Theme by Orteil';display:block;}


#Panel
{
	float:right;
}
body.Profile #Panel
{
	float:left;
}
#Body .ContentColumn
{
	margin:0px 230px 0px 0px;
}
body.Profile #Body .ContentColumn
{
	margin:0px 0px 0px 230px;
}


#Content, .PageTitle, .H, #Panel, .DismissMessage
{
	border:none;
	border-bottom:1px solid #099;
	background:#333 url(http://orteil.dashnet.org/forum/tiledark.png) fixed;
	border-radius:8px;
	box-shadow:0px 0px 4px #000;
	color:#fff;
	padding:4px;
}

.PageTitle, h1.H, #Title, .CategoryHeading
{
	color:#fff;
	font-family:'Oswald',Tahoma,sans-serif;
	font-size:20px;
	text-shadow:0px 1px 0px #900,0px 0px 4px #000;
}
.Item .Title,.Item.Read .Title,.Item.Read .BlockTitle{font-weight:bold;}
.CategoryHeading .ItemContent{font-size:18px;}
.PageTitle, .H, .DismissMessage
{
	position:relative;
	width:100%;
	left:-8px;
	padding:8px;
}
.Discussion .PageTitle h1
{
	font-size:18px;
}
.PageTitle{padding:16px 8px;}
#Content>.PageTitle:first-child,.Discussion>.PageTitle:first-child,#Content>.H:first-child,#Content>div:first-child>.H:first-child,.Profile>div:first-child>.H:first-child,.FormTitleWrapper>.H:first-child
{
	/* I have to use these weird selectors because the first title element varies a lot depending on the page, somehow */
	/* and this still isn't perfect */
	padding:16px 8px;
	margin-top:-8px;
}
#Content>.DismissMessage:first-child{
	margin-top:-8px;
}
.CategoryDescription, .PageDescription
{
	opacity:0.8;
}
.CategoryDescription
{
	margin-top:-3px;
	margin-bottom:2px;
}
.PageDescription{display:none;padding:0px 12px;}

.DataList .Item,.MessageList .Item
{
	border:0px;
	border-top:1px solid #555;
	border-bottom:1px solid #333;
	padding:0px;
	margin-left:-4px;
	margin-right:-4px;
}
.DataList .Item:first-child{border-top:none;}
.DataList .Item:last-child{border-bottom:none;}
.DataList .Item .ItemContent/*,.MessageList .Item*/
{
	padding:6px 12px;
}
.MessageList .Item
{
	padding:0px 8px;
}
.DataList .Item.Depth2 .ItemContent,.MessageList .Item
{
	margin-left:12px;
	border-left:1px solid #333;
}

.Message,.ItemDiscussion .Message
{
	font-size:12px;
	margin:20px 0px;
	line-height:1.4;
	clear:left;/* somehow the Panel creates float issues if this is set to both */
}
.ItemDiscussion
{
	/* it's really weird and unpractical how the first post is its own distinct element but alright I guess */
	margin:0px;
	padding:0px;
	border-bottom:1px solid #333;
}
.DataList .Item.ItemComment:first-child{border-top:1px solid #555;}

.CommentHeading{display:none;}

.Discussion .DiscussionMeta,.Comment .CommentMeta{position:relative;left:-20px;}
.Discussion .DiscussionMeta .MItem:first-child,.Comment .CommentMeta .MItem:first-child{padding-left:0px;}

.Author .Username
{
	background:#000;
	background:rgba(0,0,0,0.2);
	border-bottom-right-radius:6px;
	box-shadow:0px 0px 2px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(255,255,255,0.05);
	padding:0px 6px;
	padding-left:8px;
	margin-left:-29px;
}
.Author .PhotoWrap
{
	border-radius:6px;
	box-shadow:0px 0px 6px #000;
	position:relative;
}
.Discussion .Author .PhotoWrap
{
	left:-20px;
	top:-6px;
}
.Activities .Author .PhotoWrap
{
	left:16px;
	top:6px;
}

.ControlOptions, .Options
{
	padding:3px;
}

.ItemDiscussion .Meta, .DataList .Meta{color:#999;}
.Meta .MItem
{
	border-left:1px solid #333;
	margin-left:0px;
	padding-left:8px;
}
.Meta .MItem:first-child{border-left:none;}

.BreadcrumbsWrapper{margin:4px 0px 8px 0px;}
.Pager .Highlight{color:#fff;}
.PageControls.Top,.BeforeCommentHeading{display:none;}
.PageControls{margin:2px 0px;min-height:0px;}
.Pager{font-size:14px;}
.PagerWrap
{
	margin:-8px -4px 32px -4px;
	border-top:1px solid #333;
}

a.Bookmark,a.Bookmarked,a.Bookmarking
{
	background-image:url(http://orteil.dashnet.org/forum/favstars.png);
	background-position:0 0;
	height:22px;
	width:22px;
	position:relative;
	top:-2px;
}
a.Bookmark:hover{background-position:0 -44px;}
a.Bookmarked{background-position:0 -22px;}
a.Bookmarked:hover{background-position:0 -44px;}
a.Bookmarking,a.Bookmarking:hover{background-position:0 -44px;}

mark
{
    background:#099;
    border-radius:4px;
}

.Item.Read{background:none;}
.Item.Announcement
{
	background:rgba(60,0,80,0.2);
	border-bottom-color:#323;
	border-top-color:#656;
}
.DataList .Meta .Announcement
{
	background:#304;
	border-bottom:1px solid #60F;
}

#Panel .FilterMenu li:first-child, .PanelInfo li:first-child
{
	border-top:none;
	border-bottom:none;
}
#Panel .FilterMenu .Heading, .PanelInfo .Heading
{
	border-bottom:1px solid rgba(255,255,255,0.1);
	border-top:1px solid rgba(255,255,255,0.1);
}
#Panel .FilterMenu .Depth2, .PanelInfo .Depth2
{
	border-left:1px solid rgba(255,255,255,0.1);
	margin-left:8px;
}
#Panel .FilterMenu li, .PanelInfo li
{
	border:none;
	background:linear-gradient(to right,rgba(0,0,0,0.1) 0%,gba(0,0,0,0) 100%);
}
#Panel .FilterMenu .Active, .PanelInfo .Active
{
	background:linear-gradient(to right,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
	border-left:3px solid rgba(255,255,255,0.5);
}
#Panel ul
{
	margin-left:-4px;
	margin-right:-4px;
}
.CategoryFilter{display:none;}

.MeBox
{
	margin:4px;
}
.ProfilePhoto,.ProfilePhotoLarge
{
	box-shadow:0px 2px 4px rgba(0,0,0,0.5);
}
.ProfilePhotoMedium
{
	border-radius:4px;
}
.ProfilePhotoLarge
{
	border-radius:8px;
}


dl.About dt
{
	color:#888;
	background-image:url(http://orteil.dashnet.org/forum/usericons.png);
}

#Popup
{
	color:#000;
}
#Popup .Body
{
	border-radius:6px;
	box-shadow:0px 0px 6px #fff;
}
a.Close
{
	top:2px;
	right:2px;
	background:#fff;
	border-radius:24px;
	padding:0px 4px;
	box-shadow:0px 0px 6px #fff;
}
a.Close:hover
{
	color:#39f;
}

.ProfileOptions
{
	z-index:10;
}
.Gloss
{
	display:none;
}


#Head .SiteSearch
{
	float:none;
	position:absolute;
	right:0px;
	bottom:6px;
}

.MeButton
{
	background:none;
	border-radius:16px;
	padding:4px 3px 3px 4px;
}
.MeButton:hover
{
	background:#fff;
}

.FormWrapper
{
	background:none;
}


#Banner{display:none;}
.DataCounts{margin:0px;}
.CountTotal{font-size:20px;}

.Rank
{
	background:rgba(0,0,0,0.2);
	border-radius:3px;
	padding:0px 3px;
}



.MessageList .Message blockquote{margin:2px;}
.MessageList .Message blockquote div
{
	display:inline-block;
	font-style:italic;
	opacity:0.8;
	background:rgba(0,0,0,0.2);
	border-radius:4px;
	padding:2px 4px;
	box-shadow:0px 0px 4px #444,0px 0px 8px #000 inset;
}

.MessageList .Message blockquote:before,.MessageList .Message blockquote:after
{
	font-weight:bold;
	opacity:0.5;
	font-family:Georgia,Times,serif;
	font-size:20px;
}

.MessageList .Message blockquote:before{
	content:"“";
}

.MessageList .Message blockquote:after{
	content:"”";
}

blockquote.Quote,blockQuote.UserQuote
{
	background:none;
	border-left:none;
	margin:0px;
	padding:0px;
}
.UserQuote
{
	position:relative;
}
.QuoteAuthor
{
	position:absolute;
	margin-left:-4px;
	height:17px;
}
.QuoteText
{
	margin-top:22px;
}


code, pre
{
	border:none;
	background:rgba(0,128,0,0.2);
	border-radius:4px;
	padding:2px 4px;
	margin:0px 4px;
	box-shadow:0px 0px 4px #444,0px 0px 8px #000 inset;
	display:inline-block;
	max-width:628px;
}


.DismissMessage{font-size:10px;margin:0px;margin-bottom:8px;}

.DismissMessage.CasualMessage
{
	box-shadow:0px -4px 8px #033 inset,0px 0px 4px #000;
}
.DismissMessage.InfoMessage
{
	color:#fff;
	border-bottom:1px solid #ccc;
	box-shadow:0px -4px 8px rgba(255,255,255,0.3) inset,0px 0px 4px #000;
}
.DismissMessage.AlertMessage
{
	color:#ff0;
	border-bottom:1px solid #ff0;
	box-shadow:0px -4px 8px #990 inset,0px 0px 4px #000;
}
.DismissMessage.WarningMessage
{
	color:#f60;
	border-bottom:1px solid #f60;
	box-shadow:0px -4px 8px #930 inset,0px 0px 4px #000;
}



.UserSignature
{
	background:rgba(0,0,0,0.1);
	margin:6px -8px 6px -8px;
	border:0px;
	border-top:1px solid #222;
	border-left:8px solid #222;
	padding:2px 8px;
	max-height:100px;
	overflow-y:hidden;
}
.editor-upload-previews, .editor-upload-saved
{
	margin:0px;
	padding:0px;
}

.Reactions{margin:8px 0px;}
.Mine .ReactButtons a.ReactButton
{
	color:#999;
	cursor:default;
	pointer-events:none;
	text-shadow:0px 1px 0px #000;
}
.Mine .ReactButtons a.ReactButton:hover
{
	color:#999;
	text-shadow:0px 1px 0px #000;
}


/* role stuff */

/* admin */
.Item.Role_Administrator .Author .Username {color:#90f}
.Item.Role_Administrator
{
	box-shadow:0px 0px 8px #309 inset;
	border-left-color:#60f
}
.Item.Role_Administrator .Author img
{
	box-shadow:0px 0px 4px #309 inset;
	border-bottom:1px solid #60f
}

/* mod */
.Item.Role_Moderator .Author .Username {color:#0ff}
.Item.Role_Moderator
{
	box-shadow:0px 0px 8px #066 inset;
	border-left-color:#099
}
.Item.Role_Moderator .Author img
{
	box-shadow:0px 0px 4px #033 inset;
	border-bottom:1px solid #099
}

/* sub-mod */
.Item.Role_Sub-Moderator .Author .Username {color:#eef}
.Item.Role_Sub-Moderator
{
	box-shadow:0px 0px 8px #556 inset;
	border-left-color:#889
}
.Item.Role_Sub-Moderator .Author img
{
	box-shadow:0px 0px 4px #223 inset;
	border-bottom:1px solid #889
}


/* banned */
.Item.Role_Banned .Author .Username {color:#c00}



.Item .Author .Username:hover {color:#fff}


.atwho-view .cur{color:#999;}


.Excerpt img{max-width:650px;}


.TagCloud{padding:0px 4px;}
.TagCloud li{background:rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.2);}


.editor-fullpage #editor-fullpage-candidate,.editor-fullpage #editor-fullpage-candidate .editor{background:rgba(0,0,0,0.5);}
div.token-input-dropdown {color:#666;cursor:pointer;} 

/* overriding the unexplained inline stylesheet on preferences page */
/* seriously why is that there */
body table.PreferenceGroup{width:100%;}
body table.PreferenceGroup tbody tr:hover td{background:rgba(0,0,0,0.2);}
table.PreferenceGroup th, table.PreferenceGroup td, #Form_Invitation th, #Form_Invitation td
{
	padding: 2px 6px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/*
PROBLEMS
-http://forum.dashnet.org/badges/ - name dropper overlap
-just style the whole badges page (try to add a link to badges on profile page too)
-what do we do about upvote alts ? (prevent new users from voting ?)
*/