/*
Theme Name: Propeller
Theme URI: http://www.propeller.se/
Description: The Propeller theme, especially developed to work as a CMS for the Propeller website.
Version: 1.0
Author: Hugo Gnadeberg
Author URI: http://www.propeller.se/
Tags: rhodamine red, custom CMS, fixed width
*/


/* TYPOGRAPHY & COLORS */

html {height:101%;}

body {height:100%; background-color:#fff; color:#333; font-size:62.5%; font-family:Arial,Verdana,Sans-Serif; margin:0; padding:0;}

.trigger {font-size:1.1em;}

#page {text-align:left; font-size:1.2em;}

#header {text-align:left;}

#menubar {text-align:right; color:#e33490; font-size:1em; font-weight:bold;}

p {margin:0 0 7px 0; line-height:1.4em;}

.entry {font-size:1.1em;}

.smallentry {font-size:1em;}

.newsheader p {margin-bottom:0;}

.gallerycurrent p{color:#fff; font-size:0.9em; line-height:0.9em;}

.textcolumn p{margin-top:0; padding-top:0;}

.narrowcolumn .postmetadata {text-align:center;}

.alt {background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

#footer {font-size:1.2em;}

#footer p, #footer li {font-size:0.9em; margin:0;}

small {font-family:Arial,Verdana,Sans-Serif; font-size:0.9em; line-height:1.5em;}

h1, h2, h3, h4 {font-family:Arial,Verdana,Sans-Serif; color:#565656;}

h2, h3, h4 {font-weight:bold;}

h1 {font-size:1.8em; text-align:left; line-height:1.3em;}

h2 {font-size:1.2em; line-height:1.3em;}

#sidebar {font-family:Arial,Verdana,Sans-Serif; font-size:1em; font-weight:bold;}

#sidebar h2 {font-family:Arial,Verdana,Sans-Serif; font-size:1em;}

h3 {font-size:1.1em;}

h3.pagetitle {font-size:1.1em;}

small, #sidebar ul ul li, #sidebar ul ol li, .postmetadata, blockquote, strike {color:#777;}

code {font: 1.1em 'Courier New', Courier, Fixed; color:#999;}

acronym, abbr, span.caps{font-size: 0.9em; letter-spacing:.07em;}

a {color:#e33490; text-decoration:none; outline:none;}

a:hover {color: #a1a09b; text-decoration:none;}

h1 a, h2 a, h3 a, h4 a {color:#565656;}


/* menubar */

a.m_home, a.mc_home {display:block; float:left; width:189px; height:53px; background:url("images/m_home.gif") 0 0 no-repeat;}

a.mc_home {background:url("images/mc_home.gif");}

a.m_about, a.mc_about {display:block; float:left; width:189px; height:53px; background:url("images/m_about.gif") 0 0 no-repeat;}

a.mc_about {background:url("images/mc_about.gif");}

a.m_services, a.mc_services {display:block; float:left; width:267px; height:55px; background:url("images/m_services.gif") 0 0 no-repeat;}

a.mc_services {background:url("images/mc_services.gif");}

a.m_work, a.mc_work {display:block; float:left; width:167px; height:53px; background:url("images/m_work.gif") 0 0 no-repeat;}

a.mc_work {background:url("images/mc_work.gif");}

a.m_contact, a.mc_contact {display:block; float:left; width:247px; height:55px; background:url("images/m_contact.gif") 0 0 no-repeat;}

a.mc_contact {background:url("images/mc_contact.gif");}

a.m_home:hover, a.m_about:hover, a.m_work:hover, a.mc_home:hover, a.mc_about:hover, a.mc_work:hover {background-position:0 -53px;}

a.m_services:hover, a.m_contact:hover, .mc_services:hover, a.mc_contact:hover {background-position:0 -55px;}


a.m_home #here{background:url("images/mc_home.gif") 0 0 no-repeat;}

m_about #here{border:1px solid #00ff00; background:url("images/mc_about.gif") 0 0 no-repeat;}


a.m_ourclients {display:block; float:left; width:87px; height:16px; background:url("images/m_ourclients.gif") 0 0 no-repeat;}

a.mc_ourclients {display:block; float:left; width:87px; height:16px; background:url("images/mc_ourclients.gif") 0 0 no-repeat;}

a.m_fulllist {display:block; float:right; width:104px; height:16px; background:url("images/m_fulllist.gif") 0 0 no-repeat;}

a.m_backtowork {display:block; float:left; width:116px; height:16px; background:url("images/m_backtowork.gif") 0 0 no-repeat;}

a.n_back {display:block; float:left; width:16px; height:12px; margin-top:3px; background:url("images/n_back.gif") 0 0 no-repeat;}

a.n_next {display:block; float:left; width:16px; height:12px; margin-top:3px; background:url("images/n_next.gif") 0 0 no-repeat;}

a.n_up {display:block; float:left; width:12px; height:16px; background:url("images/n_up.gif") 0 0 no-repeat;}

.n_back a{display:block; float:right; width:16px; height:12px; margin-top:3px; background:url("images/n_back.gif") 0 0 no-repeat;}

.n_next a{display:block; float:right; width:16px; height:12px; margin-top:3px; margin-left:20px; background:url("images/n_next.gif") 0 0 no-repeat;}

.n_up a{display:block; float:right; width:12px; height:16px; background:url("images/n_up.gif") 0 0 no-repeat;}

a.m_ourclients:hover, a.mc_ourclients:hover, a.m_fulllist:hover {background-position:0 -16px;}

a.m_backtowork:hover {background-position:0 -16px;}


.n_back a:hover, .n_next a:hover{background-position:0 -12px;}

.n_up a:hover{background-position:0 -16px;}

.displace {display:none; overflow:hidden;}




/* wp_page_menu */

.menu {font-size:1em; line-height:1em;}

.menu a{color:#333; text-decoration:none;}

.menu ul li a{text-decoration:none; font-weight:bold;}

.menu ul li ul a{text-decoration:none; font-size:1em; font-weight:normal;}

/* .menu li.current_page_ancestor a{color:#6c6763;} */

.menu li.current_page_item a, .menu li li.current_page_item a{color:#e33490;}

.menu li.current_page_item li a {color:#333;}

.menu ul a:hover {color:#e33490; text-decoration:none;}

.menu ul li a:hover {color:#e33490; text-decoration:none;}


/* STRUCTURE */


div {margin:0; padding:0;}

img {margin:0; padding:0;}

object {margin:0 0 20px 0;}

#bgwrapper {width:940px; margin:0 auto; padding:0;}

#page {width:940px; background-color:#fff; margin:0; padding:0; float:left;}

#header {width:940px; margin:0; padding:40px 0 0 0; float:left;}

#headerimg {float:left; height:37px;}

#menubar {float:left; padding:0; margin-right:20px; width:293px;}

.submenu {float:left; margin:11px 0 12px 20px; clear:both;}

/* this is unhidden with js */
.trigger {padding:20px 20px 0 0; margin:0 0 0 0; float:right; position:relative; z-index:101; display:none;} 

.triggerimg {float:left; height:12px; width:12px; margin-right:7px; background:url("images/expand.gif") 0 0 no-repeat;}

.unhide {display:block;}

#content {width:940px; padding:40px 0 20px 0; margin:0; float:left;}

#singlecontent {width:940px; padding:0 0 40px 0; margin:0; float:left;}

/* this is unhidden with js */
.expandblock {width:940px; float:left; background-color:#fff; margin:0; clear:both; display:none;}

.logoblock {padding:20px 20px 20px 0;}

.logobox {float:left; width:153px; height:100px; overflow:hidden;}

.narrowcolumn {float:left; margin:0; padding:0 0 0 0; width:273px;}

.rightcolumn {float:right; margin:0 0 0 0; padding:0 20px 0 0; width:273px; overflow:hidden;}

.textcolumn {float:left; margin:0; padding:0; width:606px;}

.widecolumn {float:left; margin:0; padding:0; width:626px;}

.halfcolumn {float:left; margin:0 20px 0 0; width:450px;}

.fullcolumn {float:left; margin:0; padding:0 0 0 20px; width:940px;}

.tinycolumn {float:left; margin:0 20px 0 0; width:140px;}

.gallerycolumn {float:left; padding:0; margin:0; width:626px; overflow:hidden;}

.boxcolumn {float:left; margin:0 0 0 19px; padding:0; width:220px;}

.footercolumn {float:left; margin:0; padding:0; width:580px;}

.footerrightcolumn {float:right; margin:0; padding:0 20px 0 0; width:340px; overflow:hidden;}

.post {margin:0; padding:0 0 10px 0; float:left;}

.entry {margin:0; padding:0; float:left;}

.fullentry{margin:0; padding:0; overflow:hidden;}

.newspost {margin:0 0 30px 0; padding:0; /* border-top:1px solid #e9e7e0; */}

.newsheader {margin:0 0 7px 0; padding:0 0 1px 0; /* border-top:1px solid #e9e7e0; */}

.gallerypost {float:left; margin:0 20px 20px 0; padding:0; width:293px; height:181px; position:relative; color:#ccc;} /* needs position:relative because child div is position:absolute, otherwise won't work in WebKit  */

.gallerylabel {width:293px; height:40px; margin-top:142px; position:absolute; z-index:901; background-image:url('images/trans_70.png'); background-repeat:repeat; clear:both;}

.gallerycurrent {height:26px; width:89px; position:absolute; z-index:801; background-image:url('images/trans_progress.png'); background-repeat:none; clear:both;}

.gallerycurrent p{padding:6px 10px 0 10px; margin:0;}

.gallerypost small, .newspost small {display:block; padding:0 0 3px 0;}

.flashimage {float:left; height:368px; padding:0; border:0;}

.flashspace {float:left; width:100%; height:20px; padding:0; border:0; clear:both;}

.widecolumn .post {margin:0;}

.narrowcolumn .post {margin:0; padding:0 0 15px 0;}

.narrowcolumn .postmetadata {padding-top:5px;}

.widecolumn .postmetadata {margin:30px 0;}

.widecolumn .smallattachment {text-align:center; float:left; width:128px; margin:5px 5px 5px 0px;}

.widecolumn .attachment {text-align:center; margin:5px 0px;}

.postmetadata {clear:both;}

.clear {clear:both;}

#footer {float:left; width:940px; padding:20px 0 20px 0; margin:0;}

.breaker {height:1px; line-height:1px; margin:0; padding:0; clear:both;}

.breakerspace {height:7px; line-height:7px; margin:0; padding:0; clear:both;}

.breakertopspace {height:40px; line-height:40px; margin:0; padding:0; clear:both;}

.breakerbigspace {height:50px; line-height:50px; margin:0; padding:0; clear:both;}

.hr {height:2px; line-height:2px; background-color:#000; margin:0; padding:0; clear:both; overflow:hidden;}

.hr_w {height:2px; line-height:2px; background-color:#000; padding:0; margin-right:20px; clear:both; overflow:hidden;}

.newsbox {float:left; margin-top:0px;}

.fullnewsbox {float:left; width:407px; margin-top:5px;}

.newsimagebox {float:left; width:176px; margin-top:5px;}

.fullnewsimagebox {float:left; width:213px; margin-top:5px;}


/*    wp_page_menu    */

.menu {margin:0; padding:0; float:right;}

.menu ul {margin:0; padding:0;}

.menu li a{margin:0 0 5px 0; padding:0;}

.menu ul li {list-style-type:none; list-style-image:none; float:left; margin:0; padding:0 0 0 20px;}

.menu ul li a{display:block; margin:0 0 5px 0;}

.menu ul li ul {float:none; display:inline; margin:3px 0 0 0;}

.menu ul li ul li {float:none; margin:0; padding:0 0 2px 0;}

.menu ul li ul li a{display:block; margin:1px 0 0 0;}


/*.menu ul li li {display:none;}*/



/*  HEADINGS  */


h1 {margin:0 0 20px 0;}

h2 {margin:0 0 7px 0;}

h3 {margin:0 0 7px 0;}

h4 {margin:0 0 2px 0;}

#sidebar h2 {padding:0;}

.gallerypost h3 {color:#fff; margin:4px 0 0 10px; font-size:1em;}

.gallerypost a:hover h3{color:#e33490;}

.gallerypost small {font-size:0.9em; margin:0 0 0 10px; line-height:1.5em; color:#ccc;}

.newsheader h3 {margin:0; font-size:1.2em;}

.newsheader small {font-size:0.9em; margin-top:0;}

.newspost h2 {margin:0 0 2px 0; padding:0;}

.newspost small {margin:0; padding:0;}


/*  IMAGES  */

p img {padding:0; max-width:100%;}

img.centered {display:block; margin-left:auto; margin-right:auto;}

img.alignright {padding:0; margin:0 0 10px 0; display:inline;}

img.size-full {padding:0; margin:0 0 10px 0; display:block;}

img.alignleft {padding:0; margin:0 10px 10px 0; display:inline;}

img.alignnone {display:block;}

.alignright {float:right;}

.alignleft {float:left;}

.topimage {float:left; margin:0 0 0 20px; padding:0; border:0; overflow:hidden;}

.icon {margin:0 0 -4px 0; padding:0 4px; border:0; display:inline;}

.newsheader img {display:inline;}



/*  LISTS  */

ul, li {list-style-type:none; list-style-image:none;}

#menubar ul {margin:0; padding:0; list-style-type:none; list-style-image:none; line-height:15px;}

#menubar li {float:left; text-align:center; width:84px; margin:0 0 -1 0; display:block; padding:16px 0 11px 0;}

#menubar .current {background-image:url('images/tab.gif'); background-position:top left; background-repeat:no-repeat;}

#menubar .current a {color:#4c3e12;}

#menubar .current a:hover {color:#a1a09b;}


#sidebar ul li {list-style-type:none; list-style-image:none;}

#sidebar ul {padding:0 0 20px 0; margin:-3px 0 0 0;}

#sidebar li {padding:0 0 4px 0; margin:0;}

#sidebar .current_page_item a {color:#4c3e12;}

#sidebar .current_page_item a:hover {color:#a1a09b;}

#sidebar .current-cat a {color:#4c3e12;}

#sidebar .current-cat a:hover {color:#a1a09b;}




/* FORM ELEMENTS */


#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}


body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}


/* End Form Elements */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/


/* Gallery shortcode */

.gallery {margin:0; padding:0;}

.gallery-icon {margin:0; padding:0;}

.gallery-item {float:left; margin:0 0 10px 0; padding:0; text-align:left; width:100%;}

/* Captions */

.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.wp-caption {text-align:left; padding:0; margin:0;}

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

.wp-caption p.wp-caption-text {display:none;}

/* End captions */


/* HG */

.ttf {
	padding:0 0 5px 0; vertical-align:top;
}

.fmt{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
        color: #407be6;
	}