Powered by Translate
Home
Help
Log Out
Craymos HostingDomain: dunchurchevents.co.uk
HomeBackForwardSelect allSelect noneNew fileNew folderUpload  RenameDuplicateMoveEditChmodUnpackOpen in My Web SiteDeleteOpenPack
Homepublic_htmltemplatesbakedapplepiecss
Name	Size	Type	Date Modified	Permissions
Editing template.css


?/*********************************************
***             Rowan Moore		           ***
**********************************************/

/****************** RESET ********************/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

/****************** LAYOUT ******************/

html {
	height : 101%;
}

body {
	color: #4C4B4B;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	background-image: url('../images/body.png');
	display: block;
}

body a{
	text-decoration: none;
	font-weight: bold;
	color: #CB6F1C;
	}

body #container a:hover{
text-decoration: underline !important;
}

body h1 {
	font-size: 2em;
	font-weight: bold;
	padding: 0 0 5px 0;
	text-transform: capitalize;
	}

body #maincontent h1 {
	text-transform: capitalize;
	text-decoration: none;
	background: url(../images/icons/invheading1.png) no-repeat;
	background-position: 0 5px;
	padding: 0px 0 5px 65px;
	line-height: 120%;
	}

body #maincontent h2{
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 120%;
	text-transform: capitalize;
    text-decoration: none;
	background: url(../images/icons/invheading2.png) no-repeat;
	background-position: 0 12px;
	padding: 5px 0 2px 60px;
	}

body h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 5px 0;
	text-transform: capitalize;
	text-decoration: underline;
	padding: 5px 0 5px 60px;
	}

.item-separator { 
border-top: 3px double #4E1909 !important; 
width: 95%;         
padding: 1px;
margin-left: 10px;
margin-top:  10px;
margin-bottom: 20px;
}



#maincontent .readmore {
line-height: 26px;
text-indent: 9px;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 1px;
text-transform: capitalize;
padding: 5px 0 2px 0;
background: url(../images/icons/obuttons.png) no-repeat;
background-position: 0 0;
display: block;
height: 32px;
width: 124px;

}

#maincontent .readmore a{
color: #4C4B4B !important;
text-decoration: none !important;
}

#maincontent .readmore:hover {
 background-position: 0 -39px;
}

#maincontent, #system-message-container {
 padding-top: 0px !important;
}

#wrapper, #foot_container {
background: #EBE1E1;
padding: 15px;
-webkit-box-shadow: 0 0px 60px rgba(0, 0, 0, 0.7);
box-shadow: 0 0px 60px rgba(0, 0, 0, 0.7);
border: 1px solid #333333;
width: 1024px;
margin: 0 auto;
}

#wrapper {
margin-top: 0px;
padding: 0 0 10px 0;
}

#header_container {
height: auto;
width: 100%;
margin: auto;
padding: 14px 0 0 0;
}

#header {
padding: 0;
background-color: #210B04;
background: url(../images/banner.jpg) no-repeat;
background-position: 0 0;
border-top: 1px solid #222222;
border-left: 1px solid #222222;
border-right: 1px solid #222222;
min-height: 228px;
width: 100%;
margin-bottom: -17px; /*menu experiment*/ 
margin-top: -14px
}
/*This is the block containing the link that overlays the header banner*/
#header #dfg-banner {
    display:block !important;
    height:228px !important;
    text-indent:-9999px !important;
    width:800px !important;
}

/*This is for the position to the right of the banner*/
/*Currently, this will hold the Acy Mailing form*/ 
#header_right_position {
float: right;
width: 202px;
color: #4C4B4B;
margin-left: 0;
margin-right: 0;
margin-top: -228px;
min-height: 228px;
overflow: hidden;
padding: 0;
}

div.acymailing_module {
padding: 123px 45px 0 0 !important;
font-weight: bolder !important;
margin-top: 5px!important;
margin-bottom: -7px!important;
}

.acymailing_module_form .inputbox {
padding-right: 59px;
padding-left: 4px;
}

#topmenu_container {
width: 100%;
/*margin: 0;  temporarily removed to experiment with menu*/
margin-bottom: -19px; /*menu experiment*/
}

#topmenu {
/*
background: url(../images/menu.png) repeat-x;
	background-position: 0 1px;
*/

}

#topmenu ul, #topmenu ul li {
	list-style : none;
}

#container {
margin: auto;
padding: 0 5px 5px;
text-align: left;
background: #EBE1E1;
}

#container2 {
	text-align:left;
	margin:auto;
}

#blazemenu a {
text-shadow: rgb(29, 26, 12) 1px -1px 1px !important;
}

#blazemenu a, #blazemenu a span {
color: rgb(204, 173, 46) !important;
}

/*dropdown items*/
#blazemenu div a span {
font-size: 14px;
padding: 3px 14px 10px 11px;
white-space: normal;
font-weight: bold!important;
}

#content_outmiddle {
background: #EBE1E1;
padding: 10px 0 0 3px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0.7, 0, 0) inset;
box-shadow: 0px 0px 10px rgba(0, 0.7, 0, 0) inset;
width: 77.6%;
float: left;
margin: 0;
}

#content_outmiddle li{
  background: url(../images/icons/bullet-yellow.png) -8px -4px no-repeat;
  list-style: none;
  padding-left: 22px;
  line-height: 20px
}

#content_outmiddle .item-page td {
vertical-align: top;
width: 50%;
}

#leftcol {
background: #FFFFFF;
width: 24.5%;
float: left;
padding: 10px;
color: #4C4B4B;

margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;

min-height: 618px;
overflow: hidden;

	-webkit-box-shadow: 0 0px 9px #202020;
	box-shadow: 0 0px 9px #202020;
	-webkit-transition: background 200ms ease-out;
	border: none;
}

body #leftcol h2,body #rightcontainer h2 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 120%;
	text-transform: capitalize;
	text-decoration: underline;
	padding: 5px 0 5px 0;
	}


	
/* hd-articlemod contains the What's New article.
   leftcol_sub sits below this and contains the chrome containers for the links*/ 
#leftcol .custom, #leftcol_sub, #rightcol .custom{
background: #FFFFFF;
padding: 2px;
margin-top: -15px;
-webkit-box-shadow: 0 0px 5px #D1CFCF;
-moz-box-shadow: 0 0px 5px #D1CFCF;
box-shadow: 0 0px 5px #D1CFCF;
margin-bottom: 5px;
display: block;
color: #4C4B4B;
line-height: 140%;
}#rightcol li{  background: url(../images/icons/bullet-yellow.png) -8px -4px no-repeat;  list-style: none;  padding-left: 22px;  line-height: 20px}

/*Need to use this fallback method for shit browsers that can't see gradients throughout*/
#leftcol h2{
  background-image: -webkit-gradient(	linear,	left top,	left bottom,	color-stop(0, #893C0E),	color-stop(1, #1C0E0B));background-image: -o-linear-gradient(bottom, #893C0E 0%, #1C0E0B 100%);background-image: -moz-linear-gradient(bottom, #893C0E 0%, #1C0E0B 100%);background-image: -webkit-linear-gradient(bottom, #893C0E 0%, #1C0E0B 100%);background-image: -ms-linear-gradient(bottom, #893C0E 0%, #1C0E0B 100%);background-image: linear-gradient(to bottom, #893C0E 0%, #1C0E0B 100%);  color: #FABD26; text-shadow: 2px -2px 2px #3d270e;  text-decoration: none !important;  text-align: center !important;  border-radius: 4px 4px 0 0;  line-height: 140%;
}

/*this sits inside leftcol_sub. It's generated by chrome and contains the links*/
div.moduletable {
margin-bottom: 10px;
}

#leftcol .custom ul,#rightcol .custom{
list-style: none;
 margin: 0;
 
 border-right: solid 1px #D7D7D7;
 border-left: solid 1px #D7D7D7;
 padding-left: 0;

 
}

#rightcol .custom{

 margin: -15px 0 8px 0;
}
#leftcol_sub ul{
list-style: none;
 margin: 0;
  border-right: solid 1px #D7D7D7;
 border-left: solid 1px #D7D7D7;
 padding: 0 0;

}
#leftcol .custom li{
background: #F1F1F1;
border-bottom: solid 1px #827f7f;
margin: 0px;
position: relative;
width: 100%;
display: block;
min-height: 50px;
margin-bottom: 2px;
font-weight: bold;
color: #893C0E;
padding: 0;
line-height: 140%;
text-shadow: 1px 1px 0 #D1CFCF; 

}

#leftcol .custom p{
color: #4C4B4B;
padding: 0 5px 0 5px;
}

#leftcol .custom li:hover, #leftcol_sub  li:hover, #leftcol .custom a:hover{
background: #D9D9D9 !important;
-webkit-transition: all 400ms ease-in !important;
-moz-transition: all 400ms ease-in !important;
-o-transition: all 400ms ease-in !important;
transition: all 400ms ease-in !important;

}

#leftcol .custom a,  li:hover, a:hover a, #leftcol_sub a  {
text-decoration: none;
color: inherit;
}

#leftcol .custom a p:last-of-type, #leftcol_sub  a:last-of-type{
text-decoration: none;
font-weight: bold;
color: #CB6F1C;
 
}

#leftcol #leftcol_sub li{
background: #F1F1F1;
border-bottom: solid 1px #D7D7D7;

position: relative;
width: 100%;
display: block;
min-height: 25px;

font-weight: bold;
color: #893C0E;
padding: 5% 4px;
line-height: 140%;
text-shadow: 1px 1px 0 #D1CFCF; 
display: block;
width: 178px;
}

/* if this works, merge it into the leftcol h2 stuff above*/
div.coltitle {

  background: -webkit-linear-gradient(#893C0E, #1C0E0B);
  background:    -moz-linear-gradient(#893C0E, #1C0E0B);
  background:     -ms-linear-gradient(#893C0E, #1C0E0B);
  background:      -o-linear-gradient(#893C0E, #1C0E0B);
  background:         linear-gradient(#893C0E, #1C0E0B);
color: #FABD26;
text-decoration: none;
padding-left: 5px;
border-radius: 4px 4px 0 0;
line-height: 140%
}

#maincontent {
float: right;
padding: 20px;
background: #FFFFFF;
color: #4C4B4B;
-webkit-box-shadow: 0 0px 5px #D1CFCF;
box-shadow: 0 0px 5px #D1CFCF;
margin-left: 5px;
margin-right: 10px;
margin-bottom: 20px;
margin: 0;
min-height: 598px;
overflow: hidden;
width: 67%;
}

#maincontent img {
	margin: 10px;
	background: #1A1A1A;
	padding: 3px;
	-webkit-box-shadow: 0 0px 9px #202020;
	box-shadow: 0 0px 9px #202020;
	-webkit-transition: background 200ms ease-out;
	border: none;
		}

/*Ticket master delete image */		
#maincontent .delete img {
	background: #ffffff;
		}

/*Ticket master Create New Account trigger */
#maincontent h3.acc_trigger {
padding-left: 29px;
margin: 0 0 5px 0;
height: 50px;
line-height: 26px;
width: 100%;
font-weight: normal;
float: left;
}

/*Ticket master text in the Freecheckout Choose Payment box*/
#maincontent #plg_rdmedia_freecheckout_cards {
margin-left: 137px!important;
}

#maincontent #plg_rdmedia_ideal_confirmbutton {
width: 116px;
height: 87px;
margin-left: 381px!important;
margin-top: -47px!important;
position: absolute;
}		


#maincontent #plg_rdmedia_paypal_confirmbutton {
width: 116px;
height: 87px;
margin-left: 381px!important;
margin-top: -47px!important;
position: absolute;
}

#maincontent .m4jInfoImage{
	margin: 0;
	background: #ffffff;
	padding: 0;
	-webkit-box-shadow: 0 0 0 #ffffff;
	box-shadow: 0 0 0 #ffffff;
}

#rightcontainer {
background: #EBE1E1;
padding: 10px 2px 0 0;
margin-left: -15px;
width: 21%;
float: right;
min-height: 657px;

}

#rightcol {
padding: 10px;
background: #FFFFFF;
color: #4C4B4B;
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
margin: 0;
min-height: 618px;
overflow: hidden;
	-webkit-box-shadow: 0 0px 9px #202020;
	box-shadow: 0 0px 9px #202020;
	-webkit-transition: background 200ms ease-out;
	border: none;
}


#rightcol h2{

background-image: -webkit-gradient(	linear,	left top,	left bottom,	color-stop(0, #893C0E),	color-stop(1, #1C0E0B));background-image: -o-linear-gradient(bottom, #893C0E 0%, #1C0E0B 100%);background-image: -moz-linear-gradient(bottom, #893C0E 0%, #1C0E0B 100%);background-image: -webkit-linear-gradient(bottom, #893C0E 0%, #1C0E0B 100%);background-image: -ms-linear-gradient(bottom, #893C0E 0%, #1C0E0B 100%);background-image: linear-gradient(to bottom, #893C0E 0%, #1C0E0B 100%);
  color: #FABD26; text-shadow: 2px -2px 2px #3d270e;
  text-decoration: none !important;
  text-align: center !important;
  border-radius: 4px 4px 0 0;
  line-height: 140%;
}	

#rightcol h3{
	

	padding: 4px 0 5px 4px;
	
	text-decoration: none;

}

#rightcol h4, h5, h6{
	font-size: 12px !important;
	font-weight: bold;
	padding: 0 0 5px 5px;
	text-transform: capitalize;
	text-decoration: none;
	margin-top: 5px;
}

#rightcol .custom p{
	padding-left: 5px;
	margin-bottom: 5px !important;
	line-height: 1.4em;
}

#rightcol a {	
	text-decoration: none;
	font-weight: bold;
	color: #CB6F1C;
}

#subfoot {
background-color: #000000;
border-top: 1px solid #333333;
border-bottom: 1px solid #222222;
min-height: 15px;
line-height: 15px;
width: 100%;
}

#foot_container {
margin-bottom: 0px;
padding: 0 0 7px 0;
overflow: visible;

}

#foot_container a{
	text-decoration: none;
	font-weight: bold;
	color: #CB6F1C;
	}

#footer {
background-color: #210B04;
border: 1px solid #222222;
border-bottom: 2px solid #222222;
border-top: 1px solid #444;
border-left: 1px solid #444;
border-right: 1px solid #444;
min-height: 80px;
padding: 0;
position: relative;
overflow: visible;
background-image: url('../images/footer.png');
background-repeat: repeat-x;
}

.footer-inner {
display: inline-block;
width: 100%;
min-height: 62px;
}

#scroll_up {
float: right;
width: 10%;
}

a#gotop {
	display:block;
	height:50px;
	line-height:45px;
	width:100%;
	text-align:center;
}

a#gotop:hover {
	text-decoration:overline;
}

p.counter {
font-weight: bold;
text-align: right;
color: #4E1909;
clear: both;
}

.footer-bottom {
display: inline-block;
width: 100%;
line-height: normal;
font-style: italic;
}

#content_outmiddle .pagination  li{
display: inline;
margin: 0 10px;
background-color: #4E1909 !important;
background-image: none;
border-top: 1px solid #222222;
border-left: 1px solid #222222;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
padding: 3px 6px !important;
cursor: auto;
border-radius: 4px;
}

.pagination {
color: #FABD26 !important;
}
	
.copytext {
	padding: 3px 0;
	text-align:center;
	font-weight:bold;
}

.clr {
	clear:both;
}


SaveSave & CloseCancel
Back

Craymos HostingHomeHelpLog OutTop