/* 
================================
Skin styles for DotNetNuke

Mark McGrath

================================
*/  

@font-face {
    font-family: 'Tattoo';
    src: url('/portals/MarkMcGrath/Skins/MarkMcGrath2014/angillatattoo.eot');
    src: url('/portals/MarkMcGrath/Skins/MarkMcGrath2014/angillatattoo.eot?#iefix') format('embedded-opentype'),
         url('/portals/MarkMcGrath/Skins/MarkMcGrath2014/angillatattoo.woff') format('woff'),
         url('/portals/MarkMcGrath/Skins/MarkMcGrath2014/angillatattoo.ttf') format('truetype'),
         url('/portals/MarkMcGrath/Skins/MarkMcGrath2014/angillatattoo.svg#Tattoo') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
.sf-menu {
    background: transparent !important;
}

    .sf-menu li {
        background: transparent !important;
        border: 0px !important;
        border-top: 0px !important;
    }
.sf-menu a {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: bold !important;
    background-color: Transparent !important;
    font-family:'Tattoo' !important;
    padding: 0px 0px 0px 0px !important;
    margin: 2px 10px 0px 54px !important;
    border: 0px solid red !important;
    border-top:0px !important;
}

.sf-menu a:hover {
        
    color: #bfbfbf !important;
    font-size: 22px !important;
    font-weight: bold !important;
    background-color: Transparent !important;
    font-family:'Tattoo' !important;
    padding: 0px 0px 0px 0px !important;
    margin: 2px 10px 0px 54px !important;
    border: 0px solid red !important;
    border-top:0px !important;
    }

    .sf-menu li ul {
        border: 2px solid #020151 !important;
        background: #ffffff !important;
        white-space: nowrap;
        width:200px;
        margin-top:-20px;
    }

        .sf-menu li ul a {
        margin-top: 10px !important;
        }

         .sf-menu li ul a:hover {
        margin-top: 10px !important;
        }


body {
	background-color:#1a1a1b;
	background-image: url(/Portals/MarkMcGrath/Skins/MarkMcGrath2014/Images/MMcGrath-Body-BG.jpg);
    /*background-image: url(/Portals/SkinTemp/Skins/MarkMcGrath2014/Images/MMcGrath-Body-BG.jpg);*/
	background-repeat: repeat-x;
	color: #080d2a;
	font-family: Arial, Helvetica, sans-serif;
	Font-size:14px;
}

/* affects built-in text in DNN modules */
label{
	color:#fff;
}

/* copyright text */
.SkinObject {
	color: #a4a4a3;
	font-size: 12px; 
	font-weight: normal;
	background-color: Transparent;
	font-family: Arial, Helvetica; 
	
}

.pagemaster {
	width:100%;
	background-color:transparent;
	margin:0px auto 0px auto; /* top, right, bottom, left -  keeps contents centered */
	text-align:center;
    border: 0px solid red;
	
}


.skinmaster {
	width:970px;
	background-color: Transparent;
	margin:-1px auto 0px auto; /* top, right, bottom, left -  keeps contents centered */
	padding:0px;
	text-align:left;
	border: 1px solid transparent;
	background-image: url(/Portals/MarkMcGrath/Skins/MarkMcGrath2014/Images/MMcGrath-Skinmaster-BG.jpg);
    /*background-image: url(/Portals/SkinTemp/Skins/MarkMcGrath2014/Images/MMcGrath-Skinmaster-BG.jpg);*/
	background-position: center;
	background-position: top;
	background-repeat: no-repeat;

}


/* DNN nav dropdowns falling behind a flash piece? Two things - 
.navpane - overflow: visible  AND   wmdoe=transparent in flash embed code */
	
.navpane  { 
	background-color: transparent;
	/* background-image: url(/Portals/0/images/nav_main_bgd.jpg); 
	background-repeat:repeat-x; */
	text-align: Left;
	text-shadow:#3333CC;
	width:970px; 
	height: 30px; 
	overflow: visible; /* gotta be on - dropdowns */
	padding-top: 0px; /* allows main nav text to look in middle, but adds space at bottom edge- make sure bkd color is tranparent */
	margin: 5px 0px 0px 0px;
	border: 1px solid transparent;
}

#Facebook {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    float: left;
    margin: 20px 0px 0px 908px;
}

#Twitter {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    float: left;
    margin: 10px 0px 0px 908px;
}

#YouTube {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    float: left;
    margin: 10px 0px 207px 908px;
}
.audiopane {
margin: 189px 0px 0px 45px;
width: 275px;
height: 60;
border: red 0px dashed;
}

.emailsignup {
border: 1px solid #698d7f;
background-color: #acbaa1;
}

#blogarchive {
margin-top: 15px;
color: #698d7f;
}
#blogarchive .subhead {
color: #698d7f;
font-weight: bold;
}

.Blog_Archive_DayHeader {
color: #698d7f;
font-weight: bold;
}

#FooterCap {
width: 954px;
clear: both;
border:0px solid red;
}

#contentarea {
border:0px solid blue;
width: 970px;
height:auto;
background-image: url(/Portals/MarkMcGrath/Skins/MarkMcGrath2014/Images/MMcGrath-ContentArea-bg.jpg);
/*background-image: url(/Portals/SkinTemp/Skins/MarkMcGrath2014/Images/MMcGrath-ContentArea-bg.jpg);*/
background-repeat: repeat-y;
text-align: center;
margin: 0px 0px 0px 0px;
}

.bhd {
margin: 20px 0px 0px 0px;
}

#footer {
background-image: url(/Portals/SkinTemp/Skins/MarkMcGrath2014/Images/MMcGrath-Footer-bg.png);
/*background-image: url(/Portals/MarkMcGrath/Skins/MarkMcGrath2014/Images/MMcGrath-Footer-bg.png);*/
border: 0px solid transparent;
width: 970px;
height: 125px;
margin: 0px auto 0px auto;
text-align:center;
}

.footerpane {
width:760px;
height: 100px;
border:0px solid red;
margin: 13px 105px 0px 105px;
float:left;
}

#threecolumn {
width: 900px;
height: auto;
border: 1px solid red;
}

.contentpane {
	width: 940px;
	background-color: transparent;
	text-align: left;
	border:0px;
	margin: 0px 15px 0px 15px; /* watch out, affects the look of the calendar module width */
	border: 1px solid transparent;
}

.leftpane {
	width:500px; /* must be less than full 260 to compensate for margin */
	background-color: transparent;
	margin:0px 16px 0px 15px; /* top, right, bottom, left - left/right autos keep contents centered, too much will cause content pane to spill down the left */
	border: 1px solid transparent;
	height: auto;
	float:left;
	
}
.rightpane {
	width:420px; /* must be less than full 260 to compensate for margin */
	background-color: transparent;
	margin:0px 15px 0px 0px; /* top, right, bottom, left - left/right autos keep contents centered, too much will cause content pane to spill down the left */
	border: 1px solid transparent;
	height: auto;
	float:left;
}


.bottompane {
	width:890px;
	clear: both;
	background-color: transparent;
	text-align: center;
	border:0px;
	margin: 10px auto 0px auto; /* watch out, affects the look of the calendar module width */
	border: 1px solid transparent;
}

.clear {
    clear: both;
}
#clear {
width: 900px;
border: 0px red solid;
margin: 10px auto 0px auto;
text-align: center;
}


/*subbottom contains community logos plus TERMS, PRIVACY and LOGIN */

.subbottom{ 
	width:100%; 
	font-family:Arial, Helvetica, sans-serif;
	color: #698d7f;
	background-color: transparent;
	padding-top:20px;
	margin:0px;
	float:left;
	text-align:center;
}


.controlpanel {
	background-color: #fff; 
	border:1px solid #000;
	width: 950; 
	margin: 0px auto 0px auto;
	text-align: center;
}



.main_dnnmenu_container {
	background-color: transparent; 
	border: 0px;
}


::selection{ background-color: transparent !important;}
:focus { outline-color: transparent !important; outline-width: 0px;}

#dnn_dnnTERMS_hypTerms {
	font-size: 11px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	background-color: Transparent;
	color: #a4a4a3;
}

#dnn_dnnPRIVACY_hypPrivacy {
	font-size: 11px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	background-color: Transparent;
	color: #a4a4a3;
}


#dnn_dnnLOGIN_cmdLogin {
	font-size: 11px; 
	font-weight: normal;
	background-color: Transparent;
	font-family: Arial, Helvetica;
	font-weight:bold;
	text-transform:uppercase;
	color: #a4a4a3;
}


.StandardButton {
  background: #7994cb none; 
  color: #cccccc;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}

.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}

.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}

/* text style : module titles in admin */
.Head {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: 000000;
}

/* text style : subpage headlines */

.Normal, td{
	font-size: 14px; 
	font-weight: normal;
	font-family: Helvetica; 
	color:#BFBFBF;
}

H1, H2.news {
	font-family: 'Tattoo';
	font-size: 35px;
	font-weight: bold;
	color: #BFBFBF;
	padding-top:10px;
	padding-bottom:10px;
}

H2 {
	font-family: Helvetica;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	padding-top:10px;
	padding-bottom:10px;
}



A:link, A:Visited, A:Active  {
	font-size: 14px;  
	font-weight: bold;
	font-family: Helvetica;
	color:#ffffff !important;
}

A:hover {
	font-size: 14px;  
	font-weight: bold;
	font-family: Helvetica;
	color: #BFBFBF !important; /* overwrites underlines from portal css, keeps them from showing up in subnav*/
}

hr.news { background-color: #014d99; height:3px; width:100%; padding:0px; margin:0px;}

.BlogTitle a:Link, .BlogTitle a:Visited, .BlogTitle a:Active {
	font-family: Helvetica !important;
	font-size: 28px;
	font-weight: bold;
	color: #ffffff !important;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration: none;
}

.BlogTitle a:hover {
	font-family: Helvetica!important;
	font-size: 28px;
	font-weight: bold;
	color: #bfbfbf !important;
	padding-top:10px;
	padding-bottom:10px;
}

.BlogBody {
    font-family: Helvetica!important;
    font-size: 14px;
    font-weight: normal;
    color: #bfbfbf !important;
}



.SubHead {
font-family: Arial;
	text-transform:uppercase;
	font-size: 20px;
	font-weight: bold;
	color: #5C101A;
	border:0px solid red;
	width:100%;
	position:relative;
	margin-bottom: 10px;
}

.DNNModuleContent{
border:0px solid blue;
text-align: left;
}

hr{
color:#464320;
}


/* text style : most internal text rendered by modules */


A:link, A:Visited, A:Active  {
	font-size: 13px;  
	font-weight: bold;
	font-family: Arial;
	color:#014d99;
}

A:hover {
	font-size: 13px;  
	font-weight: bold;
	font-family: Arial;
	color: #a87218; /* overwrites underlines from portal css, keeps them from showing up in subnav*/
}

/* text style for buttons and link buttons used ONLY in the admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used ONLY in the admin pages */
A.CommandButton:link {
	color: #014d99;
}

A.CommandButton:hover    {
	color: #a87218;
}



/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}