/*
Theme Name: Media Options
Theme URI: http://www.mediaoptions.com/
Description: Custom theme developed for MediaOptions.com
Author: TiaWood.com
Version: 1.1
Tags: media options
*/



body { 
	margin: 0px; 
	font-family: arial;
	font-size: 11pt;
	background-image: url(images/bkgd.jpg);
	background-repeat:repeat-x;
	background-color: #fff;
	color: #323131;
}

#wrapper {
	position: relative;
	width: 1002px;
	margin-left:  auto;
	margin-right: auto;
}

a:link, a:visited {
	color: #008ca8;
	text-decoration: none;
}

a:hover {
	color: #027187;
}

h4 {
    color: #008ba7;
    text-transform: uppercase;
    font-size: 12pt;
}

h5 {
    color: #7d7d7d;
}


/************** HEADER **************/

#top_header {
	width: 1002px;
	height: 145px;
	clear: both;
}

#logo {
	background-image: url(images/logo.png);
	width: 322px;
	height: 127px;
	float: left;
}

#newsletter {
	position: relative;
	top: 20px;
	background-image: url(images/bg_newsletter.jpg);
	width: 390px;
	height: 103px;
	float: right;
}



/************** LINKS **************/

#links {
	position: relative;
	width: 1002px;
	height: 31px;
	overflow: hidden;
	clear: both;
}

#links ul {
	position: relative;
	list-style-type: none;
	display: inline;
	top: 8px;
	left: -40px;
}

#links li {
	list-style-type: none;
	display: inline;
	background-image: url(images/link_sep.png);
	background-repeat:no-repeat;
	background-position:right;
}

#links .page-item-65 {
	background-image: none !important;
}


#links li a:link, #links li a:visited{
	text-decoration: none;
	color: #7d7d7d;
	font-weight: bold;
	font-size: 10pt;
	padding: 0.5em 0.9em 0.5em 0.9em;
}

#links li a:hover{
	color: #807f7f;
	background-color: #e0e0e0;
}


/************** CONTENT **************/
#content {
	position: relative;
	top: 10px;
	clear: both;
}

/************** LEFT SIDE **************/

#content_left {
	position: relative;
	width: 840px;
	float: left;
	margin: 1em 0 1em 0;
}

#content_left_top {
	width: 840px;
	clear: both;
}

#content_left_top_left {
	width: 520px;
	float: left;
	padding: 0 0 0 1em;
}

#content_left_top_right {
	postion: relative;
	background-image: url(images/blog_posts_bkgd.png);
	width: 258px;
	height: 314px;
	float: right;
	margin: 0 0.5em 0 0;
	overflow: hidden;
}

#content_left_top_right_sidebar {
	postion: relative;
	width: 258px;
	float: right;
	margin: 0.5em 0.5em 0.5em 0;
}


#content_left_bottom {
	clear: both;
}

#upsell {
	postion: relative;
	width: 560px;
	height: 235px;
}

#featured {
	postion: relative;
	left: 7px;
	top: 25px;
	width: 533px;
	height: 62px;
}


/************** LATEST BLOG POSTS **************/
#latest_blog_posts h2{
	position: relative;
	width: 92px;
	height: 25px;
	margin: 0px;
	padding: 0 0 0 0;
	color: #898989;
	font-size: 5pt;
	background-image: url(images/title_blogposts.png);
	background-repeat:no-repeat;
}

#latest_blog_posts ul{
	margin:0;
	padding:0;
	list-style:none;
}
#latest_blog_posts li{
	list-style-type: none;
	padding: 0;
	font-size: 10pt;
	margin: 0;
	display: inline;
	height:50px;
	
}

/* IE BUG FIXES */
#latest_blog_posts ul li a {
	*height: 15px; 
}

#latest_blog_posts ul li {
	*position: relative; 
	*top: -10px;
}
#latest_blog_posts h2{
	*display: none;
}
/* IE BUG FIXES */

#latest_blog_posts li a{
display:block;
padding:0.5em;
}



#latest_blog_posts li a:link, #latest_blog_posts li a:visited{
	text-decoration: none;
	color: #017a92;
	display: block;
	padding: 0em 0.1em 0.0em 0.34em;
	margin: 1.8em 0 0 0;
        clear: both;
}
#latest_blog_posts li a:hover{
	color: #7d7d7d;
	background-color: #e0e0e0;
}
.blog_read_more {
	float: right !important;

	font-size: 9pt;
	width: 90px;
}
.blog_read_more a:link, .blog_read_more a:visited{
	padding: 0em !important;
	font-size: 9pt;
	margin: 0.2em 0 0.2em 0 !important;
}

.blog_more {
	color: #e96c1f !important;
	font-size: 8.5pt;
}

#tdd-recent-posts dd {
	position: relative;
	width: 100%;
	left: -35px;
}
#latest_blog_posts {
    position: relative;
    top: -15px;
    left: -25px;
}


/************** RIGHT SIDE **************/

#content_right {
	position: relative;
	float: right;
	width: 160px;
	padding: 1em 0 1em 0;    

}


/************** FOOTER **************/

#footer {
	clear: both;
	font-size: 9pt;
	text-align: center;
}

#footer ul {
	position: relative;
	list-style-type: none;
	display: inline;
	top: 8px;
	left: -50px;
}

#footer li {
	list-style-type: none;
	display: inline;
	background-repeat:no-repeat;
	background-position:right;
}

#footer li a:link, #footer li a:visited{
	text-decoration: none;
	color: #008da8;
	padding: 0.5em 1em 0.5em 1em;
}

#footer li a:hover{
	color: #7d7d7d;
	background-color: #fff;
}

.footer_text {
	display: inline;
	padding: 2em;
}

.footer_text a:link, .footer_text a:visited{
	text-decoration: none;
	color: #008da8;
}

.footer_text a:hover{
	color: #7d7d7d;
	background-color: #fff;
}

/************** COMMENTS **************/

.commentlist {
	border: 1px #1c3949 solid;
	list-style-type:none;
	margin: 0;
	padding: 0.5em;
	background: #e8f5f8;
	font-size: 10pt;
}

.commentlist .comment{
	list-style-type:none;
	margin: 0;
	padding: 0px;
}

.commentlist .comment-meta{
	font-size: 8pt;
	float: right;
}

#commentform textarea{
	width: 400px;
}

#reply-title {
	color: #008ca8;
}

.comment-notes {
	font-size: 9pt;
}

#respond {
	font-size: 11pt;
	padding: 1em;
	margin: 1em;
	background-color: #fff;
	border: 1px #e3e3e3 solid;
}

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment {
	font-size: 11pt !important;
	width: 100px;
}

#comments-title {
	font-size: 10pt;
}


/************** MISC **************/
.padding {
	padding: 1em;
}

div.fadehover {
	position: relative;
}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
}

.navigation a:link, .navigation a:visited{
	font-size: 10pt;
        color: #7e7e7e;
}

.navigation a:hover{
	background-color: #fff;
}

.entry-utility {
	font-size: 9pt;
	padding: 0.5em;
	margin: 1em 0 1em 0;
	border: 1px #dbdada solid;
}

/*
.entry-title {
	background-image: url(images/icon_buydomains.jpg);
	background-repeat:no-repeat;
	background-position:-0px 20px;
	font-size: 22pt;
	text-transform: lowercase;
	padding: 0.4em 0em 0.5em 0.9em;
	margin: 0;
	color: #008ba7;
	text-align: 10px;
}
*/

.entry-meta, .logged-in-as, .comment-form-comment, .form-allowed-tags {
	font-size: 9pt;
}

.clr {
	clear: both;
}

/************** CLIENT SHOWCASE **************/

.client_showcase {
	width: 50%;
	float: left;
	margin: 0 0 1em 0;
}

.client_showcase img{
	border: 1px #fff solid;
}

.client_showcase img:hover{
	border: 1px #e3e3e3 solid;
}

.client_showcase_quote {
	margin: 0 1em 1em 0;
}

.client_showcase_name {
	font-size: 10pt;
	font-weight: bold;
}

.client_showcase_title, .client_showcase_website {
	font-size: 9pt;
}

.client_showcase_title {
	font-style: italic;
}

.client_showcase_website {
	color: #008ba7;
	font-size: 8pt;
	margin: 0 1em 1em 0;
}

/************** CONTACT PAGE **************/

.contact_field {
	width: 32%;
	float: left;
}

.contact_field2 {
	width: 45%;
	float: left;
}

.contact_field3 {
	width: 30%;
	float: left;
	padding: 0 0 0 1em;
}

.contact_field img, .contact_field2 img, .contact_field3 img{
	width: 25px;
	float: left;
}

.contact_text{
	position: relative;
	top: -10px;
	font-size: 9pt;
}

.contact_phone {
	font-size: 9pt;
}

/************** SHOWCASE DOMAINS **************/

.showcase_names {
	background-image: url(images/domains_bkgd.png);
	width: 258px;
	height: 288px;
	float: left;
	margin: 0 0.5em 0 0em;
	overflow: hidden;
}

.recent_names_domain {
	position: relative;
	width: 100%;
	margin: 0.0em;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 12pt;
	padding: 0.5em 0 0.5em 0;
}

.names_row {
	width: 300px;
	padding: 0.3em 0 0.3em 0.2em;
	clear: both;
}
.names_label, .names_data {
	float: left;
	width: 118px;
}

.names_label {
	position: relative;
	padding: 0.3em;
	color: #e86b1e;
	font-weight: bold;
	width: 88px;
	font-size: 8.5pt;
	left: 0.2em;
}

.names_data {
	padding: 0.3em;
	width: 145px;
	font-size: 8.5pt;
}

.names_desc {
	padding: 0.5em;
	margin: 0.3em;
	width: 238px;
	font-size: 9pt;
	clear: both;
	height: 59px;
	overflow: hidden;
}

.recent_names_other {
	position: relative;
	float: right;
	padding: 2em;	
}

/************** FEATURED SALES POP UP **************/
.visibleDiv {
	position: absolute;
	z-index: 999999;
	border: 1px #14617d solid !important;
	background-color: white;
	padding: 1em;
}

.more_info{
	border: 1px #e0e0e0 solid;
	background-color: #e0e0e0;
	color: #e96c1f;
	font-size: 8pt;
}

.hidden_domain {
	background-color: #418eaa;
	padding: 0.2em;
	margin: 0 0 1em 0;
	font-size: 10pt;
        color: #fff;
}

.hidden_desc {
	padding: 0.2em;
	margin: 0 0 1em 0;
	font-size: 10pt;
}

.hidden_contact {
	padding: 0.2em;
	margin: 0 0 1em 0;
	font-size: 8pt;
        font-weight: bold;
        color: #418eaa;
}

/************** NEWSLETTER BOX TEXT **************/

#newsletter_text {
    position: absolute;
    bottom: 0px;
     right: 0px;
    margin: 0 2em 1em  0;
}

#newsletter_text input{
    font-size: 90% !important;
}
.recent_names_domain a:link, .recent_names_domain a:visited{
        color: #fff;
}

.recent_names_domain a:hover{
        color: #efd4a0;
}

.widget_domains_flat{
        width: 200px;
        font-size: 12pt;
}

.widget_domains_flat_names {
        position: relative;
}

.widget_domains_flat_names a{
        padding: 0.2em;
        display: block;
}

.widget_domains_flat_header {
        text-transform: uppercase;
        padding: 1em;
        background-color: #408da9;
        color: #fff;
        margin: 0 0 1em 0;
        font-weight: bold;
}
.client_showcase {
        float: none !important;
        width: 100% !important;
        clear: both;
}

.client_showcase img {
        float: left !important;
        margin: 0 0.5em 0.5em 0;
}

.client_showcase_website {
        text-align: right;
}
.tdd_rp_widget h4{
    position: relative;
    left: -0.3em;
    font-size: 10pt;
    text-transform: none;
    padding: 0em !important;
    margin: 0em 0em 0.5em 0em!important;
}

.tdd_rp_widget ul{
    width: 230px;
    position: relative;
    left: -0.8em;
}
.blog_read_more {
    position: absolute;
    bottom: 0.6em;
    left: 0.3em; 
    width: 250px !important;
    z-index: 99999999;
    text-align: center;
}

#content_left_top_right {
    position: relative;
}


/* SOCIAL ICONS */
/* ------------------------------------ */

.social { padding-top: 0px; padding-bottom: 20px; padding-right: 12px; }
.social ul { float: right; margin: 0; padding: 0; }
.social li { float: left; display: inline; margin: 0; padding: 0; margin-right: 3px; }
.social li:last-child { margin-right: 0; }
.social li a { background-position: top; float: left; width: 36px; height: 36px; opacity: 1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; }
.social li a:hover { background-position: bottom; }
.social_facebook {background: url('http://www.mediaoptions.com/wp-content/uploads/2013/09/facebook.png') no-repeat; }
.social_twitter { background: url('http://www.mediaoptions.com/wp-content/uploads/2013/09/twitter.png') no-repeat; }
.social_rss { background: url('http://www.mediaoptions.com/wp-content/uploads/2013/09/rss.png') no-repeat; }
.social_vimeo { background: url('http://www.mediaoptions.com/wp-content/uploads/2013/09/vimeo.png') no-repeat; }
.social_googleplus { background: url('http://www.mediaoptions.com/wp-content/uploads/2013/09/googleplus.png') no-repeat; }
.social_linkedin { background: url('http://www.mediaoptions.com/wp-content/uploads/2013/09/linkedin.png') no-repeat; }
.social_pinterest { background: url('http://www.mediaoptions.com/wp-content/uploads/2013/09/pinterest.png') no-repeat; }
.social_youtube { background: url('http://www.mediaoptions.com/wp-content/uploads/2013/09/youtube.png') no-repeat; }