/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// CSS TWEETMINSTER ///////////////////////////////// */
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* RESET */
* { margin: 0; padding: 0; }

/* COVER ALL */
body {color: #666; font-size: 100%; font-family: georgia, serif; background: url('/images/tilingBG_pattern01.jpg');}

.white{color: #fff;}
.red{color:#ff3300;}
.colour_Labour{color:#d5160c;}
.colour_Conservative {color: #0087dc;}
.colour_Liberal_Democrat {color: #f1b902;}
.colour_Green_Party {color:#73a533;}
.orange {color: #ff6600;}
.maroon {color: #4d4141;}

/*div {border: 1px dotted #ff6600;}*/
br.clear {clear: both;}


/* OTHER */
label {display:block;}
.disabled{display: none;}


/* PAGE STYLES */ 
h1, h2, h3, h4 { color: #333; font-weight: normal; margin: 0 0 12px 0;}
h1 { font-size: 250% line-height: 2.5em;}
h2 { font-size: 200%; line-height: 2em;} 
h3 { font-size: 150%; line-height: 1.5em;}
h4 { font-size: 130%; line-height: 1.3em;}

div.partyStreamModule p {margin: 0 0 2px 0;}
div.partyStreamModuleOne span {font-size: 280%; float: left; padding: 12px; margin-right: 18px;}


p { font-size: 100%; margin: 0 0 15px 0; line-height: 1.5em;}
p.submit {margin: 0;}
p.tweetTitle {font-size: 120%; margin-top: 0; padding: 0;}
p.headerText {font-size:110%; font-stretch:condensed; font-weight:normal; line-height:1.2em;}
p.time {font-style: italic;}
p.tagCloudTitle {color: #999; line-height: 1em; margin: 0;}

div.searchResults p {margin: 0;}
.tweetLists span {color: #333;}

p.embeddedCode {color: #4d4141; font-style: italic;}
p.caption { font-size: x-small; font-style: italic; color: #333;}

/* IMAGES STYLES */ 
img { border: none; }
div.tweeters img {border: 5px solid #ccc; float: left;}
div.followUs img {border: 5px solid #ccc;}
#pageTitleAvatar img {margin-right: 6px;}
#footerLeft img {margin-right: 12px;}
div.tweetersModuleImgLeftside img { width: 48px; }
div.tweetersModuleImg img { width:100px; }

.tumblrEntries {}
.tumblrEntries img {margin: 0 0 18px 0;}

.apps img {border: 1px solid #ccc; float: right; margin-left: 18px;}

.tweetLists img {margin: 0 5px 0 1px; width: 15px; height: 15px;}



/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */









/* GENERAL LINKS*/
#introText a:link, #introText a:visited { color: #ffff00;}
#introText a:hover {color: #666; text-decoration: underline;}

a:link, a:visited { color: #ff6600; text-decoration: none; }
a:hover { text-decoration: none; color: #333;}

#nav a:link, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover { text-decoration: none; color: #666;}

#footerContent a:link, #footerContent a:visited { color: #fff; text-decoration: none; }
#footerContent a:hover { text-decoration: none; color: #666;}

a.link01:link,  a.link01:visited {font-size: 180%; color: #ff6600; text-decoration: underline;}
a.link01:hover {font-size: 180%; color: #666; text-decoration: none;}

a.name {color: #ff6600;}
a.name:hover {color: #666; text-decoration: underline;}

a.twitterLink {color: #006699;}
a.twitterLink:hover {color: #666; text-decoration: underline;}

#tweetMinster a:link, #tweetMinster a:visited { color: #ffff00;}
#tweetMinster a:hover {color: #666; text-decoration: underline;}

div.individualTag a:link, div.individualTag a:visited {color: #4d4141; text-decoration:none;}
div.individualTag a:hover {text-decoration: underline;}

#badge a:hover {color: #ccc;}

#viewByParty a {display: block; border: 1px solid #fff; background-color: #4d4141; margin-right: 3px; padding: 8px; width: 6em; float: left; height: 40px;}
#viewByParty a.tory:hover {display: block; border: 1px solid #fff; background-color: #0087dc; color: #fff; margin-right: 3px; padding: 8px; width: 6em; float: left; height: 40px;}
#viewByParty a.labour:hover {display: block; border: 1px solid #fff; background-color: #d5160c; color: #fff; margin-right: 3px; padding: 8px; width: 6em; float: left; height: 40px;}
#viewByParty a.libdem:hover {display: block; border: 1px solid #fff; background-color: #f1b902; color: #fff; margin-right: 3px; padding: 8px; width: 6em; float: left; height: 40px;}






/* LINK COLOURS */
.twitterLink {color: #006699;}
.party {color: #4d4141;}









/* NAVS  */
#nav { width: 934px; height: 51px; margin: 0 28px; text-align: left; background-image: url('/images/navBG.jpg'); background-repeat: no-repeat; }
#nav a.nd { display: none; }
#nav ul { margin: 0px; padding: 16px 0 0 20px; }
#nav li { list-style-type: none; display: inline; list-style:none; padding-right:18px;}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* LAYOUT DIVS */ 
#wrapper { margin: 0 auto; width: 990px; border-left: #999; border-right: #999; border-width: 0 1px 0 1px; border-style: none solid none solid; background-color: #2f2f2f;  } 
.content { width: 934px; margin: 0 28px; /*border: 1px solid #ff6600;*/ background-image: url('/images/contentBG.jpg'); background-repeat: repeat;}
#header { position: relative; width: 990px; }
#searchWholeSite {position: absolute; top: 192px; right: 50px;}
#introText {color: #fff; position: absolute; top: 110px; left: 45px; width: 500px;}

div.leftOfTwoCols {width: 400px; float: left;}
div.rightOfTwoCols {width: 400px; float: right;}

#headerImage{margin: 0 28px; }
#logo { float: left; } 

#badge {background-color: #4d4141; width: 208px; margin: -28px 0 0 588px; padding: 8px 18px; color: #fff; line-height: 1.6em;}
#pageTitle {float: left;}

div.individualTag {display: block; width: 804px; margin: 8px 8px 0px 0; padding: 18px; border: 1px dotted #ccc; float: left;}
div.searchResults {font-size: 80%; margin: 18px 0 0 0;}
div.searchFilters {}
div.filters {float: left; margin-right: 22px;}

div.apps {margin: 18px 0px;}
div.appsCopyAndPaste {float: right; margin: 0 0 18px 0px;}
div.appsCopyAndPasteContainer {padding: 0 0 0 18px; text-align: center; float: right; width: 300px;}


/* FORM components */
.textBox { border: 1px solid #ccc; height: 2em; vertical-align: middle; line-height: 2em; padding: 6px 6px; color: #666; margin: 12px 0;}
.findmp {display: block; border: none; background-color: transparent; font-family: georgia, sans-serif; color: #ff6600; font-size: 1.5em; width: 120px; margin: 0; padding: 0; }
.findmp:hover {cursor: pointer;}
a.findmp *.findmp {text-decoration: underline;}
a.findmp:hover *.findmp {text-decoration: none;}

.searchBox {font-family: georgia, serif; border: 1px solid #ccc; height: 16px; vertical-align: middle; color: #666; margin: 0px; padding: 6px; float: left;}
#searchWholeSite .findmp { display: block; height: 30px; vertical-align: middle; background-color: #333; color: #fff; margin-left: 3px; padding: 0; float: left; }
#searchWholeSite .findmp:hover {cursor: pointer;}
#searchWholeSite a.findmp *.findmp {text-decoration: none; font-size: 60%; }
#searchWholeSite a.findmp:hover *.findmp {color: #666; text-decoration: none;}

div.filters select {font-family: georgia, serif; width: 225px; background-color: #333; border: none; color: #ccc; height: 1.5em; font-size: 100%;}

#getCode {overflow: scroll; overflow-x: hidden; height: 200px; font-size: x-small; color: #333;border: 1px solid #ccc; margin: 0; padding:0;}





/* LISTS */
ol li {list-style-type: decimal; font-size: 100%; color: #666; margin: 0 0 15px 0; line-height: 1.5em; }

.partyStreamRest ol {margin: 0; padding: 0;}
.partyStreamRest ol li { font-size: 80%; list-style-type: decimal; list-style-position: inside; }

.partyBreakdown ol, .tweetLists ol{margin: 0; padding: 0;}
.tweetLists ol li {list-style-type: none;}

.tweetLists li { list-style-type: decimal; font-size: 100%; color: #666; margin: 0 0 15px 0; line-height: 1.5em; list-style-position: inside;}
.partyBreakdown li {list-style-type: decimal; padding-left: 12px; margin-left: 28px; font-size: 200%; color: #666; line-height: 1.5em; }

div.tweetersModule ul {}
div.tweetersModule li { display: inline; list-style:none; font-size: 120%;line-height: 1.6em;}

#footerContent ul {margin: 0; padding: 0;}
#footerContent li { font-size: 80%; list-style-type: none; display: inline; list-style:none; padding-right: 18px;}

div.followUs ul {margin: 0; padding:0 }
div.followUs li { display: inline; list-style: none; margin-right: 0px;}

div.searchResults ol li { list-style-type: default; list-style-position: inside; }

#viewByParty { margin: 18px 0 18px 0; padding: 0 0 18px 0; border-color: #CCC; border-width: 0 0 1px 0; border-style: solid; }
#viewByParty ul {}
#viewByParty ul li{ display: inline; list-style:none; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */








/* MODULES */
div.moduleFirst { width: 440px; background-image: url('/images/moduleHeaderBG.jpg'); background-repeat: no-repeat; background-color: #FFF; background-position: 0 0; float: left; margin: 0 0 18px 0; padding: 0;}
div.module { width: 440px; background-image: url('/images/moduleHeaderBG.jpg'); background-repeat: no-repeat; background-color: #FFF; background-position: 0 0; float: left; margin: 0 0 18px 0;}
/*#modulesContainer { width: 898px; margin: 0; clear: both; padding: 18px; border:1px dotted #ffff00}*/
#modulesContainer { width: 898px; margin: 0; clear: both; padding: 18px; }
#moduleLeftCol{float: left; width: 440px; margin: 0 18px 0 0;}
#moduleRightCol{float: left; width: 440px; margin: 0;}

.moduleTitle{font-size: 170%; color: #fff; margin: 18px 18px 28px 18px; float: left;} 
.rssIcon {float: right; margin: 18px 18px 28px 18px;}
.moduleBody {margin: 33px 0 18px 0; padding: 18px 28px 18px 28px; clear:both;}
.moduleBody p{color: #666;}

div.tweeters { /*border-bottom: #CCC; border-width: 0 0 1px 0; border-style: none none dotted none;*/ margin: 8px 0 0 0; }
div.modulePageWidth {width: 842px; background-color: #fff; margin: 0; padding: 28px;}
div.tweetersModule {margin: 18px 2px; width: 410px; float:left; }
div.tweetersModuleImgLeftside {float: left;}
div.tweetersModuleCopyLeftside { float: right; width: 344px; text-align: left; text-transform: inherit; }
div.tweetersModuleImg {float: left; }
div.tweetersModuleCopy { float: right; width: 288px; text-align: left; text-transform: inherit; }







/* PARTY PAGES */
div.partyStream {margin: 18px 0; padding: 0 0 8px 0; border-bottom: #ccc; border-width: 0 0 3px 0; border-style: none none solid none; }
div.partyStreamLatest {float: left;}
div.partyStreamRest {float:left; width: 520px;}
div.partyStreamModuleOne {width: 268px; font-size: 120%; margin-right: 28px;}
div.partyStreamModule {width: 525px; clear: left; font-size: 80%; margin: 0 0 8px 0; text-align: left;}

div.partyStreamListCol {float: left; width: 230px; margin-right: 28px;}






/* FOOTER */
#footer { width: 934px; background-color: #333; margin: 0 28px; }
#footerContent { padding: 28px 28px;}
#footer p {font-size: 80%; color: #fff;}
#footerLeft{float:left; width: 254px;}
#footerLeft img {float: left;}
#footerRight{ float: right; width: 600px;  border-left: 1px dotted #ccc; padding-left: 18px;}

/* TAGS */
a.tags:link, a.tags:visited {color: #666; text-decoration: none;}
a.tags:hover, a.tags:active{color: #666; text-decoration: underline;}