Design Customization of the SharePoint 2010 Blog template

For our SharePoint 2010 intranet deployment we would like to adjust the standard style/rendering of the Blog and Blog Posts. The customizations are to be implemented for the standard Posts list in the Blog template. Very likely an XSL transform will be necessary for the job, so please only bid if you have done heavy design customizations before in SharePoint 2010 (or 2007). Experience with responsive design is an advantage. Our design supports jQuery, so you may use that as well. Technologies allowed: HTML5, CSS 2.1, jQuery, XSLT (as supported by SharePoint 2010) Similar designs: * Will be delivered at the beginning of the project Deliverables: * SharePoint Solution packaging, if possible, otherwise files and and location documentation Development Environment: Provided if needed Please submit an estimate for the project (time, as well as costs), including some general steps for the solution. Some examples of general steps would be: "Build test environment", "Create CSS mockup for step X" etc. ## Deliverables Requirements: * No scroll bars - when a blog post opens in a SharePoint modal dialog it should not have any scroll bars, but rather a shortened version of the text. * Pictures should only be linked in their "web" form when displayed in a modal dialog. SharePoint photo libraries automatically generate "web" versions of all photos (e.g. to get the "web" version for <http://blah/photolib/[login to view URL]> you need <http://blah/photolib/_w/[login to view URL]>, so just add _w automatically). * Pictures should be linked in their original form (without the _w added to the URL) when displayed in the regular browser view for a blog post * Clicking "more" below the summary of a blog posts should take the user to the respective page of the post (no modal dialog) * Clicking "comment" should open the comments for that post in a modal dialog, where the user can see other comments and post his/her own * These screen widths must be supported: 320px, 768px, 1024px, 1600px (the design should automatically change e.g. when resizing the browser window so that it fits) <!-- --> * Adjust standard styles (font, font size etc.) when editing a blog post * Heading 1: Calibri, 24pt * Heading 2: Calibri, 16pt * Body: Arial, 12pt