/*

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

*/


#SnapABug_Button {display: none;}


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;

	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: 48%;

	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: 100%;

	clear: both;

}



.contact_field img, .contact_field2 img, .contact_field3 img{

	float: left;

}



.contact_text{

	position: relative;

	font-size: 9pt;

	top: 20px;

}



.contact_phone {

	font-size: 9pt;

}



/************** SHOWCASE DOMAINS **************/



.showcase_names {
   position: relative;
	background-image: url(images/domains_bkgd.png);
    background-repeat: no-repeat;
	width: 258px;
	height: 288px;
	float: left;
	left: 0px;
	margin: 0 0 0.0em 0;
	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;

	font-size: 9pt;

}



.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;
	height: 59px;
	overflow: hidden;
	font-size: 9pt;
	clear: both;
}



.recent_names_other {

	position: relative;

	float: right;

	padding: 2em;	

}



/************** PAST SALES **************/



.past_sales {

	float: left;

	width: 255px;

	font-size: 12pt;

	padding: 0.5em 0 0.5em 0;

}



.past_sales_domain {

        color: #418eaa;

	font-weight: bold;

        font-size: 10pt;

}



/************** 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;

}



/************** Contact Box Response **************/

.wpcf7-response-output,.wpcf7-mail-sent-ok {

	position: relative;

	width: 515px;

	margin: 2em 0 3em 0;

	padding: 1em;

	font-size: 12pt;

	font-weight: bold;

	color: #006174;

}

.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('/wp-content/uploads/2013/09/facebook.png') no-repeat; }
.social_twitter { background: url('/wp-content/uploads/2013/09/twitter.png') no-repeat; }
.social_rss { background: url('/wp-content/uploads/2013/09/rss.png') no-repeat; }
.social_vimeo { background: url('/wp-content/uploads/2013/09/vimeo.png') no-repeat; }
.social_googleplus { background: url('/wp-content/uploads/2013/09/googleplus.png') no-repeat; }
.social_linkedin { background: url('/wp-content/uploads/2013/09/linkedin.png') no-repeat; }
.social_pinterest { background: url('/wp-content/uploads/2013/09/pinterest.png') no-repeat; }
.social_youtube { background: url('/wp-content/uploads/2013/09/youtube.png') no-repeat; }