/*--------------------------------
Stylesheet For DESIGNMYWEBSITE.COM
Design by James Dyson
----------------------------------*/

body {
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
padding-top:0px;
margin:0px;
background:#ffffff;
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#03369d;
}

.aclear{clear:both;}

#topbar{
height:4px;
font-size:4px;
background:#69bfde;
}

#headerbar{
height:107px;
background:#063a6e;
background-image:url(http://www.designmywebsite.com/images/headerbar.jpg);
background-repeat:repeat-x;
}

#headercontent{
margin:0px auto;
width:800px;
}

#logoouter{
margin-top:15px;
float:left;
width: 300px;
height:50px;
}


#navouter{
display:inline;
margin-top:30px;
margin-left:20px;
float:left;
width:450px;
}

/*needs clear*/

#mainarea{
margin-top:15px;
clear:both;
margin:0px auto;
width:800px;
}

#promobox{
	width:732px;
	height:121px;
	background-image:url(http://www.designmywebsite.com/images/promobox.gif);
}

#maincontent{
	margin-top:15px;
	width:732px;
	border:1px #e1e2e3 solid;
}

#maincontent_sub{
	margin-top:15px;
	width:745px;
	border:1px #e1e2e3 solid;
}

#leftsidecontent{
display:inline;
padding:10px;
float:left;
width:325px;}

#fullcontent{
padding:10px;
width:650px;
height:460px;
}

#fullcontent2{
padding:10px;
width:650px;
}

#fullcontent3{
padding:10px;
width:712px;
}


#middlecontent {
	margin-top:20px;
	display:inline;
	float:left;
	width:1px;
	background:#f0f0f0;
	margin-right:5px;
}

#rightsidecontent{
	display:inline;
	padding:10px;
	float:left;
	width:340px;
}

#bottommain{clear:both;}

.logobox{clear:both;}
.logoboxbottom{clear:both;}
.logobox2{margin-top:15px;}
.logobox3{margin-top:25px;}

.latestdesignsbox{width:141px; height:122px;margin-right:12px;margin-top:15px;margin-left:4px;float:left;border:1px #2e82e4 solid;}

.editdesignsbox{width:141px;float:left;border:1px #2e82e4 solid;}
.editdesigns{width:141px; height:142px;margin-right:12px;margin-top:15px;margin-left:4px;float:left;}

.latestprofilesbox{width:141px; height:122px;margin-right:12px;margin-top:15px;margin-left:4px;float:left;border:1px #2e82e4 solid;}

.alldesignsbox{width:141px; height:122px;margin-right:12px;margin-top:15px;margin-left:4px;float:left;border:1px #2e82e4 solid;}

.latestdesignsbox:hover{border:1px #033374 solid;}
.latestprofilesbox:hover{border:1px #033374 solid;}

#featuredwork{width:330px;height:119px;margin-top:15px;}
#featuredworkinfo{
	background:#e3e9f4;
	height:139px;
	width:322px;
	border-top:1px #ffffff solid;
	padding:6px;
}

#bottombar{background-image:url(http://www.designmywebsite.com/images/bottombar.gif);background-repeat:repeat-x;height:42px;margin-top:20px;}

#marketplacelistings{width:334px;margin-top:15px;}

.marketplacelistinga{font-weight:bold;color:#212c60;padding-left:6px;padding-top:3px;padding-bottom:3px;width:328px; background:#e3e9f4;height:1.4em; line-height:1.4em;}
.marketplacelistingb{font-weight:bold;color:#212c60;padding-left:6px;padding-top:3px;padding-bottom:3px;width:328px; background:#c7d0e2;height:1.4em; line-height:1.4em;}

.marketplacelistinga:hover{color:#ffffff;background:#9da8bd;}
.marketplacelistingb:hover{color:#ffffff;background:#9da8bd;}

#promoboxleft{margin-top:15px;margin-left:15px;float:left;width:330px;}

#promoboxright{margin-top:15px;margin-left:35px;float:left;width:330px;}

#promoclear{clear:both;}

#featuredname{height:22px;background-image:url(http://www.designmywebsite.com/images/designername.gif);background-position:left;background-repeat:no-repeat;}
#featuredabout{margin-top:5px;height:22px;background-image:url(http://www.designmywebsite.com/images/aboutdesigner.gif);background-position:left;background-repeat:no-repeat;}
#featuredtext{margin-top:5px;margin-left:5px;color:#03369d;}

#loginsection{margin-top:5px;}

#usernamesection{height:28px;}

#passwordsection{height:28px;}

.loginname{padding-top:5px;height:15px;width:65px;float:left;}
.loginbox{height:20px;float:left;width:160px;}
.loginbox2{height:20px;float:left;width:160px;margin-top:3px;}
.loginclear{clear:both;}
.passwordbutton{float:left;width:71px;}
.loginbutton{margin-top:1px;float:left;width:71px;height:21px;background-image:url(http://www.designmywebsite.com/images/loginbuttona.gif)}
.loginbutton:hover{float:left;background-image:url(http://www.designmywebsite.com/images/loginbuttonb.gif)}

#bottomcontent{width:800px; margin:0px auto;height:15px;line-height:15px;padding:0px;padding-top:22px;}

.copyright{float:left; width:100px;}
.contactus{
margin-top:1px;
	color:#FFFFFF;
	font-size:0.8em;
	line-height:15px;
	width: 70px;
	margin-left: 670px;
}
/*--------------------------------
Main Navigation Setup
----------------------------------*/
ul{
margin:0 auto;
padding:0;
list-style:none;
width:450px;
}

ul li{
float:left;
margin-left:10px;
}

ul a{
display:block;
height:30px;
line-height:30px;
text-decoration:none;
background-repeat:no-repeat;
}

#designs {width: 85px; background: url(http://www.designmywebsite.com/images/nav_01.gif);}
#designers {width: 96px; background: url(http://www.designmywebsite.com/images/nav_03.gif);}
#marketplace {width: 76px; background: url(http://www.designmywebsite.com/images/nav_05.gif);}
#marketplacehold {width: 76px; }
#signup {width: 50px; background: url(http://www.designmywebsite.com/images/nav_07.gif);}
#login {width: 43px; background: url(http://www.designmywebsite.com/images/nav_09.png);}
#myaccount {width: 76px; background: url(http://www.designmywebsite.com/images/nav_acca.gif);}
#logout {width: 50px; background: url(http://www.designmywebsite.com/images/nav_outa.gif);}

#designs a:hover {background: url(http://www.designmywebsite.com/images/nav2_01.gif);padding-bottom:0px;}
#designers a:hover {background: url(http://www.designmywebsite.com/images/nav2_03.gif);padding-bottom:0px;}
#marketplace a:hover {background: url(http://www.designmywebsite.com/images/nav2_05.gif);padding-bottom:0px;}
#signup a:hover {background: url(http://www.designmywebsite.com/images/nav2_07.gif);padding-bottom:0px;}
#login a:hover {background: url(http://www.designmywebsite.com/images/nav2_09.png);padding-bottom:0px;}
#myaccount a:hover {background: url(http://www.designmywebsite.com/images/nav_accb.gif);padding-bottom:0px;}
#logout a:hover {background: url(http://www.designmywebsite.com/images/nav_outb.gif);padding-bottom:0px;}

#designs_stop {width: 85px; background: url(http://www.designmywebsite.com/images/nav2_01.gif);padding-bottom:0px;}
#designers_stop {width: 96px; background: url(http://www.designmywebsite.com/images/nav2_03.gif);padding-bottom:0px;}
#marketplace_stop {width: 76px; background: url(http://www.designmywebsite.com/images/nav2_05.gif);padding-bottom:0px;}
#signup_stop {width: 50px; background: url(http://www.designmywebsite.com/images/nav2_07.gif);padding-bottom:0px;}
#login_stop {width: 43px; background: url(http://www.designmywebsite.com/images/nav2_09.png);padding-bottom:0px;}
#myaccount_stop {width: 76px; background: url(http://www.designmywebsite.com/images/nav2_07.gif);padding-bottom:0px;}
#logout_stop {width: 50px; background: url(http://www.designmywebsite.com/images/nav2_09.png);padding-bottom:0px;}

form {	padding:0px;margin:0px;}

a.userlink:link, a.userlink:active, a.userlink:visited, a.userlink:hover { color:#227be2;text-decoration:none; }

a.itemleftsidelink:link, a.itemleftsidelink:active, a.itemleftsidelink:visited, a.itemleftsidelink:hover { color:#227be2;text-decoration:none; }


/*--------------------------------
SUBPAGE STUFF
----------------------------------*/


/*--------------------------------
Inner Navbar
----------------------------------*/

#inner_nav{
width:750px;
height:34px;
line-height:34px;
background-image:url(http://www.designmywebsite.com/images/inner_nav.gif);
background-repeat:no-repeat;
}

#innernavleft{float:left;margin-left:4px;margin-top:7px;}

#innernavright{float:left;padding-left:27px;margin-top:7px;}

#innernavclear{clear:both;}

.welcomenav{width:100px;height:20px;line-height:20px;float:left;color:#06396f;font-size:0.8em;font-weight:bold;margin-left:7px;}
.loggedinnav{width:75px;height:20px;line-height:20px;float:left;color:#06396f;font-size:0.8em;font-weight:bold;margin-left:7px;}
.usernamenav{width:50px;height:20px;line-height:20px;float:left;color:#227be2;font-size:0.8em;font-weight:bold;margin-left:3px;}
.usernamenav2{width:75px;height:20px;line-height:20px;float:left;color:#227be2;font-size:0.8em;font-weight:bold;margin-left:3px;}

.navicon{width:19px;height:20px;line-height:20px;float:left;margin-left:3px;}
.navmessages{width:72px;height:20px; line-height:20px;float:left;color:#06396f;font-size:0.8em;font-weight:bold;margin-left:3px;}
.navportfolio{width:88px;height:20px; line-height:20px;float:left;color:#06396f;font-size:0.8em;font-weight:bold;margin-left:3px;}
.navfriends{width:80px;height:20px; line-height:20px;float:left;color:#06396f;font-size:0.8em;font-weight:bold;margin-left:3px;}
.navfavourites{width:100px;height:20px; line-height:20px;float:left;color:#06396f;font-size:0.8em;font-weight:bold;margin-left:3px;}
.navprofile{width:75px;height:20px; line-height:20px;float:left;color:#06396f;font-size:0.8em;font-weight:bold;margin-left:3px;}
.navclear{clear:both;}

a:link {	color: #03369d;text-decoration:none;}
a:visited {	color: #03369d;text-decoration:none;}
a:hover {	color: #03369d;text-decoration:none;}
a:active {	color: #03369d;text-decoration:none;}

/*--------------------------------
Today Information / Tasks
----------------------------------*/

#todayinfo{margin-top:10px;margin-bottom:10px;color:#03369d;}

.todaylinks{width:315px;margin-top:5px;padding-top:2px;margin-left:10px}
.todayicon{float:left;width:21px;height:20px;line-height:20px; vertical-align:middle;}
.todaytask{float:left;width:280px;height:20px;margin-left:5px;color:#03369d;font-weight:bold;line-height:1.3em;font-size:1.0em;}
.todaylogout{float:left;width:21px;height:20px;line-height:20px; vertical-align:middle;}

#myawards{margin-top:10px;margin-bottom:10px;color:#03369d;font-weight:bold;margin-left:10px;}

#awardentry{margin-top:10px;margin-bottom:10px;color:#227be2;font-weight:bold;margin-left:10px;}


.awardinfo{width:315px;margin-top:5px;margin-left:10px}
.awardicon{float:left;width:21px;height:20px;line-height:20px; vertical-align:middle;}
.awardname{float:left;width:280px;height:20px;margin-left:5px;color:#03369d;font-weight:bold;line-height:1.3em;font-size:0.9em;}

.awardbuttons{width:315px;margin-top:10px;margin-left:10px}

.mydesignsboxes{margin-top:10px;margin-bottom:10px;width:325px;height:20px;margin-left:5px;color:#03369d;font-weight:bold;line-height:1.3em;font-size:1.0em;}

.marketplacejobsintro{margin-top:5px;margin-bottom:5px;width:325px;height:40px;margin-left:5px;color:#03369d;font-weight:bold;line-height:1.3em;font-size:1.0em;}

#marketplacefeeds{width:350px;margin-top:10px;}

.marketplacefeeda{font-size:0.9em;font-weight:bold;color:#03369d;padding-left:6px;padding-top:3px;padding-bottom:3px;width:350px; background:#e3e9f4;height:1.4em; line-height:1.4em;}
.marketplacefeedb{font-size:0.9em;font-weight:bold;color:#03369d;padding-left:6px;padding-top:3px;padding-bottom:3px;width:350px; background:#c7d0e2;height:1.4em; line-height:1.4em;}

.marketplacefeeda:hover{color:#ffffff;background:#9da8bd;}
.marketplacefeedb:hover{color:#ffffff;background:#9da8bd;}

.marketplacejobtitle{
	margin-left:5px;
	width:185px;
	float:left;
}
.marketplacemaintag{width:150px;float:left;font-weight:normal;}

.feedchanges{
	width:350px;
	height:1.4em;
	line-height:1.4em;
	margin-top:3px;
}
.feedchangeselections{
	padding-left:150px;
	width:140px;
	float:left;
	height:1.4em;
	line-height:1.4em;
	font-size:0.8em;
	color:#227be2;
	font-weight:bold;
}
.feedviewall{width:60px;float:left;height:1.4em; line-height:1.4em;font-size:0.8em;color:#03369d;font-weight:bold;}

.newdesigns_title{margin-top:5px;margin-bottom:2px;width:360px;height:20px;margin-left:5px;color:#03369d;font-weight:bold;line-height:1.3em;font-size:1.0em;}

.newdesigns_titlea{width:210px;float:left;height:1.4em; line-height:1.4em;color:#03369d;font-weight:bold;}
.newdesigns_titleb{width:140px;float:left;height:1.4em; line-height:1.4em;color:#bfcbe4;font-weight:bold;}

.newdesigns_boxes{width:365px;}

.newdesignsbox{width:80px; height:70px;margin-right:4px;margin-top:5px;margin-left:4px;float:left;border:1px #2e82e4 solid;}


#forumfeeds{width:350px;margin-top:10px;}

.forumfeeda{font-size:0.9em;font-weight:bold;color:#03369d;padding-left:6px;padding-top:3px;padding-bottom:3px;width:350px; background:#e3e9f4;height:1.4em; line-height:1.4em;}
.forumfeedb{font-size:0.9em;font-weight:bold;color:#03369d;padding-left:6px;padding-top:3px;padding-bottom:3px;width:350px; background:#c7d0e2;height:1.4em; line-height:1.4em;}

.forumfeeda:hover{color:#ffffff;background:#9da8bd;}
.forumfeedb:hover{color:#ffffff;background:#9da8bd;}

.forumtopic{
	margin-left:5px;
	width:185px;
	float:left;
}
.forumdate{width:150px;float:left;font-weight:normal;}

/*--------------------------------
portfolio item page
----------------------------------*/

#portfolioitemheader{margin-left:7px;margin-top:7px;background:#e3e9f4;width:715px;height:60px;}

#portfolioheaderleft{width:250px;float:left;}

#portfolioheaderight{
	width:320px;
	float:left;
	margin-left:130px;
	margin-top:14px;
	font-weight:bold;
	color:#002e84;
}

#itemleftside{display:inline;
padding:10px;
float:left;
width:308px;}

#itemrightside{display:inline;
padding:10px;
float:left;
width:355px;}

.ratingstitle{float:left;width:70px;height:20px;margin-top:8px;}
.ratingscontainer{
	float:left;
	width:220px;
}
.ratingsbox{float:left;width:39px;height:34px;cursor:pointer; }

.itemdesigntitle{padding-left:10px; padding-top:5px;font-size:1.3em;font-weight:bold;color:#002e84;}
.itemdesignuser{padding-left:10px; padding-top:5px;font-size:1.0em;font-weight:bold;color:#002e84;float:left}
.itemdesignusername{padding-left:5px; padding-top:5px;font-size:1.0em;font-weight:bold;color:#227be2;float:left}

.itemleftsidetitletop{padding-left:5px; padding-top:5px;font-size:1.0em;font-weight:bold;color:#002e84;}
.itemleftsidetitle{padding-left:5px; padding-top:15px;font-size:1.0em;font-weight:bold;color:#002e84;}
.itemleftsidecontent{padding-left:5px; padding-top:5px;font-size:1.0em;color:#227be2;}

.itemscreenshot{margin-top:5px;width:377px;height:275px;border:1px #70aaec solid;}

#enlargebox{width:85px;margin-left:295px;margin-top:5px;line-height:25px;height:25px;background-image:url(http://www.designmywebsite.com/images/enlarge.gif);background-position:right;background-repeat:no-repeat;font-size:0.9em;font-weight:bold;color:#227be2;}

.viewcommentstitle{margin-top:15px;width:377px;height:30px;background-image:url(http://www.designmywebsite.com/images/viewcomments.gif);background-repeat:no-repeat;}
.postcommentstitle{margin-top:15px;width:377px;height:30px;background-image:url(http://www.designmywebsite.com/images/postcomment.gif);background-repeat:no-repeat;}

.postcommentswrite{margin-top:5px;width:377px;}
.postcommentssubmit{margin-top:10px;width:377px;height:29px;}

.viewcommentsa{color:#0e3074;background:#c7d0e2;width:377px;font-size:0.7em;padding-top:8px;padding-bottom:5px;}
.viewcommentsb{color:#0e3074;background:#e3e9f4;width:377px;font-size:0.7em;border-top:1px #ffffff solid;padding-top:8px;padding-bottom:5px;}

.viewcommentsname{font-weight:bold;width:350px;margin-left:8px;}
.viewcommentscontent{margin-left:8px;margin-top:5px;margin-bottom:5px;width:360px;}

.otherdesignsbydesigner{margin-top:20px;width:280px;height:30px;background-image:url(http://www.designmywebsite.com/images/otherdesigns.gif);background-repeat:no-repeat;}

.otherdesigns_boxes{width:280px;margin-top:5px;margin-bottom:5px;}
.otherdesignsbox{width:80px; height:70px;margin-right:4px;margin-top:5px;margin-left:4px;float:left;border:1px #2e82e4 solid;}

#thumbBox{position: absolute;left: 0;top: 0;width: auto;padding: 0px;padding-bottom: 0;background: #FFFFFF;visibility: hidden;z-index: 10;cursor: hand;cursor: pointer;}
#thumbBox .footerbar{font: bold 16px Tahoma;line-height: 1.1em;color: #000000;padding: 5px 0;text-align: right;}
#thumbBox #thumbImage{ background-color: white;border:1px #70aaec solid;}
#thumbLoading{position: absolute;visibility: hidden;border: 1px solid black;background-color: #FFFFFF;padding: 0px;z-index: 5;}

.userdesigntitle{padding-left:10px; padding-top:5px;font-size:1.3em;font-weight:bold;color:#002e84;}
.userdesignuser{padding-left:10px; padding-top:5px;font-size:1.0em;font-weight:bold;color:#002e84;float:left}
.userdesignusername{padding-left:10px;padding-top:5px;font-size:1em;font-weight:bold;color:#227be2;float:left;}
#userheaderight{width:370px;float:left;margin-left:90px;font-weight:bold;color:#002e84;}
.userbuttons{float:left;width:180px;height:28px;margin-top:15px;}
.userdesignsbox{width:141px;height:122px;margin-right:25px;margin-top:5px;margin-left:4px;float:left;border:1px #2e82e4 solid;margin-bottom:8px;}
.userdesignsbox2{width:141px;height:152px;margin-right:25px;margin-top:5px;margin-left:4px;float:left;margin-bottom:8px;}
.userdesignsbox3{width:141px;height:122px;float:left;border:1px #2e82e4 solid;}
#userrightside{display:inline;padding:10px;float:left;width:345px;padding-left: 40px;}


/*--------------------------------
myportfolio page
---------------------------------*/

.logoboxportfolio{clear:both;width:200px;}
.portfoliobuttons{
	clear:both;
	width: 400px;
	padding-left: 60px;


}


#leftsidecontentportfolio{
display:inline;
padding:10px;
float:left;
width:225px;
}

.portfoliocontent{
	margin-top:5px;
	margin-bottom:10px;
	width:700px;
	margin-left:10px;
	color:#03369d;
	font-weight:bold;
	line-height:1.3em;
	font-size:1em;
}

.portfoliobutton{
	float:left;
	padding-right: 30px;
}


.portfoliocontentimages{
	margin-top:5px;
	margin-bottom:10px;
	width:700px;
	margin-left:10px;
	color:#03369d;
	font-weight:bold;
	line-height:1.3em;
	font-size:1em;
}