/*

THEME NAME: Thematic

THEME URI: http://themeshaper.com/thematic/

DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-down menus, grid-based layout samples, plugin integration, shortcodes for your footer, &amp; a whole lot more. Perfect for any blog and <strong><em>the</em></strong> starting point for theme development.

VERSION: 0.9.6.2

AUTHOR: Ian Stewart

AUTHOR URI: http://themeshaper.com/

TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats

.

The Thematic Theme is copyright Ian Stewart http://themeshaper.com/

This work, like WordPress, is released under GNU General Public License, version 2 (GPL).

http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

.

*/ 

@import url('library/styles/reset.css');

@import url('library/styles/typography.css');

@import url('library/styles/images.css');

@import url('library/styles/plugins.css');



/* -------------------------------------------------------------- */   

#client #photolist .multiple { width: 210px; float: left; margin: 0 20px 20px 0; position: relative; z-index: 8;  overflow: hidden; height: 280px; border: 1px solid #800000; padding: 3px; }
#client #photolist .multiple .title a { color: #fff; text-decoration: none; width: 220px; position: absolute; left: -3px; top: 235px; height: 30px; z-index: 10; text-align: center; font-size: 16px;  }
#client #photolist .multiple .style { background-color:#800000; width: 220px; position: absolute; left: -3px; top: 230px; height: 30px; z-index: 7; 
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter: alpha(opacity=50);
       opacity:.5; }
#client #photolist .multiple img { max-width: 210px; }
#client #photo { float: left; margin-right: 10px; width: 340px; }
#client #photo .multiple { width: 150px; float: left; margin: 0 10px 10px 0; overflow: hidden; max-height: 185px; border: 1px solid #800000; padding: 3px; }
#client #photo .multiple img { max-width: 150px; }
#client #photo .single { width: 300px; float: left; padding; 2px; margin: 0 10px 10px 0; border: 1px solid #800000; overflow: hidden; max-height: 450px; padding: 3px; }
#client #photo .single img { max-width: 300px; }

#client #info { float: left; width: 600px; }
#client #info h2 { margin: 0 0 10px 0; padding: 0 10px; background: #800000; color: #fff; text-transform: uppercase; }
#client #info .stats { float: left; width: 320px; }
#client #info .stats div { border-bottom: 1px solid #dadada; padding: 8px; line-height: 16px; }
#client #info .stats strong { width: 100px; }
#client #info .stats .experience { display: none; padding: 0px; }
#client #info .stats .experience h3 { padding-left: 8px; margin-top: 10px; background: #999999; color: #fff; text-transform: uppercase; }
#client #info .stats .experience ul { margin: 0px; padding: 0px; }
#client #info .stats .experience ul li { list-style: none; line-height: 20px; border-bottom: 1px solid #dadada; }
#client #info .action { float: right; width: 250px; }
#client #info .action .social { }
#client #info .action .links img { float: right; }
#client #info .action .links h3 { padding-left: 8px; margin-top: 10px; background: #999999; color: #fff; text-transform: uppercase; }
#client #info .action .links ul { margin: 0px; padding: 0px; }
#client #info .action .links ul li { padding-left: 10px; list-style: none; line-height: 25px; border-bottom: 1px solid #dadada; }
#client #info .action .links ul li.cart { font-weight: bold; }





.event .green { padding; 10px; text-align: center; border: 1px solid green; background: #D6FCD7; }

.event .red { padding; 10px; text-align: center; border: 1px solid red; background: #dadada; }

.entry-utility, .entry-meta, .cat-links, .meta-sep meta-sep-tag-links, .comments-link, .meta-sep meta-sep-edit { display: none; }

#comments { display: none; }



#client-search .SearchRow { padding: 10px 0; margin-top: 10px; border-top: 1px solid #dadada; } 

#client-search h2.search-again { padding-left: 8px; margin: 10px 0; background: #999999; color: #fff; text-transform: uppercase; }

#client-search .search-form td { padding-top: 5px; }



#content .navigation { display: none; }



#logged_not { min-height: 400px; padding-top: 150px; background: url(/wp-content/uploads/2010/08/notlogged.png) no-repeat; }

#logged_form { margin: 0px auto; padding: 10px 20px; width: 250px; background: #fff; border: 1px solid #800000; }

#logged_form h2 { padding-left: 8px; margin-bottom: 10px; background: #999999; color: #fff; text-transform: uppercase; }



#dashboard {} 

#dashboard h1 { font-size: 25px; height:22px; padding: 3px 0 0 10px; margin-bottom: 10px; background: #800000; color: #fff; text-transform: uppercase; }

#dashboard h2 { padding-left: 8px; margin: 10px 0; background: #999999; color: #fff; text-transform: uppercase; }

#dashboard .event { margin: 10px auto; border: 2px solid #800000; padding: 20px; text-align: center; width: 60%; }

#dashboard #activity { margin-right: 20px; float: left; width: 250px; }

#dashboard #search { margin-right: 20px; float: left; width: 450px; }

#dashboard #userinfo { float: left; width: 200px; }





#login h1 a { background:url(/wp-content/uploads/2010/08/adr_logo.png) no-repeat; height: 100px; }



body.login { }

#login form { padding: 20px 20px 40px 20px; }

#registerform, #loginform {background: #fff;}

#loginform  p {}

#loginform label{ font-family:georgia,"Times new Roman",serif; font-size:1.2em;}

#wp-submit{ }

#forgetmenot {}

#backtoblog a { background-color:#fff; }

#nav { background:url(/wp-content/uploads/2010/08/rbagency_credit1.png) no-repeat 0px 15px; height: 115px; }

.message{ }









/* -------------------------------------------------------------- */   



h1, h2, h3 { font-family: "Myriad Pro", "Century Gothic", Georgia; }

h1, .entry-title { font-size:24px; font-weight:bold; line-height:28px; padding:0 0 7px 0; }

h1 a, .entry-title a, h2 a { text-decoration:none; }

h1 a:active, .entry-title a:active, h2 a:active,

h1 a:hover, .entry-title a:hover, h2 a:hover { color: #FF4B33; }

h2 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

h3 { font-size: 18px; font-weight: bold; }

h4 { font-size: 15px; font-weight: bold; }

a, a:link, a:visited { color: #800000; }

a:hover { text-decoration: underline; color: #999999; }





body { min-width:980px; background: #4b4b4b; 

color:#2A2D2E; font-family: Century Gothic,Arial,Helvetica,sans-serif;

font-size:11px;

line-height:1.5em;

 }

#wrapper { width: 1000px; margin: 0px auto; padding: 0px; background: #fff url(/wp-content/uploads/2010/07/content-bg2.png) repeat-y top center; height: 100%; min-height: 700px; border-bottom: 2px solid #f16650; }

#header { padding: 0px 0px 0px 0px; position: relative; z-index: 5; }

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

#main { clear: both; margin:0 auto; overflow: hidden; position: relative; padding: 20px;  }



#container { width:590px; float:left; margin-top: 20px; }

#content { margin:0 0 0 30px; width:550px; overflow:hidden; }

.main-aside { width:200px; float:right; position:relative; right:10px; }

#primary { float: right; width:280px; }



#primary h3 { padding-left: 8px; margin-top: 10px; background: #999999; color: #fff; text-transform: uppercase; }

#primary ul { margin: 0px; padding: 0px; }

#primary ul li { padding-left: 10px; list-style: none; line-height: 25px; border-bottom: 1px solid #dadada; }



#secondary { clear:right; }



#splash { height: 260px; background: #000; }

#home .col1 { float: left; width: 260px; padding: 0px 0 10px 0;  }

#home .col1 .inner { width: 240px; height: 220px; overflow: auto; padding: 10px 10px 0px; }

#home .col3 .inner { width: 240px; height: 220px; overflow: auto; padding: 10px 10px 0px; }

#home .col2 { font-size: 14px; float: left; width: 430px; margin: 0px 5px; }

#home .col3 { float: left; width: 260px; padding: 0px 0 10px 0;  }

#home h1 { display: none; }

#home .col3 .address {  color: #800000; margin-top: 20px; }

#home .col3 h5 { margin: 10px 0px; text-align: center; }



#home .col1 .inner, #home .col3 .inner { border: 1px solid #dadada; -moz-border-radius: 5px; }

#home .col1 h3, #home .col3 h3 { font-size: 14px; text-transform: uppercase; padding: 5px 5px 0px 5px; background: #800000; color: #fff; }

#home .col1 h3 span, #home .col3 h3 span { text-transform: normal; font-size: 12px; }



#home .col1 .links { padding: 10px; }

#home .col1 .links h2 { margin-top: 10px; background: #800000; color: #fff; text-transform: uppercase; }

#home .col1 .links ul { margin: 0px; padding: 0px; }

#home .col1 .links ul li { list-style: none; line-height: 20px; border-bottom: 1px solid #800000; }





#menu { background: #999999; height: 23px; overflow:visible; z-index:100; width: 990px; margin: 0px auto; text-align: center; }

#menu .menu { margin-left: 160px; }

#menu ul { margin-left: 0; padding-left: 0; white-space: nowrap; }

#menu li { display: inline; list-style-type: none; }

#menu a { line-height: 17px; padding: 3px 20px; text-transform: uppercase; color: #f5c6c6; }

#menu a:link, #menu a:visited { color: #000; text-decoration: none; }

#menu a:hover { color: #8080C0; text-decoration: none; }

#menu .current_page_item a, #menu .current_page_ancestor a { font-weight: bold; color: #fff; }



#menusub { margin: 10px auto; width: 1000px; text-align: center; font-size: 10px; }

#menusub ul { margin-left: 0; padding-left: 0; white-space: nowrap; }

#menusub li { display: inline; list-style-type: none; }

#menusub a { padding: 2px 8px; text-transform: uppercase; }

#menusub a:link, #menusub a:visited { color: #fff; text-decoration: none; }

#menusub a:hover { color: #000; background-color: #fff; text-decoration: none; }



#contact-form {}

#contact-form input { border: 1px solid #962800; background: #dadada; margin:0 0 18px 0; }

#contact-form textarea { border: 1px solid #962800; background: #dadada; }

#contact-form .box { min-height: 25px; }

#contact-form label { float: left; width: 120px; font-weight: bold; }

#contact-form .form-submit { text-align:center; }

#submitbutton { margin-left: 120px; margin-top: 5px; width: 90px; border: 1px solid #962800; background: #B53B12;  color: #909090; cursor: pointer;  }



#footer { width: 1000px; margin: 10px auto; clear:both; }

#footer #siteinfo { margin-top: 10px; color: #0f0f0f; font-size: 10px; text-align: center; }

#footer #siteinfo a { color: #0f0f0f; text-decoration: none; }

#footer #siteinfo .credit { color: #c0c0c0; }

#footer #siteinfo .credit a { color: #c0c0c0; }

#footer .bbb { float: left; }

#footer .social { float: right; }



/* ---------------------------------------------- */   

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }

.sf-menu { line-height: 1.0; }

.sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }

.sf-menu ul li { width: 100%; }

.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.sf-menu li { float: left; position: relative; }

.sf-menu a { display: block; position: relative; }



.sf-menu li li { background: #c0c0c0; }

.sf-menu li li li { background: #dadada; }

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #fafafa; outline: 0; border-bottom-color:#ccc; }

.sf-menu ul { border-bottom:1px solid #ccc; }

.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:32px; /* overriding essential styles */ }

.sf-menu ul ul { margin-top:0; }

.sf-menu ul a { background: none; border-bottom:none; }

.sf-menu ul a:hover { color: #FF4B33; }





table {  margin:0 0 10px 0; text-align:left; }

table td { vertical-align: top; }

img { border: 0px; }

hr { border:0; color:#ffffff; height:1px; margin-bottom: 10px; }

p { margin-bottom:18px; }

ul { list-style: disc; }

ol { margin: 0 0 18px 2.5em; list-style-type: decimal; }

ol ol {	list-style: upper-alpha; }

ol ol ol { list-style: lower-roman; }

ol ol ol ol { list-style: lower-alpha; }

ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }

dl { margin:0 1.5em; }

dt { font-weight: bold; }

dd { margin-bottom:18px; }

strong { font-weight: bold; }

cite, em, i { font-style: italic; }

blockquote { margin: 0 3em; }

blockquote em, blockquote i, blockquote cite { font-style:italic; }

blockquote.pullquote { float: right; width: 220px; padding: 0px 0px 0px 10px; border-left: 1px solid #dadada; font-size: 18px; line-height: 150%; margin: 5px 0px 5px 15px; font-style: italic; }

blockquote.left { float: left; margin-left:0; margin-right:20px; text-align: right; width: 33%; }

blockquote.right { float: right; margin-left:20px; margin-right:0; text-align: left; width: 33%; }

pre { font: 11px Monaco, monospace; line-height:18px; margin-bottom:18px; }

code { display: block; font:11px Monaco, monospace; background: #dadada; border: 1px solid #c0c0c0; overflow: auto; width: 550px; margin: 5px 0px 5px 40px; padding: 2px 5px; overflow-x: scroll; max-height: 400px; white-space: nowrap; }

abbr, acronym { border-bottom:1px dotted #333; cursor: help; }

ins { text-decoration:none; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }

sup { bottom: 1ex; }

sub { top: .5ex; }

.clear { clear: both; }



.entry-content img { margin: 0 0 18px 0; max-width:100%;}

.alignleft, img.alignleft { float: left; margin-right:20px; }

.alignright, img.alignright { display: block; float: right; margin-left:20px; }

.aligncenter, img.aligncenter { margin-left:auto; margin-right:auto; display: block; clear: both; }

.wp-caption { text-align: center; margin-bottom:18px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { margin: 0; padding:5px; }

.gallery img { margin:0; }

.wp-smiley { /* Prevent the smileys from breaking line-height */ max-height:12px; margin:0 !important; }



.entry-meta { color:#666; font-size:13px; font-style:italic; line-height:18px;}

.entry-meta .n { font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase; }

.entry-meta a { color:#666; text-decoration:none; }

.entry-meta a:active, .entry-meta a:hover { color: #FF4B33; }

.entry-meta abbr { border:none; cursor:text; font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase; }

.entry-content { padding:5px 0 0 0;  text-align: justify; }

.entry-content table { margin-left:1px; }

.entry-content embed { margin:0 0 5px 0; }

.entry-utility { color:#666; font-size:13px; line-height:18px; margin:0 0 5px 0; }

.entry-utility a { color:#666; font-style:italic; text-decoration:none; }

.entry-utility a:active, .entry-utility a:hover { color: #FF4B33; }

ul#links-page, ul#archives-page { list-style:none; margin-left:0; overflow:hidden; }

li.content-column { float:left; margin-right:20px; width:45%; }

#author-info { margin:0 0 5px 0; overflow:hidden; }

#author-info .avatar { display: none; }

#mycontainer {

display: table;

width: 500px;

}



#row  {

display: table-row;

}



#left, #right, #middle {

display: table-cell;

}

#my2container {

    display: table;

	background-image:url("/wp-content/uploads/2010/08/backgr1.jpg");

	background-repeat:no-repeat;	

    }

.style1 {color: #330066}

.style2 {color: #330099}

.style4 {color: #990000}

.style6 {color: #000000}

.style8 {color: #990000; font-weight: bold; }

.style10 {color: #000000; font-style: italic; }