/*
	Theme Name: Ultrawebsites.com
	Theme URI: http://www.ultrawebsites.com
	Description: The custom theme for the Ultrawebsites.com website
	Version: 1.0
	Author: Matt Jensen
	Author URI: http://www.ultrawebsites.com
*/

body{
margin:0;
padding:0;
font:62.5% Verdana,Arial,Helvetica,sans-serif;
line-height:1.5;
text-align:center;
width:auto;
color:#333;
background:#fff url(images/bg-page-top.png) repeat-x;
}

p{
font-size:1.2em;
line-height:1.5em;
}

a{
color:#0055A8;
font-weight:bold;
}

a img{
border-style:none;
}

h1,h2,h3,h4,h5{
/*margin:0;*/
padding:0;
font-weight:normal;
}

h1{
font-size:2.3em;
color:#fff;
margin-bottom:40px;
}

h1 a{
font-weight:normal;
color:#fff;
}

h1 a:hover{
text-decoration:none;
}

h2{
font-size:1.8em;
color:#0055A8;
}

h3{
font-size:1.4em;
font-weight:bold;
font-variant:small-caps;
margin-top:24px;
margin-bottom:12px;
}

h3 a{
color:#333333;
}

h4{
color:#0055A8;
font-size:1.2em;
font-weight:bold;
}

.entry li{
font-size:1.2em;
}

/* Layout elements and styling */
#bgwrapper{ /* Container for BG image*/
background:transparent url(images/BG-footer.png) repeat-x bottom;
margin:0 auto;
}

#glowwwrapper { background:transparent url(images/bg-navy-glow.png) no-repeat center bottom; }

#container{ /* Wraps all structural elements*/
width:800px;
margin:0 auto;
color:#333;
text-align:left;
}

#header{
/*background:#000 url(images/BG_Fade_Black_Large.jpg) repeat-x;
height:107px;
padding:0 20px;*/
}

#sitetitle{
float:left;
width: 660px;
height:61px;
color: #333;
}

#sitetitle h1{
margin:0px;
}

#sitetitle a img{
border-style:none;
}

#Logo {
margin:14px 0 0 33px;
float:left;
}

#LogoType {
margin:22px 0 0 40px;
float:left;
}

#usernav{
float:right;
height:30px;
padding-top:20px;
text-align: right;
font-size: 1em;
text-decoration:underline;
}

#usernav a{
font-weight:bold;
color: #CCC;
}

#usernav a:hover{
color:#FFF;
text-decoration:underline;
}

#menu{
clear:both;
overflow:hidden;
height:40px;
background:transparent url(images/navigation-divider.gif) no-repeat left center;
}

#menu ul, #menu li {
padding:0;
margin:0;
list-style-type:none;
}

#menu ul#primarynav{
overflow:hidden;
}

#primarynav li{
display:inline;
float:left;
text-align:center;
text-transform:lowercase;
height:40px;
width:164px;
background:transparent url(images/navigation-divider.gif) no-repeat right center;
}

#primarynav li.first_item{
padding-left:4px;
width:140px;
}

#primarynav li.first_item a{
text-indent:-9999px;
}

#primarynav a{
font-size:1.6em;
display:block;
width:100%;
height:32px;
padding-top:8px;
color:#999;
text-decoration:none;
}

#primarynav a:hover{
color:#fff;
}

#primarynav li.current_page_item a, #primarynav li.current_page_parent a{
color:#fff;
}

#content{
padding:10px 0px 20px 0px;
clear:both;
overflow:hidden;
}

#content h2{
color:#0055A8;
border-bottom:1px solid #DDDDDE; 
}

#content h2 a{
font-weight:normal;
text-decoration:none;
}

#content h2 a:hover{
text-decoration:underline;
}

#main-column h2{
margin:0 0 10px 0;
padding-top:10px;
}

div#sidebar {
	float:right;
	width:250px;
}

.highlight-box {
	width:250px;
	overflow:hidden;
	/*border-left:14px solid #E4E4E4;*/
	margin-bottom:30px;
}


#content div.highlight-box h2 {
	color:#333;
	min-height:30px;
}

.highlight-box2 {
	background-color:#EBEBEB;
	width:250px;
	overflow:hidden;
	border:1px solid #D6E4F1;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-bottom:90px;
	margin-top:30px;
}


#content div.highlight-box2 h2 {
	background:#0055A8 url(images/BG_Fade_Blue.jpg) repeat-x;
	color:#fff;
	padding:4px 11px 1px 11px;
	min-height:30px;
	margin:0 0 10px 0;
}


#content div.highlight-box2 p {
	margin:10px;
}

.more-box {
	width:100%;
	float:left;
	margin-top:30px;
	border-top:14px solid #E4E4E4;
}

.more-box .highlight-box{
	overflow:visible !important;
	float:left;
}

.more-box .widget_tag_cloud{
	width:510px;
	margin-bottom:30px;
}

#content div.more-box h2 {
	color:#333;
}

#main-column ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	/*padding:0 10px 0 10px;*/
}

#main-column li {
	padding-left:14px;
	background: transparent url(images/bullet_orange.gif) no-repeat 0 0.9em;
	font-size:1.2em;
	line-height:2;
}

#content div.highlight-box li {
	color:#0055A8;
	font-weight:bold;
}

#content div.highlight-box p {
	/*margin:10px;*/
}

#content div.highlight-box p.promo-button {
	background:transparent url(images/button_blue.gif) no-repeat;
	float:right;
	width:164px;
	height:34px;
	font-size:1.8em;
	margin:5px 0;
	border:none;
	color:#fff;
}

.portfolio-link{ font-size:1.5em; margin-top:20px; float:left; }
.portfolio-link img{ vertical-align:middle; margin-right:10px; }

/*input.promo-button {
	background:transparent url(images/button_blue.gif) no-repeat 0 0.2em;
	width:164px;
	height:34px;
	font-size:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:none;
	color:#fff;
}*/

#content div.highlight-box p.promo-button a {
	color:#fff;
	text-decoration:none;
	display:block;
	width:164px;
	height:31px;
	padding:1px 0 0 10px;
	font-weight:normal;
}

#footer{
clear:both;
height:390px;
text-align:left;
color:#ccc;
padding-top:1px;
}

#footer h3{
font-size:1.8em;
font-variant:normal;
margin:18px 0 10px 0;
}

#footer h4{
font-size:1.4em;
color:#ccc;
margin:0;
}

#footercolumn1 {width:251px; float:left; }
#twitter{ width:251px; float:left; }
#twitter .dividingline { margin-bottom:0px; }
#twitterbird{ float:left; margin:20px 15px 0 0; }
#tweets{ margin-left:20px; overflow-y:auto; overflow-x:hidden; height:175px; }
#tweets ul{ margin:0px; padding:0; }
#tweets li { list-style-type:none; margin:10px 0 15px 0; }
#tweets a { color:#FF9700; font-weight:normal; }

.dividingline { clear:both; display:block; margin:8px 0 10px 0; }

#followme { width:251px; float:left; clear:both; }
#followme h4 { float:left; margin:5px 0 0 0; }
#followmeimages { float:right; }
#followmeimages img { margin:0 2px; }

#flickr { width:200px; margin:0 42px 0 56px; float:left; }
.flickr { font-family:"Frutiger CE 55 Roman"; font-weight:bold; }
#flickr h4 { line-height:20px; }
#flickr ul{ margin:8px 0 0 0; padding:0; }
#flickr li{ display:inline; float:left; list-style-type:none; border: 1px solid #0257A4; margin: 0 14px 14px 0; padding: 4px 4px 0 4px; }
#flickr a{ margin:0; padding:0; }

#getintouch { width:251px; float:left; }
#getintouch p { margin: 0 0; }
p#wantmetocontactyou { margin: 10px 0; }
#getintouch h5 { font-size:1.4em; margin: 5px 0; font-weight:bold; }
#contactdetails img { vertical-align:middle; }
#contactdetails a { color:#CCCCCC; }
#contactrequestnumber { background:#20507E url(images/icon-phone.png) no-repeat 0.5em center; border: 1px solid #ccc; font-size:1em; color:#ccc; padding: 4px 4px 4px 28px; float:left; -moz-border-radius: 3px; width:115px;}
#callme { background:transparent url(images/button-call-me.png) no-repeat center top; width:74px; height:24px; border:0; float:left; padding:24px 0 0 0; margin:0 0 0 5px; cursor: pointer; overflow:hidden; }
#getintouch div.wpcf7-response-output { float:left; margin:3px 0 0 0; }
#getintouch img.ajax-loader { float:right; }
#getintouch span.wpcf7-form-control-wrap { float:left; }

#creditsandlinks {clear:both; padding-top:27px; color:#999; }
#creditsandlinks ul{ padding:10px 0; margin:0; }
#creditsandlinks li{ float:left; list-style-image:none; list-style-position:outside; list-style-type:none; }
#creditsandlinks a{ color:#999; }

#credits{ float:left; }
#credits li{ margin-right:10px; font-size:1em; }
#credits li.last_item{ margin-right:0; }
#credits a{ font-weight:normal; }

ul#links { float:right; padding-top:6px; }
#links li { margin-left:20px; font-size:1.6em;text-transform: lowercase;}
#links li.first_item { margin-left:0; } 
#links a { text-decoration:none; }
#links li.current_page_item a, 
#links li.current_page_parent a{ color:#fff; }
#links a:hover { color:#fff; }


/* Content */

#content{
margin-top:0;
width:100%;
clear:both;
}

#main-column{
float:left;
}

#main-column.full-width{
width:100%;
}

#main-column.two-column{
width:480px;
}

.entry{
margin:0 0 30px 0;
}

.entry a{
text-decoration:underline;
padding-bottom:2px;
}

.entry a:hover, .intro a:hover{
text-decoration:none;
padding-bottom:2px;
}

.entry img{
border: 1px solid #DDDDDE;
}

a.linklist{
background: transparent url(images/arrow_right_orange.gif) no-repeat scroll 0 0.5em !important;
padding-left:10px;
}

.posts .entry {
clear:both;
overflow:hidden;
}

.thumbs img{
position:relative;
padding:3px;
margin:0 2px 2px 0;
border:1px solid #fff;
background-color:#ddd;
color: #555;
}

.nav-portfolio a {
display:block;
height:70px;
text-indent:-9999px;
width:70px;
}

.nav-portfolio { position:absolute; top:360px; }
#previous.nav-portfolio { left:20px; }
#next.nav-portfolio { right:20px; }
#next.nav-portfolio a { background-image:url(images/navigation-portfolio-right.png); }
#previous.nav-portfolio a { background-image:url(images/navigation-portfolio-left.png); }
.nav-portfolio a:focus{ outline:0; }

.pagenav{
color: #888;
text-align:center;
}

.subcontainer ul, .subcontainer li, .rightsub ul, .rightsub li {
list-style-type: none;
padding: 0;
margin: 0;
}

.subcontainer p {
color:#0055A8;
}

#main-column li li, #main-column table p, #main-column table ul li, #main-column table ol li{
font-size:1.2em;
}

.widget_tag_cloud h2, .widget_categories h2{
margin-bottom:5px;
}

.widget_tag_cloud div{
line-height:2;
}

.widget_tag_cloud a{
padding:0 2px;
}

.cat-item{
font-size:1.2em;
line-height:2;
}

ul.nolist{
list-style-type: none;
padding: 0 10px 20px 10px;
margin: 0 0 20px 0;
background-color:#0055A8;
color:#fff;
}

#main-column .nolist li h2.widgettitle{
color:#fff;
}

.nolist li a{
color:#fff;
font-size:1.2em;
}

.tooltip{
   cursor: help; 
   border-bottom-color: #0055A8;
   border-bottom-style: dotted;
   border-bottom-width: 1px;
  }

.tip {
	width:435px;
	background-color:#FFEED5;
	border:1px solid #333;
	text-align:left;
	padding:5px;
}

table.quotes {
float:right;
width:200px;
background:#fff;
padding-left:15px;
}

table.quotes p{
line-height:1em;
margin:0 0 0px 0;
font-size:38px;
}

blockquote{
background: #D9ECFF url(images/quote_open.gif) no-repeat left top !important;
padding:5px 2px 10px 35px !important;
}

blockquote p{
background: transparent url(images/quote_close.gif) no-repeat right bottom !important;
margin-left:20px;
padding-right:40px;
color:#223559;
}

#quotes{
text-align:center;
font-size:1.8em;
color:#FF9700;
width:100%;
margin-top:30px;
min-height:90px;
}

#main-column div.socials {
margin-top:32px;
}

#main-column div.socials ul li {
padding-left:60px;
height:60px;
line-height:3;
}

#main-column div.socials ul li.facebook {
background: transparent url("images/sexy-sprite-facebook.png") no-repeat;
}

#main-column div.socials ul li.twitter {
background: transparent url("images/sexy-sprite-twitter.png") no-repeat;
}

#main-column div.socials ul li.linkedin {
background: transparent url("images/sexy-sprite-linkedin.png") no-repeat;
}

.date{
float:left;
font-weight:bold;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

.clear{
clear:both;
}

.hide{
display:none;
}

.widget a img {
border: none;
}

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #DDD;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	/*margin-top: 1.5em;*/ /* was just all 10px*/
	/*margin-bottom: 1.5em;*/ /* was just all 10px*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.wp-caption.alignleft {
margin-right:1.5em;
}

.wp-caption.alignright {
margin-left:1.5em;
}

span.edit{
float:right;
}

span.edit a.post-edit-link {
float:right;
width:16px;
height:16px;
text-indent:-9999px;
background:url(images/VSC_icon_edit.gif) top no-repeat;
}
span.edit a:hover{
background-position: bottom;
}