/* 
Theme Name: DNA
Theme URI: http://www.geteupandrunning.net/dna
Description: A stylesheet for DNA Developments
Author: Mark Sharp
Author URI: http://www.getupandrunning.net
Version: 0.1.1
Tags: Framework
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

/* Eric Meyer's reset.css */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;vertical-align:baseline;outline:none;font-size:100%;background:transparent;border:none;text-decoration:none}b,i,hr,u,center,menu,layer,s,strike,font,xmp{margin:0;padding:0;vertical-align:baseline;outline:none;font-size:100%;font-weight:normal;font-style:normal;background:transparent;border:none;text-decoration:none}font{color:#333}center{text-align:left}

/* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */
	/* @import url('../hybrid/library/css/18px.css'); */
	/* @import url('../hybrid/library/css/20px.css'); */
	/* @import url('../hybrid/library/css/21px.css'); */
	/* @import url('../hybrid/library/css/22px.css'); */
	/* @import url('../hybrid/library/css/25px.css'); */

/* Holy Grail */
	/* @import url('../hybrid/library/css/holy-grail-fluid.css'); */

/* Plugins CSS */
	/* @import url('../hybrid/library/css/plugins.css'); */

/* Hybrid's default CSS */
	/* @import url('../hybrid/library/css/screen.css'); */

/**
* Body
************************************************/

/* Contains everything */
html, body {
    height: 100%;
	background-image: url('images/background/bg.gif');
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

	/* Wrapper for everything inside of the body */
	#body-container {
        overflow: hidden;
        margin: 20px auto;
		width: 930px;
		background-color: #fff;
		border: 2px solid #000;
    }

/**
* Elements
************************************************/

/* Hyperlinks */
a:link {text-decoration: none; color: #6699cc;}
a:visited {color: #6699cc;}
a:hover {text-decoration: underline;}
a:active {}
a.white {color: #fff;}

/* Headers */
h1 {color: #6699cc; font-size: 18px; margin: 20px 0px;}
h2 {color: #6699cc; margin: 20px 0px; font-size: 18px;}
h3 {color: #df0018; margin: 20px 0px; font-size: 18px;}
h4 {}
h5 {}
h6 {}

/* Text elements */
strong, .strong, .bold { font-weight: bold;}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p { margin-bottom: 14px;}

/* Unordered lists */
ul {}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert, .error {border: 1px solid #c00 !important; background-color: #ffebe8 !important;}
.success { background: #edf9ed !important; border: 1px solid #a0dfa0 !important; color: #00aa00 !important; }


/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft { float: left;}
.right, .alignright {float: right;}
.center, .aligncenter {text-align: center;}
.block, .alignnone { display: block;}
.clear { clear: both;}

/* Colours */
.light-blue {color: #6699cc;}
.dark-blue  {color: #191970;}
.green      {color: #6da901;}
.red        {color: #df0018;}
.brown		{color: #a28b78;}
.black		{color: #000;}
.white		{color: #fff;}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container { margin: 18px 24px; height: 70px;}

	/* Contains site title and tagline */
	#header {}

		/* Site title */
		#site-title { float: left;}
			#site-title a {}
				#site-title a span {}

		/* Site description/tagline */
		#site-description {}
		

/**
* Page navigation
************************************************/

/* Wrapper for navigation */
.menu-main-navigation-container {float: right; font-size: 12px;}
	.menu-main-navigation-container ul {list-style: none;}
	.menu-main-navigation-container li {display: inline; background: url('images/structure/menuRight.gif') right no-repeat;}
	.menu-main-navigation-container li.menu-item-name-contact-us {background: none; padding-right: 0px;}
		.menu-main-navigation-container  li a { padding: 0 8px 0 6px; color: #000;}
		.menu-main-navigation-container li.current_page_item a,
			.menu-main-navigation-container li a:hover {color: #6699cc;}

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container { margin: 0 24px 0 24px; min-height: 750px; }
.home #container {background-image: url('images/background/bg_home.gif');}
.post-name-fractional-ownership #container {background-image: url('images/background/bg_fractional-ownership.gif');}
.post-name-the-development #container {background-image: url('images/background/bg_the-development.gif');}
.post-name-paphos-cyprus #container {background-image: url('images/background/bg_paphos-cyprus.gif');}
.post-name-news #container,.post-type-post #container {background-image: url('images/background/bg_news.gif');}
.post-name-competition #container {background-image: url('images/background/bg_competition.gif');}
.post-name-contact-us #container {background-image: url('images/background/bg_contact-us.gif');}


	/**
	* Content
	************************************************/

	/* Contains site's main content */
	.content {	}

		/* Breadcrumb trail */
		.breadcrumb {}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {}

			/* Post, page, and archive titles */
			.entry-title {}
				.entry-title a {color: #6699cc;}
				.entry-title a:hover {color: #6699cc;}
			.single-title {}
				.single-title a {}
				.single-title a:hover {}
			.page-title { margin-bottom: 40px;}
			.home .page-title {font-family: "Comic Sans MS",Purisa,Papyrus,cursive; font-size: 20px;}
				.page-title a {}
				.page-title a:hover {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* Author and date byline */
			.byline {}
			
			/* Links */
			.home .entry-content a {color: #6da901; font-weight: bold;}
			.entry-content a:hover {text-decoration: underline;}

			/* Full entries */
			.entry-content {}
				.home .entry-content {color: #191970; clear: both;}
				.home .entry-content p,.home .entry-content h2 {font-size: 18px;}
				
				
			.entry-content ul li {margin-left: 15px;}

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets .content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

	/* Primary widget section */
	#primary { width: 240px; float: right;}
		#primary .widget {}
			#primary .widget-inside {}
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li { margin-left: 15px;}

	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}
	
	#sidebar {width: 380px;float:right;}

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {}

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {clear: both;margin-top: 15px;}

		/* Footer extra */
		#footer a {color: #000;}
		#footer .copyright {float:left; margin-left: 10px;}
		#footer .credit {}
		#footer .loginout {float:right;margin-right: 10px;}
		
		
/* Some extra things */
.rounded-box {background-color: #6699cc; width: 879px; margin-top: 20px; }
.rounded-box .top-left {background-image: url('images/structure/roundedbox/top_border.gif'); width: 870px; height: 10px; float: left;}
.rounded-box .top-right {background-image: url('images/structure/roundedbox/top_right.gif'); width: 9px; height: 10px;  float: left;}
.rounded-box .title {float: left; margin-bottom: 10px;}
.rounded-box .title a {color: #fff;font-weight: bold;}
.rounded-box .rounded-content {border-left: 2px solid #333399; border-right: 2px solid #333399; height: 100%; padding: 7px;}
.rounded-box .news-ticker {width: 250px; color: #fff;}
.rounded-box .bottom-left {background-image: url('images/structure/roundedbox/bottom_left.gif'); width: 870px; height: 10px; float: left;}
.rounded-box .bottom-right {background-image: url('images/structure/roundedbox/bottom_right.gif'); width: 9px; height: 10px;  float: left;}

.info-box {width: 306px; height: 144px; margin: 15px 7px 15px 0; font-weight: bold; }
.home .info-box {float: left; }
.green-box {background-image: url('images/structure/roundedbox/green-box.gif'); background-repeat: no-repeat; background-color: transparent; width: 306px;}
.blue-box {background-image: url('images/structure/roundedbox/blue-box.gif'); background-repeat: no-repeat; background-color: transparent; width: 266px; padding: 10px 20px 10px 20px;}
.cyprus-weather {width: 250px; margin-right: 0px; padding-top: 10px;}
.info-box .big {font-size: 50px;}
.phone-number {float: right; width: 260px; color: #191970; font-weight: bold; font-size: 19px; margin-top: 29px; text-align: right; }
.floorplans li {list-style: none; display: inline;margin-right: 25px;}

.home .contactform {background-image: url('images/structure/roundedbox/green-box.gif'); float: left; background-repeat: no-repeat; background-color: transparent; width: 285px;}
.home .contactform .col1 {width: 90px; font-size: 15px; line-height: 17px;}
.home .contactform .col2 {width: 195px; }
.home .contactform .tcol2 {width: 155px;}
.home .entry-title {text-indent: -999px;background-image: url('images/homepage/welcome-to-dna-property-developers.png'); background-repeat: no-repeat; height: 39px; background-position: -3px; width: 500px; float: left;}


.post-name-fractional-ownership {}
.post-name-fractional-ownership .entry-content li {color: #a28b78;margin: 0 0 15px 15px;}
.post-name-fractional-ownership .wpcolumn-1 {float: left; margin-right: 30px;}
.post-name-fractional-ownership .wpcolumn-2 {float: left;}
.post-name-fractional-ownership .wpcolumn-3 {float: left;}
.post-name-fractional-ownership .wpcolumn-4 {clear: both;}
.post-name-fractional-ownership table {background-image: url('images/structure/roundedbox/table.gif'); background-repeat: no-repeat; height: 236px; width: 487px; font-size: 11px;border-collapse: collapse; color: #fff;}
.post-name-fractional-ownership table .col1 {width: 158px; text-align: left;}
.post-name-fractional-ownership table .row1 th {padding-top: 19px; border-bottom-width: 0px}
.post-name-fractional-ownership table td, .post-name-fractional-ownership table th {border-bottom: 1px solid #fff; height: 10px; line-height: 10px; padding-top: 7px;}
.post-name-fractional-ownership table td {text-align: center;}
.pie {margin-right: 15px; font-size: 12px; font-weight: bold; color: #000; text-align: center; width: 250px;}

.post-name-the-development .entry-content {color: #a28b78;}
.post-name-the-development table.floorplan {background-image: url('images/structure/roundedbox/floorplan-table.gif'); background-repeat: no-repeat; height: 363px;width: 875px; font-size: 11px; border-collapse: collapse; color: #fff; margin-bottom: 25px;}
.post-name-the-development table.floorplan tr.row1 {border: none;}
.post-name-the-development table.floorplan tr.row2 td {border-bottom: solid 2px #fff;}
.post-name-the-development table.floorplan td {text-align: center; border-bottom: solid 1px #fff; padding-top: 3px;}
.post-name-the-development table.floorplan a {color: #fff; text-decoration: none;}
.post-name-the-development table.floorplan a:hover {text-decoration: underline;}

.post-name-the-development .wpcolumn-2 {float:left; width: 470px; margin-right: 32px;}
.post-name-the-development .wpcolumn-3 {float:left;}
.post-name-the-development .wpcolumn-4 {clear: both;}

.post-name-paphos-cyprus #sidebar a {color: #000;}
.post-name-paphos-cyprus .entry-content {width: 450px;color: #a28b78;}
.post-name-contact-us .entry-content {color: #a28b78;}

.post-name-competition .wpcolumn-1 {float: left; width: 450px; color: #a28b78;}
.post-name-competition .wpcolumn-2 {float: right; width: 400px; color: #a28b78;}

.post-name-news .content, .single-post .content, .archive .content {float: left; width: 600px;}
.post-name-news .content img.alignright, .single-post .content img.alignright, .archive .content img.alignright {margin-left: 10px;}
.post-name-news .content img.alignleft, .single-post .content img.alignleft, .archive .content img.alignleft {margin-right: 10px;}
.post-name-news .content img.aligncenter, .single-post .content img.aligncenter, .archive .content img.aligncenter {margin-right: 10px; margin-left: 10px;}


table.features {border-collapse: collapse; width: 470px; margin-bottom: 25px;}
table.features th {text-align: left;border-bottom: solid 2px #a28b78; width: 150px;}
table.features td {border-bottom: solid 2px #a28b78;padding: 5px 0 5px 0;}
table.features .last th,table.features .last td {border-bottom: none;}



.contactform {
	width: 355px; color: #fff; background-color: #6699cc;position: relative; height: 160px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px;
	margin-top: 15px;
}


.contactform .col1 {width: 150px; float: left; font-size: 19px; font-weight: bold;line-height: 25px;}
.contactform .col2 {width: 204px; float: left; font-size: 10px;}
.contactform table {width: 100%;}
.contactform label { line-height: 16px; padding: 1px 0px; }
.contactform input { line-height: 16px;border: solid 1px #fff; width: 100%;}
.contactform textarea {border: solid 1px #fff; width: 100%; height: 16px;}
.contactform td {padding-bottom: 3px;}
.contactform table td.tcol1 {width: 40px;}
.contactform table td.tcol2 {width: 284px;}
.contactform tr.last td {padding-top: 5px; width: 304px;}
.contactform input[type=submit] {width: 45px; float: right;text-align: center; border: solid 1px #191970; color: #191970; background-color: #fff; font-weight: bold; padding: 0px;}
.contactform input[type=submit]:hover {background-color: #191970; color: #fff;cursor: pointer;}


.guar-cycle-gallery-caption {display: none;}

.map {background-image: url('images/map.gif'); width: 380px; height: 467px; margin: 25px 0px;}

#competitionform {margin: 25px 0px;}
#competitionform input[type=text] {border: solid 1px #a28b78; width: 100%;margin-bottom: 15px;}
#competitionform input[type=submit] {background-color: #a28b78; border: 1px solid #a28b78; color: #fff; font-weight: bold; padding: 5px;}
#competitionform input[type=submit]:hover {background-color: #fff; border: 1px solid #a28b78; color: #a28b78; cursor: pointer;}
#competitionform input[type=checkbox] {margin: 0 0 0 10px; width: 20px;}
#competitionform a {color: #a28b78;}
#competitionform .button-row {margin-top: 25px;}

.srssfetcher li {list-style: none;}
.srssfetcher-title a {color: #fff; font-weight: bold;}
.srssfetcher-item {height: 150px;}

.exhibition-ticker {width:300px;height: 90px; margin: -10px 0 10px 0;}
.exhibition-ticker .srssfetcher-title a {color: #191970;}

#current-conditions {float: left; margin-top: 30px; margin-left: 115px;}