/*  ---- CUSTOM STYLES ----  */
/*  ---- note: this file should contain a comment or a rule, otherwise opera might act buggy ----  */
/*  ---- last modified: July, 2011, mixitproductions.com ----  */


/*  ---- MODIFY MAIN MENU BEHAVIOR: hide sub menus and display on hover ----  */

.main_menu .menu li ul{
display:none;
overflow: hidden;
}

.main_menu .menu li ul.showblock{
display:block;
}

.main_menu .menu li:hover > ul{
display:block;
}


/*  ---- RESTYLE BACKGROUNDS/BORDERS:  remove top border and padding; change outer background color from white to grey; change inner background color from white to grey and add a border ----  */

#header {
    border-top: 1px solid #f5f5f5;
}

.boxed {
    padding: 0;
}

html, body {
background-color: #f1f1f1;
}

.boxed 
#wrap_all {
    background-color: #f5f5f5;
    border: 1px solid #e7e7e7;
}



/*  ---- RESTYLE MAIN MENU: align main menu with logo, and fix width of main menu items; remove the dotted border under navigation;  ----  */
/*  ---- when adding and/or changing MAIN menu items, first create new menu item in admin panel, save, then preview page, find numeric menu ID by viewing source code ----  */
/*  ---- parr menu IDs :: 412=About, 411=Projects ---- */

/*  ---- main navigation styles ---- */

#header, #header a {
    color: #5a584d;
	text-decoration:none;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
}

#header a:hover {
	color:#a2a98b;
}


/*  ---- 407 = About ---- */
.main_menu
.menu-parr-menu-container
.menu 
#menu-item-407 {
    width: 75px;
}

.main_menu 
.menu-parr-menu-container
.menu 
#menu-item-407
.sub-menu li  {
    width: 75px;
	background-color:#a2a98b;
	border-top:#f5f5f5 1px solid;
}

.main_menu 
.menu-parr-menu-container
.menu 
#menu-item-407
.sub-menu li a {
     color:#f7f7f7;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size:13px;
	 font-weight:normal;
	 font-style:italic;
	 letter-spacing:normal;
	 padding: 6px 0 6px 8px;
}

.main_menu 
.menu-parr-menu-container
.menu 
#menu-item-407
.sub-menu li a:hover {
     background-color:#babda8; color:#ffffff;
}


/*  ---- 409 = Press ---- */

.main_menu
.menu-parr-menu-container
.menu 
#menu-item-409 {
    width: 75px;
}

.main_menu 
.menu-parr-menu-container
.menu 
#menu-item-409
.sub-menu li  {
    width: 75px;
	background-color:#a2a98b;
	border-top:#f5f5f5 1px solid;
}

.main_menu 
.menu-parr-menu-container
.menu 
#menu-item-409
.sub-menu li a {
     color:#f7f7f7;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size:13px;
	 font-weight:normal;
	 font-style:italic;
	 letter-spacing:normal;
	 padding: 6px 0 6px 8px;
}

.main_menu 
.menu-parr-menu-container
.menu 
#menu-item-409
.sub-menu li a:hover {
     background-color:#babda8; color:#ffffff;
}



/*  ---- 411 = Projects ---- */

.main_menu
.menu-parr-menu-container
.menu 
#menu-item-411 {
    width: 190px;
}

.main_menu 
.menu-parr-menu-container
.menu 
#menu-item-411
.sub-menu li  {
    width: 190px;
	background-color:#a2a98b;
	border-top:#f5f5f5 1px solid;
}

.main_menu 
.menu-parr-menu-container
.menu 
#menu-item-411
.sub-menu li a {
     color:#f7f7f7;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size:13px;
	 font-weight:normal;
	 font-style:italic;
	 letter-spacing:normal;
	 padding: 6px 0 6px 8px;
}

.main_menu 
.menu-parr-menu-container
.menu 
#menu-item-411
.sub-menu li a:hover {
     background-color:#babda8; color:#ffffff;
}


/*  ---- these two snippets draws submenus over content rather than bumping down content ---- */

.main_menu .menu {
		position: absolute;
		top: 58px;
		left: 515px;
		z-index: 1000;
}

#header 
.container {
    /* height:110px; uncomment this is you want a specific height for the header. otherwise it will adjust to the logo size*/
    background-image: none;
    padding: 0 0 40px;
	overflow:visible;
}



/*  ---- RESTYLE FONTS: resize base text, resize blockquotes (used for homepage tagline), remove white border on all callouts (like blockquotes)  ----  */

body {
    font: 14px/160% "Helvetica Neue",Helvetica,Arial,sans-serif;
}

blockquote {
    font-family:Georgia, 'Times New Roman', Times, serif; 
	font-weight:normal;
    font-size:22px; 
    font-style:italic;
    color: #5a584d;
    letter-spacing:1px; 
}

.callout {
    border: none;
}

/*  ----  page heads and subheads  ----  */

.special_heading_container .special_heading {
/*  background:none;   add this line to remove the graphic divider between head and subhead */
	 color:#5a584d;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 22px;
	 font-weight: normal;
	 font-style:italic;
	 text-transform: none;
	 letter-spacing: 1px;
	 word-spacing: 3px;
}

.left_heading.special_heading_container .subheading {
/*  background:none;   add this line to remove the graphic divider between head and subhead */
    padding-bottom: 35px;
}

.special_heading_container .subheading {
    background:none;   /* remove this line to add back the graphic divider between the head and subhead */
    color: #82826d;
    font-family: Georgia,"Times New Roman";
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 3px;
}

/*  ----  page h's etc.  ----  */

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #top .widgettitle, #top .widgettitle a {
    color: #5a584d;
}

h1, h2, h3, h4, h5, h6, legend, .sliderheading {
    font-weight: bold;
    line-height: 1.4em;
    position: relative;
}


/*  ----  RESTYLE CONTACT FORM: change input fields to white  ----  */

.text_input, textarea, select, #commentform input {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #eeeeee;
}


/*  -----  RESTYLE SLIDESHOW THUMBNAILS   -----  */

#top div .thumbnails_container {
    background:none;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

/*  -----  RESIZE LEFT/RIGHT COLUMNS ON PAGES ----  */

.content {
    width: 620px;
}


/*  -----  STYLE WIDGETS & SHORTCODES  -----  */

.widget_pages li {
	border-top:#ddd 1px solid;
	line-height:28px;
	}
	.widget_pages li:last-child {
	border-bottom:#ddd 1px solid;
	}

.widget_pages li a {
    color: #CC7347;
	font-size:11px;
}

.widget_pages li a:hover {
    color: #5f98e1;
	text-decoration:none;
}

.sidebar .widget {
    background:none;
}

.sidebar .textwidget {
    font: 14px/160% Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

.sidebar .textwidget a {
    color: #CC7347;
}

.sidebar .textwidget a:hover {
    color: #5f98e1;
	text-decoration:none;
}


.one_third {
    margin-bottom: 30px;
}

.one_third img {
	margin-bottom:0;
	padding-bottom:0;
}

.one_third address {
    font-size: 11px;
	font-weight:bold;
	font-style:normal;
}

.one_third h4 {
	margin-top:0;
	padding-top:0;
}

.one_third a {
    color: #CC7347;
	padding-top:0;
	margin-top:0;
}

.one_third a:hover {
    color: #5f98e1;
	text-decoration:none;
}

.one_third h4 a {
    color: #CC7347;
}

.one_third h4 a:hover {
    color: #5f98e1;
	text-decoration:none;
}

/*  ----  MISC STYLES:  

font-size: 11px;
-moz-border-radius: 15px;
-webkit-border-radius:15px;
border-radius:15px;
line-height: 26px;



----  */