@charset "utf-8";
/* CSS Document */
/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { background:#efebde url(../images/bg.gif) repeat-x scroll left top; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; margin:0; padding:0}
p { color:#000000; font-size:12px; margin:0; padding:0; font-weight:normal; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; line-height:1.2em; padding-bottom:8px; }
h1 { color:#db6501; font-size:15px; margin:0; padding:0; font-weight: bold; font-family:Arial, Helvetica, sans-serif; padding-top:17px}
h1 a:link, h1 a:visited { text-decoration:none;color:#000;}
h1 a:hover { text-decoration: underline;color:#000;}

h2 { color:#db6501; font-size:25px; margin:0; padding:0; font-weight: bold; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; padding-left:20px; padding-top:10px}

h3 { color:#000; font-size:18px; margin:0; padding:0; font-weight: normal; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;}

h4 { color:#db6501; font-size:18px; margin:0; padding:0; font-weight: normal; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; padding-left:15px; padding-top:20px}

h5 { color:#db6501; font-size:16px; margin:0; padding:0; font-weight: normal; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif}
/*
--------------------------------------------
02. CONTAINER AND CONTENT WRAPPER
---------------------------------------------
*/
#container { width:100%; margin:0 auto; z-index:1; text-align:center;}
#wrapper { width:966px; margin:0 auto; z-index:1; text-align:left;}
/*
---------------------------------------------
03. TOP HEADER, LOGO, BANNER AND TOP LINKS
---------------------------------------------
*/
#topheader { width:966px; height:143px; float:left}
#topheader #logo { width:325px; height:125px; float:left}
#toplinks { width:600px; height:22px; text-align:right; font-size:12px; font-weight:bold; padding-top:8px; margin:0; float:right}
#toplinks a:link, #toplinks a:visited { text-decoration:none; color:#000000}
#toplinks a:hover { text-decoration: underline; color:#000000}
#banner-top { width:555px; height:66px; margin:0; padding:0;float:right}
/*
---------------------------------------------
04. NAVIGATION
---------------------------------------------
*/
#nav {width: 600px;height: 33px;float: right;margin: 0;padding: 0;color: #FFFFFF;margin-top:8px}
#nav ul {display:inline; }
#nav li {display:inline;}
#nav li a {float: right; margin-right:2px;}
#nav a#photos {width: 95px;height:33px;background: url(../images/nav_photos.gif);background-position: 0 0;}
#nav a#videos {width: 95px;height:33px;background: url(../images/nav_videos.gif);background-position: 0 0;}
#nav a#dogs {width: 95px;height:33px;background: url(../images/nav_dogs.gif);background-position: 0 0;}
#nav a#dogblogs {width: 95px;height:33px;background: url(../images/nav_dogblog.gif);background-position: 0 0;}
#nav a#classifields {width: 100px;height:33px;background: url(../images/nav_classifieds.gif);background-position: 0 0;}
#nav a#groups {width: 88px;height:33px;background: url(../images/nav_groups.gif);background-position: 0 0;}
/*
---------------------------------------------
05. NAV MOUSEOVER STYLES
---------------------------------------------
*/
#nav a#photos-hover {width: 95px;height:33px;background: url(../images/nav_photos_hover.gif);background-position: 0 0;}
#nav a#videos-hover {width: 95px;height:33px;background: url(../images/nav_videos_hover.gif);background-position: 0 0;}
#nav a#dogs-hover {width: 95px;height:33px;background: url(../images/nav_dogs_hover.gif);background-position: 0 0;}
#nav a#dogblogs-hover {width: 95px;height:33px;background: url(../images/nav_dogblog_hover.gif);background-position: 0 0;}
#nav a#classifields-hover {width: 100px;height:33px;background: url(../images/nav_classifieds_hover.gif);background-position: 0 0;}
#nav a#groups-hover {width: 88px;height:33px;background: url(../images/nav_groups_hover.gif);background-position: 0 0;}
/*
---------------------------------------------
06. TOP BAR, LOGIN
---------------------------------------------
*/
#topbar { width:966px; height:58px; float:left}
#joinnow { width:360px; float:left; margin-top:20px;}
#joinnow a:link, #joinnow a:visited { font-size:16px; color:#DA6400; text-decoration:none}
#joinnow a:hover { text-decoration:underline; color:#DA6400}
#loginerror { width:200px; float:left;margin-left:-170px;text-align:center;color:#0033CC;}
#login { width:565px; float:right; margin-top:0px; padding-top:10px;  height:10px;}
label {float: left;width: 70px;font-weight: normal; font-size:14px; color:#0e0e0e;}

input.in, textarea{width:150px;margin-right:20px; border:1px solid #d6cba7; padding:2px; float:left}

#submitbutton {width:80px; height:28px; float:left; margin-top:0px; margin-left:-10px}
.forgetpassword { width:150px; font-size:10px; line-height:8px; font-family:Arial, Helvetica, sans-serif; color:#da6400; margin:0; padding:0; margin-left:290px;text-align:right;}
.forgetpassword a:link, .forgetpassword a:visited { text-decoration:none;color:#da6400;}
.forgetpassword a:hover { text-decoration: underline;color:#da6400;}
/*
---------------------------------------------
07. LEFTPANEL AND RIGHTPANEL
---------------------------------------------
*/
#leftpanel { width:480px; float:left;}
#rightpanel { width:480px; float: right;}
/*
---------------------------------------------
08. VIDEOS
---------------------------------------------
*/
.box { width:480px; margin-bottom:8px; background-color:#FFFFFF}
.box-middle { width:480px; margin:0; padding:0;background:#fff url(../images/box_bordertop.gif) repeat-x scroll left top; float:left}
.box-borderbottom { width:480px; background:url(../images/box_borderbottom.gif) no-repeat; height:10px; float:left; margin-bottom:8px;}
.main-heading { height:60px; width:480px;border-bottom:1px dotted #ffd587; padding-top:2px}
.icon-heading { margin-left:15px; padding:0; margin-right:10px;}
.videogallery { width:470px; float:left; padding-left:6px; margin-top:8px}
.videothumb-bg { width:148px; background-color:#f7f5ee; text-align:center; padding-top:15px; padding-bottom:10px; float:left; margin-left:3px; margin-bottom:5px; margin-right:2px}
.videothumb { width:126px; margin:0 auto}
.videogallery h1 { color:#000; font-size:12px; margin:0; padding:0; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-align:center}
/*
---------------------------------------------
09. DOG ARTICLES
---------------------------------------------
*/
.article { width:460px; float:left; padding-left:15px;}
/*
---------------------------------------------
10. DOG ADOPTIONS
---------------------------------------------
*/
.dog-adoptions-bg { width:480px; margin:0; padding:0; height:80px; background-color:#f7f5ee; margin-bottom:8px;}
.dog-adoptions-blank { width:480px; margin:0; padding:0; height:80px;margin-bottom:8px;}
.dog-adoptions-thumb { width:90px; height:80px; float:left; padding-left:15px;}
.dog-adoptions-content { width:280px; height:70px; float:left; margin-left:10px;}
.dog-adoptions-content h3 { font-size:15px; font-weight:bold; padding-top:5px}
.button_learnmore { width:80px; height:80px; float:left;}
/*
---------------------------------------------
11. WELCOME TO MUTTSPACE
---------------------------------------------
*/
.highlight { color:#000000; font-size:13px; font-style:italic; font-weight:bold}
.welcome-photo { width:250px; height:260px; float:left; margin:0; padding:0}
.welcome-contents { width:200px; margin-top:15px; float:left; margin-left:10px;}
.imagewayne { width:200px; height:80px; margin-top:-2px;}
/*
---------------------------------------------
12. NEW DOGS ON THE BLOCK
---------------------------------------------
*/
.newdogs { width:130px; float:left; padding-left:20px; margin-top:10px;}
.dogs-thumb {margin:0 auto; padding:0; margin-bottom:7px}
.newdogs h1 { color:#000; font-size:13px; margin:0; padding:0; font-weight: normal; font-family:Arial, Helvetica, sans-serif; text-align: left; padding-bottom:12px; position: relative}
/*
---------------------------------------------
13. ADVERTISEMENTS
---------------------------------------------
*/
.sponsorarea { width:480px; height:280px; float:left;margin-top:10px; text-align:center}
/*
---------------------------------------------
14. DOG OF THE WEEK
---------------------------------------------
*/
.dow-photo { width:130px; height:100px; float:left; margin:0; margin-left:35px; padding:15px 10px 10px 0; padding-bottom:4px}
.dow-contents { width:250px; margin-top:15px; float:left; margin-left:10px;}
.dow-contents p { font-size:16px; padding-right:10px; padding-top:6px; margin-bottom:0px; line-height:1.1em}
/*
---------------------------------------------
15. FOOTER STYLES
---------------------------------------------
*/
#footerbg { width:100%; height:200px; background:#da6400 url(../images/bg_footer.gif); float:left}
#footer { width:966px; height:40px; padding-bottom:10px; color:#000;display:block; margin:0 auto; margin-top:10px; margin-bottom:10px; text-align:center}
#footer p {color:#fff; margin:0 auto; text-align:center; padding-top:20px; font-weight: normal; font-size:13px; font-family:Arial, Helvetica, sans-serif}
#footer p a:link, #footer p a:visited {color:#fff; text-decoration:none}
#footer p a:hover {color:#fff; text-decoration: underline}
.footer-sponsor { width:750px; height:94px; margin:0 auto; padding-top:10px; text-align:center}
/*
---------------------------------------------
16. MISCELLANEOUS STYLES
---------------------------------------------
*/
.text-arial { font-family:Arial, Helvetica, sans-serif; line-height:1.3em;}
.morelink { width:140px; text-align:right; float:right; padding-right:20px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-top:-10px}
.morelink a:link, .morelink a:visited { color:#DA6400; text-decoration:none}
.morelink a:hover { text-decoration:underline; color:#DA6400}
.morelink_2 { width:400px; text-align:right; text-align:center; padding-right:20px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-top:-10px}
.morelink_2 a:link, .morelink_2 a:visited { color:#DA6400; text-decoration:none}
.morelink_2 a:hover { text-decoration:underline; color:#DA6400}
.blockdogs { width:600px; text-align:right; float:right; padding-right:20px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-top:-10px}
.blockdogs a:link, .blockdogs a:visited { color:#DA6400; text-decoration:none}
.blockdogs a:hover { text-decoration:underline; color:#DA6400}
img { border:none}
br { line-height:10px;}


#topbar2 { width:966px; float:left}
#Videoplayercontiner{width:966px; padding:14px 0px 34px 0px;}/* height:1200px; */
#Topsearchbox{height:40px;}
#Medialbox{clear:both; width:966px; background-color:#F1EFE3;}
#Searchvideo{height:40px;float:left; background-color:#CC0000;}
#Toplinkm{width:296px; float:left; padding-top:2px;}
#Uploadbuttan{width:108px; float:left; }

.Searchcor1{float:left; }	
.Lokendrasinhg{float:left; width:auto}

#Searchboxcontiner{width:194px; height:auto; float:left}


/* From Clients CSS End Here */

/* New CSS - - Ramphool Start Here */
#MainLeftBlock{
width:700px; float:left; }
#MainRightBlock{
width:260px; float:right; }
		.RecentlyUploadBlock{
		clear:both; padding:0px; margin:0px; }
		.RecentlyUploadMiddle{ background:#fff; padding:10px 30px; margin:0px; clear:both;  }
		
		.RecentlyUploadVideoBlock{ background:#fff; padding:10px 0px; margin:0px; clear:both;  }
			.RecentlyVideoBlock{width:118px; margin:0 1px; padding:2px; float:left; }

.VideosBlock{
		clear:both; padding:0px; margin:5px 0; }
.MostViewsBlock{
padding:0 0 0 8px; float:right; height:30px; width:auto; }

.RightTopAds{background:#fff; clear:both; }
.RightMostPopular{
width:255px; clear:both; margin:6px 0; }
.MostViewBlock{
background:#fff url(../images/most_views_bg.jpg) repeat-x bottom; clear:both; padding:5px 5px; }
.MostViewsImg{
float:left; width:105px; padding:8px 0; }
.MostViewsText{ float:right; width:130px; padding:10px 0; }

/*Paging Here */
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 5px;
text-align:right; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 3px 5px;
border: 1px solid #FCC65C;
background:#FFE9C0;
text-decoration: none; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #FCC65C;
color: #000;
background-color: #FBC55B;
}

.pagination a.currentpage{
background-color: #FBC55B;
color: #FFF !important;
border-color: #FCC65C;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: #FFE9C0;
cursor: default;
color: #929292;
border-color: #FCC65C;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}
/*Paging Here */

.ChannelsHeading{ border-bottom:2px dotted #DA883E; height:15px; padding:8px 0; }

/* New Css- 28-02-2008 */
.RecentlyUploadMiddleInner{ background:#fff; padding:10px 5px; margin:0px; clear:both;  }
.RatingBlock{ border:1px solid #F9D581; clear:both; padding:6px 10px 6px 12px; margin:5px 0; height:110px; }
.RatingVideoImg{ float:left; width:135px; }
.RatingVideoText{ float:right; width:280px; }
.RatingChannelBlock{ float:left; width:124px; height:40px; padding:10px; border:1px solid #F9D581; background:#FEEBC1; }
.RatingBlock2{ border:1px solid #F9D581; clear:both; padding:6px 10px 6px 12px; margin:5px 0;}
.RatingNewBlock{ width:450px; height:20px; padding:5px 10px; margin:5px 0; border:1px solid #F9D581; background:#FEEBC1; } 


/* New CSS - - Ramphool End Here */

#Media2box{ clear:both; width:966px; background-color:#F1EFE3;}
#Videoplayercontiner3{width:966px; padding:14px 0px 34px 0px;  }


