/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    }

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display: block;
    }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    }

/* change colours to suit your needs */
ins {
    background-color:#4f4f4f;
    color:#000;
    text-decoration:none;
    }

/* change colours to suit your needs */
mark {
    background-color:#4f4f4f;
    color:#000; 
    font-style:italic;
    font-weight:bold;
    }

del { text-decoration: line-through; }

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
    }

table {
    border-collapse:collapse;
    border-spacing:0;
    }

hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    }

input, select { vertical-align: middle; }

* {
    margin: 0;
    padding: 0;
    }

/* / RESET */
/* GLOBAL ELEMENTS */

body, input, textarea {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #838383;
	font-style: normal;
    font-weight: normal;
	}
	
input, textarea { color: #333; }
    
h1 {
	margin: 0;
	line-height: 35px;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Georgia,"Times New Roman",Times,serif;
	}
	
h2 {
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: normal;
	font-family: Georgia,"Times New Roman",Times,serif;
	text-transform: uppercase; 
	}
	
h3 {
	font-size: 16px;
	margin-top: 10px;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-weight: normal;
	text-transform: uppercase;
	}
	
p {
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
ul { padding: 5px 0 5px 16px; }

    ul li {
	    line-height: 1.4em;
	    list-style-type: disc;
	    }

ol { padding: 5px 0 5px 20px; }
	
    ol li { line-height: 1.4em; }
    
img { border: 0px; }

b, strong { font-weight: bold; }

/* Note editor makes italic text to em element */
i, em { font-style: italic; }

a {
	color: #4f4f4f;
	outline: none;
	text-decoration: none;
	}
	
a:hover { color: #a7228d; }

sup, sub {
    height: 0;
    line-height: 1em;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    font-size: 0.5em;
    }

sup { bottom: 1ex; }
    
sub { top: 0.8ex; }

/* Note editor makes indented text to blockquote element */
blockquote { text-indent: 15px; }
   
fieldset { border: none; }
    
label { font-size: 12px; }

.clear { clear: both; }

.block { display: block; }

.left { float: left; }

.right { float: right; }

.ingress { font-size: 1em; }

.cleanList {
    margin: 0;
    padding: 0;
    }
    
    .cleanList li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }
    
table { }
    
        td, th { 
            padding: 3px 5px; 
            border: 1px solid #ddd;
            vertical-align: top;
            text-align: left;
            white-space: normal;
            word-wrap: wrap;
            }

iframe { vertical-align: middle; }

::-moz-selection { 
    background: #a7228d; 
    color:#000; 
    text-shadow: none; 
    }
    
::selection { 
    background: #a7228d; 
    color: #000; 
    text-shadow: none; 
    }  #BreadcrumbContainer {
    padding: 10px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
    }
    
    #BreadcrumbContainer .YouAreHere { color: #272526; }
    
    #BreadcrumbContainer .BreadcrumbItem a { color: #666666; }
        
    #BreadcrumbContainer .BreadcrumbItem a:hover { color: #FF9E00; }
        
    #BreadcrumbContainer .BreadcrumbItem .Selected { text-decoration: underline; }
    
    #BreadcrumbContainer .BreadcrumbItem .Separator { padding-left: 5px; }/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
    }
 
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
 
* html .clearfix { height: 1%; }

html, forms { width: 100%; }

html { background-color: #000; }

body {
    margin: 0 auto;
    text-align: center;
    width: 960px;
    background-color: #fff;
    }
    
    .spacer {
        Margin-bottom: 30px;
        visibility: hidden;
        display: block;
        }

    hr, .contentBorder {
        border: 0;
        border-bottom: 1px solid #A9A9A9;
        padding-bottom: 0px;
        }
        
    .inner, #OuterWrapper { 
        width: 930px; 
        margin: 0 auto;
        }
        
    .errorMessage, .ErrorLostPassword { 
        color: Red; 
        display: block;
        }

/* MAIN CONTAINERS */
#Header, #InnerWrapper, #Footer {
    width: 100%;
    margin: 0 auto;
    }

#OuterWrapper {
    text-align: left;
    clear: both;
    background: #DDDDDD url(Images/bg.png) repeat-x left top;
    }

    #InnerWrapper {
        padding-bottom: 20px;
        width: 95%;
        margin: 0 auto;
        height: 100%;
        position: relative;
        min-height: 250px;
        }
        
        #InnerWrapper.oneCol #ContentContainer { width: 100%; }
        
            #EditorContentContainer { width: 100%; }
        
        /* IF CONTROL.LEFT IS SET */
        #InnerWrapper.twoCol #TreeMenuContainer {
            float: left;
            width: 20%;
            margin-right: 5%;
            }

        #InnerWrapper.twoCol #ContentContainer {
            float: left;
            width: 70%;
            }
    
/* HEADER */
#Header {
    overflow: hidden;
    padding: 5px 0;
    margin-bottom: 50px;
    position: relative;
    }
    
    #HeaderInner {
        background-color: #000;
        display: table;
        width: 100%;
        position: relative;
        margin-top: 16px;
        }
    
        #BnetSearch {
            margin-top: 10px;
            display: block;
            float: left;
            float: right;
            width: 145px;
            height: 23px;
            }
            
            #BnetSearch input[type="text"] {
                border: 1px solid #A9A9A9;
                float: left;
                height: 11px;
                padding-left: 3px;
                width: 60%;
                background-color: black;
                color: #fff;
                }
                
            #BnetSearch input[type="submit"] {
                background: url("images/search.png") no-repeat center;
                border: 1px solid #A9A9A9;
                border-left: 0;
                cursor: pointer;
                float: left;
                height: 100%;
                width: 25%;
                color: #fff;
                text-indent: -9999em;
                overflow: hidden;
                clear: none;
                margin: 0;
                height: 23px;
                }
    
    #LogoWrapper { position: relative; }
    
        #Logo { 
            display: block;
            margin: 20px auto 0;
            width: 444px;
            }
        
            #LogoNorskFlid {
                position: absolute;
                right: 245px;
                top: 66px;
                }
    
    #UserLogin { 
        text-align: right;
        width: 115px;
        position: absolute;
        z-index: 10;
        padding-bottom: 5px;
        right: 0;
        }
        
         #UserLogin.loggedIn { 
             border-bottom: 1px solid #838383;
             width: 100%;
             position: static;
             }
        
        #NewIdeaLink { color: #a7228d; }
        #NewIdeaLink:hover { color: #4F4F4F; }
        
    .loginview { float: right; }
    
    .loginlink.login, .loginlink.register  {
        display: block; 
        text-indent: -9999em;
        overflow: hidden;
        float: right;
        text-align: left;
        }    
    
    .login { 
        width: 40px;
        height: 52px;
        background: url(images/icon_login.jpg) top left no-repeat;
        }
    
    .register {
        width: 63px;
        height: 52px;
        background: url(images/icon_registrer.jpg) top left no-repeat;
        margin-right: 10px;
        }        

/* FOOTER */
#Footer { 
    padding: 10px 0; 
    clear: both;
    border-top: 1px solid #A9A9A9;
    margin-top: 20px;
    }

    #Footer .contentBorder {
        margin-top: 0;
        padding-top: 0;
        }
    
    #Footer .inner {            
        padding-top: 4px;
        padding-bottom: 4px;
        display: table;
        }
    
        #Footer .Inner span {
            float: left;
            text-transform: uppercase;
            width: 280px;
            font-size: 12px;
            }
    
    #Footer p {
        float: right;
        width: 650px;
        }
    
        #BennettSign {
            font-size: 10px;
            float: right;
            }
            
/* SOCIAL LINKS */
.fb-like { 
    vertical-align: middle; 
    display: inline;
    }

/* KnittingideaList */            
#IdeaList { 
    display: table;
    width: 100%;
    }
    
    #IdeaList .section { 
        display: table;
        width: 100%;
        margin-bottom: 40px;
        }
    
    #IdeaList .item { 
        width: 32%;
        margin-right: 2%;
        float: left;
        position: relative;
        max-width: 226px;
        }
    
    #IdeaList .last { margin-right: 0; }
        
        .userEditBtn, #UserEdit {
            position: absolute;
            top: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.8);
            opacity: 0.8;
            color: #333;
            padding: 3px 6px;
            font-weight: normal;
            }
        .userEditBtn:hover {
            background: rgba(255, 255, 255, 0.9);
            opacity: 0.9;
            }
            
        #UserEdit {
            left: 289px;
            width: 99px;
            }
        
        .imageWrapper {
            display: block;
            clear: both;
            overflow: hidden;
            width: 226px;
            height: 226px;
            background-color: #dfdfdf;
            }
            
    .pagination { 
        margin-top: 10px; 
        overflow: hidden;
        width: 102px;
        height: 23px;
        text-indent: -9999em;
        background-position: top left;
        background-repeat: no-repeat;
        }
    
    .pagination.next { 
        float: right; 
        background-image: url(images/btn_pagination_next.gif);
        }
    
    .pagination.prev { 
        float: left; 
        background-image: url(images/btn_pagination_prev.gif);
        }
    
    .categories { text-transform: lowercase; }
    
    .likeCount, .numberOfComments { 
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 22px;
        display: block; 
        }
    
    .likeCount { 
        background: url(images/icon_like_small.png) center left no-repeat;
        clear: both;
        }
    
    .numberOfComments {
        background: url(images/icon_comments_small.png) center left no-repeat;
        clear: both;
        }
    
/* REGISTRER PAGE */
.registerContainer fieldset { 
    margin-top: 20px; 
    width: 60%;
    }

/* SEARCH PAGE */
#Search input[type="text"] { width: 90%; }
    
#Search input[type="submit"] { width: 9%; }
    
.itemview { border-top: 1px solid #D6D6D6; }        /* GENERAL FORM ELEMENT STYLES */
textarea { 
    resize: none; 
    height: 300px;
    }
    
input, textarea { border: 1px solid #d6d6d6; }

legend { display: none; }
    
/* REGISTRER USER FORM */
.registerContainer .FormFieldGroup { 
    margin-bottom: 5px; 
    display: table;
    width: 100%;
    position: relative;
    }
    
    .registerContainer .FormFieldGroup label { display: block; }

    .registerContainer .FormFieldGroup input { float: left; }
    
        .registerContainer em {
            position: absolute;
            right: 2px;
            top: 1px;
            }
    
        .registerContainer .ButtonContainer { text-align: right; }
    
            .registerContainer .Button {
                float: right;
                background: #0190d4;
                padding: 3px 5px;
                margin-top: 10px;
                text-transform: uppercase;
                font-weight: bold;
                font-size: 12px;
                }
                
/* LOGIN FORM */
.loginContainer table td { border: 0; }
    
    .FormFieldGroup {
        position: relative;
        margin-bottom: 5px;
        }        

        .loginContainer span { 
            position: absolute;
            top: 3px;
            right: 2px;
            }
            
            .LoginLostPasswordLink { font-size: 0.8em; }
             

/* FORMBUILDER */
.FormFieldWrapper {
    width: 100%; 
    margin-bottom: 5px;
    }
    
    input, textarea {
        width: 100%;
        text-indent: 2px;
        padding: 5px 0;
        }
        
        label { font-weight: bold; }
        
        .FormSubmitButton, input[type="submit"] {
            width: auto; 
            float: right;
            clear: both;
            display: block;
            padding: 5px 10px;
            }
            
        .FormSubmitButton:hover, input[type="submit"]:hover { 
            background: #ddd; 
            cursor: pointer;
            }

/* Radiobuttons */
.RadioButtonList td input { 
    float: left;
    width: 16px;
    }
    
.RadioButtonList td label { 
    margin-right: 10px;
    vertical-align: top;
    font-weight: normal;
    }
    
/* CUSTOM FORMS */
.inactive, input[disabled="disabled"], input[readonly="readonly"] { 
    font-style: italic; 
    color: #838383;
    background-color: #f0f0f0;
    }/* FILTERING LISTS */
.sort { margin: 5px 0 30px 0; }

    .sort .selected { 
        font-weight: bold; 
        text-decoration: underline;
        }
        
    .sort li { list-style-type: square; }

/* MAIN MENU - MENU.ASCX USERCONTROL */ 
#Menu {
    display: table;
    margin: 0;
    width: auto;
    padding: 0;
    float: left;
    }

    #Menu li {
        float: left;
        list-style-type: none;
        padding: 12px 15px;
        }
    
    #Menu li a:hover,
    #Menu li.selected,
    #Menu li.active { text-decoration: underline; }
    
        #Menu li a {
            text-decoration: none;
            color: #A9A9A9;
            text-transform: uppercase;
            }

/* ADMIN MENU */
#AdminMenu {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 2px 0;
    width: 100%;
    opacity: 0.4;
    filter: alpha(opacity=40);
    display: table;
    }
    
#AdminMenu:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    }
    
#AdminMenu img {
    float: left;
    padding: 0 5px;
    }
    
#AdminMenu #AdminMenuItems { padding-top: 3px; }
    
#AdminMenu #AdminMenuItems ul {
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 2px;
    direction: ltr;
    }
    
#AdminMenu #AdminMenuItems ul li {
    float: left;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    }
    
#AdminMenu a {
    color: Blue;
    text-decoration: none;
    }
    
#AdminMenu a:hover {
    color: Navy;
    text-decoration: underline;
    }
    
#AdminMenu #AdminMenuItems #LogOut {
    float: right;
    padding-right: 20px;
    }