/*  
Theme Name: Horizon Web Development
Theme URI: http://www.horizonweb.co.uk
Description: Main website template for Horizon Web Development
Version: 1.7.0
Author: Horizon Web Development
Author URI: http://www.horizonweb.co.uk/
Tags: Horizon Web Development, Website Design, Hosting
*/

/*
All coding copyright Horizon Web Development. Original website design by Simone aka guitarsimo
*/

/*CSS Reset*/
* {
  margin: 0px;
  padding: 0px;
}

/*Fonts*/
@font-face {
	font-family: 'DroidSansRegular';
	src: url('Fonts/DroidSans-webfont.eot');
	src: local('?'), url('Fonts/DroidSans-webfont.woff') format('woff'), url('Fonts/DroidSans-webfont.ttf') format('truetype'), url('Fonts/DroidSans-webfont.svg#webfontbC7tRKrq') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('Fonts/DroidSans-Bold-webfont.eot');
	src: local('?'), url('Fonts/DroidSans-Bold-webfont.woff') format('woff'), url('Fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('Fonts/DroidSans-Bold-webfont.svg#webfont5dL3IGk2') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {background:url(images/bg.png) repeat-x; height:auto; font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#262425; }
hr {width:75%; margin:5px auto; clear:both;}
p {font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#262425; margin:10px 0; padding:0 10px;}
a:link, a:visited {color:#006699; text-decoration:underline;}
a:hover {text-decoration:none; color:#5899CF;}
blockquote {width: 450px; height:auto; margin: 25px 40px; font-style: italic; font-family: DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; border-left: 1px solid #999; font-size: 12px; padding:0 10px; color:#262425;}


#wrapper {background: none; height:auto; min-height:500px; width: 940px; margin:0 auto;}

/*Header Section*/
#header {width:940px; height:150px; background:url(images/div-top.png) center bottom no-repeat;}

#menu {width:auto; height:50px; float:right; background:url(images/menu-bg.png) repeat-x; border: solid 1px #b2b2b2; margin: 40px 5px 0 10px; border-top:none; border-right: none;}
#menu ul li {height: 50px; width: 100px; display:block; text-align:center; float:left; list-style:none; margin:0; line-height:50px; border-right: 1px solid #b2b2b2;}
#menu ul li a:link, #menu ul li a:visited {font-family: DroidSansRegular, Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#4c4c4c; text-decoration:none; text-transform:uppercase; display:block;}
#menu ul li a:hover { background:url(images/menu-bg-ov.png) repeat-x; text-decoration:none; height:50px; color:#3e75af;}

/*Feature area for jQuery slideshow*/
#feature {width:940px; height:auto; position:relative; margin:10px 0 20px 0;}
.OffPage {text-indent:-10000px;}
#feature .button {top: 200px; left: 300px; position:absolute; z-index:99;}
#image-container img {background:none !important;}

/*Hosting Specific Stuff*/
#starter {width: 300px; height: 150px; background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #45484d 0%,#000000 100%); /* W3C */;}
#starter h2, #business h2, #professional h2, .bronze h2 {font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#fff; padding:25px 10px; text-shadow: 2px 2px 2px #000;}

#business {width:300px; height: 150px;background: rgb(167,207,223); /* Old browsers */
background: -moz-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C */}
#business a:link, #starter a:link, #professional a:link, #business a:visited, #starter a:visited, #professional a:visited {color:#fff;}

#professional {width:300px; height: 150px;background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */}

.bronze , .silver, .gold {width: 300px; height: 150px; }
.bronze a:link, .bronze a:visited, .silver a:link, .silver a:visited, .gold a:link, .gold a:visited {color:#fff;}
.bronze h2, .silver h2, .gold h2 {font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#fff; padding:25px 10px; text-shadow: 2px 2px 2px #000;}

.bronze {background: rgb(230,24,24); /* Old browsers */
background: -moz-linear-gradient(top, rgba(230,24,24,1) 0%, rgba(175,4,9,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,24,24,1)), color-stop(100%,rgba(175,4,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(230,24,24,1) 0%,rgba(175,4,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(230,24,24,1) 0%,rgba(175,4,9,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(230,24,24,1) 0%,rgba(175,4,9,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61818', endColorstr='#af0409',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(230,24,24,1) 0%,rgba(175,4,9,1) 100%); /* W3C */}
.silver {background: rgb(12,62,209); /* Old browsers */
background: -moz-linear-gradient(top, rgba(12,62,209,1) 0%, rgba(19,42,122,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,62,209,1)), color-stop(100%,rgba(19,42,122,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(12,62,209,1) 0%,rgba(19,42,122,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(12,62,209,1) 0%,rgba(19,42,122,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(12,62,209,1) 0%,rgba(19,42,122,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3ed1', endColorstr='#132a7a',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(12,62,209,1) 0%,rgba(19,42,122,1) 100%); /* W3C */ }
.gold {background: rgb(102,183,39); /* Old browsers */
background: -moz-linear-gradient(top, rgba(102,183,39,1) 0%, rgba(62,98,42,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,183,39,1)), color-stop(100%,rgba(62,98,42,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(102,183,39,1) 0%,rgba(62,98,42,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(102,183,39,1) 0%,rgba(62,98,42,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(102,183,39,1) 0%,rgba(62,98,42,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b727', endColorstr='#3e622a',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(102,183,39,1) 0%,rgba(62,98,42,1) 100%); /* W3C */}




/*Styles for slideshow DIV*/
#photos {width:940px; height:270px;}
#photos img {width:940px; height:270px;}
a#viewButton {top: 200px; left: 300px; position:absolute; z-index:99; height:31px; width:132px; background:url(images/view-more.png) no-repeat 0 -31px; display:block; margin:0 auto 40px auto; text-indent:-10000px;}
a:hover#viewButton {background-position: 0 0;}

/*Main Content Area*/
#content {height:auto; min-height:675px; width: 940px; background:url(images/div-bottom.png) center bottom no-repeat; margin:0; padding:0 0 30px 0; }
#content h2 {font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:26px; font-weight:100; color:#262425; margin:15px 5px;}
#content h2 a:link, #content h2 a:visited {color:#262425; text-decoration:none;}
#content h2 a:hover {text-decoration:none; color:#006699;}
#content h3 {color: #006699; text-transform:uppercase; font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:16px; margin: 25px 20px 15px 10px;}

#content #design h3 {background: #006699 url(images/plus.png) no-repeat 0 -4px; color: #fff; height: 25px; line-height:25px; text-transform:uppercase; font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:16px; padding: 0 40px; margin: 25px 20px 15px 10px; border: 1px solid #ececec; cursor:pointer;}

#content #design h3.ui-state-active { background-image:none; border: 1px solid #fff;}

#content h4 {color: #262425; text-transform:uppercase; font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:12px; margin: 25px 20px 15px 10px; font-style:none; text-shadow: 1px 1px 1px #999;}
#content h5 {color: #262425; text-transform:uppercase; font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:12px; margin: 25px 20px 15px 10px; font-style:italic;}
#content p {font-family: DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:12px; font-weight: 500; color:#262425; margin:10px 0; padding:0 10px; text-align:justify; line-height:150%;}
.blue {color:#006699; font-weight:bold;}
#content .hosting {width:65%; margin:10px;}
#content ul {margin-left:50px; list-style: circle;}
#content ol {margin-left: 50px;}
#content li {font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#262425;}
a#loginButton {height:31px; width:132px; background:url(images/log-in.png) no-repeat 0 -31px; display:block; margin:25px auto; text-indent:-10000px;}
a:hover#loginButton {background-position: 0 0}
.portfolio {width: 300px; height:auto; float:right; text-align:center; margin:0 0 10px 10px;}

/*SideBar - not on all pages*/
#sidebar {float:right; position:relative; width:390px; height:675px; background:url(images/sidebar.png) center no-repeat; margin:10px 0px 5px 15px; clear:left;}
#sidebar h2 {color: #006699; text-transform:uppercase; font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:14px; margin: 10px auto 20px auto; width:65%; text-align: center; font-weight:bold; border-bottom: solid 1px #666; padding:5px 0 5px 0;}
#sidebar p {margin:10px;}
#sidebar ul {margin:15px 0; list-style:none;}
#sidebar li {margin:5px 0 5px 0px; padding:2px 15px; list-style:none; font-size:12px; text-transform:capitalize; font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;}
#sidebar ul li a:link, #sidebar ul li a:visited {text-decoration:none; color:#494949; font-weight:bold;}
#sidebar ul li a:hover {text-decoration:underline; color:#006699;}

.search {height: 26px; margin:0px 15px; line-height:31px;}


/*Sub Content Area*/
#subContent {width: 940px; height:auto; margin:0; }
#subContent .smallBox {height:317px; width:305px; background:url(images/small-box.png) center no-repeat; float:left; margin: 10px 5px; padding:0;}
#subContent .smallBox h2 {color: #006699; text-transform:uppercase; font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:14px; margin: 15px auto 10px auto; width:75%;}

#subContent .smallBox p {font-size:12px; color:#5e5e5e; font-family:Arial, Helvetica, sans-serif;}
#subContent .smallBox p a:link, #subContent .smallBox a:visited {text-decoration:underline; color:#5e5e5e;}
#subContent .smallBox p a:hover {text-decoration:none; color:#262425;}
#subContent .news {width:270px; float:right; height:auto; margin:15px 20px; }
#subContent .about {width: 270px; float:right; height:auto; margin:15px 20px; }
#subContent .about p {font-size:12px; text-align:justify; line-height:150%;}
#subContent .news h2, #subContent .about h2 {font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:24px; text-align:center; font-weight:100; color:#262425;}
#subContent .news h3 {color: #262425; text-transform:uppercase; font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:12px; margin: 15px 10px;}
#subContent .news h3 a:link {color:#006699; text-decoration:none;}
#subContent .news h3 a:visited {color:#006699; text-decoration:none;}

#subContent .news h3 a:hover {text-decoration:underline; color:#006699;}
#subContent .news p {font-size:11px; color:#262425;}
#subContent ul {margin-left:50px; list-style: circle;}
#subContent li {font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#262425;}

/*Footer*/
#clear {clear:both; height:25px;}
#footer {width:945px; height:40px; background:url(images/footer-bg.png) center no-repeat; margin:10px auto;}
#footer p {font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; color:#666; text-align:left; font-size:11px; line-height:40px; *line-height:18px; padding:0 12px;}
#footer ul {float:right; list-style:none; margin:0 15px 0 0;}
#footer li {float:left; list-style:none; font-family:DroidSansRegular, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; color:#666; text-align:center; font-size:12px; line-height:15px; margin: 12px auto 0 auto; padding:0 15px; border-right: 1px solid #767676; text-transform:uppercase; font-weight: normal;}
#footer li a:link, #footer li a:visited {text-decoration:none; color:#767676;}
#footer li a:hover {text-decoration:none; color:#101010;}

/*HostPay Specific Stuff*/
/*.basket {width:55% !important;}*/
#content #hosting {width:515px; margin:0 10px;}
#content #sidemenu {width: 390px; float:right;}

#content #sorted thead, #content .sorted thead {background-color: #006699; color:#fff;}
#content tr.even {background-color:#ececec;}
#content tr.odd {background-color:#fff;}

table h3 {text-shadow: 1px 2px 2px #999; font-size:18px !important;}

/*WordPress specific stuff*/

/* WordPress Images */
.alignnone {margin: 5px 20px 20px 0;}
.alignright {float:right; margin:0 0 1em 1em; border: 1px solid #C4BFB1;}
.alignleft {float:left; margin:0 1em 1em 0; border: 1px solid #C4BFB1;}
.aligncenter {display: block; width: auto; margin-left: auto; margin-right: auto; border: 1px solid #C4BFB1;}
a .alignright {float:right; margin:0 0 1em 1em}
a .alignleft {float:left; margin:0 1em 1em 0}
a .aligncenter {display: block; width:auto; margin-left: auto; margin-right: auto}
.wp-caption {border: 1px solid #C1BFBF; max-width: 96%; /* Image does not overflow the content area */padding: 5px 3px 10px; text-align: center;
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 30%, #eeeeee 60%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(30%,#eeeeee), color-stop(60%,#eeeeee), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 30%,#eeeeee 60%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cccccc 0%,#eeeeee 30%,#eeeeee 60%,#d6d6d6 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 30%,#eeeeee 60%,#d6d6d6 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #cccccc 0%,#eeeeee 30%,#eeeeee 60%,#d6d6d6 100%); /* W3C */}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin:0;max-width: 98.5%;padding:0;width: auto;}
.wp-caption p.wp-caption-text {color: #fff;font-size:10px;line-height:10px;margin:0;padding:4px 4px 5px; text-transform:capitalize;}


/*Comments styling taken from original WordPress theme*/

#commentform textarea {width: 500px;}

ol.commentlist { list-style:none; margin:0; padding:0; width:600px; }
ol.commentlist li {border-bottom:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin: 25px 5px; padding:15px 7px 25px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 12px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px;}
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px;}
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }

ol.commentlist li div.reply {margin:20px 0;}
ol.commentlist li div.reply a {text-decoration:none;}
ol.commentlist li div.reply span.reply-box {background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:4px 6px; text-align:center; width:36px;}
ol.commentlist li div.reply span.reply-box:hover { background:#006699; border:1px solid #006699; }
ol.commentlist li div.reply span.reply-box a { color:#fff; text-decoration:none; text-transform:uppercase; }



ol.commentlist li ul.children {list-style:none; border-top:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;margin:25px 0 0; text-indent:0;}
ol.commentlist li ul.children li.depth-2 {list-style: none; margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 {list-style:none; margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 {list-style:none; margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 {list-style:none; margin:0 0 3px; }
ol.commentlist ul.children li.odd {background:#fff; }
ol.commentlist ul.children li.even {background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }